@media (prefers-reduced-motion:reduce){:root{--duration-press:0s;--duration-fast:0s;--duration-control:0s;--duration-reveal:0s;--duration-shine:0s;--duration-spring:0s;--fx-ripple-duration:0}}@font-face{font-family:Open Sans;src:local(Open Sans),url(/fonts/open-sans-latin.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:local(Inter),url(/fonts/inter-latin.woff2)format("woff2");font-weight:200 700;font-style:normal;font-display:swap;size-adjust:93%;ascent-override:102.2%;descent-override:22.6%}@font-face{font-family:Open Sans;src:local(Open Sans Italic),url(/fonts/open-sans-latin-italic.woff2)format("woff2");font-weight:300 700;font-style:italic;font-display:swap}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--color-paper);min-height:100vh;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-body-mobile);line-height:var(--line-height-body);-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;background-color:var(--color-paper);background-image:var(--pattern-pinstripe-subtle), var(--gradient-page);pointer-events:none;position:fixed;inset:0}@media (width>=768px){body{font-size:var(--font-size-body-desktop)}}img,picture,video,canvas,svg{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading);margin:0;line-height:1.2}h1{font-size:var(--font-size-h1-mobile);font-weight:var(--font-weight-display);letter-spacing:var(--letter-spacing-display);text-shadow:var(--text-shadow-letterpress)}h2{font-size:var(--font-size-h2-mobile)}h3{font-size:var(--font-size-h3-mobile)}@media (width>=768px){h1{font-size:var(--font-size-h1-desktop)}h2{font-size:var(--font-size-h2-desktop)}h3{font-size:var(--font-size-h3-desktop)}}p{margin:0 0 var(--space-4) 0}a{color:var(--color-accent-solid);text-decoration:none}a:hover{color:var(--aqua-900);text-decoration:underline}ul,ol{margin:0;padding:0;list-style:none}button{font-family:inherit}.tabular-nums{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--aqua-500);outline-offset:2px;border-radius:var(--radius-sm)}.reading-column{max-width:var(--measure);padding-inline:var(--space-4);margin-inline:auto}@media (width>=768px){.reading-column{padding-inline:var(--space-6)}}.kicker{font-family:var(--font-ui);font-size:var(--font-size-chrome);font-weight:var(--font-weight-chrome);letter-spacing:0;letter-spacing:var(--letter-spacing-kicker);text-transform:uppercase;color:var(--color-text-secondary)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--aqua-400:#4fb3f0;--aqua-500:#2f95e0;--aqua-700:#0a5aa8;--aqua-900:#063a6e;--platinum-100:#f4f5f6;--platinum-300:#e2e5e7;--platinum-500:#c7cbce;--graphite-500:#7d848a;--graphite-800:#4a5056;--ink-900:#171a1c;--paper-white:#fff;--piano-900:#0a0a0b;--red-glossy-light:#ff8a80;--red-glossy:#ff5f57;--red-glossy-dark:#d33a32;--yellow-glossy-light:#ffe08a;--yellow-glossy:#ffbd2e;--yellow-glossy-dark:#dc9615;--green-glossy-light:#8ef2a0;--green-glossy:#28c840;--green-glossy-dark:#1a9c2e;--color-paper:#eef1f3;--color-paper-deep:#dfe3e6;--color-surface:var(--paper-white);--color-text:#1c1f22;--color-text-secondary:#6b7278;--color-text-tertiary:#70767c;--color-hairline:#0000001f;--color-hairline-strong:#0003;--color-separator:#00000014;--color-accent-top:var(--aqua-400);--color-accent-bottom:var(--aqua-700);--color-accent-border:#063a6e73;--color-accent-solid:var(--aqua-700);--color-accent-pressed-top:var(--aqua-700);--color-accent-pressed-bottom:var(--aqua-900);--gradient-accent:linear-gradient(180deg, var(--color-accent-top) 0%, var(--color-accent-bottom) 100%);--gradient-accent-pressed:linear-gradient(180deg, var(--color-accent-pressed-top) 0%, var(--color-accent-pressed-bottom) 100%);--color-accent-flash:#4fb3f02e;--color-row-stripe:#4fb3f012;--color-row-hover:#4fb3f038;--color-white:#fff;--color-black:#000;--gradient-page:linear-gradient(180deg, #eef1f3 0%, #dfe3e6 40%, #d3d8db 100%);--gradient-surface:linear-gradient(180deg, #fff 0%, #f6f7f8 100%);--gradient-metal:linear-gradient(180deg, #f2f3f4 0%, #d3d6d8 100%);--gradient-metal-light:linear-gradient(180deg, #fafbfb 0%, #e9ebec 100%);--pattern-metal-striation:repeating-linear-gradient(180deg, #0000000f 0px, #0000000f 1px, #fff6 1px, #fff6 2px);--pattern-metal-striation-dark:repeating-linear-gradient(180deg, #ffffff0d 0px, #ffffff0d 1px, #0000001f 1px, #0000001f 2px);--pattern-pinstripe:repeating-linear-gradient(90deg, #0000000f 0px, #0000000f 1px, transparent 1px, transparent 4px);--pattern-pinstripe-subtle:repeating-linear-gradient(90deg, #00000007 0px, #00000007 1px, transparent 1px, transparent 4px);--gradient-glass:linear-gradient(180deg, #fff 0%, #dfe3e6 46%, #aab0b5 50%, #eef1f3 100%);--gradient-piano:linear-gradient(160deg, #2a2a2c 0%, #0a0a0b 55%, #1c1c1e 100%);--gradient-glass-sheen:linear-gradient(180deg, #ffffffbf 0%, #fff0 100%);--gradient-button-gloss:linear-gradient(180deg, #ffffff80 0%, #fff0 55%);--gradient-chrome:linear-gradient(180deg, #6e6e73 0%, #3a3a3d 100%);--gradient-chrome-active:linear-gradient(180deg, #000 0%, #1c1c1e 100%);--color-chrome-border:#222224;--color-chrome-divider:#0006;--color-chrome-divider-highlight:#ffffff14;--color-chrome-text:#f5f5f7;--shadow-chrome-active-inset:inset 0 2px 4px #000000b3;--text-shadow-on-chrome:0 1px 1px #00000080;--shadow-inset-highlight:inset 0 1px 0 #fffc;--shadow-inset-highlight-soft:inset 0 1px 0 #ffffff80;--shadow-surface:0 3px 8px #14191e14;--shadow-panel:0 10px 24px #14191e1a;--shadow-raised:0 6px 14px #14191e2e;--shadow-window:0 18px 34px #0f141947;--shadow-icon:0 5px 10px #0f14194d;--shadow-accent-raised:0 3px 6px #0a284659;--shadow-accent-raised-hover:0 4px 9px #0a284661;--shadow-surface-hover:0 4px 10px #14191e1f;--shadow-inset-track:inset 0 1px 2px #00000026;--shadow-inset-groove:inset 0 1px 3px #00000038;--shadow-pressed:inset 0 1px 2px #00000059;--text-shadow-letterpress:0 1px 0 #fff9;--text-shadow-on-accent:0 -1px 0 #00000040;--border-hairline-width:1px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-pill:999px;--radius-icon:22%;--radius-surface:var(--radius-md);--radius-control:var(--radius-sm);--font-body:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Open Sans", sans-serif;--font-heading:"Helvetica Neue", Helvetica, Arial, "Inter", sans-serif;--font-caption:"Helvetica Neue", Helvetica, Arial, "Inter", sans-serif;--font-mono:"Lucida Console", Monaco, "SF Mono", ui-monospace, Menlo, Consolas, monospace;--font-system:var(--font-body);--font-ui:var(--font-caption);--font-size-body-mobile:17px;--font-size-body-desktop:19px;--font-size-prose-mobile:16px;--font-size-prose-desktop:18px;--line-height-body:1.55;--measure:68ch;--font-weight-thin:200;--font-weight-light:300;--font-weight-regular:400;--font-weight-bold:700;--font-weight-display:var(--font-weight-thin);--font-weight-heading:var(--font-weight-light);--font-weight-control:var(--font-weight-regular);--font-weight-chrome:var(--font-weight-bold);--letter-spacing-display:-.02em;--letter-spacing-heading:-.01em;--letter-spacing-kicker:3px;--font-size-h1-mobile:30px;--font-size-h1-desktop:40px;--font-size-h2-mobile:22px;--font-size-h2-desktop:26px;--font-size-h3-mobile:18px;--font-size-h3-desktop:20px;--font-size-nav-title:17px;--font-size-chrome:12px;--font-size-small:13px;--font-size-caption:11px;--font-size-tab-label:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-section-mobile:var(--space-8);--space-section-desktop:var(--space-10);--list-row-padding-y:var(--space-3);--track-date-col:8.5em;--list-row-min-height:44px;--list-separator-inset:var(--space-4);--tap-target-min:44px;--social-icon-size:18px;--desktop-nav-height:78px;--nav-height-compact:62px;--duration-press:.12s;--duration-fast:.2s;--duration-control:.25s;--duration-reveal:.32s;--duration-shine:.8s;--fx-ripple-duration:900;--fx-rise:.45s;--fx-light:255 255 255;--duration-spring:.4s;--ease-standard:cubic-bezier(.25, .1, .25, 1);--ease-decelerate:cubic-bezier(.16, 1, .3, 1);--ease-expo:cubic-bezier(.87, 0, .13, 1);--ease-spring:cubic-bezier(.17, .67, .32, 1.28)}@media (prefers-reduced-motion:reduce){:root{--duration-press:0s;--duration-fast:0s;--duration-control:0s;--duration-reveal:0s;--duration-shine:0s;--duration-spring:0s;--fx-ripple-duration:0}}.surface,.panel{background:var(--gradient-surface);border:var(--border-hairline-width) solid var(--color-hairline);box-shadow:var(--shadow-inset-highlight), var(--shadow-surface);border-radius:var(--radius-md)}.panel{box-shadow:var(--shadow-inset-highlight), var(--shadow-panel);padding:var(--space-6)}.text-letterpress{text-shadow:var(--text-shadow-letterpress)}.fx-ripple-canvas{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.btn{isolation:isolate;--fx-aniso:1.2;--fx-sharp:3.4;--fx-gain:.95;--fx-bevel:.55;--fx-dome:.95;--fx-bend:.35;--fx-rim:.45;--fx-ambient:.05;--fx-light:255 248 232;min-width:var(--tap-target-min);min-height:var(--tap-target-min);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-6);border-radius:var(--radius-pill);border:var(--border-hairline-width) solid var(--color-accent-border);background:var(--gradient-accent);box-shadow:var(--shadow-inset-highlight-soft), var(--shadow-accent-raised);color:var(--color-white);text-shadow:var(--text-shadow-on-accent);font-family:var(--font-body);font-size:var(--font-size-small);font-weight:var(--font-weight-chrome);cursor:pointer;transition:transform var(--duration-control) var(--ease-standard), box-shadow var(--duration-control) var(--ease-standard), filter var(--duration-control) var(--ease-standard);text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:var(--gradient-button-gloss);pointer-events:none;position:absolute;inset:0}:root:not(.fx-ripple) .btn:after{content:"";filter:blur(6px);pointer-events:none;background:linear-gradient(115deg,#0000,#ffffff8c 50%,#0000);width:45%;height:100%;position:absolute;top:0;left:0;transform:translate(calc(-100% - 18px))skew(-20deg)}.btn:hover{color:var(--color-white);box-shadow:var(--shadow-inset-highlight-soft), var(--shadow-accent-raised-hover);text-decoration:none}.btn-secondary:hover{color:var(--graphite-800);box-shadow:var(--shadow-inset-highlight), var(--shadow-surface-hover)}:root:not(.fx-ripple) .btn:hover:after{transition:transform var(--duration-shine) var(--ease-expo);transform:translate(222.222%)skew(-20deg)}.btn:active{background:var(--gradient-accent-pressed);box-shadow:var(--shadow-pressed);filter:brightness(.96);transition-duration:var(--duration-press);transform:translateY(1px)}.btn-secondary{background:var(--gradient-metal);border-color:var(--color-hairline-strong);box-shadow:var(--shadow-inset-highlight), var(--shadow-surface);color:var(--graphite-800);text-shadow:var(--text-shadow-letterpress)}.btn-secondary:active{box-shadow:var(--shadow-pressed);filter:brightness(.96);background:linear-gradient(#d3d6d8,#f2f3f4);transform:translateY(1px)}.toolbar-btn{border:var(--border-hairline-width) solid var(--color-hairline-strong);box-shadow:var(--shadow-inset-highlight), none;min-width:30px;height:24px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--graphite-800);cursor:pointer;transition:filter var(--duration-fast) var(--ease-standard);background:linear-gradient(#fff,#dcdfe1);justify-content:center;align-items:center;display:inline-flex}.toolbar-btn:hover{filter:brightness(.97)}.toolbar-btn:active{box-shadow:var(--shadow-pressed);filter:brightness(.96);background:linear-gradient(#dcdfe1,#fff);transform:translateY(1px)}.pressable{-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard)}.pressable:hover{opacity:.8;text-decoration:none}.pressable:active{opacity:.6;transition-duration:var(--duration-press);transform:translateY(1px)}.list{background:var(--gradient-surface);border:var(--border-hairline-width) solid var(--color-hairline);box-shadow:var(--shadow-inset-highlight), var(--shadow-surface);border-radius:var(--radius-md);overflow:hidden}.list-row{align-items:center;gap:var(--space-4);min-height:var(--list-row-min-height);padding:var(--list-row-padding-y) var(--space-4);color:inherit;display:flex;position:relative}.list-row:not(:last-child):after{content:"";left:var(--list-separator-inset);height:var(--border-hairline-width);background:var(--color-separator);position:absolute;bottom:0;right:0}.list-row:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.list-row:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}a.list-row{-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) var(--ease-standard)}a.list-row:hover{background:#00000006;text-decoration:none}a.list-row:active{background:var(--color-accent-flash);transition-duration:var(--duration-press)}.list-chevron{width:8px;height:13px;color:var(--graphite-500);flex-shrink:0;margin-left:auto}.track-list{border:var(--border-hairline-width) solid var(--color-hairline-strong);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-inset-track);overflow:hidden}.track-list-header{background-image:var(--pattern-metal-striation), var(--gradient-metal);grid-template-columns:var(--track-date-col) 1fr;gap:var(--space-4);padding:var(--space-2) var(--space-4);border-bottom:var(--border-hairline-width) solid var(--color-hairline-strong);box-shadow:var(--shadow-inset-highlight);display:grid}.track-col{font-family:var(--font-ui);font-size:var(--font-size-caption);font-weight:var(--font-weight-chrome);letter-spacing:0;align-items:center;gap:var(--space-1);text-transform:uppercase;letter-spacing:.5px;color:var(--graphite-800);text-shadow:var(--text-shadow-letterpress);display:flex}.track-col-sorted:after{content:"▲";color:var(--graphite-500);font-size:7px;line-height:1}.track-row{grid-template-columns:var(--track-date-col) 1fr;gap:var(--space-4);min-height:var(--list-row-min-height);padding:var(--space-3) var(--space-4);color:inherit;transition:background var(--duration-fast) var(--ease-standard);align-items:baseline;display:grid;position:relative;overflow:hidden}a.track-row:nth-of-type(2n){background:var(--color-row-stripe)}a.track-row{-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) var(--ease-standard)}a.track-row:hover{background:var(--color-row-hover);text-decoration:none}a.track-row:active{background:var(--gradient-accent);box-shadow:var(--shadow-inset-highlight-soft);transition-duration:var(--duration-press)}a.track-row:active .track-title,a.track-row:active .track-date{color:var(--color-white);text-shadow:var(--text-shadow-on-accent)}.track-date-short,.track-col-compact{display:none}@media (width<=479px){.track-list-header{grid-template-columns:1fr}.track-row{gap:var(--space-1);grid-template-columns:1fr;align-items:start}.track-col-sorted,.track-list-header .track-col:not(.track-col-compact){display:none}.track-col-compact{display:flex}.track-date-long{display:none}.track-date-short{display:inline}}.track-date{font-family:var(--font-caption);font-size:var(--font-size-small);font-variant-numeric:tabular-nums;color:var(--color-text-tertiary);white-space:nowrap}.track-title{color:var(--color-text)}.input{border:var(--border-hairline-width) solid var(--color-hairline-strong);box-shadow:var(--shadow-inset-track);min-width:var(--tap-target-min);min-height:var(--tap-target-min);-webkit-tap-highlight-color:transparent;width:100%;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-size-small);color:var(--color-text);background:linear-gradient(#fff,#eef0f1);display:block}.input::placeholder{color:var(--color-text-tertiary)}.search-field{align-items:center;display:flex;position:relative}.search-field .input{border-radius:var(--radius-pill);padding-left:calc(var(--space-6) + var(--space-4))}.search-field-icon{left:var(--space-3);width:14px;height:14px;color:var(--graphite-500);pointer-events:none;position:absolute}.segmented{background-image:var(--pattern-metal-striation), var(--gradient-metal);border-radius:var(--radius-pill);border:var(--border-hairline-width) solid var(--color-hairline-strong);box-shadow:var(--shadow-inset-groove);padding:2px;display:inline-flex}.segmented-option{font-family:var(--font-ui);font-size:var(--font-size-chrome);font-weight:var(--font-weight-chrome);letter-spacing:0;min-height:30px;padding:0 var(--space-5);border-radius:var(--radius-pill);color:var(--graphite-800);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.segmented-option:hover{background:#ffffff73}.segmented-option[aria-pressed=true],.segmented-option[aria-selected=true]{box-shadow:var(--shadow-inset-highlight), 0 1px 2px #14191e33;color:var(--color-text);background:linear-gradient(#fff,#eceeef)}.toggle{flex-shrink:0;width:51px;height:31px;display:inline-block;position:relative}.toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.toggle-track{border-radius:var(--radius-pill);border:var(--border-hairline-width) solid var(--color-hairline-strong);width:100%;height:100%;box-shadow:var(--shadow-inset-groove);transition:background var(--duration-fast) var(--ease-standard);pointer-events:none;background:linear-gradient(#d8dcde,#eef0f1);display:block}.toggle-knob{border:var(--border-hairline-width) solid #00000040;width:27px;height:27px;box-shadow:var(--shadow-icon), var(--shadow-inset-highlight);transition:transform var(--duration-fast) var(--ease-standard);pointer-events:none;background:linear-gradient(#fff,#e8eaec);border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked~.toggle-track{background:var(--gradient-accent);border-color:var(--color-accent-border)}.toggle input:checked~.toggle-knob{transform:translate(20px)}.toggle input:focus-visible~.toggle-track{outline:2px solid var(--aqua-500);outline-offset:2px}.badge{border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--red-glossy-light), var(--red-glossy) 45%, var(--red-glossy-dark));border:var(--border-hairline-width) solid #78140f80;min-width:18px;height:18px;box-shadow:var(--shadow-inset-highlight-soft), 0 1px 2px #0000004d;color:var(--color-white);font-family:var(--font-system);font-size:var(--font-size-caption);font-weight:var(--font-weight-chrome);text-shadow:var(--text-shadow-on-accent);justify-content:center;align-items:center;padding:0 5px;line-height:1;display:inline-flex}.badge-anchor{display:inline-flex;position:relative}.badge-anchor .badge{position:absolute;top:-6px;right:-6px}.slider{width:100%;height:var(--tap-target-min);align-items:center;display:flex;position:relative}.slider-track{border-radius:var(--radius-pill);border:var(--border-hairline-width) solid var(--color-hairline-strong);width:100%;height:6px;box-shadow:var(--shadow-inset-groove);background:linear-gradient(#d3d6d8,#eef0f1);position:relative}.slider-fill{border-radius:var(--radius-pill);background:var(--gradient-accent);box-shadow:var(--shadow-inset-highlight-soft);position:absolute;inset:0 auto 0 0}.slider-thumb{border:var(--border-hairline-width) solid #00000040;width:28px;height:28px;box-shadow:var(--shadow-icon), var(--shadow-inset-highlight);transition:transform var(--duration-fast) var(--ease-standard);background:linear-gradient(#fff,#e4e7e9);border-radius:50%;margin-top:-14px;margin-left:-14px;position:absolute;top:50%}.slider:hover .slider-thumb{transform:scale(1.05)}.traffic{gap:var(--space-2);display:flex}.traffic-dot{border-radius:50%;width:13px;height:13px;position:relative}.traffic-dot:after{content:"";background:#ffffffa6;border-radius:50%;width:6px;height:4px;position:absolute;top:1px;left:2px}.traffic-dot-red{background:radial-gradient(circle at 35% 30%, var(--red-glossy-light), var(--red-glossy) 45%, var(--red-glossy-dark) 100%);box-shadow:0 1px 1px #0006,inset 0 1px #ffffff4d}.traffic-dot-yellow{background:radial-gradient(circle at 35% 30%, var(--yellow-glossy-light), var(--yellow-glossy) 45%, var(--yellow-glossy-dark) 100%);box-shadow:0 1px 1px #0006,inset 0 1px #ffffff4d}.traffic-dot-green{background:radial-gradient(circle at 35% 30%, var(--green-glossy-light), var(--green-glossy) 45%, var(--green-glossy-dark) 100%);box-shadow:0 1px 1px #0006,inset 0 1px #ffffff4d}.traffic-dot{transition:filter var(--duration-fast) var(--ease-standard)}.window-inactive .traffic-dot{filter:saturate(.15)}.window{border-radius:var(--radius-lg);border:var(--border-hairline-width) solid #00000047;box-shadow:var(--shadow-window);overflow:hidden}.window-titlebar{background-image:var(--pattern-metal-striation), var(--gradient-metal);align-items:center;gap:var(--space-4);min-height:30px;padding:var(--space-2) var(--space-3);border-bottom:var(--border-hairline-width) solid #0000002e;display:flex}.window-title{font-family:var(--font-ui);font-size:var(--font-size-chrome);font-weight:var(--font-weight-chrome);letter-spacing:0;text-align:center;color:var(--graphite-800);text-shadow:var(--text-shadow-letterpress);flex:1;margin-right:58px}.window-toolbar{align-items:center;gap:var(--space-3);min-height:40px;padding:var(--space-2) var(--space-3);background:var(--gradient-metal-light);border-bottom:var(--border-hairline-width) solid var(--color-hairline);display:flex}.window-body{background:var(--color-surface);grid-template-columns:160px 1fr;min-height:200px;display:grid}.window-sidebar{background-color:#eef0f1;background-image:var(--pattern-pinstripe);padding:var(--space-3);gap:var(--space-1);border-right:var(--border-hairline-width) solid var(--color-hairline);flex-direction:column;display:flex}.sidebar-item{font-family:var(--font-ui);font-size:var(--font-size-chrome);font-weight:var(--font-weight-chrome);letter-spacing:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--graphite-800);font-weight:var(--font-weight-regular);cursor:pointer}.sidebar-item[aria-current=true]{background:var(--gradient-accent);box-shadow:var(--shadow-inset-highlight-soft);color:var(--color-white);font-weight:var(--font-weight-chrome);text-shadow:var(--text-shadow-on-accent)}.window-content{padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.scrollbar-track{border-radius:var(--radius-pill);width:12px;height:120px;box-shadow:var(--shadow-inset-track);background:#e7e9ea;margin-left:auto;padding:2px}.scrollbar-thumb{border-radius:var(--radius-pill);width:100%;height:55%;box-shadow:var(--shadow-inset-highlight-soft);background:linear-gradient(#cfd3d6,#9aa0a6)}.icon-grid{gap:var(--space-6) var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width>=480px){.icon-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.app-icon{border-radius:var(--radius-icon)}@supports (corner-shape:squircle){.app-icon{corner-shape:squircle;border-radius:28%}}.app-icon{aspect-ratio:1;border:var(--border-hairline-width) solid #00000040;box-shadow:var(--shadow-icon), var(--shadow-inset-highlight-soft);position:relative;overflow:hidden}.app-icon:after{content:"";background:var(--gradient-glass-sheen);pointer-events:none;border-radius:40% 40% 60% 60%/55% 55% 100% 100%;height:46%;position:absolute;top:4%;left:4%;right:4%}.material-metal{background-image:var(--pattern-metal-striation), linear-gradient(180deg, #e4e7e9 0%, #b9bec2 50%, #d7dadd 100%);background-color:var(--platinum-500)}.material-glass{background:var(--gradient-glass)}.material-piano{background:var(--gradient-piano)}.material-aqua{background:var(--gradient-accent)}.material-platinum{background:linear-gradient(180deg, var(--platinum-100), var(--platinum-500))}.material-graphite{background:linear-gradient(180deg, var(--graphite-500), var(--graphite-800))}.desktop-stage{padding:var(--space-7) var(--space-6) var(--space-6);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffff40, var(--shadow-inset-track);background:linear-gradient(160deg,#8e9aa5 0%,#6d7c8a 45%,#55636f 100%)}.dock{justify-content:center;gap:var(--space-6);margin-top:var(--space-6);padding:var(--space-3) var(--space-4) var(--space-4);border-radius:var(--radius-lg);border:var(--border-hairline-width) solid #fff6;-webkit-backdrop-filter:blur(2px);background:linear-gradient(#ffffff59,#ffffff14);display:flex;box-shadow:inset 0 8px 20px #0f14192e,0 4px 10px #0f14191f}.dock-slot{flex-direction:column;align-items:center;display:flex}.dock-icon{border-radius:var(--radius-icon)}@supports (corner-shape:squircle){.dock-icon{corner-shape:squircle;border-radius:28%}}.dock-icon{border:var(--border-hairline-width) solid #00000040;width:56px;height:56px;box-shadow:var(--shadow-icon), var(--shadow-inset-highlight-soft);position:relative;overflow:hidden}.dock-icon:after{content:"";background:var(--gradient-glass-sheen);pointer-events:none;border-radius:40% 40% 60% 60%/55% 55% 100% 100%;height:46%;position:absolute;top:4%;left:4%;right:4%}.dock-reflection{border-radius:var(--radius-icon)}@supports (corner-shape:squircle){.dock-reflection{corner-shape:squircle;border-radius:28%}}.dock-reflection{opacity:.28;width:56px;height:24px;margin-top:2px;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#000000b3,#0000);mask-image:linear-gradient(#000000b3,#0000)}.tag{border:var(--border-hairline-width) solid var(--color-hairline);box-shadow:var(--shadow-inset-highlight), none;padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--font-size-chrome);color:var(--graphite-800);background:linear-gradient(#fff,#eceeef);align-items:center;display:inline-flex}