:root{color-scheme:light;--bg:#f5f4f1;--surface:#fff;--surface-2:#f0efec;--text:#252b30;--muted:#697277;--line:#e1e3e2;--accent:#376f78;--accent-soft:#e5eff0;--danger:#a5363e;--shadow:0 18px 65px #192a3415;--radius:14px}
:root[data-theme=dark]{color-scheme:dark;--bg:#111519;--surface:#1a2025;--surface-2:#242b31;--text:#eef0f1;--muted:#a2acb3;--line:#333c43;--accent:#87bec6;--accent-soft:#243a41;--danger:#f19ca1;--shadow:0 18px 65px #0005}
*{box-sizing:border-box}html{height:100%;background:var(--bg)}body{height:100%;min-height:100dvh;margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:9px 14px;cursor:pointer;line-height:1.35;transition:background .12s,border-color .12s}button:hover{background:var(--surface-2)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button.primary,.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:650}button.primary:hover{filter:brightness(.95)}button.quiet{background:transparent;border-color:transparent}a{color:var(--accent);text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:8px;border-color:transparent;background:transparent;flex-shrink:0}.icon-button.small{width:28px;height:28px;padding:5px}.icon-button.small svg{width:17px;height:17px}.selected{background:var(--surface)!important;color:var(--text)!important;box-shadow:0 2px 6px #00000010}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--accent);margin-bottom:8px}.version{font-size:12px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.18;letter-spacing:-.035em;margin-bottom:12px}h2{font-size:22px;line-height:1.25;letter-spacing:-.02em;margin-bottom:12px}h3{font-size:15px;margin:14px 0 10px}p{margin-bottom:16px}.app-header{flex-shrink:0;display:flex;align-items:center;gap:24px;height:calc(76px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left));background:var(--bg);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);white-space:nowrap;flex-shrink:0}.brand-symbol{width:43px;height:43px;display:inline-block}.brand-symbol img{display:block;width:100%;height:100%;object-fit:contain}.brand-type{font-size:21px;font-weight:400;letter-spacing:-.045em}.brand-type strong{font-weight:700}.logo-dark{display:none!important}[data-theme=dark] .logo-light{display:none!important}[data-theme=dark] .logo-dark{display:block!important}.main-nav{display:flex;align-items:center;gap:4px}.nav-button{border:0;background:transparent;color:var(--muted);padding:9px 13px;font-weight:600}.nav-button.active{color:var(--text);background:var(--surface-2)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.account-button{border-radius:50%;background:var(--surface);font-size:12px;font-weight:700;width:35px;height:35px;padding:0}#app{flex:1;min-height:0}.planner{display:flex;flex-direction:column;padding:0 24px max(10px,env(safe-area-inset-bottom))}.planner-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0 8px;flex-shrink:0}.period-controls{display:flex;align-items:center;gap:6px;min-width:0}.period-controls h1{font-size:21px;margin:0;line-height:1.3;white-space:nowrap}.period-dates{font-size:15px;font-weight:450;letter-spacing:0;color:var(--muted);padding-left:10px}.view-controls{display:flex;align-items:center;gap:10px}.segmented{display:flex;background:var(--surface-2);border-radius:10px;padding:3px;gap:1px}.segmented button{border:0;background:transparent;padding:7px 13px;font-size:13px;color:var(--muted)}.planner-subtools{display:flex;align-items:center;gap:18px;min-height:43px;padding-bottom:10px;flex-shrink:0}.date-control{display:flex!important;align-items:center;gap:9px!important;font-size:12px;color:var(--muted)}.date-control input{padding:3px 7px!important;min-height:29px!important;background:transparent!important;width:136px;font-size:13px!important}.save-state{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.add-project{margin-left:auto;font-size:13px}.board-scroll{flex:1;min-height:210px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);isolation:isolate;overscroll-behavior:contain;scrollbar-color:var(--line) transparent;scrollbar-width:thin}.planning-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px}.planning-table .project-column{width:240px}.planning-table th,.planning-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top;text-align:left;background:var(--surface)}.planning-table tr>*:last-child{border-right:0}.planning-table th{font-weight:500}.planning-table thead th{position:sticky;top:0;z-index:7;padding:12px 10px;background:var(--surface);border-bottom:1px solid var(--line);min-height:74px}.planning-table .corner{left:0;z-index:9;padding:18px 18px 12px}.corner span{display:block;font-size:12px;font-weight:650}.corner small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:4px}.day-head .day-link{border:0;padding:0;background:transparent;display:flex;align-items:center;gap:7px}.day-link span{color:var(--muted);font-size:11px}.day-link strong{font-size:15px;font-weight:650}.day-link{border:0;background:transparent;padding:0;font-size:13px;font-weight:600}.is-today.day-head{box-shadow:inset 0 3px var(--accent);background:var(--accent-soft)}.is-today.day-head .day-link strong{color:var(--accent)}.calendar-label{display:block;font-size:10px;color:var(--accent);line-height:1.3;margin-top:4px;white-space:normal;overflow-wrap:anywhere}.calendar-label.holiday,.calendar-label.company{color:var(--danger)}.week-label{display:block;font-size:10px;color:var(--muted)}.row-label{position:sticky;left:0;z-index:3;padding:12px 15px 12px 19px;box-shadow:inset 4px 0 var(--category,var(--line));line-height:1.35}.row-label button{display:block;width:100%;border:0;background:transparent;padding:0;text-align:left}.row-label strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.row-label small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:5px}.category-name{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:5px}.planning-table td{padding:5px;min-height:44px}.chip-stack{display:flex;flex-direction:column;gap:4px;min-height:35px;padding:2px}.chip{display:flex;align-items:center;gap:7px;width:100%;padding:6px 8px;min-height:30px;border:1px solid color-mix(in srgb,var(--person) 55%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--person) 30%,var(--surface));color:var(--text);text-align:left;font-size:12px;font-weight:550;line-height:1.2;box-shadow:0 1px 2px #00000004;touch-action:none;user-select:none;-webkit-user-select:none}.chip:hover{background:color-mix(in srgb,var(--person) 35%,var(--surface));border-color:var(--person)}.chip[draggable=true]{cursor:grab}.chip:active{cursor:grabbing}.chip-name{min-width:0;overflow-wrap:anywhere}.chip small{font-size:8px;font-weight:700;padding:3px 3px;margin-left:auto;flex-shrink:0;background:var(--surface);border-radius:3px;color:var(--muted)}.chip-dot,.list-dot{display:inline-block;background:var(--person);width:7px;height:7px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #00000010}.chip.own{outline:2px solid var(--accent);outline-offset:0}.chip.own .chip-name{font-weight:750}.section-row th,.section-row td{background:var(--surface-2);padding:10px 17px;font-size:11px;color:var(--muted);font-weight:600}.section-row th{position:sticky;left:0;z-index:4}.absence-row .row-label{padding-top:13px;padding-bottom:13px}.work-closed{background:repeating-linear-gradient(135deg,var(--surface),var(--surface) 8px,var(--surface-2) 8px,var(--surface-2) 9px)!important}.planning-table tfoot td,.planning-table tfoot th{position:sticky;bottom:0;z-index:5;background:var(--surface-2);border-top:2px solid var(--line);border-bottom:0;box-shadow:0 -8px 15px #00000004}.planning-table tfoot th{left:0;z-index:8;padding:15px 18px;font-size:12px}.pool-label strong,.pool-label small{display:block}.pool-label small{color:var(--muted);font-weight:400;font-size:10px;margin-top:5px}.pool-stack{max-height:160px;min-height:30px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:2px;scrollbar-width:thin}.pool-count{font-size:9px;color:var(--muted);margin:3px 4px 6px}.pool-stack .chip{flex-shrink:0}.drop-over{box-shadow:inset 0 0 0 2px var(--accent)!important;background:var(--accent-soft)!important}.drop-invalid{box-shadow:inset 0 0 0 2px var(--danger)!important}.drag-source{opacity:.4}.touch-ghost{position:fixed;z-index:99999;pointer-events:none;box-shadow:var(--shadow);opacity:.94;transform:rotate(-2deg)}.plan-footer{flex-shrink:0;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:var(--muted);padding:9px 2px 0}.empty-row{padding:20px!important;color:var(--muted)}.month-grid .chip{padding:5px;gap:4px;font-size:10px;min-height:26px}.month-grid .day-head{padding:10px 7px}.month-grid .day-link{flex-wrap:wrap;gap:2px}.month-grid .day-link strong{font-size:12px}.month-grid .calendar-label{font-size:9px}.year-grid table{min-width:1180px}.year-grid .planning-table thead th{padding-top:17px;padding-bottom:17px}.year-grid .row-label{padding-top:14px;padding-bottom:14px}.year-grid td{padding:6px 3px;vertical-align:middle}.month-value{display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;background:transparent;width:100%;padding:9px 0;min-height:44px}.month-value strong{font-size:14px}.month-value span{font-size:8px;color:var(--muted)}.month-value.has-value{background:color-mix(in srgb,var(--category) 25%,var(--surface));border-radius:6px}.free-total{text-align:center!important;padding:15px 3px!important;color:var(--accent);font-size:14px;font-weight:700}
.manage{overflow-y:auto;padding:28px max(24px,calc((100vw - 1280px)/2)) 40px}.manage-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.manage-heading h1{margin:0}.manage-tabs{display:flex;gap:4px;overflow-x:auto;background:var(--surface-2);border-radius:11px;padding:4px;margin-bottom:24px;scrollbar-width:thin}.manage-tabs button{white-space:nowrap;background:transparent;border:0;color:var(--muted);font-size:13px;padding:9px 12px}.manage-panel{min-height:250px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.section-heading h2{margin-bottom:6px}.section-heading p{max-width:780px;font-size:13px;margin-bottom:0}.section-heading>button{flex-shrink:0}.admin-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.admin-row{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;display:flex;align-items:center;gap:15px;text-align:left;padding:17px 19px}.admin-row:last-child{border-bottom:0}.admin-row .list-dot{width:12px;height:12px}.row-main{display:flex;flex-direction:column;gap:4px;min-width:0}.row-main strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.row-main small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.edit-label{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}.edit-label svg{width:15px;height:15px}.badge{font-size:10px;padding:3px 8px;border-radius:30px;color:var(--muted);background:var(--surface-2);margin-left:auto}.panel{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:20px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.system-grid .panel{min-width:0}.changelog{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:24px}.changelog p{font-size:12px;color:var(--muted);margin:5px 0}.backup-list{margin-top:25px}.backup-row{padding:13px 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;align-items:center}.backup-row strong{font-size:12px;font-weight:500}.backup-row small{font-size:10px;color:var(--muted);margin-left:auto}.backup-row .button-row{width:100%;gap:0}.backup-row button{font-size:11px;padding:4px 9px}.template-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;margin-bottom:25px}.template-list{border:1px solid var(--line);border-radius:12px;background:var(--surface);max-height:500px;overflow-y:auto}.template-row{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid var(--line);font-size:12px}.template-row:last-child{border:0}.template-row strong{font-weight:550;display:block}.template-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.template-row input{width:16px!important;min-height:16px!important}.template-row>span:last-child{min-width:0;overflow-wrap:anywhere}
label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:550;margin:0;min-width:0}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:10px 11px;border-radius:8px;font-size:14px;line-height:1.4;min-height:41px}textarea{resize:vertical}input[type=color]{height:42px;padding:5px}input[type=file]{font-size:12px;padding:9px}input[type=checkbox]{width:15px;min-height:15px;height:15px;margin:0;accent-color:var(--accent);flex-shrink:0}.check{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px;font-weight:450;cursor:pointer}.check.small{font-size:11px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:10px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.span-2{grid-column:1/-1}form>label{margin-bottom:18px}form>button[type=submit]{margin-top:6px}form>.muted{margin-top:12px}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.push-right{margin-left:auto}.danger{color:var(--danger)!important}.danger-button{color:var(--surface);background:var(--danger);border-color:var(--danger)}.notice{padding:15px 18px;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;margin-bottom:20px;font-size:12px}.notice p{margin:8px 0 0}.notice.error{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 6%,var(--surface))}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.loading{padding:70px 25px;text-align:center;color:var(--muted)}.empty{padding:clamp(30px,8vw,90px) 20px;max-width:650px;margin:0 auto;text-align:center}.empty p{color:var(--muted);font-size:14px}.empty .button-row{justify-content:center}.empty-small{padding:40px 20px;color:var(--muted);text-align:center}.login{width:min(410px,calc(100% - 44px));margin:clamp(45px,10vh,105px) auto 30px}.login h1{font-size:36px;line-height:1.12}.login>p.muted{margin-bottom:35px}.login form>button{width:100%;margin-top:10px;padding:13px}.login form label{margin-bottom:18px}.login .version{margin-top:26px}.setup{width:min(750px,calc(100% - 40px));margin:30px auto 70px}.setup-brand{margin-bottom:35px}.setup h1{font-size:36px}.setup .checks{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;margin:20px 0}.checks>span{background:var(--surface);padding:7px 10px;border-radius:7px}.checks .ok{color:var(--accent)}.checks .bad{color:var(--danger)}.setup>.muted{font-size:15px}.setup .panel h2{font-size:19px}.setup button.primary{width:100%;padding:13px}.setup .small{margin-top:15px}
dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:0;width:min(540px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:90dvh;overflow:auto;box-shadow:var(--shadow)}dialog:has(.wide){width:min(820px,calc(100% - 32px))}dialog::backdrop{background:#050c1559;backdrop-filter:blur(5px)}.modal-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px;border-bottom:1px solid var(--line);background:var(--surface)}.modal-head h2{font-size:18px;margin:0}.modal-body{padding:22px}.modal-actions{display:flex;align-items:center;gap:10px;margin-top:26px}.modal-body form>label{margin-bottom:17px}.schedule-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.schedule-fields select{font-size:12px;padding:9px 7px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--surface-2);padding:5px;border-radius:11px;margin-bottom:16px}.theme-options button{border:0;background:transparent;padding:15px 4px}.account-menu{display:flex;flex-direction:column;gap:10px}#toast{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:min(560px,calc(100vw - 30px));padding:13px 20px;border:1px solid var(--line);border-radius:11px;background:var(--text);color:var(--bg);box-shadow:var(--shadow);z-index:999999;font-size:13px;text-align:center}#toast.error{background:var(--surface);color:var(--danger);border-color:var(--danger)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(max-width:1100px){.planner-tools{flex-wrap:wrap;gap:10px;padding-top:14px}.period-dates{font-size:13px}.period-controls h1{font-size:19px}.view-controls{margin-left:auto}.manage-tabs button{font-size:12px;padding:8px 10px}.planning-table .project-column{width:210px}.system-grid{gap:16px}}
@media(max-width:650px){.app-header{height:calc(66px + env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));gap:13px}.brand-symbol{width:34px;height:34px}.brand{gap:7px}.brand-type{font-size:19px}.main-nav{gap:0}.nav-button{font-size:11px;padding:7px 8px}.header-actions{gap:2px}.icon-button{width:34px;height:34px;padding:7px}.account-button{width:30px;height:30px;font-size:10px}.header-actions .icon-button{width:28px}.planner{padding:0 10px max(8px,env(safe-area-inset-bottom))}.planner-tools{padding:13px 0 6px;gap:10px}.period-controls{gap:1px;width:100%}.period-controls h1{font-size:18px;flex:1}.period-dates{font-size:11px;padding-left:5px}.period-controls .quiet{font-size:12px;padding:7px}.view-controls{width:100%;justify-content:space-between;margin:0}.segmented{flex:1;max-width:360px}.segmented button{flex:1;padding:7px 8px;font-size:12px}.week-tabs{max-width:none}.week-tabs button{padding:9px 6px;font-size:11px}.planner-subtools{gap:10px;padding:4px 0 8px;flex-wrap:wrap}.date-control{font-size:10px}.date-control input{font-size:12px!important;width:125px}.planner-subtools .check{font-size:10px}.save-state{font-size:10px;gap:5px;margin-left:auto}.add-project{font-size:11px!important;padding:5px!important}.planning-table .project-column{width:144px}.planning-table .corner{padding:14px 10px}.row-label{padding:11px 10px 11px 13px}.row-label strong{font-size:11px}.category-name{font-size:8px}.row-label small{font-size:9px}.planning-table td{padding:4px}.chip{font-size:11px;min-height:33px}.planning-table tfoot th{padding:12px 10px}.pool-stack{max-height:125px}.pool-label strong{font-size:11px}.pool-label small{font-size:9px}.plan-footer{font-size:9px;padding-top:6px;gap:8px}.plan-footer span:first-child{max-width:65%}.plan-footer span:last-child{text-align:right}.board-scroll{border-radius:10px}.manage{padding:20px 14px 30px}.manage-heading{margin-bottom:18px}.manage-heading h1{font-size:27px}.manage-tabs{margin-bottom:20px}.section-heading h2{font-size:20px}.section-heading p{font-size:12px}.admin-row{padding:14px 13px;gap:10px}.edit-label{font-size:0;gap:0}.row-main strong{font-size:13px}.row-main small{font-size:10px}.system-grid,.template-grid{grid-template-columns:1fr}.panel{padding:19px}.form-grid{grid-template-columns:1fr;gap:16px}.span-2{grid-column:auto}.check-grid{grid-template-columns:1fr;gap:13px}.modal-head{padding:14px 17px}.modal-head h2{font-size:17px}.modal-body{padding:18px}input,select,textarea{font-size:16px}.schedule-fields{grid-template-columns:repeat(2,1fr)}.schedule-fields select{font-size:14px}.modal-actions{gap:6px;flex-wrap:wrap}.modal-actions button{font-size:13px}.setup h1{font-size:30px}.setup{margin-top:22px}.login h1{font-size:32px}.login{margin-top:50px}.template-list{max-height:400px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:white!important;color:black!important}.app-header,.planner-tools,.planner-subtools,.plan-footer,.manage,.modal-head,#toast{display:none!important}.board-scroll{overflow:visible!important;height:auto!important;border:0}.planning-table th,.planning-table td{position:static!important;background:white!important;color:black!important}.chip{color:black!important}.planner{padding:0}.planning-table{font-size:9px}.pool-stack{max-height:none}.brand-symbol{display:none}}

.date-control{flex-direction:row!important}
@media(max-width:650px){.date-control{font-size:0;gap:0!important}.planner-subtools{gap:8px;flex-wrap:nowrap}.add-project{font-size:0!important;min-width:26px;margin-left:0}.add-project::after{content:"+";font-size:21px;line-height:1}.save-state{gap:3px}.planner-subtools .save-state .icon-button{width:22px}}
/* 1.1: one stable calendar frame; a separately scrollable, resizable pool. */
.plan-frame{display:flex;flex-direction:column;flex:1;min-height:320px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.plan-frame>.board-scroll{min-height:145px;border:0;border-radius:0;flex:1;scrollbar-gutter:stable}
.plan-frame .planning-table thead{position:sticky;top:0;z-index:9}
.plan-frame .planning-table thead th{position:static;min-height:0;background:var(--surface);padding:8px 10px}
.plan-frame .planning-table thead .corner,.plan-frame .planning-table thead .calendar-corner{position:sticky;left:0;z-index:10}
.plan-frame .date-row .corner{padding:11px 17px}
.plan-frame .row-label{box-shadow:inset 7px 0 var(--category,var(--line));padding-left:20px}
.plan-frame .project-label{background:color-mix(in srgb,var(--category) 24%,var(--surface));border-right:1px solid color-mix(in srgb,var(--category) 62%,var(--line))}
[data-theme=dark] .plan-frame .project-label{background:color-mix(in srgb,var(--category) 18%,var(--surface))}
.project-label .task-summary{display:block;font-size:12px;line-height:1.4;margin-top:6px;font-weight:500;overflow-wrap:anywhere;color:var(--text)}
.project-label strong{font-size:13px;font-weight:700}
.category-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 17px;flex-shrink:0;padding:0 1px 10px;min-height:30px;color:var(--muted);font-size:11px}
.legend-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;line-height:1.5}
.legend-item i{display:inline-block;width:15px;height:15px;background:var(--category);border:1px solid #0002;border-radius:4px;flex-shrink:0}
.release-link{font-size:11px;padding:3px 6px;margin-left:auto;color:var(--accent)!important;white-space:nowrap}
.plan-frame .calendar-row th{padding:5px 8px;font-size:10px;vertical-align:middle;line-height:1.25}
.plan-frame .calendar-row .calendar-corner{padding-left:17px;color:var(--muted);font-weight:600;background:var(--surface-2)}
.plan-frame .school-ribbon th.has-events{background:color-mix(in srgb,#5e98c5 16%,var(--surface));border-top:2px solid #7cafd5}
.plan-frame .holiday-ribbon th.has-events{background:color-mix(in srgb,#c57852 10%,var(--surface));border-top:2px solid #c89c70}
.calendar-info{font-size:10px;border-radius:50%;padding:0;width:17px;height:17px;margin-left:8px;color:var(--muted);background:transparent}
.calendar-event{display:block;width:100%;border:0;border-radius:3px;padding:1px 0;background:transparent;text-align:left;font-size:10px;line-height:1.3;overflow-wrap:anywhere;color:var(--text)}
.calendar-event:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}
.calendar-event>span{display:block;font-weight:600}
.calendar-event small{font-size:9px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);margin-top:2px;line-height:1.35}
.calendar-none{color:var(--line)}
.calendar-warning{flex-shrink:0;border:0;background:transparent;color:var(--muted);font-size:11px;text-align:left;padding:0 0 7px;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.calendar-detail{padding:14px 0;border-bottom:1px solid var(--line)}
.calendar-detail h3{margin:0 0 7px;font-size:15px}.calendar-detail p{margin:4px 0 8px}
.calendar-detail:last-of-type{margin-bottom:20px}
.calendar-subscription h3{margin-top:0;font-size:17px}.calendar-subscription p:last-child{margin-bottom:0}
.release-changes{margin-bottom:20px}.release-changes section{display:flex;gap:15px;border-bottom:1px solid var(--line);padding:11px 0;align-items:baseline}.release-changes section>span{color:var(--accent);font-size:11px;font-weight:700}.release-changes p{margin:0;font-size:14px;line-height:1.6}
.pool-resizer{flex:none;height:15px;min-height:15px;background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:ns-resize;touch-action:none;user-select:none;position:relative;z-index:12}
.pool-resizer span{height:3px;width:44px;border-radius:5px;background:var(--muted);opacity:.55;pointer-events:none}
.pool-resizer:hover,.pool-resizer:focus-visible{background:var(--accent-soft)}
.pool-resizer:hover span,.pool-resizer:focus-visible span{background:var(--accent);opacity:1}
.resizing-pool,.resizing-pool *{cursor:ns-resize!important;user-select:none!important}
.pool-pane{height:210px;min-height:110px;flex:none;display:flex;flex-direction:column;background:var(--surface-2);overflow:hidden}
.pool-heading{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--surface-2);font-size:12px}
.pool-heading strong{font-weight:700}.pool-heading strong>span{font-weight:400;color:var(--muted)}
.pool-heading .pool-hint{margin-left:auto;font-size:10px;color:var(--muted)}
.pool-board{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;min-height:0;flex:1}
.pool-table th,.pool-table td{background:var(--surface-2)}
.plan-frame .pool-table thead th{padding:5px 10px;background:var(--surface-2);font-size:10px;color:var(--muted);font-weight:600}
.pool-table .pool-label{background:var(--surface-2);box-shadow:none;padding:13px 17px}
.pool-table .pool-label small{font-size:10px;margin-top:5px}
.pool-stack{max-height:none;min-height:30px;overflow:visible;padding:2px 3px;gap:5px}
.pool-count{font-size:10px;font-weight:500;margin:2px 4px 7px;color:var(--muted)}
.pool-stack .chip{min-height:31px}.chip small{font-size:10px;padding:3px 4px;color:var(--text)}
.pool-week-controls{display:flex;align-items:center;gap:4px;margin-left:auto}
.pool-week-controls label{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:11px;white-space:nowrap}
.pool-week-controls input{font-size:12px;min-height:28px;padding:3px 5px;width:133px}
.year-frame .pool-heading .pool-hint{margin-left:0}
.year-grid .planning-table{min-width:1320px}
.year-grid .planning-table thead .calendar-day{padding:7px 6px}
.year-grid .capacity-row td{background:var(--accent-soft);padding:13px 8px;color:var(--accent);text-align:center}
.capacity-row td>small{display:block;font-size:9px;color:var(--muted)}
.year-grid .capacity-row .row-label{background:var(--accent-soft);box-shadow:none}
.year-grid .month-value{min-height:48px}
.year-grid .month-value.has-value{background:color-mix(in srgb,var(--category) 30%,var(--surface))}
.plan-footer{padding-top:7px}.manage .list-dot{width:15px;height:15px;border-radius:4px}
@media(max-width:1100px){.category-legend{gap:5px 12px;font-size:10px}.pool-heading{padding:8px 12px}.year-frame .pool-hint{display:none}}
@media(max-width:640px){
 .plan-frame{min-height:330px}.plan-frame>.board-scroll{min-height:125px}
 .category-legend{padding-bottom:8px;gap:4px 10px;font-size:10px}.legend-item{white-space:normal}.legend-item i{width:12px;height:12px;border-radius:3px}
 .pool-heading{padding:7px 9px;font-size:11px;gap:6px}.pool-heading strong>span,.pool-hint{display:none}
 .pool-week-controls{gap:0}.pool-week-controls label{font-size:10px;gap:4px}.pool-week-controls input{font-size:16px;min-height:30px;width:139px}
 .pool-week-controls .icon-button.small{width:24px;padding:3px}
 .plan-frame .project-label{padding-left:13px}.project-label .task-summary{font-size:11px}
 .plan-frame .calendar-row .calendar-corner{padding-left:12px;font-size:10px}.calendar-info{margin-left:5px}
 .pool-resizer{height:19px;min-height:19px}.pool-table .pool-label{padding-left:12px}
 .calendar-warning{font-size:10px}.plan-footer{font-size:9px;gap:9px;flex-wrap:wrap}
 .release-changes p{font-size:13px}.release-changes section{gap:10px}
 .year-frame .pool-heading{flex-wrap:wrap}.year-frame .pool-week-controls{margin-left:auto}
}
@media(max-height:640px){.plan-frame{min-height:310px}.category-legend{padding-bottom:6px}.planner-tools{padding-top:8px}.planner-subtools{padding-bottom:5px}}

/* 1.2: density is local to the planner, not a browser zoom or a separate mobile app. */
.planner{--label-width:216px;--day-width:154px;--grid-font:12px;--name-font:12px;--cell-pad:4px;--card-pad:5px;--card-min:29px;--row-pad:10px;--week-line:#8697a0}
[data-theme=dark] .planner{--week-line:#6d8794}
.planner[data-density="85"]{--label-width:178px;--day-width:122px;--grid-font:11px;--name-font:11px;--cell-pad:3px;--card-pad:4px;--card-min:27px;--row-pad:8px}
.planner[data-density="70"]{--label-width:138px;--day-width:94px;--grid-font:10px;--name-font:10px;--cell-pad:2px;--card-pad:3px;--card-min:25px;--row-pad:6px}
.planner .planning-table .project-column{width:var(--label-width)}
.planner .planning-table{font-size:var(--grid-font)}
.planner .planning-table td{padding:var(--cell-pad)}
.planner .row-label,.planner .absence-row .row-label{padding-top:var(--row-pad);padding-bottom:var(--row-pad)}
.planner .row-label strong{font-size:calc(var(--grid-font) + 1px)}
.planner .project-label .task-summary{font-size:var(--grid-font);line-height:1.25;margin-top:4px}
.planner .chip,.planner .pool-stack .chip,.planner .month-grid .chip{min-height:var(--card-min);padding:var(--card-pad) calc(var(--card-pad) + 1px);font-size:var(--name-font);gap:4px;touch-action:pan-x pan-y}
.chip-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:3px}
.chip-name{display:block;font-weight:600;line-height:1.22;overflow-wrap:anywhere}
.chip-comment{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;font-size:calc(var(--name-font) - 1px);font-weight:400;line-height:1.3;color:var(--text);opacity:.87}
.half-mark{font-size:calc(var(--name-font) + 2px);font-weight:750;color:var(--text)}
.half-chip{border-style:dashed}
.external-chip{box-shadow:inset 2px 0 color-mix(in srgb,var(--person) 65%,var(--text))}
.chip .ext-mark,.chip .multi-mark{font-size:8px;padding:2px;align-self:flex-start;flex:none;margin-left:0}
.chip-grip{display:none;touch-action:none;cursor:grab;font-size:18px;line-height:24px;width:24px;flex:none;text-align:center;opacity:.55}
.chip-stack,.pool-stack{gap:3px;padding:1px;min-height:27px}
.planner .planning-table th.week-start,.planner .planning-table td.week-start{border-left:3px solid var(--week-line)}
.week-label{font-size:9px;font-weight:700;letter-spacing:.03em;margin-top:3px;color:var(--accent)}
.planner .day-link strong{font-size:calc(var(--grid-font) + 2px)}
.planner .day-link span{font-size:var(--grid-font)}
.planner .plan-frame .planning-table thead th{padding:6px 7px}
.planner .plan-frame .planning-table thead .calendar-corner{padding:4px 12px}
.planner .plan-frame .calendar-row th{font-size:var(--grid-font);padding:3px 6px}
.planner .calendar-event{font-size:calc(var(--grid-font) - 1px);padding:1px 0;min-height:20px}
.planner .calendar-event>span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
.planner .calendar-event small{-webkit-line-clamp:1;font-size:9px}
.planner .section-row th,.planner .section-row td{padding:6px 13px}
.planner .pool-table .pool-label{padding:8px 13px}
.pool-count{font-size:9px;margin:1px 3px 4px}
.pool-pane{min-height:100px}
.pool-heading{padding:5px 13px}
.pool-resizer{height:15px;min-height:15px}
.external-pool-row>th,.external-pool-row>td{border-top:2px solid var(--week-line);background:color-mix(in srgb,var(--accent) 5%,var(--surface-2))!important}
.external-pool-row .pool-label strong{font-size:11px}
.external-pool-row .pool-label small{line-height:1.3}
.density-control{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:11px;color:var(--muted);white-space:nowrap}
.density-control select{font-size:12px;min-height:30px;width:82px;padding:3px 8px}
.planner-subtools [hidden]{display:none!important}
.assignment-date{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:12px}
.assignment-actions{display:flex;flex-wrap:wrap;gap:7px;padding:0 0 15px;margin-bottom:15px;border-bottom:1px solid var(--line)}
.assignment-actions button{font-size:12px;padding:8px 10px}
.private-note{margin:4px 0 18px;border:1px solid var(--line);padding:10px 12px;border-radius:9px}
.private-note summary{cursor:pointer;font-size:12px;color:var(--muted)}
.private-note label{margin-top:12px}
.appointment-note{padding:15px 17px;background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:7px;margin:15px 0}
.weekday-picker{display:flex;flex-wrap:wrap;gap:13px;padding:5px 0}
.range-shortcuts{margin-bottom:17px}
.range-shortcuts button{font-size:12px}
.range-counts{padding:13px 16px;background:var(--accent-soft);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:16px}
.range-counts span{color:var(--muted);font-size:12px}
.range-preview{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:9px;margin:12px 0 20px}
.range-preview-row{display:flex;justify-content:space-between;gap:12px;padding:8px 13px;font-size:12px;border-bottom:1px solid var(--line)}
.range-preview-row.conflict,.range-preview-row.unavailable{color:var(--muted);background:var(--surface-2)}
.range-preview-row.replaced{color:var(--danger)}
.year-utilisation{flex:1;min-height:0;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 30px 28px;scrollbar-width:thin}
.util-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:18px}
.util-intro h2{font-size:24px;margin-bottom:9px}
.util-intro p{margin-bottom:0;font-size:13px}
.util-total{text-align:right;flex:none}
.util-total strong{display:block;color:var(--accent);font-size:36px;letter-spacing:-.05em;line-height:1.2}
.util-total>span{font-size:11px;color:var(--muted)}
.util-legend{display:flex;align-items:center;gap:17px;font-size:11px;color:var(--muted);margin-bottom:20px;flex-wrap:wrap}
.util-legend>span{display:flex;align-items:center;gap:6px}
.util-legend i{width:11px;height:11px;border-radius:3px;display:inline-block}
.util-legend button{font-size:11px;margin-left:auto;padding:3px}
.util-projects{background:#448e94}.util-absences{background:#c29e68}.util-external{background:#9472ad}.util-free,.util-base{background:var(--surface-2)}
[data-theme=dark] .util-projects{background:#73aeb4}[data-theme=dark] .util-absences{background:#b39970}[data-theme=dark] .util-external{background:#ab8dca}
.util-axis,.util-row{display:grid;grid-template-columns:160px minmax(80px,1fr) 112px;align-items:center;gap:22px}
.util-axis{font-size:10px;color:var(--muted);padding:0 12px 7px}
.util-axis>div{position:relative}
.util-axis .hundred-label{position:absolute;transform:translateX(-100%)}
.util-axis .axis-end{position:absolute;right:0}
.util-axis>span:last-child{text-align:right}
.util-row{width:100%;text-align:left;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:12px;min-height:54px}
.util-row:hover{background:var(--surface-2)}
.util-month strong{display:block;font-size:13px}.util-month small{display:block;font-size:10px;color:var(--muted);margin-top:4px;line-height:1.3}
.util-track{display:block;position:relative;height:23px;min-width:0}
.util-base{position:absolute;height:100%;left:0;top:0;border-radius:4px;border:1px solid var(--line)}
.util-fill{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;overflow:hidden;border-radius:4px}
.util-fill>span{display:block;height:100%;flex-shrink:0;min-width:0}
.util-limit{position:absolute;top:-5px;height:33px;border-left:1px dashed var(--muted);opacity:.65;z-index:1}
.util-value{text-align:right}.util-value strong{display:block;font-size:15px;font-variant-numeric:tabular-nums}.util-value small{font-size:10px;color:var(--muted);display:block;margin-top:3px}
.util-explanation{border-top:1px solid var(--line);margin-top:14px;padding-top:17px;font-size:12px;color:var(--muted)}
.util-explanation summary{cursor:pointer;color:var(--text);font-weight:600;padding-bottom:10px}
.util-explanation p{max-width:950px;margin:7px 0 12px;line-height:1.65}
@media(pointer:coarse){.chip-grip{display:block}.planner[data-density="70"] .chip-grip{display:none}}
@media(max-width:700px){
 .planner{padding-left:8px;padding-right:8px;--label-width:142px;--day-width:110px;--grid-font:12px;--name-font:12px}
 .planner[data-density="85"]{--label-width:118px;--day-width:84px;--grid-font:11px;--name-font:11px;--row-pad:7px}
 .planner[data-density="70"]{--label-width:90px;--day-width:57px;--grid-font:10px;--name-font:10px;--cell-pad:2px;--card-pad:3px;--row-pad:6px}
 .app-header{height:calc(61px + env(safe-area-inset-top));gap:10px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
 .brand-symbol{width:31px;height:31px}.brand-type{font-size:18px}.brand{gap:7px}.main-nav{gap:0}.nav-button{font-size:11px;padding:7px 8px}.header-actions{gap:1px}.header-actions>.icon-button{width:30px;padding:5px}.account-button{width:30px;height:30px;font-size:10px}
 .planner-tools{padding:10px 0 6px;gap:7px}.period-controls h1{font-size:17px}.period-dates{font-size:10px;padding-left:6px}.period-controls .icon-button{width:27px;height:30px;padding:4px}.period-controls>.quiet{font-size:11px;padding:5px}
 .segmented button{padding:6px 10px;font-size:12px}.view-controls{gap:3px}
 .planner-subtools{gap:7px;min-height:37px;padding-bottom:5px}.date-control input{width:122px;font-size:16px!important;min-height:30px!important}.density-control{font-size:0;gap:0}.density-control select{font-size:16px;width:86px;min-height:32px;padding:3px 5px}.save-state{font-size:0;gap:0}.save-state .status-dot{display:none}
 .planner-subtools .check{font-size:10px}.planner-subtools .check input{width:14px;height:14px;margin:0}.planner-subtools .add-project{margin-left:auto}
 .category-legend{flex-wrap:nowrap;overflow-x:auto;gap:12px;padding-bottom:6px;min-height:25px;scrollbar-width:none}.category-legend .legend-item{font-size:9px;white-space:nowrap;flex:none}.legend-item i{width:10px;height:10px}.category-legend .release-link{margin-left:0;font-size:9px;padding-right:5px}
 .plan-frame{min-height:280px}.plan-frame>.board-scroll{min-height:110px}
 .planner .plan-frame .row-label{padding-left:10px;box-shadow:inset 5px 0 var(--category,var(--line))}.planner .plan-frame .planning-table thead th{padding:5px 3px}.planner .plan-frame .planning-table thead .corner{padding-left:8px}.planner .plan-frame .calendar-row .calendar-corner{padding-left:8px;font-size:9px}
 .calendar-info{margin-left:3px;width:16px;height:16px;vertical-align:middle}.planner .calendar-event{font-size:9px}.planner .calendar-event small{font-size:8px}.calendar-warning{max-width:100%;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .day-head .day-link{display:flex;flex-direction:column;gap:1px;align-items:flex-start}.week-label{font-size:8px;margin-top:2px}
 .planner .chip-dot{display:none}.planner .chip-copy{gap:2px}.planner .chip small{font-size:8px;padding:1px}.chip-comment{font-size:10px;line-height:1.28}.planner .chip{gap:2px}
 .planner .pool-table .pool-label{padding:7px 8px}.pool-label small{font-size:9px!important}.pool-heading{padding:5px 9px;font-size:11px}.pool-resizer{height:17px;min-height:17px}.pool-count{font-size:8px;margin:1px 1px 4px}.pool-table .corner{font-size:10px}.pool-table .pool-day{font-size:9px!important}.external-pool-row .pool-label strong{font-size:10px}
 .plan-footer{padding-top:5px;font-size:8px;gap:3px}.plan-footer span:first-child{display:none}
 .year-utilisation{padding:17px 11px}.util-intro{gap:12px;align-items:flex-start;margin-bottom:14px}.util-intro h2{font-size:18px}.util-intro p{font-size:11px}.util-total strong{font-size:26px}.util-total>span{display:block;font-size:9px;max-width:95px}.util-legend{gap:9px;font-size:10px;margin-bottom:17px}.util-legend button{font-size:9px}
 .util-axis,.util-row{grid-template-columns:77px minmax(75px,1fr) 62px;gap:9px}.util-row{padding:11px 3px;min-height:54px}.util-axis{font-size:9px;padding-left:3px;padding-right:3px}.util-month strong{font-size:11px}.util-month small{font-size:8px;overflow-wrap:anywhere}.util-value strong{font-size:13px}.util-value small{font-size:8px}.util-track{height:20px}.util-limit{height:28px;top:-4px}
 .assignment-actions button{font-size:12px;min-height:36px}.weekday-picker{gap:9px}.range-counts{padding:10px}.range-preview-row{padding:8px 9px;font-size:11px}
}
@media(max-width:370px){.brand-type{font-size:16px}.nav-button{padding:6px;font-size:10px}.brand-symbol{width:28px;height:28px}.planner-subtools{gap:4px}.date-control input{width:115px}.density-control select{width:78px}.period-dates{font-size:9px}.planner[data-density="70"]{--label-width:82px;--day-width:55px}}

/* Prevent axis labels from wrapping and keep twelve-month comparison compact. */
.util-axis .hundred-label,.util-axis .axis-end{white-space:nowrap}
@media(min-width:701px){.util-row{padding:8px 12px;min-height:47px}.util-month small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.util-legend{margin-bottom:16px}}