@font-face{font-family:YouthBrain;src:url(/fonts/youth-brain.ttf);font-display:swap}:root,body[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:oklch(97% .01 85);--surface-1:oklch(94% .02 85);--surface-2:#fffdf8;--surface-raised:#fffdf8;--text-high:oklch(30% .035 60);--text-muted:#2b241fb3;--border:#2b241f24;--border-strong:#2b241f8a;--elevation-1:0 1px 3px #2b241f24;--elevation-2:0 4px 14px #2b241f2e;--color-action-primary:#8fae6c;--color-danger:oklch(52% .18 25);--color-danger-subtle:oklch(93% .03 25);--color-ok:oklch(55% .1 145);--color-ok-subtle:oklch(93% .03 145);--color-warning:oklch(58% .13 70);--color-warning-subtle:oklch(93% .04 80);--away-fill:#2b241f0d;--away-text:#2b241fb8;--surface-brand:oklch(90% .035 78);--text-on-brand:oklch(30% .035 60);--paper-grain-dot:#2b241f0d;--accent:var(--color-action-primary);--page-theme-green-bg:color-mix(in oklch, var(--project-color-1) 15%, var(--surface-2));--page-theme-green-text:oklch(from var(--project-color-1) .5 c h);--page-theme-pink-bg:color-mix(in oklch, var(--project-color-3) 15%, var(--surface-2));--page-theme-pink-text:oklch(from var(--project-color-3) .5 c h);--page-theme-yellow-bg:color-mix(in oklch, var(--project-color-2) 18%, var(--surface-2));--page-theme-yellow-text:oklch(from var(--project-color-2) .5 c h)}body[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:oklch(22% .015 70);--surface-1:oklch(27% .018 70);--surface-2:oklch(30% .018 70);--surface-raised:oklch(33% .02 70);--text-high:#fffaf0e6;--text-muted:#fffaf0a3;--border:#fffaf01f;--border-strong:#fffaf070;--elevation-1:0 1px 3px #00000080;--elevation-2:0 4px 14px #0000008c;--color-action-primary:oklch(68% .13 145);--color-danger:oklch(70% .17 25);--color-danger-subtle:oklch(30% .06 25);--color-ok:oklch(68% .13 145);--color-ok-subtle:oklch(28% .05 145);--color-warning:oklch(75% .12 80);--color-warning-subtle:oklch(30% .05 80);--away-fill:#fffaf00f;--away-text:#fffaf0a3;--surface-brand:oklch(90% .035 78);--text-on-brand:oklch(30% .035 60);--paper-grain-dot:#fffaf00d;--accent:var(--color-action-primary);--page-theme-green-bg:color-mix(in oklch, var(--project-color-1) 18%, var(--bg-base));--page-theme-green-text:oklch(from var(--project-color-1) .78 c h);--page-theme-pink-bg:color-mix(in oklch, var(--project-color-3) 18%, var(--bg-base));--page-theme-pink-text:oklch(from var(--project-color-3) .82 c h);--page-theme-yellow-bg:color-mix(in oklch, var(--project-color-2) 20%, var(--bg-base));--page-theme-yellow-text:oklch(from var(--project-color-2) .84 c h)}body[data-theme=oled]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#000;--surface-1:#0d0b09;--surface-2:#171310;--surface-raised:#201b16;--text-high:#fffaf0e6;--text-muted:#fffaf099;--border:#fffaf01a;--border-strong:#fffaf066;--elevation-1:0 0 0 1px #ffffff0f;--elevation-2:0 0 0 1px #ffffff17;--color-action-primary:oklch(66% .13 145);--color-danger:oklch(66% .16 25);--color-danger-subtle:oklch(22% .05 25);--color-ok:oklch(66% .13 145);--color-ok-subtle:oklch(20% .04 145);--color-warning:oklch(72% .11 80);--color-warning-subtle:oklch(22% .04 80);--away-fill:#fffaf00d;--away-text:#fffaf099;--surface-brand:oklch(90% .035 78);--text-on-brand:oklch(30% .035 60);--paper-grain-dot:#fffaf00f;--accent:var(--color-action-primary);--page-theme-green-bg:color-mix(in oklch, var(--project-color-1) 20%, var(--bg-base));--page-theme-green-text:oklch(from var(--project-color-1) .78 c h);--page-theme-pink-bg:color-mix(in oklch, var(--project-color-3) 20%, var(--bg-base));--page-theme-pink-text:oklch(from var(--project-color-3) .82 c h);--page-theme-yellow-bg:color-mix(in oklch, var(--project-color-2) 22%, var(--bg-base));--page-theme-yellow-text:oklch(from var(--project-color-2) .84 c h)}body{--accent-hover:color-mix(in oklch, var(--accent), black 10%);--accent-pressed:color-mix(in oklch, var(--accent), black 20%);--accent-subtle:color-mix(in oklch, var(--accent) 14%, var(--bg-base));--accent-border:color-mix(in oklch, var(--accent) 55%, var(--bg-base));--accent-solid:oklch(from var(--accent) clamp(.42, l, .6) c h);--danger-solid:oklch(from var(--color-danger) clamp(.42, l, .55) c h);--chunky-shadow-primary:color-mix(in oklch, var(--accent-solid), black 18%);--chunky-shadow-danger:color-mix(in oklch, var(--danger-solid), black 18%);--chunky-glow-primary:color-mix(in oklch, var(--accent-solid) 45%, transparent);--chunky-glow-danger:color-mix(in oklch, var(--danger-solid) 45%, transparent);--chunky-edge-default:color-mix(in oklch, var(--surface-1), black 20%);--chunky-glow-default:#2b241f1f}:root{--project-color-text:oklch(16% .02 60);--project-color-4-text:oklch(94% .02 85);--project-color-1:#8fae6c;--project-color-2:#e8c65a;--project-color-3:#e6a3ab;--project-color-4:oklch(32% .045 55);--project-color-5:oklch(64% .1 35);--project-color-6:oklch(58% .08 190);--project-color-7:oklch(66% .08 300);--project-color-8:oklch(70% .095 75);--paper-grain-dot-on-brand:#2b241f0d;--page-theme-green-solid:var(--project-color-1);--page-theme-pink-solid:var(--project-color-3);--page-theme-yellow-solid:var(--project-color-2);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;accent-color:var(--accent);scrollbar-color:var(--accent) transparent;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-generous:16px;--radius-tight:8px;--radius-pill:999px;--button-radius:var(--radius-pill);--button-padding:8px 18px;--input-radius:var(--radius-generous);--surface-radius:var(--radius-generous);--block-radius:var(--radius-tight);--badge-radius:var(--radius-pill);--radius-wobble-1:50% 50% 45% 55% / 55% 45% 55% 45%;--radius-wobble-2:48% 52% 55% 45% / 45% 55% 48% 52%;--radius-wobble-3:55% 45% 52% 48% / 48% 52% 45% 55%;--radius-progress-end:8px 14px 14px 8px / 8px 12px 12px 8px;--grammar-keyline:var(--border);--grammar-keyline-weight:1px;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--chunky-offset-rest:4px;--chunky-offset-hover:6px;--chunky-offset-active:1px;--dur-press:.12s;--ease-out:cubic-bezier(0,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-std:cubic-bezier(.4,0,.2,1);--ease-press:cubic-bezier(.34,1.56,.64,1);--font-display:"YouthBrain", "Quicksand", cursive;--font-heading:"Quicksand", sans-serif;--font-reading:"Quicksand", sans-serif;--font-ui:"Quicksand", sans-serif;--font-label:"Quicksand", sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:color-mix(in oklch, var(--accent) 30%, transparent)}body[data-theme=dark],body[data-theme=oled]{--accent-hover:color-mix(in oklch, var(--accent), white 16%);--accent-pressed:color-mix(in oklch, var(--accent), white 28%)}*{box-sizing:border-box}html,body{margin:0;padding:0}#root{min-height:100vh}body{background-color:var(--bg-base);background-image:radial-gradient(var(--paper-grain-dot) 1px, transparent 1px);color:var(--text-high);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background-size:10px 10px;font-size:15px;line-height:1.5}h1{font-family:var(--font-display);font-weight:400}.btn{padding:0;padding-bottom:var(--chunky-offset-hover);border-radius:var(--button-radius);cursor:pointer;--edge:var(--chunky-edge-default);--glow:var(--chunky-glow-default);box-shadow:0 7px 13px var(--glow);transition:box-shadow var(--dur-press) var(--ease-press);background:0 0;border:none;display:inline-flex;position:relative}.btn:before{content:"";left:0;right:0;top:var(--chunky-offset-hover);background:var(--edge);border-radius:var(--button-radius);z-index:0;position:absolute;bottom:0}.btn-face{z-index:1;font-family:var(--font-label);border-radius:var(--button-radius);padding:var(--button-padding);background:var(--surface-2);color:var(--text-high);transform:translateY(calc(var(--chunky-offset-hover) - var(--chunky-offset-rest)));transition:transform var(--dur-press) var(--ease-press), background-color var(--dur-fast) var(--ease-std);align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.btn:hover{box-shadow:0 9px 20px var(--glow)}.btn:active{box-shadow:0 4px 7px var(--glow)}.btn:hover .btn-face{transform:translateY(0)}.btn:active .btn-face{transform:translateY(calc(var(--chunky-offset-hover) - var(--chunky-offset-active)))}.btn-primary{--edge:var(--chunky-shadow-primary);--glow:var(--chunky-glow-primary)}.btn-primary .btn-face{background:var(--accent-solid);color:#fff}.btn-primary:hover .btn-face{background:color-mix(in oklch, var(--accent-solid), black 8%)}.btn-secondary .btn-face{background:var(--surface-2);color:var(--text-high)}.btn-secondary:hover .btn-face{background:var(--surface-1)}.btn-danger{--edge:var(--chunky-shadow-danger);--glow:var(--chunky-glow-danger)}.btn-danger .btn-face{background:var(--danger-solid);color:#fff}.btn-ghost{--edge:transparent;--glow:transparent}.btn-ghost .btn-face,.btn-ghost:hover .btn-face,.btn-ghost:active .btn-face{color:var(--accent);transform:translateY(calc(var(--chunky-offset-hover) - var(--chunky-offset-rest)));background:0 0}.btn-ghost:hover .btn-face{background:var(--accent-subtle)}.btn-icon .btn-face{justify-content:center;width:40px;height:40px;padding:0}.btn:disabled{cursor:not-allowed;opacity:.45}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-loading .btn-face{position:relative;color:#0000!important}.btn-loading .btn-face:after{content:"";border-radius:var(--radius-pill);width:16px;height:16px;animation:btn-pulse-fade .9s var(--ease-std) infinite;background:#fff;margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.btn-loading .btn-face:after{opacity:1;animation:none}}@keyframes btn-pulse-fade{0%,to{opacity:.35;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}.icon-badge{background:var(--surface-2);width:52px;height:52px;color:var(--accent);box-shadow:var(--elevation-1);border-radius:var(--badge-radius);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-badge.icon-badge-sm{width:34px;height:34px}.icon-badge-btn{cursor:pointer;border:none;padding:0}.field{flex-direction:column;gap:6px;display:flex}.field label{font-family:var(--font-label);font-size:13px;font-weight:600}.field .helper{color:var(--text-muted);font-size:12.5px}.field input[type=text],.field textarea{font-family:var(--font-ui);border-radius:var(--input-radius);border:var(--grammar-keyline-weight) solid var(--grammar-keyline);background:var(--surface-2);color:var(--text-high);width:100%;padding:10px 14px;font-size:14px}.field textarea{resize:vertical;min-height:72px;font-family:var(--font-ui)}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.field.error input,.field.error textarea{border-color:var(--color-danger)}.field .error-text{color:var(--color-danger);font-size:12.5px}.chunky-checkbox{border-radius:var(--radius-tight);border:var(--grammar-keyline-weight) solid var(--grammar-keyline);background:var(--surface-2);color:#fff;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:inline-flex}.chunky-checkbox.checked{background:var(--accent-solid);border-color:var(--accent-solid)}.toggle{width:52px;height:30px;display:inline-block;position:relative}.toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.toggle .track{background:var(--border-strong);border-radius:var(--radius-pill);transition:background var(--dur-base) var(--ease-std);position:absolute;inset:0}.toggle .thumb{border-radius:var(--radius-pill);width:24px;height:24px;box-shadow:var(--elevation-1);transition:transform var(--dur-base) var(--ease-press);background:#fff;position:absolute;top:3px;left:3px}.toggle input:checked~.track{background:var(--accent-solid)}.toggle input:checked~.thumb{transform:translate(22px)}@media (prefers-reduced-motion:reduce){.toggle .thumb{transition:none}}.day-timeline{flex-direction:column;max-width:640px;display:flex;position:relative}.day-timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:4px;bottom:4px;left:52px}.tl-row{gap:12px;margin-bottom:4px;display:flex}.tl-time{font-family:var(--font-label);color:var(--text-muted);text-align:right;flex:0 0 44px;padding-top:8px;font-size:11px}.tl-row .time-block{flex:1}.time-block{border-radius:var(--block-radius);min-height:32px;font-family:var(--font-label);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-std);flex-direction:row;align-items:center;gap:5px;padding:6px 10px;font-size:11.5px;font-weight:600;display:flex;position:relative}.time-block:hover{box-shadow:var(--elevation-1);transform:translateY(-1px)}.time-block.untagged{background:var(--surface-1);color:var(--text-muted);border:var(--grammar-keyline-weight) dashed var(--grammar-keyline)}.time-block.dragging{box-shadow:var(--elevation-2)}.time-block .app-icon{border-radius:var(--radius-tight);flex-shrink:0;width:13px;height:13px}.time-block.away{background:var(--away-fill);color:var(--away-text);font-style:italic}.time-block.selected{outline:2px solid var(--accent);outline-offset:1px}.time-block.note-dot:after{content:"";border-radius:var(--radius-pill);opacity:.6;background:currentColor;width:6px;height:6px;position:absolute;top:7px;right:8px}.tb-1{background:var(--project-color-1);color:var(--project-color-text)}.tb-2{background:var(--project-color-2);color:var(--project-color-text)}.tb-3{background:var(--project-color-3);color:var(--project-color-text)}.tb-4{background:var(--project-color-4);color:var(--project-color-4-text)}.tb-5{background:var(--project-color-5);color:var(--project-color-text)}.tb-6{background:var(--project-color-6);color:var(--project-color-text)}.tb-7{background:var(--project-color-7);color:var(--project-color-text)}.tb-8{background:var(--project-color-8);color:var(--project-color-text)}.tb-url-tip{background:var(--text-high);color:var(--bg-base);border-radius:var(--radius-tight);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-fast);z-index:5;padding:3px 7px;font-size:11px;position:absolute;bottom:-26px;left:0}.time-block:hover .tb-url-tip{opacity:1}.chip{font-family:var(--font-label);color:var(--text-high);transition:transform var(--dur-fast) var(--ease-press);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12.5px;font-weight:600;display:inline-flex}.chip:hover{transform:translateY(-1px)}.chip-dot{border-radius:var(--radius-pill);flex-shrink:0;width:9px;height:9px}.chip.selected{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-pill)}.segmented{background:var(--surface-1);border-radius:var(--button-radius);padding:4px;display:inline-flex;position:relative}.segmented .seg-thumb{border-radius:var(--radius-pill);background:var(--accent-solid);z-index:0;pointer-events:none;width:0;transition:left var(--dur-base) var(--ease-press), width var(--dur-base) var(--ease-press);position:absolute;top:4px;bottom:4px;left:0}.segmented button{z-index:1;color:var(--text-muted);font-family:var(--font-label);border-radius:var(--radius-pill);cursor:pointer;transition:color var(--dur-base) var(--ease-std);background:0 0;border:none;padding:9px 17px;font-size:13px;font-weight:700;position:relative}.segmented button.active{color:#fff}@media (prefers-reduced-motion:reduce){.segmented .seg-thumb{transition:none}}.date-field-row{align-items:center;gap:4px;display:flex}.date-field-row input{font-family:var(--font-ui);text-align:center;border-radius:var(--input-radius);border:var(--grammar-keyline-weight) solid var(--grammar-keyline);background:var(--surface-2);width:40px;color:var(--text-high);padding:10px 4px;font-size:14px}.date-field-row input.year{width:60px}.date-field-row input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.date-field-sep{color:var(--text-muted);font-size:14px}.chart-bar-row{align-items:center;gap:var(--space-3);margin-bottom:8px;display:flex}.chart-bar-label{width:130px;font-size:13px;font-family:var(--font-label);flex-shrink:0}.chart-bar-track{background:var(--surface-1);border-radius:var(--block-radius);flex:1;height:20px;overflow:hidden}.chart-bar-fill{border-radius:var(--block-radius);height:100%}.chart-bar-value{text-align:right;width:48px;color:var(--text-muted);flex-shrink:0;font-size:12.5px}.chart-bar-group-label{font-family:var(--font-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:var(--space-3) 0 var(--space-2);font-size:12px;font-weight:700}.progress-bar-track{background:var(--surface-1);border-radius:var(--block-radius);height:14px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-progress-end);height:100%}.chart-pie-row{align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.chart-pie-ring{border-radius:var(--radius-pill);flex-shrink:0;width:160px;height:160px}.chart-pie-legend{flex-direction:column;gap:8px;display:flex}.chart-pie-legend-item{font-size:13px;font-family:var(--font-label);align-items:center;gap:8px;display:flex}.stat-tile{min-width:128px;padding:var(--space-3) var(--space-4);border-radius:var(--block-radius);background:var(--surface-1);flex-direction:column;gap:4px;display:inline-flex}.stat-tile .stat-tile-label{font-family:var(--font-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.stat-tile .stat-tile-value{font-family:var(--font-heading);color:var(--text-high);font-size:22px;font-weight:700}.project-avatar{width:40px;height:40px;font-family:var(--font-label);border-radius:var(--radius-pill);flex-shrink:0;justify-content:center;align-items:center;font-size:12.5px;font-weight:700;display:flex}.swatch-row{flex-wrap:wrap;gap:8px;display:flex}.pc-swatch{border-radius:var(--radius-pill);cursor:pointer;border:none;width:36px;height:36px;padding:0}.pc-swatch.selected{outline:2px solid var(--accent);outline-offset:2px}.overlay-scrim{background:color-mix(in oklch, var(--text-high) 28%, transparent);z-index:100;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-dialog{background:var(--surface-raised);border-radius:var(--surface-radius);box-shadow:var(--elevation-2);padding:var(--space-4);width:100%;max-width:360px}.overlay-dialog h4{margin:0 0 var(--space-2) 0}.overlay-dialog p{margin:0 0 var(--space-4) 0;color:var(--text-muted);font-size:13.5px}.overlay-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.badge-icon{background:var(--surface-2);width:44px;height:44px;color:var(--accent);border-radius:var(--surface-radius);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.dropdown-panel{background:var(--surface-raised);border-radius:var(--surface-radius);box-shadow:var(--elevation-1);min-width:220px;max-height:280px;padding:var(--space-1) 0;overflow:auto}.dropdown-item{cursor:pointer;align-items:center;gap:8px;padding:9px 12px;font-size:13.5px;display:flex}.dropdown-item:hover{background:var(--surface-1)}.tooltip-panel{background:var(--text-high);color:var(--bg-base);border-radius:var(--radius-tight);padding:5px 9px;font-size:12px;display:inline-block}.toast{font-family:var(--font-label);color:var(--text-high);align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:inline-flex}.toast-dot{border-radius:var(--radius-pill);flex-shrink:0;width:9px;height:9px}.toast-ok .toast-dot{background:var(--color-ok)}.toast-danger .toast-dot{background:var(--color-danger)}.toast-warning .toast-dot{background:var(--color-warning)}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);border:var(--grammar-keyline-weight) dashed var(--grammar-keyline);border-radius:var(--surface-radius);position:relative}.empty-state p{color:var(--text-muted);max-width:340px;margin:0 auto}.compare-panes{gap:var(--space-3);grid-template-columns:1fr 1fr 1fr;display:grid}.compare-pane{border:var(--grammar-keyline-weight) solid var(--grammar-keyline);border-radius:var(--surface-radius);padding:var(--space-3);background:var(--surface-1)}.compare-pane h4{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:var(--space-2);font-size:12.5px}.compare-pane.canvas{background:var(--surface-2);border-style:dashed}.compare-pane.canvas.drag-over{outline:2px solid var(--accent);outline-offset:1px}.week-status-strip{gap:var(--space-3);justify-content:center;align-items:center;display:flex}.week-status-day{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;display:flex}.week-status-circle{border-radius:var(--radius-pill);width:26px;height:26px}.week-status-circle.selected{outline:2px solid var(--accent);outline-offset:1px}.week-status-day .day-label{font-family:var(--font-label);color:var(--text-muted);font-size:11px}.status-untracked{background:color-mix(in oklch, var(--text-high) 30%, transparent)}.status-pending{background:var(--color-warning)}.status-approved{background:var(--color-ok)}.splash-screen{z-index:100;background-color:var(--surface-brand);background-image:radial-gradient(var(--paper-grain-dot-on-brand) 1px, transparent 1px);color:var(--text-on-brand);background-size:10px 10px;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-content{text-align:center;max-width:320px;padding:var(--space-4);position:relative}.wordmark{font-family:var(--font-display);font-size:54px;font-weight:400}.splash-content p{opacity:.8;margin:var(--space-2) 0 var(--space-6);font-size:13.5px}.splash-accent{opacity:.85;pointer-events:none;position:absolute}.app-shell{min-height:100vh;position:relative}.app-shell-content{max-width:880px;padding:108px var(--space-8) var(--space-6);margin-inline:auto}.app-shell-body{transition:opacity var(--dur-base) var(--ease-std);opacity:1}.app-shell-body.is-transitioning{opacity:0}@media (prefers-reduced-motion:reduce){.app-shell-body,.page-header,.page-header-content{transition:none}}.page-header{border-radius:var(--radius-generous);padding:var(--space-12) var(--space-8);margin-bottom:var(--space-6);text-align:center;background:var(--surface-2);color:var(--text-high);transition:background-color var(--dur-base) var(--ease-std), color var(--dur-base) var(--ease-std);position:relative}.page-header h1{margin:0;font-size:40px}.page-header-green{background:var(--page-theme-green-bg);color:var(--page-theme-green-text)}.page-header-pink{background:var(--page-theme-pink-bg);color:var(--page-theme-pink-text)}.page-header-yellow{background:var(--page-theme-yellow-bg);color:var(--page-theme-yellow-text)}.page-header-content{transition:opacity var(--dur-base) var(--ease-std);opacity:1}.page-header-content.is-transitioning{opacity:0}.page-header-icon{opacity:.7;pointer-events:none;position:absolute}.floating-nav{left:50%;top:var(--space-4);border-radius:var(--radius-pill);background:color-mix(in oklch, var(--bg-base) 55%, transparent);-webkit-backdrop-filter:blur(16px)saturate(160%);border:var(--grammar-keyline-weight) solid var(--grammar-keyline);width:calc(100% - 32px);max-width:560px;box-shadow:var(--elevation-2);z-index:50;align-items:center;gap:4px;padding:6px 8px;display:flex;position:fixed;transform:translate(-50%)}.floating-nav .nav-logo{font-family:var(--font-display);color:var(--text-high);flex-shrink:0;padding:0 10px 0 8px;font-size:19px;text-decoration:none}.floating-nav .nav-primary{flex:1;align-items:center;gap:2px;display:flex;position:relative}.floating-nav .nav-active-pill{border-radius:var(--radius-pill);background:var(--accent-solid);z-index:0;pointer-events:none;width:0;transition:left var(--dur-base) var(--ease-press), width var(--dur-base) var(--ease-press), background-color var(--dur-base) var(--ease-std);position:absolute;top:0;bottom:0;left:0}.floating-nav .nav-item{z-index:1;font-family:var(--font-label);border-radius:var(--radius-pill);color:var(--text-high);white-space:nowrap;cursor:pointer;transition:color var(--dur-base) var(--ease-std);align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.floating-nav .nav-item.active{color:#fff}.floating-nav .nav-icons{flex-shrink:0;align-items:center;gap:2px;display:flex}.floating-nav .nav-icon-btn{border-radius:var(--radius-pill);width:34px;height:34px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.floating-nav .nav-icon-btn:hover{background:var(--border);color:var(--text-high)}.floating-nav .nav-icon-btn.active{color:var(--accent)}