html[data-font=system]{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}html[data-font=times]{font-family:Times New Roman,Times,serif}html[data-font=georgia]{font-family:Georgia,Times New Roman,serif}html[data-font=inter]{font-family:Inter,ui-sans-serif,sans-serif}html[data-font=mono]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{line-height:1.5;font-feature-settings:"cv02","cv03","cv04","cv11","ss01";--accent-50: #eef2ff;--accent-100: #e0e7ff;--accent-200: #c7d2fe;--accent-300: #a5b4fc;--accent-400: #818cf8;--accent-500: #6366f1;--accent-600: #4f46e5;--accent-700: #4338ca;--accent-800: #3730a3;--accent: var(--accent-500);--accent-strong: var(--accent-600);--accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);--accent-softer: color-mix(in srgb, var(--accent) 8%, transparent);--on-accent: #ffffff;--bg: #f5f6fb;--bg-grad-1: oklch(82% .15 264 / .32);--bg-grad-2: oklch(84% .13 320 / .22);--bg-grad-3: oklch(87% .12 215 / .25);--dot-color: oklch(35% .06 264 / .1);--dot-opacity: .55;--text: #0c0d12;--muted: rgba(12, 13, 18, .6);--muted-strong: rgba(12, 13, 18, .78);--surface: #ffffff;--surface2: #f3f4f8;--surface-glass: rgba(255, 255, 255, .7);--surface-glass-strong: rgba(255, 255, 255, .86);--border: rgba(12, 13, 18, .08);--border2: rgba(12, 13, 18, .14);--border-strong: rgba(12, 13, 18, .22);--shadow-sm: 0 1px 2px rgba(12, 13, 18, .05);--shadow: 0 2px 8px rgba(12, 13, 18, .06), 0 1px 2px rgba(12, 13, 18, .04);--shadow-md: 0 10px 28px rgba(12, 13, 18, .09), 0 2px 6px rgba(12, 13, 18, .05);--shadow-lg: 0 24px 60px rgba(12, 13, 18, .16), 0 6px 18px rgba(12, 13, 18, .08);--glow-accent: 0 0 0 1px color-mix(in srgb, var(--accent) 38%, transparent), 0 10px 30px color-mix(in srgb, var(--accent) 22%, transparent);--highlight-inset: inset 0 1px 0 rgba(255, 255, 255, .65);--blur: 14px;--blur-strong: 22px;--saturate: 140%;--pagePad: 22px;--headerPadTop: 18px;--headerPadBottom: 14px;--headerPadX: 22px;--tabGap: 2px;--tabPadY: 8px;--tabPadX: 14px;--radiusSm: 10px;--radiusMd: 14px;--radiusLg: 18px;--radiusXl: 24px;--cardPad: 16px;--listGap: 14px;--blockGap: 12px;--fontBase: 15px;--fontSm: 13px;--fontXs: 12px;--fontH2: 20px;--fontH3: 14px;--tracking-tight: -.011em;--tracking-display: -.028em;--tracking-mega: -.045em;--display-font: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-out-soft: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out: cubic-bezier(.83, 0, .17, 1);--spring: var(--ease-out);--spring-soft: var(--ease-out-soft);--dur-fast: .14s;--dur: .24s;--dur-slow: .42s;--dur-xslow: .72s;--badge-danger-bg: color-mix(in srgb, #ef4444 14%, transparent);--badge-danger-border: color-mix(in srgb, #ef4444 32%, transparent);--badge-danger-text: #b91c1c;--badge-danger-bg-strong: rgba(216, 19, 19, .92);--badge-danger-border-strong: rgba(255, 180, 180, .85);--badge-danger-text-strong: #ffffff;--text-on-bg: var(--text);--muted-on-bg: var(--muted);--muted-strong-on-bg: var(--muted-strong);--interactive-hover-opacity: .92;--interactive-active-scale: .985;--interactive-focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px color-mix(in srgb, var(--accent), transparent 50%)}html[data-theme=midnight]{--accent-500: #818cf8;--accent-600: #6366f1;--accent: var(--accent-500);--accent-strong: var(--accent-600);--accent-soft: color-mix(in srgb, var(--accent) 22%, transparent);--accent-softer: color-mix(in srgb, var(--accent) 12%, transparent);--bg: #07091a;--bg-grad-1: oklch(55% .2 264 / .45);--bg-grad-2: oklch(50% .2 305 / .38);--bg-grad-3: oklch(55% .16 215 / .32);--dot-color: oklch(85% .05 264 / .1);--dot-opacity: .55;--text: #eef0f7;--muted: rgba(238, 240, 247, .62);--muted-strong: rgba(238, 240, 247, .82);--surface: #131835;--surface2: #0d1230;--surface-glass: rgba(28, 32, 64, .55);--surface-glass-strong: rgba(28, 32, 64, .78);--border: rgba(238, 240, 247, .1);--border2: rgba(238, 240, 247, .18);--border-strong: rgba(238, 240, 247, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 6px 18px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 14px 38px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 30px 70px rgba(0, 0, 0, .55), 0 8px 20px rgba(0, 0, 0, .4);--highlight-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--datePickerIconFilter: invert(1)}html[data-theme=ocean]{--accent-500: #0ea5e9;--accent-600: #0284c7;--accent: var(--accent-500);--accent-strong: var(--accent-600);--accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);--accent-softer: color-mix(in srgb, var(--accent) 8%, transparent);--bg: #eef6ff;--bg-grad-1: oklch(78% .16 215 / .4);--bg-grad-2: oklch(82% .14 195 / .3);--bg-grad-3: oklch(88% .1 235 / .32);--dot-color: oklch(35% .08 215 / .1);--text: #0a1b33;--muted: rgba(10, 27, 51, .6);--muted-strong: rgba(10, 27, 51, .8);--surface: #ffffff;--surface2: #f0f7ff;--surface-glass: rgba(255, 255, 255, .72);--surface-glass-strong: rgba(255, 255, 255, .88);--border: rgba(10, 27, 51, .08);--border2: rgba(10, 27, 51, .16);--border-strong: rgba(10, 27, 51, .26)}html[data-theme=forest]{--accent-500: #34d399;--accent-600: #10b981;--accent: var(--accent-500);--accent-strong: var(--accent-600);--accent-soft: color-mix(in srgb, var(--accent) 22%, transparent);--accent-softer: color-mix(in srgb, var(--accent) 12%, transparent);--bg: #0c130c;--bg-grad-1: oklch(55% .22 155 / .4);--bg-grad-2: oklch(60% .2 125 / .28);--bg-grad-3: oklch(40% .16 145 / .5);--dot-color: oklch(85% .05 155 / .1);--text: #dbe7c9;--muted: rgba(220, 230, 200, .58);--muted-strong: rgba(220, 230, 200, .82);--surface: #1b2418;--surface2: #232e1f;--surface-glass: rgba(36, 50, 30, .6);--surface-glass-strong: rgba(36, 50, 30, .82);--border: rgba(220, 230, 200, .1);--border2: rgba(220, 230, 200, .18);--border-strong: rgba(220, 230, 200, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 6px 18px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 14px 38px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .35);--shadow-lg: 0 30px 70px rgba(0, 0, 0, .6), 0 8px 20px rgba(0, 0, 0, .4);--highlight-inset: inset 0 1px 0 rgba(255, 255, 255, .05);--datePickerIconFilter: invert(1)}html[data-theme=rainbow]{--accent-500: #22d3ee;--accent-600: #06b6d4;--accent: var(--accent-500);--accent-strong: var(--accent-600);--accent-soft: color-mix(in srgb, var(--accent) 22%, transparent);--accent-softer: color-mix(in srgb, var(--accent) 12%, transparent);--bg: #08080f;--bg-grad-1: oklch(62% .28 25 / .7);--bg-grad-2: oklch(62% .28 300 / .65);--bg-grad-3: oklch(62% .28 150 / .6);--dot-color: oklch(90% .04 264 / .08);--dot-opacity: .4;--text: #f0f0f8;--muted: rgba(240, 240, 248, .6);--muted-strong: rgba(240, 240, 248, .82);--surface: #12121e;--surface2: #0d0d18;--surface-glass: rgba(18, 18, 30, .62);--surface-glass-strong: rgba(18, 18, 30, .82);--border: rgba(240, 240, 248, .1);--border2: rgba(240, 240, 248, .18);--border-strong: rgba(240, 240, 248, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow: 0 6px 18px rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 14px 38px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 30px 70px rgba(0, 0, 0, .65), 0 8px 20px rgba(0, 0, 0, .5);--highlight-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--datePickerIconFilter: invert(1)}html[data-theme=rainbow] body:before{background-image:radial-gradient(55vw 50vw at 5% 10%,oklch(62% .28 25 / .7),transparent 60%),radial-gradient(45vw 55vw at 95% 8%,oklch(62% .28 300 / .65),transparent 60%),radial-gradient(50vw 45vw at 50% 0%,oklch(62% .28 200 / .6),transparent 60%),radial-gradient(45vw 50vw at 8% 92%,oklch(62% .28 80 / .65),transparent 60%),radial-gradient(40vw 45vw at 92% 88%,oklch(62% .28 250 / .65),transparent 60%),radial-gradient(38vw 40vw at 52% 58%,oklch(62% .28 150 / .5),transparent 60%);filter:saturate(140%)}html[data-theme=rose]{--accent-500: #f43f5e;--accent-600: #e11d48;--accent: var(--accent-500);--accent-strong: var(--accent-600);--accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);--accent-softer: color-mix(in srgb, var(--accent) 8%, transparent);--bg: #fff1f4;--bg-grad-1: oklch(78% .18 5 / .36);--bg-grad-2: oklch(82% .14 25 / .26);--bg-grad-3: oklch(86% .12 345 / .28);--dot-color: oklch(35% .08 5 / .1);--text: #2a0b12;--muted: rgba(42, 11, 18, .58);--muted-strong: rgba(42, 11, 18, .8);--surface: #ffffff;--surface2: #fff7f9;--surface-glass: rgba(255, 255, 255, .74);--surface-glass-strong: rgba(255, 255, 255, .88);--border: rgba(42, 11, 18, .08);--border2: rgba(42, 11, 18, .16);--border-strong: rgba(42, 11, 18, .26)}html[data-theme=contrast]{--accent-500: #ffffff;--accent-600: #f5f5f5;--accent: var(--accent-500);--accent-strong: var(--accent-600);--accent-soft: rgba(255, 255, 255, .16);--accent-softer: rgba(255, 255, 255, .08);--on-accent: #000000;--bg: #000000;--bg-grad-1: oklch(60% .02 264 / .16);--bg-grad-2: oklch(60% .02 215 / .1);--bg-grad-3: oklch(60% .02 285 / .1);--dot-color: oklch(95% 0 0 / .1);--dot-opacity: .4;--text: #ffffff;--muted: rgba(255, 255, 255, .68);--muted-strong: rgba(255, 255, 255, .86);--surface: #0e0e10;--surface2: #08080a;--surface-glass: rgba(20, 20, 22, .62);--surface-glass-strong: rgba(20, 20, 22, .84);--border: rgba(255, 255, 255, .16);--border2: rgba(255, 255, 255, .28);--border-strong: rgba(255, 255, 255, .45);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .6);--shadow: 0 8px 24px rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 14px 38px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 30px 70px rgba(0, 0, 0, .7), 0 8px 20px rgba(0, 0, 0, .5);--highlight-inset: inset 0 1px 0 rgba(255, 255, 255, .1);--datePickerIconFilter: invert(1)}html[data-theme=frog]{--accent-500: #84cc16;--accent-600: #65a30d;--accent: var(--accent-500);--accent-strong: var(--accent-600);--accent-soft: color-mix(in srgb, var(--accent) 16%, transparent);--accent-softer: color-mix(in srgb, var(--accent) 9%, transparent);--bg: #5d8b50;--bg-grad-1: oklch(75% .22 125 / .36);--bg-grad-2: oklch(70% .18 145 / .28);--bg-grad-3: oklch(85% .18 115 / .3);--dot-color: oklch(25% .1 130 / .18);--text: #0a3713;--muted: rgba(10, 55, 19, .62);--muted-strong: rgba(10, 55, 19, .84);--surface: #ecffdc;--surface2: #e3fbcd;--surface-glass: rgba(236, 255, 220, .74);--surface-glass-strong: rgba(236, 255, 220, .9);--border: rgba(10, 55, 19, .1);--border2: rgba(10, 55, 19, .2);--border-strong: rgba(10, 55, 19, .32);--shadow: 0 5px 14px rgba(17, 46, 6, .32);--shadow-md: 0 14px 32px rgba(17, 46, 6, .3);--shadow-lg: 0 28px 60px rgba(17, 46, 6, .32)}html[data-theme=rainbow][data-rainbow-cards=light]{--text: #0c0d12;--muted: rgba(12, 13, 18, .6);--muted-strong: rgba(12, 13, 18, .78);--surface: #ffffff;--surface2: #f3f4f8;--surface-glass: rgba(255, 255, 255, .72);--surface-glass-strong: rgba(255, 255, 255, .88);--border: rgba(12, 13, 18, .08);--border2: rgba(12, 13, 18, .14);--border-strong: rgba(12, 13, 18, .22);--shadow-sm: 0 1px 2px rgba(12, 13, 18, .05);--shadow: 0 2px 8px rgba(12, 13, 18, .06), 0 1px 2px rgba(12, 13, 18, .04);--shadow-md: 0 10px 28px rgba(12, 13, 18, .09), 0 2px 6px rgba(12, 13, 18, .05);--shadow-lg: 0 24px 60px rgba(12, 13, 18, .16), 0 6px 18px rgba(12, 13, 18, .08);--highlight-inset: inset 0 1px 0 rgba(255, 255, 255, .65);--datePickerIconFilter: none;--badge-danger-bg: color-mix(in srgb, #ef4444 14%, transparent);--badge-danger-border: color-mix(in srgb, #ef4444 32%, transparent);--badge-danger-text: #b91c1c;--text-on-bg: #eef0f7;--muted-on-bg: rgba(238, 240, 247, .62);--muted-strong-on-bg: rgba(238, 240, 247, .82)}html[data-theme=custom]{--accent-500: #6366f1;--accent-600: #4f46e5;--accent: var(--accent-500);--accent-strong: var(--accent-600);--bg: #f5f6fb;--text: #0c0d12;--surface: #ffffff;--surface2: #f3f4f8}@media(prefers-color-scheme:dark){html[data-theme=auto]{--accent-500: #818cf8;--accent-600: #6366f1;--accent: var(--accent-500);--accent-strong: var(--accent-600);--accent-soft: color-mix(in srgb, var(--accent) 22%, transparent);--accent-softer: color-mix(in srgb, var(--accent) 12%, transparent);--bg: #07091a;--bg-grad-1: oklch(55% .2 264 / .45);--bg-grad-2: oklch(50% .2 305 / .38);--bg-grad-3: oklch(55% .16 215 / .32);--dot-color: oklch(85% .05 264 / .1);--text: #eef0f7;--muted: rgba(238, 240, 247, .62);--muted-strong: rgba(238, 240, 247, .82);--surface: #131835;--surface2: #0d1230;--surface-glass: rgba(28, 32, 64, .55);--surface-glass-strong: rgba(28, 32, 64, .78);--border: rgba(238, 240, 247, .1);--border2: rgba(238, 240, 247, .18);--border-strong: rgba(238, 240, 247, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 6px 18px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 14px 38px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 30px 70px rgba(0, 0, 0, .55), 0 8px 20px rgba(0, 0, 0, .4);--highlight-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--datePickerIconFilter: invert(1)}}html[data-theme=midnight] .toggleTrack.off,html[data-theme=contrast] .toggleTrack.off,html[data-theme=forest] .toggleTrack.off{background:#ff505047}html[data-theme=midnight] .toggleTrack.on,html[data-theme=contrast] .toggleTrack.on,html[data-theme=forest] .toggleTrack.on{background:#50ffa038}html[data-theme=midnight] .toggleTrack.mixed,html[data-theme=contrast] .toggleTrack.mixed,html[data-theme=forest] .toggleTrack.mixed{background:#ffc85040}[data-theme=midnight],[data-theme=forest],[data-theme=rainbow],[data-theme=contrast]{--badge-danger-bg: var(--badge-danger-bg-strong);--badge-danger-border: var(--badge-danger-border-strong);--badge-danger-text: var(--badge-danger-text-strong)}html[data-theme=midnight] .tabIndicator,html[data-theme=forest] .tabIndicator,html[data-theme=rainbow] .tabIndicator,html[data-theme=contrast] .tabIndicator{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent),var(--shadow),var(--highlight-inset)}@media(prefers-color-scheme:dark){html[data-theme=auto] .tabIndicator{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent),var(--shadow),var(--highlight-inset)}}.plannerFadeColorTop{background:linear-gradient(to bottom,var(--surface),rgba(255,255,255,0))}.plannerFadeColorBot{background:linear-gradient(to top,var(--surface),rgba(255,255,255,0))}html[data-density=compact]{--pagePad: 12px;--headerPadTop: 14px;--headerPadBottom: 8px;--headerPadX: 14px;--tabGap: 6px;--tabPadY: 6px;--tabPadX: 8px;--radiusSm: 9px;--radiusMd: 11px;--radiusLg: 12px;--cardPad: 12px;--fontBase: 13px;--fontSm: 12px;--fontH2: 17px;--fontH3: 13px;--listGap: 8px;--blockGap: 8px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background-color:var(--bg);color:var(--text);font-size:var(--fontBase);letter-spacing:var(--tracking-tight);position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background-image:radial-gradient(60vw 60vw at 8% 4%,var(--bg-grad-1),transparent 60%),radial-gradient(50vw 55vw at 92% 12%,var(--bg-grad-2),transparent 62%),radial-gradient(70vw 65vw at 50% 110%,var(--bg-grad-3),transparent 65%),radial-gradient(45vw 45vw at 18% 85%,var(--bg-grad-1),transparent 60%);filter:saturate(120%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:var(--dot-opacity, .45);background-image:radial-gradient(circle at 1px 1px,var(--dot-color, rgba(12, 13, 18, .085)) 1px,transparent 0);background-size:22px 22px;mask-image:radial-gradient(ellipse 80% 80% at 50% 35%,#000 35%,transparent 95%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 35%,#000 35%,transparent 95%)}button,input,select,textarea{font:inherit;color:inherit}ul,ol{list-style:none;margin:0;padding-left:0}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.header{padding:var(--headerPadTop) var(--headerPadX) var(--headerPadBottom);background:var(--surface-glass-strong);backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate));border-bottom:1px solid var(--border);color:var(--text);transition:padding var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.stickyHeader{position:sticky;top:0;z-index:90}.brand{display:flex;align-items:center;gap:12px;max-height:76px;opacity:1;transform:translateY(0);overflow:hidden;transition:max-height var(--dur) var(--ease-out),opacity .16s var(--ease-out),transform var(--dur) var(--ease-out),margin var(--dur) var(--ease-out)}.brandText{display:flex;flex-direction:column;min-width:0}.brandLogomark{flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:radial-gradient(120% 120% at 28% 18%,rgba(255,255,255,.55),transparent 55%),linear-gradient(135deg,var(--accent-400, var(--accent)) 0%,var(--accent-600, var(--accent-strong)) 60%,color-mix(in srgb,var(--accent-700) 80%,#6d28d9) 100%);box-shadow:inset 0 1px #ffffff73,inset 0 -1px #0000002e,0 8px 18px color-mix(in srgb,var(--accent) 35%,transparent);position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:0;transition:transform var(--dur) var(--ease-out);overflow:hidden}.brandLogomark:before{content:"";position:absolute;width:16px;height:16px;background:#fff;transform:rotate(45deg);border-radius:3px;top:8px;left:8px;box-shadow:inset 0 1px #fff9}.brandLogomark:after{content:"";position:absolute;width:8px;height:8px;background:#ffffffd9;border-radius:50%;bottom:8px;right:8px}.brand:hover .brandLogomark{transform:rotate(-6deg) scale(1.06)}.headerCompact{padding-top:10px;padding-bottom:10px;box-shadow:var(--shadow);background:var(--surface-glass-strong)}.headerCompact .brand{max-height:0;opacity:0;transform:translateY(-6px);margin:0;pointer-events:none}.tabs{transition:margin-top var(--dur) var(--ease-out)}.headerCompact .tabs{margin-top:0}.brandTitle{font-family:var(--display-font);font-size:22px;font-weight:700;letter-spacing:var(--tracking-mega);line-height:1}.brandSub{font-size:var(--fontSm);color:var(--muted);margin-top:2px;letter-spacing:0}.brandDemoTag{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:2px 8px;border-radius:999px;font-size:var(--fontXs);font-weight:600;letter-spacing:.01em;color:color-mix(in srgb,#f59e0b 70%,var(--text));background:color-mix(in srgb,#f59e0b 16%,var(--surface-glass));border:1px solid color-mix(in srgb,#f59e0b 35%,var(--border2));width:fit-content}.brandDemoTag:before{content:"";width:6px;height:6px;border-radius:999px;background:#f59e0b;box-shadow:0 0 8px #f59e0bb3;animation:pulseSoft 1.6s var(--ease-in-out) infinite}.tabs{position:relative;display:inline-flex;gap:var(--tabGap);margin-top:14px;flex-wrap:wrap;padding:4px;border-radius:14px;background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));border:1px solid var(--border);box-shadow:var(--shadow-sm),var(--highlight-inset);isolation:isolate}.tabIndicator{position:absolute;top:4px;height:calc(100% - 8px);width:var(--tab-indicator-width, 0px);transform:translate(var(--tab-indicator-x, 0px));background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow),var(--highlight-inset);transition:transform var(--dur) var(--spring-soft),width var(--dur) var(--ease-out);z-index:0;pointer-events:none}.tab{position:relative;z-index:1;border:1px solid transparent;background:transparent;padding:var(--tabPadY) var(--tabPadX);border-radius:10px;cursor:pointer;font-weight:600;font-size:var(--fontSm);color:var(--muted-strong);letter-spacing:var(--tracking-tight);transition:color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.tab:hover{color:var(--text)}.tab.active{color:var(--text);font-weight:700;border-color:transparent}.tab.active:hover{color:var(--text)}.tab:focus-visible,.btn:focus-visible,.iconBtn:focus-visible,.settingsNavItem:focus-visible,.themeChoice:focus-visible,.segmentedBtn:focus-visible,.toggle:focus-visible,.effortGearBtn:focus-visible,.effortFavoriteBtn:focus-visible,.effortCloseBtn:focus-visible,.effortStepBtn:focus-visible,.effortChecklistExpandBtn:focus-visible,.effortModeBtn:focus-visible,.expandableSummary:focus-visible{outline:none;box-shadow:var(--interactive-focus-ring)}.main{padding:var(--pagePad);max-width:1020px;width:100%;margin:0 auto;animation:pageIn var(--dur-slow) var(--ease-out) both}.mainWide{max-width:1240px}.footer{padding:12px var(--pagePad);border-top:1px solid var(--border);background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate))}.h2{font-family:var(--display-font);font-size:var(--fontH2);font-weight:700;letter-spacing:var(--tracking-display);line-height:1.15}.h3{font-size:var(--fontH3);font-weight:700;margin-bottom:6px;letter-spacing:var(--tracking-tight)}.muted{color:var(--muted);font-size:var(--fontSm)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.stack{display:grid;gap:var(--blockGap)}.row{display:flex;gap:14px}.rowWrap{display:flex;flex-wrap:wrap;gap:10px}.card{height:100%;border:1px solid var(--border);border-radius:var(--radiusLg);background:var(--surface-glass-strong);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));box-shadow:var(--shadow),var(--highlight-inset);overflow:hidden;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.cardBody{height:100%;padding:var(--cardPad)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radiusSm);border:1px solid var(--border2);background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));text-decoration:none;color:var(--text);font-weight:600;font-family:inherit;font-size:var(--fontSm);letter-spacing:var(--tracking-tight);cursor:pointer;box-shadow:var(--shadow-sm),var(--highlight-inset);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.btn:hover{background:var(--surface);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow),var(--highlight-inset)}.btn:active{transform:translateY(0) scale(var(--interactive-active-scale));box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:disabled:hover{opacity:.5;transform:none;background:var(--surface-glass);border-color:var(--border2);box-shadow:var(--shadow-sm),var(--highlight-inset)}.btnPrimary{background:linear-gradient(180deg,var(--accent-400) 0%,var(--accent-600) 100%);color:var(--on-accent);border-color:color-mix(in srgb,var(--accent-700) 50%,transparent);box-shadow:inset 0 1px #ffffff40,0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}.btnPrimary:hover{background:linear-gradient(180deg,var(--accent-500) 0%,var(--accent-700) 100%);border-color:color-mix(in srgb,var(--accent-700) 70%,transparent);color:var(--on-accent);box-shadow:inset 0 1px #ffffff40,0 8px 22px color-mix(in srgb,var(--accent) 40%,transparent)}.btnGhost{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted-strong)}.btnGhost:hover{background:var(--surface-glass);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-sm)}.select,input[type=number],input[type=text],input[type=email],input[type=password],input[type=search],input[type=date],input[type=datetime-local],textarea{padding:9px 12px;border-radius:var(--radiusSm);border:1px solid var(--border2);background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));color:var(--text);font:inherit;font-size:var(--fontSm);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.select:focus-visible,input[type=number]:focus-visible,input[type=text]:focus-visible,input[type=email]:focus-visible,input[type=password]:focus-visible,input[type=search]:focus-visible,input[type=date]:focus-visible,input[type=datetime-local]:focus-visible,textarea:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border-strong));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 78%)}input[type=date]::-webkit-calendar-picker-indicator{filter:var(--datePickerIconFilter, none);cursor:pointer}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:var(--datePickerIconFilter, none);cursor:pointer}input[type=date]::-webkit-datetime-edit{color:var(--text)}input[type=datetime-local]::-webkit-datetime-edit,input[type=datetime-local]::-webkit-datetime-edit-text,input[type=datetime-local]::-webkit-datetime-edit-hour-field,input[type=datetime-local]::-webkit-datetime-edit-minute-field,input[type=datetime-local]::-webkit-datetime-edit-month-field,input[type=datetime-local]::-webkit-datetime-edit-day-field,input[type=datetime-local]::-webkit-datetime-edit-year-field{color:var(--text)}.themeCheckbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid var(--border2);border-radius:6px;background:var(--surface2);display:inline-block;flex-shrink:0;cursor:pointer;margin:0;vertical-align:middle;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.themeCheckbox:hover{border-color:color-mix(in srgb,var(--text),var(--border2) 45%)}.themeCheckbox:focus-visible{outline:none;box-shadow:var(--interactive-focus-ring)}.themeCheckbox:checked{border-color:color-mix(in srgb,var(--text),var(--border2) 30%);background-color:color-mix(in srgb,var(--text),var(--surface) 18%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.4l2.2 2.2L11 4.4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px 12px}.themeCheckbox:disabled{opacity:.6;cursor:not-allowed}.capacityValue{display:inline-flex;align-items:baseline;gap:6px}.capacityNumber{display:inline-block;width:4ch;min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}.capacityUnit{white-space:nowrap}input[type=range]{appearance:none;height:28px;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--surface2),var(--surface) 20%);border:1px solid var(--border2)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:999px;background:var(--text);border:2px solid var(--surface);margin-top:-4px}input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--surface2),var(--surface) 20%);border:1px solid var(--border2)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:999px;background:var(--text);border:2px solid var(--surface)}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-runnable-track{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent),transparent 84%)}.select{appearance:none;-webkit-appearance:none;cursor:pointer}.select:hover{cursor:pointer}.select:disabled{cursor:not-allowed;opacity:.6}.iconBtn{display:inline-flex;align-items:center;justify-content:center;height:36px;width:36px;border-radius:11px;border:1px solid var(--border2);background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm),var(--highlight-inset);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.iconBtn:hover{background:var(--surface);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow),var(--highlight-inset)}.iconBtn:active{transform:translateY(0) scale(var(--interactive-active-scale));box-shadow:var(--shadow-sm)}.btnDanger{border-color:color-mix(in srgb,#ef4444 35%,var(--border2));background:color-mix(in srgb,#ef4444 8%,var(--surface-glass));color:color-mix(in srgb,#ef4444 60%,var(--text))}.btnDanger:hover{border-color:color-mix(in srgb,#ef4444 55%,var(--border-strong));background:color-mix(in srgb,#ef4444 14%,var(--surface));color:color-mix(in srgb,#ef4444 75%,var(--text))}.settingsFloating{position:fixed;top:14px;right:18px;z-index:100000;background:var(--surface-glass-strong);backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate));box-shadow:var(--shadow-md),var(--highlight-inset)}html[data-density=compact] .settingsFloating{top:10px;right:12px}details>summary{list-style:none!important}details>summary::-webkit-details-marker{display:none!important}details>summary::marker{content:""!important}.expandableSummary{cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.expandableSummary:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}.expandableSummary .row{align-items:center!important}.expandableSummary .mono{line-height:1}.expandableTitle{font-weight:800;line-height:1.2}.expandableSubtitle{margin-top:2px;font-size:var(--fontSm);color:var(--muted);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.expandableRight{flex-shrink:0}.replyBubble{border:1px solid var(--border);border-radius:var(--radiusMd);background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.replyBubble:hover{background:var(--surface);border-color:color-mix(in srgb,var(--accent) 40%,var(--border-strong));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.replyBubble.replyBubbleOpen{background:var(--surface);border-color:color-mix(in srgb,var(--accent) 55%,var(--border-strong));box-shadow:inset 3px 0 0 0 var(--accent),var(--shadow-sm)}.replyBubbleSummary{width:100%;display:flex;align-items:flex-start;gap:10px;background:none;border:none;padding:8px 10px;text-align:left;color:inherit;cursor:pointer;font:inherit}.replyBubbleChevron{width:14px;display:inline-block;flex-shrink:0;opacity:.7;line-height:1.25;-webkit-user-select:none;user-select:none;transition:transform .12s ease,opacity .12s ease}.replyBubbleSummary:hover .replyBubbleChevron{opacity:1}details.expandable>.cardBody{display:grid;gap:var(--blockGap)}details.expandable>.cardBody,.listItem>details>.cardBody,.listItem>.expandable>.cardBody,.expandable .cardBody{height:auto;overflow:visible}.modalOverlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:3000;animation:overlayIn .2s var(--ease-out)}.modalPanel{width:min(980px,100%);background:var(--surface-glass-strong);backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate));border:1px solid var(--border2);border-radius:var(--radiusXl);box-shadow:var(--shadow-lg),var(--highlight-inset);overflow:hidden;min-height:60vh;height:68vh;max-height:calc(100vh - 36px);display:flex;flex-direction:column;animation:modalIn .28s var(--ease-out)}.modalHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);background:transparent}.modalBody{display:grid;grid-template-columns:220px 1fr;flex:1;min-height:0;overflow:hidden}.settingsNav{border-right:1px solid var(--border);background:transparent;padding:12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;min-height:0}.settingsNavItem{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:var(--radiusSm);border:1px solid transparent;background:transparent;color:var(--muted-strong);cursor:pointer;font-weight:600;font-size:var(--fontSm);letter-spacing:var(--tracking-tight);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.settingsNavItem:hover{background:var(--surface-glass);border-color:var(--border);color:var(--text)}.settingsNavItem.active{background:var(--surface);border-color:var(--border2);color:var(--text);box-shadow:var(--shadow-sm)}.settingsNavItem:disabled{opacity:.55;cursor:not-allowed}.pill{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.settingsContent{padding:0 14px 14px;overflow-x:hidden;overflow-y:auto;min-height:0;height:100%}.settingsContent .card{overflow:visible}.settingsContent .cardBody{height:auto}.settingsSectionHeader{position:sticky;top:0;z-index:3;background:var(--surface);border-bottom:1px solid var(--border);padding:6px 0 8px;margin:0 0 12px}.settingsSectionHeader .h3{margin-bottom:4px}.settingsSectionHeader .muted{margin:0}.settingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.themeChoice{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radiusMd);border:1px solid var(--border);background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));cursor:pointer;text-align:left;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.themeChoice:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow);background:var(--surface)}.themeChoice.active{border-color:color-mix(in srgb,var(--accent) 60%,var(--border-strong));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 80%),var(--shadow)}.themeChoice.active:hover{transform:translateY(-1px)}.themeSwatch{width:56px;height:36px;border-radius:10px;border:1px solid var(--border-strong);flex:0 0 auto;position:relative;overflow:hidden;box-shadow:var(--highlight-inset)}.themeSwatch:after{content:"";position:absolute;right:5px;bottom:5px;width:8px;height:8px;border-radius:999px;background:var(--swatch-accent, var(--accent));box-shadow:0 0 0 2px #ffffff80}.themeSwatch-auto{background:linear-gradient(135deg,#fff,#f5f6fb 49%,#131835 50%,#07091a);--swatch-accent: #6366f1}.themeSwatch-classic{background:linear-gradient(135deg,#fff,#f5f6fb);--swatch-accent: #6366f1}.themeSwatch-midnight{background:linear-gradient(135deg,#1c2150,#07091a);border-color:#eef0f738;--swatch-accent: #818cf8}.themeSwatch-ocean{background:linear-gradient(135deg,#fff,#d1e7ff);--swatch-accent: #0ea5e9}.themeSwatch-forest{background:linear-gradient(135deg,#2a3a24,#0d130c);border-color:#0e320d80;--swatch-accent: #34d399}.themeSwatch-rose{background:linear-gradient(135deg,#fff,#ffe2ea);--swatch-accent: #f43f5e}.themeSwatch-contrast{background:linear-gradient(135deg,#1c1c1c,#000);border-color:#ffffff40;--swatch-accent: #ffffff}.themeSwatch-frog{background:linear-gradient(135deg,#d6f7b8,#5d8b50);--swatch-accent: #84cc16}.themeSwatch-rainbow{background:conic-gradient(from 0deg at 50% 50%,#f43f5e,#f97316,#eab308,#22c55e,#0ea5e9,#a855f7,#f43f5e);border-color:#fff3;--swatch-accent: #22d3ee}.themeSwatch-custom{background:conic-gradient(from 180deg,#f43f5e,#f97316,#eab308,#22c55e,#0ea5e9,#6366f1,#a855f7,#f43f5e)}.themeChoiceTitle{font-weight:900}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segmentedBtn{padding:12px;border-radius:var(--radiusMd);border:1px solid var(--border);background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));cursor:pointer;text-align:left;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.segmentedBtn:hover{border-color:var(--border-strong);background:var(--surface);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.segmentedBtn.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border-strong));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 80%),var(--shadow-sm)}.segmentedBtn.active:hover{transform:translateY(-1px)}.segmentedTitle{font-weight:900}.segmentedDesc{font-size:var(--fontSm);color:var(--muted);margin-top:2px}@media(max-width:760px){.modalBody{grid-template-columns:1fr}.settingsNav{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto}.settingsGrid,.segmented{grid-template-columns:1fr}}.list{display:grid;gap:var(--listGap);margin:0;padding:0}.listItem{border:1px solid var(--border);border-radius:var(--radiusLg);background:var(--surface-glass-strong);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));box-shadow:var(--shadow-sm),var(--highlight-inset);overflow:visible;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.listItem{transform:translateY(0)}.listItem:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md),var(--highlight-inset);transform:translateY(-2px)}.listItem.dangerItem{border-color:color-mix(in srgb,#ef4444 40%,var(--border-strong));background:color-mix(in srgb,#ef4444 6%,var(--surface-glass-strong))}.listItem>.expandable,.listItem>details{border:none;border-radius:0;box-shadow:none;background:transparent}.listItem>.expandable .expandableSummary,.listItem>details>summary{padding:var(--cardPad)}.listItem .expandableSummary .row{max-width:100%;overflow:hidden}.listItem>.expandable .expandableBody,.listItem>.expandable .expandableContent,.listItem>details>.cardBody{padding:0 var(--cardPad) var(--cardPad)}.listItem .cardBody{padding:0 var(--cardPad) var(--cardPad)}.preserveWhitespace{white-space:pre-wrap;word-break:break-word}.toggleRow{display:inline-flex;align-items:center;gap:10px}.toggle{display:inline-flex;align-items:center;justify-content:center;height:32px;width:48px;border:1px solid var(--border2);background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));border-radius:999px;cursor:pointer;padding:0;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.toggle:hover{border-color:var(--border-strong)}.toggle:active{transform:scale(var(--interactive-active-scale))}.toggleTrack{position:relative;width:34px;height:20px;border-radius:999px;transition:background var(--dur) var(--ease-out);box-shadow:inset 0 1px 2px #0000001a}.toggleTrack.off{background:color-mix(in srgb,#ef4444 70%,transparent)}.toggleTrack.on{background:color-mix(in srgb,#10b981 70%,transparent)}.toggleTrack.mixed{background:color-mix(in srgb,#f59e0b 70%,transparent)}.toggleThumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px #0000002e;transition:transform var(--dur) var(--spring)}.toggleThumb.on{transform:translate(14px)}.toggleThumb.off{transform:translate(0)}.toggleThumb.mixed{transform:translate(7px)}.dangerText{color:#c83c3c;font-weight:800}.dangerMuted{color:#c83c3cd9}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-weight:700;font-size:11px;letter-spacing:.01em;border:1px solid var(--border2);background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));color:var(--muted-strong);text-transform:none}.badgeSuccess{border-color:color-mix(in srgb,#10b981 40%,transparent);background:color-mix(in srgb,#10b981 14%,var(--surface-glass));color:color-mix(in srgb,#10b981 60%,var(--text))}.badgeWarn{border-color:color-mix(in srgb,#f59e0b 45%,transparent);background:color-mix(in srgb,#f59e0b 16%,var(--surface-glass));color:color-mix(in srgb,#d97706 65%,var(--text))}.badgeNeutral{border-color:var(--border2);background:var(--surface-glass);color:var(--muted-strong)}.badgeDanger{background:var(--badge-danger-bg);border-color:var(--badge-danger-border);color:var(--badge-danger-text)}.dangerItem .badgeDanger{background:var(--badge-danger-bg-strong);border-color:var(--badge-danger-border-strong);color:var(--badge-danger-text-strong)}.dangerItem{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,#ef4444 38%,var(--border-strong));background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,#ef4444 16%,transparent),transparent 70%),var(--surface-glass-strong);box-shadow:0 0 0 1px color-mix(in srgb,#ef4444 12%,transparent),var(--shadow),var(--highlight-inset)}.dangerItem.isFocused{box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 30%,transparent),var(--shadow-lg)}.dangerItem .assignmentName{text-shadow:none}.dangerItem .assignmentDetails .preserveWhitespace{color:inherit}.listItem.isFocused{outline:2px solid rgba(255,200,0,.9);box-shadow:0 0 0 6px #ffc8002e}.gradeHiddenPill{display:inline-block;padding:4px 12px;border-radius:999px;border:1px dashed var(--border2);background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));color:var(--muted);font-style:italic;font-size:var(--fontSm)}.assignmentRow{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%}.assignmentMain{flex:1 1 auto;min-width:0;padding:var(--cardPad);display:grid;gap:var(--blockGap)}.assignmentTop{display:grid;gap:6px}.assignmentTitleRow{display:flex;align-items:baseline;justify-content:space-between;gap:14px;min-width:0}.assignmentTitleRowLeft{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;min-width:0;flex:1 1 0}.assignmentNameWrap{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.assignmentName{font-family:var(--display-font);font-weight:700;font-size:calc(var(--fontBase) + 4px);letter-spacing:var(--tracking-display);line-height:1.18;overflow-wrap:break-word;word-break:break-word}.favoriteMarker{display:inline-flex;align-items:center;justify-content:center;color:#d97706;flex:0 0 auto;vertical-align:middle}.favoriteMarker svg{width:18px;height:18px}.assignmentPts{margin-left:4px}.assignmentControls{margin-top:var(--blockGap)}.assignmentDetails{margin-top:var(--blockGap);width:100%}.assignmentActions{flex:0 0 auto;padding:var(--cardPad);display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:0;padding-top:calc(var(--cardPad) + 2px)}.assignmentDueRight{white-space:normal;overflow-wrap:anywhere;text-align:right}@media(max-width:1180px){.assignmentRow{flex-direction:column;align-items:stretch;gap:8px}.assignmentActions{align-items:flex-start;padding-top:0}.assignmentDueRight{text-align:left}}.assignmentDetails details.expandable{border:1px solid var(--border2);border-radius:var(--radiusMd);background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));overflow:hidden;box-shadow:var(--shadow-sm)}.assignmentDetails details.expandable>summary.cardBody.expandableSummary{background:transparent;padding:12px 14px;display:block;border-bottom:1px solid var(--border);transition:background var(--dur-fast) var(--ease-out)}.assignmentDetails details.expandable>summary.cardBody.expandableSummary:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.assignmentDetails details.expandable:not([open])>summary.cardBody.expandableSummary{border-bottom-color:transparent}.assignmentDetails details.expandable>.cardBody.expandableBody{background:var(--surface2);padding:10px 14px 14px}.assignmentDetails .expandableSummary .row{display:flex;align-items:center;gap:10px}.assignmentDetails details[open] .expandableSubtitle{display:none}.assignmentDetails details.expandable>.cardBody,.assignmentDetails details>.cardBody,.assignmentDetails .expandable .cardBody,.assignmentDetails .expandableBody,.assignmentDetails .expandableContent{padding:0 14px 14px}.upcomingPanel{border:1px solid var(--border);border-radius:var(--radiusLg);background:var(--surface-glass-strong);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));box-shadow:var(--shadow),var(--highlight-inset);overflow:hidden}.upcomingPanelHeader{padding:16px 18px 12px;border-bottom:1px solid var(--border);background:transparent}.upcomingPanelTitle{display:flex;align-items:baseline;gap:12px;font-family:var(--display-font);font-weight:700;font-size:clamp(22px,2.4vw,28px);letter-spacing:var(--tracking-display);line-height:1.05}.upcomingPanelCount{font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;border:1px solid var(--border2);background:var(--surface-glass);color:var(--muted-strong);opacity:1}.upcomingPanelSub{margin-top:4px}.upcomingPanelBody{padding:14px 14px 8px}.upcomingPanelBody .list{margin:0;padding:0}.upcomingPanelBody .listItem{border-radius:var(--radiusMd)}.upcomingPanelFooter{padding:12px 18px 14px;border-top:1px solid var(--border)}.effortWidget{position:relative;display:grid;gap:0px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radiusMd);background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate))}.effortTopRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.effortActions{display:inline-flex;align-items:center;gap:8px}.effortNumbers{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.effortPill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;border:1px solid var(--border2);background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));font-weight:600;font-size:var(--fontSm);color:var(--muted-strong)}.effortDone{font-size:var(--fontSm);font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid color-mix(in srgb,#10b981 40%,transparent);background:color-mix(in srgb,#10b981 16%,var(--surface-glass));color:color-mix(in srgb,#10b981 60%,var(--text))}.effortGearBtn{height:34px;width:34px;border-radius:var(--radiusSm);border:1px solid var(--border2);background:var(--surface2);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;transition:opacity .12s ease}.effortFavoriteBtn{height:34px;width:34px;border-radius:var(--radiusSm);border:1px solid var(--border2);background:var(--surface2);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .12s ease,color .12s ease,border-color .12s ease,background .12s ease}.effortFavoriteBtn.active{color:#f59e0b;border-color:color-mix(in srgb,#f59e0b 45%,var(--border2));background:color-mix(in srgb,#f59e0b 16%,var(--surface-glass));box-shadow:0 0 0 1px color-mix(in srgb,#f59e0b 20%,transparent),0 4px 12px color-mix(in srgb,#f59e0b 18%,transparent)}.effortFavoriteBtn:hover{opacity:var(--interactive-hover-opacity)}.effortFavoriteBtn:active{transform:scale(var(--interactive-active-scale))}.effortGearBtn:hover{opacity:var(--interactive-hover-opacity)}.effortGearBtn:active{transform:scale(var(--interactive-active-scale))}.effortBarWrap{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.effortChecklistSummary{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.effortChecklistSummary.isCompact{align-items:flex-start}.effortChecklistPrimary{display:inline-flex;align-items:center;gap:10px;min-width:0}.effortChecklistPrimary.isDone{opacity:.88}.effortChecklistPrimaryText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fontSm)}.effortChecklistExpandBtn{border:1px solid var(--border2);background:var(--surface);color:var(--text);border-radius:var(--radiusSm);min-width:32px;height:32px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.effortChecklistList{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.effortChecklistItem{display:inline-flex;align-items:center;gap:10px;min-width:0}.effortChecklistItemText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fontSm)}.effortChecklistItemText.isDone,.effortChecklistPrimaryText.isDone{text-decoration:line-through;opacity:.72}.effortBarTrack{height:10px;border-radius:999px;border:1px solid var(--border2);background:color-mix(in srgb,var(--text) 6%,var(--surface-glass));overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.effortBarFill{height:100%;border-radius:999px;width:0%;transition:width var(--dur-slow) var(--ease-out),background var(--dur) var(--ease-out);box-shadow:inset 0 1px #ffffff40}.effortBarFill.isRed{background:linear-gradient(90deg,#f87171,#dc2626)}.effortBarFill.isYellow{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.effortBarFill.isYellowGreen{background:linear-gradient(90deg,#a3e635,#65a30d)}.effortBarFill.isGreen{background:linear-gradient(90deg,#34d399,#10b981)}.effortBarMeta{min-width:40px;text-align:right}.effortPopover{border:1px solid var(--border);border-radius:var(--radiusLg);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.effortPopoverHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid var(--border);background:var(--surface2)}.effortCloseBtn{height:30px;width:30px;border-radius:var(--radiusSm);border:1px solid var(--border2);background:var(--surface2);color:var(--text);cursor:pointer;font-weight:900;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:opacity .12s ease}.effortCloseBtn:hover{opacity:var(--interactive-hover-opacity)}.effortCloseBtn:active{transform:scale(var(--interactive-active-scale))}.effortPopoverBody{padding:12px;display:grid;gap:12px}.effortModeRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.effortModeBtn{border:1px solid var(--border2);background:var(--surface2);color:var(--text);border-radius:var(--radiusSm);padding:9px 10px;cursor:pointer;font-weight:800}.effortModeBtn.active{border-color:var(--text);background:var(--surface)}.effortFieldLabel{font-weight:900;margin-bottom:6px}.effortChecklistEditor{display:grid;gap:8px}.effortChecklistEditorRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.effortChecklistEditorLabel{flex:1 1 auto;min-width:0;width:100%}.effortChecklistTextInput{flex:1 1 auto;min-width:0}.effortChecklistPreview{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effortChecklistActions{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.effortChecklistActionBtn{padding:5px 8px;font-size:12px;line-height:1.15;white-space:nowrap}.effortChecklistTextInput.isDone{text-decoration:line-through;opacity:.72}.effortFieldRow{display:flex;gap:10px;align-items:center}.effortInput{width:100%;max-width:160px;padding:8px 10px;border-radius:10px;border:1px solid var(--border2);background:var(--surface)}.effortChecklistEditorLabel .effortChecklistTextInput{max-width:none}.effortChecklistCompactSummary{display:grid;gap:8px;min-width:0;flex:1 1 auto}.effortChecklistCompactPills{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.effortChecklistCompactPills .effortPill{font-size:12px;padding:2px 7px}.effortChecklistCompactNextRow{display:inline-flex;align-items:center;gap:8px;min-width:0}.effortChecklistCompactLabel{font-size:12px;font-weight:700;color:var(--muted);flex:0 0 auto}.effortChecklistCompactNext{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.effortChecklistPrimaryCompact{min-width:0}.effortChecklistCompactList{margin-top:8px;display:grid;gap:6px;padding-top:8px;border-top:1px solid var(--border)}.effortChecklistItemCompact{font-size:12px}.effortDivider{height:1px;background:var(--border)}.effortCheckboxRow{display:inline-flex;align-items:center;gap:10px;font-weight:800}.effortCta{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px dashed var(--border2);background:color-mix(in srgb,var(--surface),var(--surface2) 60%);color:var(--text);font-weight:900;cursor:pointer;transition:opacity .12s ease}.effortCta:hover{opacity:.85}.effortStepper{display:inline-flex;gap:6px;align-items:center}.effortStepBtn{height:34px;width:34px;border-radius:var(--radiusSm);border:1px solid var(--border2);background:var(--surface2);color:var(--text);cursor:pointer;font-weight:900;display:inline-flex;align-items:center;justify-content:center;transition:opacity .12s ease}.effortStepBtn:hover{opacity:var(--interactive-hover-opacity)}.effortStepBtn:active{transform:scale(var(--interactive-active-scale))}.effortPopoverAnchored{position:absolute;top:0;left:calc(100% + 10px);width:380px;max-width:min(380px,92vw);z-index:50}@media(max-width:820px){.effortPopoverAnchored{top:calc(100% + 10px);left:0;width:min(420px,92vw)}}.effortActionsRow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.effortLinkBtn{border:none;background:transparent;color:var(--text);text-decoration:underline;cursor:pointer;font-weight:800;padding:0;justify-self:start;opacity:.85}.effortLinkBtn:hover{opacity:1}.effortInlineSet{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.effortInlineSet .effortInput{width:120px}.effortInput[type=number]::-webkit-outer-spin-button,.effortInput[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.effortInput[type=number]{-moz-appearance:textfield;appearance:textfield}.plannerCard{position:relative;display:flex;flex-direction:column;min-height:0;border-radius:var(--radiusLg);overflow:hidden;isolation:isolate}.plannerBar{width:100%;height:3px;flex:0 0 auto}.plannerCard:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--plannerWash, transparent) 0%,transparent 60%);z-index:-1}.plannerBar-original{background:linear-gradient(90deg,var(--accent-400),var(--accent-600))}.plannerCard:has(.plannerBar-original){--plannerWash: color-mix(in srgb, var(--accent) 12%, transparent)}.plannerBar-split{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.plannerCard:has(.plannerBar-split){--plannerWash: color-mix(in srgb, #f59e0b 12%, transparent)}.plannerBar-missing{background:linear-gradient(90deg,#f87171,#dc2626)}.plannerCard:has(.plannerBar-missing){--plannerWash: color-mix(in srgb, #ef4444 14%, transparent)}.plannerBar-submitted{background:linear-gradient(90deg,#34d399,#10b981)}.plannerCard:has(.plannerBar-submitted){--plannerWash: color-mix(in srgb, #10b981 10%, transparent);opacity:.85}.plannerBar-todo{background:linear-gradient(90deg,#a78bfa,#7c3aed)}.plannerCard:has(.plannerBar-todo){--plannerWash: color-mix(in srgb, #7c3aed 12%, transparent)}.plannerContent{flex:1;min-width:0;overflow:hidden}.plannerUndatedItem{list-style:none}.plannerUndatedContent{padding:12px}.plannerUndatedTopRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.plannerUndatedMain{min-width:0}.plannerUndatedTitle{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--fontBase);font-weight:800;white-space:normal;text-overflow:clip}.plannerUndatedBadge{font-size:11px}.plannerUndatedMeta,.plannerUndatedNotes{margin-top:6px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plannerUndatedAction{align-self:start;min-width:88px;justify-content:center}.plannerUndatedEffort{margin-top:10px}@media(max-width:720px){.plannerUndatedTopRow{grid-template-columns:1fr}.plannerUndatedAction{width:100%}}.plannerTitle{font-size:var(--fontSm);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plannerTitleWrap{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%}.plannerDayHeaderToday{background:color-mix(in srgb,var(--accent),transparent 88%);color:var(--text)}.plannerDayList .card{height:auto;max-height:none;overflow:visible}.plannerDayListShell{position:relative;overflow:hidden;flex:1 1 auto;min-height:0}.plannerDayList{scrollbar-gutter:stable;isolation:isolate;scrollbar-width:thin}.plannerDayList::-webkit-scrollbar{width:10px}.plannerDayList::-webkit-scrollbar-track{background:transparent}.plannerDayList::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text),transparent 75%);border-radius:999px;border:3px solid transparent;background-clip:content-box}.plannerScrollBtn{border-radius:999px;border:1px solid var(--border2);background:color-mix(in srgb,var(--surface),transparent 25%);box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.65;transition:opacity .12s ease,transform .12s ease;touch-action:manipulation}.plannerScrollBtn:hover{opacity:1}.plannerScrollBtn:active{transform:scale(.98)}.plannerScrollBtn svg{display:block}.plannerScrollBtn.hidden{display:none}.plannerGrid{align-items:start;align-content:start}.plannerGrid>.card{align-self:start}.plannerDayCard .cardBody{display:flex;flex-direction:column;min-height:0}.plannerDayEmpty{flex:1 1 auto;min-height:0}.plannerDayCardToday{border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border-strong));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 82%),var(--shadow)}.plannerDayHeader{border-radius:12px;padding:6px 10px}.plannerDayHeaderToday{background:color-mix(in srgb,var(--accent),transparent 88%)}.authContainer{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--pagePad);overflow:hidden;isolation:isolate}.authContainer:before,.authContainer:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:-1}.authContainer:before{width:55vmin;height:55vmin;left:-8vmin;top:-10vmin;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 55%,transparent),transparent 75%);animation:floatOrbA 14s var(--ease-in-out) infinite alternate}.authContainer:after{width:48vmin;height:48vmin;right:-10vmin;bottom:-12vmin;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent-400) 45%,transparent),transparent 75%);animation:floatOrbB 18s var(--ease-in-out) infinite alternate}@keyframes floatOrbA{0%{transform:translate(0) scale(1)}to{transform:translate(8vmin,6vmin) scale(1.12)}}@keyframes floatOrbB{0%{transform:translate(0) scale(1)}to{transform:translate(-6vmin,-4vmin) scale(1.18)}}.authPanel{width:100%;max-width:460px;background:var(--surface-glass-strong);backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate));border:1px solid var(--border2);border-radius:var(--radiusXl);padding:44px 40px 40px;box-shadow:var(--shadow-lg),var(--highlight-inset);animation:authPanelIn .72s var(--ease-out-expo) both;position:relative;z-index:1}.authTitle{font-family:var(--display-font);font-size:clamp(34px,5vw,44px);font-weight:700;letter-spacing:var(--tracking-mega);line-height:1;color:var(--text);margin:0}.authTitleRow{display:flex;align-items:center;gap:8px;margin-bottom:8px}.authTitleRow .authTitle{margin-bottom:0}.authSubtitle{font-size:var(--fontSm);color:var(--muted);margin-bottom:24px}.authProjectBlurb{margin:-12px 0 20px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radiusSm);background:color-mix(in srgb,var(--surface2),var(--surface) 45%);color:var(--muted);font-size:var(--fontSm);line-height:1.55}.authForm{display:flex;flex-direction:column;gap:var(--blockGap)}.authField{display:flex;flex-direction:column;gap:4px}.authField label{font-size:var(--fontSm);font-weight:500;color:var(--text)}.authLabelRow{display:flex;align-items:center;gap:8px}.authInput,.authTextarea{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radiusSm);background:var(--surface2);color:var(--text);font-size:var(--fontBase);font-family:inherit;transition:border-color .2s}.authInputRow{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radiusSm);background:var(--surface2);transition:border-color .2s}.authInputRow:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--border-strong));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 78%)}.authInput.authInputWithButton{border:none;background:transparent;flex:1}.authInput.authInputWithButton:focus{border:none;background:transparent}.authInputButton{border:none;border-left:1px solid var(--border);background:transparent;color:var(--muted);padding:8px 12px;cursor:pointer;font-size:var(--fontSm);font-weight:600;line-height:1}.authInputButton:hover:not(:disabled){color:var(--text)}.authInputButton:disabled{opacity:.6;cursor:not-allowed}.authInput:focus,.authTextarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border-strong));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 78%)}.authTextarea{resize:vertical;min-height:100px;font-family:monospace}.authButton{padding:11px 18px;border:1px solid color-mix(in srgb,var(--accent-700) 40%,transparent);border-radius:var(--radiusSm);background:linear-gradient(180deg,var(--accent-400) 0%,var(--accent-600) 100%);color:var(--on-accent);font-size:var(--fontBase);font-weight:600;letter-spacing:var(--tracking-tight);cursor:pointer;box-shadow:inset 0 1px #ffffff40,0 6px 16px color-mix(in srgb,var(--accent) 30%,transparent);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.authButton:hover:not(:disabled){background:linear-gradient(180deg,var(--accent-500) 0%,var(--accent-700) 100%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,0 10px 26px color-mix(in srgb,var(--accent) 40%,transparent)}.authButton:active:not(:disabled){transform:translateY(0) scale(var(--interactive-active-scale))}.authButton:disabled{opacity:.6;cursor:not-allowed}.authButtonDanger{background:linear-gradient(180deg,#f87171,#dc2626);border-color:color-mix(in srgb,#b91c1c 60%,transparent);box-shadow:inset 0 1px #fff3,0 6px 16px #ef44444d}.authButtonDanger:hover:not(:disabled){background:linear-gradient(180deg,#ef4444,#b91c1c);box-shadow:inset 0 1px #fff3,0 10px 26px #ef444466}.authButtonSecondary{background:var(--surface-glass);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));color:var(--text);border:1px solid var(--border2);box-shadow:var(--shadow-sm),var(--highlight-inset)}.authButtonSecondary:hover:not(:disabled){background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow),var(--highlight-inset)}.authError{padding:10px 12px;border-radius:var(--radiusSm);background:var(--badge-danger-bg);color:var(--badge-danger-text);border:1px solid var(--badge-danger-border);font-size:var(--fontSm)}.authWarning{padding:10px 12px;border-radius:var(--radiusSm);background:color-mix(in srgb,#f5a623 18%,var(--surface));color:color-mix(in srgb,#8b5a00 78%,var(--text));border:1px solid color-mix(in srgb,#f5a623 45%,var(--border));font-size:var(--fontSm);line-height:1.45}.authSuccess{padding:10px 12px;border-radius:var(--radiusSm);background:#28c8282e;color:#28c828f2;border:1px solid rgba(40,200,40,.3);font-size:var(--fontSm)}.authHint{font-size:var(--fontSm);color:var(--muted);margin:4px 0 0}.authLink{color:var(--accent);font-weight:600;text-decoration:none;cursor:pointer;transition:color var(--dur-fast) var(--ease-out)}.authLink:hover{color:var(--accent-strong);text-decoration:underline}.authFooter{text-align:center;font-size:var(--fontSm);color:var(--muted);margin-top:16px}.authFooter a{color:var(--accent);font-weight:600;text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.authFooter a:hover{color:var(--accent-strong);text-decoration:underline}.authInstructions{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radiusSm);padding:12px;font-size:var(--fontSm);color:var(--text);line-height:1.6}.gradeCalcCard{overflow:visible}.gradeCalcHeaderRow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.gradeCalcTitleRow,.gradeCalcSectionHeading,.gradeCalcFieldLabel{display:flex;align-items:center;gap:8px}.gradeCalcTitleRow .h2{font-size:clamp(1.6rem,2vw,1.9rem);line-height:1.1}.gradeCalcSectionHeading .h3{font-size:clamp(1.3rem,1.6vw,1.5rem);line-height:1.12}.gradeCalcSectionHeading{justify-content:space-between}.gradeCalcHeaderToggle{flex-shrink:0;justify-content:flex-end}.gradeCalcControls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.gradeCalcSearchControls{grid-template-columns:minmax(360px,1.45fr) minmax(280px,1fr);column-gap:18px;row-gap:12px}.gradeCalcField{display:grid;gap:6px;min-width:0}.gradeCalcInlineControl{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.gradeCalcInlineControlGroup{align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:8px}.gradeCalcInlineHeading{font-weight:700;flex-shrink:0;color:var(--text);font-size:1.02rem}.gradeCalcInlineValue{white-space:nowrap}.gradeCalcScopeToggleRow{display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;flex:0 1 auto;min-width:0}.gradeCalcScopeLabelActive{color:var(--text);font-weight:700}.gradeCalcInlineInput{width:96px;min-height:42px;flex:0 0 auto;align-self:flex-start}.gradeCalcFieldTitle{font-size:1.05rem;font-weight:800;color:var(--text)}.gradeCalcFieldWide{grid-column:1 / -1}.gradeCalcField .select,.gradeCalcField input{width:100%;min-width:0}.gradeCalcField .select{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.gradeCalcBasis{line-height:1.5}.gradeScaleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.gradeCalcList{display:grid;gap:8px}.gradeCalcListScrollable{max-height:min(56vh,680px);overflow-y:auto;padding-right:6px}.gradeCalcListItem{border:1px solid var(--border);border-radius:var(--radiusMd);background:var(--surface2);padding:10px;display:flex;gap:10px;align-items:center;justify-content:space-between}.gradeCalcListMain{min-width:0;flex:1}.gradeCalcItemTitleRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gradeCalcItemTitle{font-weight:700;overflow-wrap:anywhere;min-width:0}.gradeCalcListControls{display:flex;align-items:center;justify-content:end;gap:8px;min-width:320px}.gradeCalcListMeta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:160px}.gradeCalcPredictField{display:grid;gap:4px;width:220px}.gradeCalcPredictInputRow{display:flex;align-items:center;gap:8px}.gradeCalcPredictInputRow input{flex:1 1 auto}.gradeCalcPredictInputRow .btn{flex:0 0 auto;min-width:76px;justify-content:center}.gradeCalcLockBadge,.gradeCalcSavingBadge{white-space:normal;text-align:center;line-height:1.2;justify-content:center;min-height:30px;max-width:100%}.gradeCalcAssignmentScoreBadge{font-size:.95rem;font-weight:800;padding:8px 12px;min-height:38px;justify-content:center;text-align:center}.gradeCalcNoImpactBadge{white-space:normal;text-align:center;line-height:1.2;justify-content:center;padding:10px 14px;border-radius:999px;font-size:var(--fontSm);max-width:none;font-weight:700;border-color:color-mix(in srgb,var(--accent, #4f8ef7) 55%,var(--border2));background:color-mix(in srgb,var(--accent, #4f8ef7) 20%,var(--surface2));color:color-mix(in srgb,var(--accent, #4f8ef7) 80%,var(--text))}.recentGradeList{gap:10px}.recentGradeItem{align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radiusLg);background:color-mix(in srgb,var(--surface2) 78%,var(--surface))}.recentGradeMain{display:grid;gap:6px}.recentGradeCourse{overflow-wrap:anywhere}.recentGradeMeta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.recentGradeMeta>span{display:inline-flex;align-items:center;gap:6px}.recentGradeMeta>span:before{content:"";width:6px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--accent, #4f8ef7) 60%,var(--border2));opacity:.85}.recentGradeActions{flex:0 0 auto;display:flex;align-items:center}.gradeCalcEditBtn{width:fit-content;flex-shrink:0;height:auto;font-size:inherit;padding:8px 10px;justify-content:center}.gradeCalcRowActions>*{justify-content:center;font-size:inherit}.gradeCalcRowActions{display:flex;flex-direction:column;align-items:stretch;gap:6px;flex-shrink:0}.gradeCalcScorePill{font-family:var(--display-font);font-size:1.15rem;font-weight:700;letter-spacing:var(--tracking-tight);padding:12px 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-variant-numeric:tabular-nums}.gradeCalcPredictPill{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;white-space:nowrap;border-radius:999px;font-size:1rem;font-weight:700;cursor:pointer;border:1.5px solid var(--border2);background:var(--surface2);color:var(--text);transition:background .12s,border-color .12s}.gradeCalcPredictPill:hover{background:color-mix(in srgb,var(--accent, #4f8ef7) 15%,var(--surface2));border-color:color-mix(in srgb,var(--accent, #4f8ef7) 60%,var(--border2))}.gradeCalcPredictPillEmpty{color:var(--muted);border-style:dashed;font-weight:500}.gradeCalcPredictPillRow{display:flex;flex-direction:column;gap:6px;align-items:center}.gradeCalcUseScoreBtn{font-size:var(--fontSm);border-radius:999px;padding:6px 14px;text-align:center}.gradeCalcPredictInputRow{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.gradeCalcPopover{width:min(420px,calc(100vw - 24px))}.gradeCalcPopoverActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}@media(max-width:1120px){.gradeCalcListControls{min-width:260px}.gradeCalcPredictField{width:190px}}@media(max-width:760px){.recentGradeItem{align-items:flex-start}.recentGradeActions{width:100%}.recentGradeActions .btn{width:100%;justify-content:center}.gradeCalcHeaderRow,.gradeCalcSectionHeading{flex-direction:column;align-items:stretch}.gradeCalcHeaderToggle{justify-content:flex-start}.gradeCalcSearchControls{grid-template-columns:1fr}.gradeCalcInlineControl{align-items:stretch;flex-direction:column;gap:8px}.gradeCalcScopeToggleRow{justify-content:flex-start;flex-wrap:wrap}.gradeCalcInlineInput{width:100%;flex-basis:auto}.gradeCalcPredictInputRow{align-items:stretch;flex-direction:column}.gradeCalcListItem{flex-direction:column;align-items:stretch}.gradeCalcListControls{justify-content:space-between;width:100%;min-width:0}.gradeCalcListMeta{align-items:flex-start;flex:1}.gradeCalcPredictField{width:100%}}.authInstructions ol{margin:0;padding-left:22px;list-style:decimal}.authInstructions li{margin:4px 0}.authInstructions code{background:var(--surface);padding:2px 4px;border-radius:3px;font-family:monospace;font-size:.9em}.authWarning{margin:10px 0 0;padding:10px 12px;border-radius:var(--radiusSm);border:1px solid rgba(228,178,44,.45);background:#e4b22c1f;color:color-mix(in srgb,var(--text),#6c4b00 25%);font-size:var(--fontSm)}.authInfoBubble{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:800;line-height:1;padding:0;cursor:help}.authInfoBubble:focus-visible{outline:none;box-shadow:var(--interactive-focus-ring)}.authInfoBubbleAlert{background:#f7d24f;border-color:#d2ad31;color:#3d2b00}.authInfoBubbleInfo{background:color-mix(in srgb,var(--accent, #4f8ef7) 18%,var(--surface2));border-color:color-mix(in srgb,var(--accent, #4f8ef7) 50%,var(--border2));color:var(--accent, #4f8ef7)}.authInfoBubbleNeutral{background:color-mix(in srgb,var(--surface2),var(--surface) 30%);border-color:var(--border2);color:var(--muted)}.authInfoTooltip{position:absolute;top:50%;left:calc(100% + 10px);right:auto;width:min(320px,72vw);padding:10px 12px;border-radius:var(--radiusSm);border:1px solid var(--border2);background:var(--surface);color:var(--text);font-size:var(--fontSm);line-height:1.45;text-align:left;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translate(-4px,-50%);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:10;pointer-events:none}.authInfoBubbleHoverable:hover .authInfoTooltip,.authInfoBubbleHoverable:focus .authInfoTooltip,.authInfoBubbleHoverable:focus-visible .authInfoTooltip,.authInfoBubble.isOpen .authInfoTooltip{opacity:1;visibility:visible;transform:translateY(-50%)}.authInfoTooltipBelow{top:calc(100% + 8px);left:50%;right:auto;transform:translate(-50%,-4px)}.authInfoBubbleHoverable:hover .authInfoTooltipBelow,.authInfoBubbleHoverable:focus .authInfoTooltipBelow,.authInfoBubbleHoverable:focus-visible .authInfoTooltipBelow,.authInfoBubble.isOpen .authInfoTooltipBelow{transform:translate(-50%)}@media(max-width:520px){.authTitleRow{align-items:flex-start}.authInfoTooltip{top:calc(100% + 10px);left:0;width:min(300px,80vw);transform:translateY(-4px)}.authInfoBubbleHoverable:hover .authInfoTooltip,.authInfoBubbleHoverable:focus .authInfoTooltip,.authInfoBubbleHoverable:focus-visible .authInfoTooltip,.authInfoBubble.isOpen .authInfoTooltip{transform:translateY(0)}}@media(max-width:600px){.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0}}@media(max-width:720px){.plannerGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:400px!important}}@media(max-width:520px){.plannerGrid{grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:380px!important}}@media(max-width:600px){.gradeCalcSearchControls{grid-template-columns:1fr}.gradeCalcControls .row{flex-wrap:wrap}.gradeCalcListControls{flex-direction:column;align-items:flex-start;gap:8px}.gradeCalcRowActions{flex-direction:row;flex-wrap:wrap}}@media(max-width:520px){.listItem .expandableRight{flex-direction:column;align-items:flex-end;gap:4px}}.welcomeHero{display:grid;gap:14px;padding:8px 0 28px;margin-bottom:8px;position:relative}.welcomeHeroTop{display:inline-flex;align-items:center;gap:10px}.welcomeAvatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--border-strong);box-shadow:var(--shadow-sm),var(--highlight-inset)}.welcomeAvatarPlaceholder{display:inline-flex;align-items:center;justify-content:center;color:var(--on-accent);font-family:var(--display-font);font-weight:700;font-size:16px;letter-spacing:-.02em;background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.35),transparent 55%),linear-gradient(135deg,var(--accent-400) 0%,var(--accent-600) 100%);border-color:color-mix(in srgb,var(--accent-700) 50%,transparent)}.welcomeMeta{display:inline-flex;align-items:center;gap:10px;min-width:0}.welcomeName{font-weight:600;letter-spacing:var(--tracking-tight);color:var(--muted-strong-on-bg);font-size:var(--fontSm)}.welcomeSyncing{display:inline-flex;align-items:center;gap:6px;font-size:var(--fontXs);color:var(--muted-on-bg);padding:2px 8px;border-radius:999px;background:var(--surface-glass);border:1px solid var(--border)}.welcomeSyncing .spinner{width:11px;height:11px;border-width:1.5px}.welcomeGreeting{margin:0;font-family:var(--display-font);font-weight:600;letter-spacing:var(--tracking-mega);font-size:clamp(34px,6vw,56px);line-height:1.02;color:var(--muted-strong-on-bg)}.welcomeGreetingName{color:var(--text-on-bg);font-weight:800}.welcomeSubline{margin:0;color:var(--muted-on-bg);font-size:var(--fontBase);letter-spacing:var(--tracking-tight)}.welcomeAccountDetails{margin-top:4px;max-width:520px}.welcomeAccountDetails>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--surface-glass);border:1px solid var(--border);font-size:var(--fontXs);font-weight:600;color:var(--muted-strong);letter-spacing:var(--tracking-tight);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.welcomeAccountDetails>summary:before{content:"+";font-weight:700;margin-right:2px;transition:transform var(--dur-fast) var(--ease-out)}.welcomeAccountDetails[open]>summary:before{transform:rotate(45deg)}.welcomeAccountDetails>summary:hover{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.welcomeAccountDetails dl{margin:12px 0 0;display:grid;grid-template-columns:max-content 1fr;gap:4px 18px;font-size:var(--fontSm)}.welcomeAccountDetails dt{color:var(--muted);letter-spacing:var(--tracking-tight)}.welcomeAccountDetails dd{margin:0;color:var(--text)}details.expandable.courseRow{position:relative;border-color:color-mix(in srgb,var(--c-fg, var(--accent)) 18%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--c-fg, var(--accent)) 6%,transparent) 0%,transparent 110px),var(--surface-glass-strong);transition:transform var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}details.expandable.courseRow:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c-grad-start, var(--accent)),var(--c-grad-end, var(--accent-strong)));z-index:1}details.expandable.courseRow:hover{border-color:color-mix(in srgb,var(--c-fg, var(--accent)) 35%,var(--border-strong));box-shadow:0 0 0 1px color-mix(in srgb,var(--c-fg, var(--accent)) 18%,transparent),var(--shadow-md),var(--highlight-inset)}details.expandable.courseRow>summary.expandableSummary{padding-top:18px}details.expandable.courseRow .expandableTitle{font-family:var(--display-font);font-size:calc(var(--fontBase) + 4px);font-weight:700;letter-spacing:var(--tracking-display);color:var(--text)}details.expandable.courseRow .expandableSubtitle{font-size:var(--fontSm)}details.expandable.courseRow .expandableSubtitle .mono{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--c-fg, var(--accent)) 30%,var(--border2));background:color-mix(in srgb,var(--c-fg, var(--accent)) 12%,var(--surface-glass));color:color-mix(in srgb,var(--c-fg, var(--accent)) 50%,var(--text));font-weight:600}@media(prefers-color-scheme:dark){html[data-theme=auto] details.expandable.courseRow,html[data-theme=midnight] details.expandable.courseRow,html[data-theme=forest] details.expandable.courseRow,html[data-theme=rainbow] details.expandable.courseRow,html[data-theme=contrast] details.expandable.courseRow{background:linear-gradient(180deg,color-mix(in srgb,var(--c-fg, var(--accent)) 18%,transparent) 0%,transparent 110px),var(--surface-glass-strong)}}html[data-theme=midnight] details.expandable.courseRow,html[data-theme=forest] details.expandable.courseRow,html[data-theme=rainbow] details.expandable.courseRow,html[data-theme=contrast] details.expandable.courseRow{background:linear-gradient(180deg,color-mix(in srgb,var(--c-fg, var(--accent)) 18%,transparent) 0%,transparent 110px),var(--surface-glass-strong)}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes authPanelIn{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUpIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spinFast{to{transform:rotate(360deg)}}@keyframes pulseSoft{0%,to{opacity:.55}50%{opacity:.85}}.staggerIn>*{animation:slideUpIn .36s var(--ease-out) both}.staggerIn>*:nth-child(1){animation-delay:20ms}.staggerIn>*:nth-child(2){animation-delay:50ms}.staggerIn>*:nth-child(3){animation-delay:80ms}.staggerIn>*:nth-child(4){animation-delay:.11s}.staggerIn>*:nth-child(5){animation-delay:.14s}.staggerIn>*:nth-child(6){animation-delay:.17s}.staggerIn>*:nth-child(7){animation-delay:.2s}.staggerIn>*:nth-child(8){animation-delay:.23s}.staggerIn>*:nth-child(9){animation-delay:.26s}.staggerIn>*:nth-child(10){animation-delay:.29s}.glassPanel{background:var(--surface-glass-strong);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));border:1px solid var(--border);border-radius:var(--radiusLg);box-shadow:var(--shadow),var(--highlight-inset)}.glassPanelStrong{background:var(--surface-glass-strong);backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate));border:1px solid var(--border2);border-radius:var(--radiusXl);box-shadow:var(--shadow-lg),var(--highlight-inset)}.glassFloater{background:var(--surface-glass);backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate));border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-md),var(--highlight-inset)}.skeleton{position:relative;overflow:hidden;background:color-mix(in srgb,var(--surface2),var(--surface-glass) 60%);border-radius:var(--radiusSm);min-height:16px}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--text) 6%,transparent) 50%,transparent 100%);animation:shimmer 1.4s linear infinite}.skeletonRow{display:grid;gap:8px}.skeletonLine{height:12px;border-radius:6px}.skeletonLineLg{height:18px;border-radius:8px}.skeletonCard{height:76px;border-radius:var(--radiusLg)}.spinner{display:inline-block;width:18px;height:18px;border-radius:999px;border:2px solid color-mix(in srgb,var(--text) 15%,transparent);border-top-color:var(--accent);animation:spinFast .7s linear infinite;vertical-align:middle}.spinnerLg{width:28px;height:28px;border-width:3px}.loadingState{display:inline-flex;align-items:center;gap:10px;color:var(--muted-strong);font-size:var(--fontSm)}.themeCheckbox{transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--spring)}.themeCheckbox:checked{border-color:color-mix(in srgb,var(--accent) 55%,var(--border-strong));background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.4l2.2 2.2L11 4.4' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.themeCheckbox:active{transform:scale(.92)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.skeleton:after{display:none}.spinner{animation-duration:1.4s!important}}::selection{background:color-mix(in srgb,var(--accent),transparent 70%);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text),transparent 75%) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text),transparent 80%);border-radius:999px;border:2px solid transparent;background-clip:content-box;transition:background var(--dur-fast) var(--ease-out)}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text),transparent 65%);background-clip:content-box}