/* Generated by build-scope.mjs from public/app.css. Do not edit. */
body.lp .oc-real.oc-app{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg);color:var(--ink);font:14px/1.4 var(--font);font-feature-settings:"cv11","ss01"}
body.lp .oc-real .cal-wrap{padding-bottom:var(--pad)}
body.lp .modal.bk-done{opacity:1;transform:none}
body.lp main .modal.bk-done .modal-body h2{font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.3;text-wrap:wrap}
body.lp .oc-real .cal .cell.is-free{container-type:size}
@media (max-width:640px){
body.lp .oc-real .bar{position:relative;height:auto;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;padding-bottom:10px}
body.lp .oc-real .bar>.head-l{flex:1 1 calc(100% - 44px);min-width:0}
body.lp .oc-real .bar>.pop-wrap:last-child{order:1;margin-left:auto;align-self:flex-start}
body.lp .oc-real .bar>:not(.head-l):not(.pop-wrap:last-child){order:2}
body.lp .oc-real .bar>.grow{display:none}
body.lp .oc-real .head-l h1{font-size:17px;line-height:1.3;min-height:2lh;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
body.lp .oc-real .bar .ba-wrap,body.lp .oc-real .bar .cm-wrap,body.lp .oc-real .bar .set{margin-right:0}
body.lp .oc-real .bar .bk-btn,body.lp .oc-real .bar .set{min-height:40px;padding:0 8px;border-radius:10px}
body.lp .oc-real .bar .ba-btn{height:40px}
body.lp .oc-real .bar .help{width:32px;height:32px;position:relative}
body.lp .oc-real .bar .help::after{content:"";position:absolute;inset:-5px}
body.lp .oc-real .bar>.pop-wrap{position:static}
body.lp .oc-real .bar .helppop,body.lp .oc-real .bar .helppop.cmpop,body.lp .oc-real .bar .helppop.ba-pop{position:absolute;left:var(--pad);right:var(--pad);top:calc(100% + 8px);width:auto;transform-origin:top center}
body.lp .oc-real .bar .helppop.cmpop{max-height:min(60vh,520px)}
body.lp .oc-real .bar .book-off{flex:1 1 100%;max-width:none;margin:0;text-align:left;white-space:normal}
body.lp .oc-real .bar .signin{height:auto;min-height:40px;padding:8px 12px;margin:0;white-space:normal;line-height:1.35}
body.lp .oc-real .dock{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));transform:none;flex-wrap:wrap;gap:3px 6px;animation-name:dock-rise-m}
body.lp .oc-real .dock>.sep{display:none}
body.lp .oc-real .dock>.sep:not(.dview-sep){display:block;flex:0 0 100%;height:0;margin:0;background:none}
body.lp .oc-real .dock-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.lp .oc-real .dock button{height:40px}
body.lp .oc-real .dock .seg{flex:1 1 0;min-width:0}
body.lp .oc-real .dock .seg button{flex:1 1 auto;padding:0 3px}
body.lp .oc-real .dock .seg .pill{height:40px}
body.lp .oc-real .dock #copy{padding:0 10px}
body.lp .oc-real .dock .dv-arrow{width:28px}
body.lp .oc-real .dock .dv-label{padding:0 6px}
body.lp .oc-real .dock .link{flex:1 1 0;min-width:0;padding-left:12px}
body.lp .oc-real .dock .link .url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
body.lp .oc-real .dock .link .vo,body.lp .oc-real .dock .link .cp{flex:none}
body.lp .oc-real .dock .dsync-pop{bottom:calc(100% + 58px)}
body.lp .oc-real .cal-wrap{padding-bottom:calc(122px + env(safe-area-inset-bottom))}
body.lp .oc-real .toast{bottom:calc(124px + env(safe-area-inset-bottom))}
body.lp .oc-real .dur-pop input{font-size:16px}
body.lp .oc-real .st .btn,body.lp .oc-real .st .btn.sm,body.lp .oc-real .st .pf-upload,body.lp .oc-real .st .linkedit .btn{height:40px}
body.lp .oc-real .st .input,body.lp .oc-real .st .dd-btn,body.lp .oc-real .st .handle{height:40px;font-size:13px}
body.lp .oc-real .st .handle input{font-size:13px}
body.lp .oc-real .st .iconbtn,body.lp .oc-real .st .more,body.lp .oc-real .st .range .range-x{width:40px;height:40px}
body.lp .oc-real .st-x{width:40px;height:40px;top:8px;right:8px}
body.lp .oc-real .st .linkbtn,body.lp .oc-real .st .add-range,body.lp .oc-real .st .st-expand{display:inline-flex;align-items:center;min-height:40px}
body.lp .oc-real .st .ck{min-height:40px}
body.lp .oc-real .st .pf-choice{width:40px;height:40px}
body.lp .oc-real .st .pf-shuffle{height:40px;padding:0 12px}
body.lp .oc-real .st .bk-cancel,body.lp .oc-real .st .ba-off{height:40px}
body.lp .oc-real .st .dd-item{min-height:40px}
body.lp .oc-real .st .days-row{flex-wrap:wrap}
body.lp .oc-real .st .days-row>.rc{width:100%;align-items:stretch}
body.lp .oc-real .st .day-chips{width:100%}
body.lp .oc-real .st .day-chip{flex:1 1 0;min-width:0;height:40px;padding:0}
body.lp .oc-real .st .day-presets{gap:20px}
}
@media (max-width:520px){
body.lp .oc-real .bar .set{font-size:0;gap:0;min-width:40px;justify-content:center}
}
@media(max-width:640px){
body.lp .oc-real .bar #block-time,body.lp .oc-real .bar .bk-btn,body.lp .oc-real .bar .ba-btn{height:40px}
}
@media(max-width:640px){
body.lp .oc-real.is-blocking .dock .seg{justify-content:flex-start}
body.lp .oc-real.is-blocking .cal-wrap{padding-bottom:calc(122px + env(safe-area-inset-bottom))}
body.lp .oc-real.is-blocking .toast{bottom:calc(124px + env(safe-area-inset-bottom))}
}
@media(max-width:640px){
html:not(.opensoftware) body.lp .oc-real .cal-wrap{--pad:16px;--gut:40px}
body.lp .oc-real .calendar-actions{display:flex;flex:1 1 100%;align-items:center;gap:8px;padding:5px 4px;margin:-5px -4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
body.lp .oc-real .calendar-actions::-webkit-scrollbar{display:none}
body.lp .oc-real .calendar-actions>*{flex:none}
body.lp .oc-real .calendar-actions>.pop-wrap{position:static}
}
@media(max-width:640px){
body.lp .oc-real .st .pf-actions .pf-shuffle{width:40px;min-width:40px;padding:0;justify-content:center}
}
@media(max-width:640px){
body.lp .oc-real .head-l h1{min-height:0}
body.lp .oc-real .calendar-actions .ba-wrap{margin-left:auto}
}
@media(max-width:640px){
body.lp .oc-real .bar>.pop-wrap:has(>#help){display:none}
}
@media(max-width:640px){
body.lp .oc-real .calendar-actions{gap:6px}
body.lp .oc-real .calendar-actions .bk-btn,body.lp .oc-real .calendar-actions .ba-btn,body.lp .oc-real .calendar-actions #block-time{height:36px;min-height:36px;padding:0 7px;font-size:12px;gap:5px}
body.lp .oc-real .calendar-actions .bk-btn svg,body.lp .oc-real .calendar-actions .ba-btn svg,body.lp .oc-real .calendar-actions #block-time svg{width:14px;height:14px}
}
@media(max-width:640px){
body.lp .oc-real .dur-pop{width:224px}
body.lp .oc-real .dur-pop .custom-row input{min-width:0;width:0;font-size:13px}
}
@media(max-width:640px){
body.lp .oc-real .dock .dview{flex:0 1 auto;min-width:0;max-width:calc(100% - 176px);margin-right:-4px}
body.lp .oc-real .dock .dv-label{min-width:0}
body.lp .oc-real .dock .dv-range{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.lp .oc-real .dock .seg{flex:1 0 auto}
}
@media(max-width:640px){
body.lp .oc-real .dock .dv-arrow,body.lp .oc-real .dock .dv-label svg{flex:none}
}
@media(max-width:640px){
body.lp .oc-real .cal.is-month .m-head,body.lp .oc-real .cal.is-month .m-grid{margin-left:0}
}
@media(max-width:640px){
body.lp .oc-real .cal.is-month .m-grid{grid-template-rows:repeat(var(--weeks,5),minmax(132px,1fr))}
body.lp .oc-real .cal.is-month .m-slot{padding:2px 4px;line-height:13px;flex:none}
body.lp .oc-real .cal.is-month .m-slot>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
body.lp .oc-real .head-l.solo h1{font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.3;min-height:0}
body.lp .oc-real .bar .ba-btn{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;gap:0;justify-content:center}
body.lp .oc-real .bar #block-time{width:auto;height:36px;min-height:36px;padding:0 12px;gap:7px;white-space:nowrap}
body.lp .oc-real :is(button,a,.row,.cal-row,.cl-row,.bk-row,.pf-choice,.cell){transition:none}
@media (hover: hover) and (pointer: fine){
body.lp .oc-real :is(.btn,.chip,.pf-choice,.cell):hover{transform:none;}
}
body.lp .oc-real .cell.is-free:hover{box-shadow:none}
body.lp .oc-real :is(.btn,.bk-cancel,.ba-btn,.c-today,.ba-off,.help,.modal-x,.st-x,.day-chip,.chip.custom,.bar .cm-btn){transition:background-color .15s ease,color .15s ease}
body.lp .oc-real :is(.btn,.ba-btn,.c-today,.ba-off,.help,.modal-x,.st-x,.day-chip,.chip.custom,.bar .cm-btn):not(:disabled):hover{background:#f0f2f5}
body.lp .oc-real :is(.btn.dark,.st .day-chip[aria-pressed=true]):not(:disabled):hover{background:linear-gradient(180deg,#5b8cff,#4178ff);color:#fff}
body.lp .oc-real .bk-cancel:not(.bk-keep):not(:disabled):hover{background:#b92328;color:#fff}
body.lp .oc-real .bk-cancel.bk-keep:hover{background:#f0f2f5;color:var(--ink)}
body.lp .oc-real .cal .cell.is-free:not(.is-picked){background:var(--primary-grad);box-shadow:var(--elev-primary)}
body.lp .oc-real .cal .cell.is-free:not(.is-picked):hover{background:linear-gradient(180deg,#5b8cff,#4178ff);box-shadow:var(--elev-primary)}
body.lp .oc-real .cal .cell.is-busy:not(.is-picked){background:linear-gradient(180deg,#f7f8fa,#f0f2f5);box-shadow:var(--elev-1)}
body.lp .oc-real .cal .cell.is-busy:not(.is-picked):hover{background:#e9ebef;box-shadow:var(--elev-1)}
body.lp .oc-real .cal .cell.is-solo:not(.is-picked){box-shadow:var(--elev-1)}
body.lp .oc-real .cell .ghost{background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.22));box-shadow:var(--elev-1)}
body.lp .oc-real .block-form>.btn.dark{background:linear-gradient(180deg,#b86a0b,#9d5606);box-shadow:inset 0 1px 0 rgb(255 255 255 / .28),0 0 0 1px rgb(184 106 11 / .9),0 1px 2px rgb(184 106 11 / .3),0 4px 10px -2px rgb(184 106 11 / .35)}
body.lp .oc-real .block-form>.btn.dark:not(:disabled):hover{background:linear-gradient(180deg,#c47818,#ae630d)}
body.lp .oc-real .st .range-chip.chip,body.lp .oc-real .st .range-chip.chip:hover{color:var(--free);background:var(--raise-grad);box-shadow:var(--elev-1)}
body.lp .oc-real .st .range-chip>.time-range>.dd-btn,body.lp .oc-real .st .range-chip>.time-range>.dd-btn:hover{border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--free)}
body.lp .oc-real .st .range-chip>.range-x{color:var(--free)}
body.lp .oc-real .st .range-chip>.range-x:hover{color:var(--free);background:#edf2ff}
body.lp .oc-real .st .hours-group-tabs .btn:is([aria-selected=true],[aria-pressed=true]){color:var(--free)}
body.lp .oc-real .bar #block-revert{width:auto;height:36px;min-height:36px;padding:0 12px;gap:7px;white-space:nowrap}
body.lp .oc-real .bar #block-revert:not(:disabled):hover{background:#ffe7e8;color:#a9232a}
@media(max-width:640px){
body.lp .oc-real .calendar-actions #block-revert{padding:0 7px;font-size:12px;gap:5px}
body.lp .oc-real .calendar-actions #block-revert svg{width:14px;height:14px}
}