@keyframes spin{to{--angle:360deg}}:root{color-scheme:light dark;--hue-primary:222;--hue-bg:220;--color-bg:#f6f7f9;--color-surface:#ffffff;--color-text:#111318;--color-text-muted:#4b5160;--color-accent:#2457d6;--color-accent-ink:#ffffff;--color-answer:#1f8a4c;--color-answer-ink:#ffffff;--color-hangup:#c8321f;--color-hangup-ink:#ffffff;--color-focus:#2457d6;--color-border:#d6d9e0;--focus-ring:0 0 0 2px var(--color-bg), 0 0 0 6px var(--color-focus);--color-foreground:var(--color-text);--color-primary:var(--color-accent);--color-primary-hover:#1d47b3;--color-muted:var(--color-text-muted);--font-sans:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, Consolas, monospace;--text-display:2.5rem;--text-title:1.75rem;--text-button:1.5rem;--text-body:1.25rem;--text-caption:1.25rem;--leading-display:1.15;--leading-title:1.2;--leading-button:1;--leading-body:1.4;--text-xs:var(--text-body);--text-sm:var(--text-body);--text-base:var(--text-body);--text-lg:var(--text-button);--text-xl:var(--text-title);--text-2xl:var(--text-title);--text-3xl:var(--text-display);--text-4xl:var(--text-display);--leading-tight:var(--leading-title);--leading-normal:var(--leading-body);--leading-relaxed:1.5;--space-2xs:0.25rem;--space-xs:0.5rem;--space-s:0.75rem;--space-m:1.25rem;--space-l:2rem;--space-xl:3rem;--radius-card:20px;--radius-button:20px;--radius-avatar:50%;--tap-primary:72px;--tap-secondary:56px;--duration-instant:100ms;--duration-fast:150ms;--duration-base:250ms;--duration-slow:400ms;--ease-spring:var(--ease-out-soft);--ease-spring-gentle:var(--ease-out-soft);--ease-out-soft:cubic-bezier(0.16, 1, 0.3, 1);--ease-cinematic:cubic-bezier(0.4, 0, 0.2, 1);--press-scale:0.97;--dock-bg:rgba(255, 255, 255, 0.92);--dock-border:var(--color-border);--glass-bg:var(--color-surface);--glass-border:var(--color-border);--glass-shadow:0 4px 20px rgba(17, 19, 24, 0.06);--modal-bg:var(--color-surface);--modal-border:var(--color-border);--modal-text:var(--color-text);--modal-backdrop:rgba(17, 19, 24, 0.5);--input-bg:var(--color-surface);--input-border:var(--color-border);--input-placeholder:var(--color-text-muted);--control-track:#d6d9e0;--neu-surface:#e9ecf1;--neu-surface-deep:#dde1e8;--neu-light:rgba(255, 255, 255, 0.92);--neu-dark:rgba(163, 177, 198, 0.55);--accent-glow:var(--color-accent);--neu-face:linear-gradient(180deg,
      color-mix(in srgb, var(--neu-surface) 88%, white) 0%, var(--neu-surface) 100%);--neu-face-pressed:linear-gradient(180deg,
      color-mix(in srgb, var(--neu-surface) 90%, black) 0%, var(--neu-surface) 100%);--neu-raised:-6px -6px 14px var(--neu-light), 6px 6px 16px var(--neu-dark);--neu-raised-sm:-3px -3px 7px var(--neu-light), 3px 3px 8px var(--neu-dark);--neu-well:inset 4px 4px 10px var(--neu-dark), inset -4px -4px 8px var(--neu-light);--neu-glow:0 0 24px color-mix(in srgb, var(--accent-glow) 40%, transparent);--glass-panel:var(--color-surface);--glass-panel-border:var(--color-border);--glass-tile:#f6f7f9;--glass-tile-border:var(--color-border);--chart-1:#2457d6;--chart-2:#b45309;--chart-3:#0f766e;--chart-4:#a21caf;--btn-text:var(--color-accent-ink);--btn-outline-bg:var(--color-surface);--btn-outline-text:var(--color-text);--success-color:var(--color-answer);--warning-color:#b45309;--danger-color:var(--color-hangup)}@supports (transition-timing-function:linear(0,1)){:root{--ease-spring:linear(0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%,
        0.849 31.5%, 0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%,
        1.017 63.9%, 1.001);--ease-spring-gentle:linear(0, 0.013, 0.054 3.9%, 0.219 8.7%, 0.42 13.3%, 0.596 17.9%,
        0.744 22.6%, 0.863 27.8%, 0.945 33.4%, 0.997 40%, 1.021 48.3%, 1.016 61.4%, 1.003)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0b0c0f;--color-surface:#17191f;--color-text:#f1f2f4;--color-text-muted:#a9afbd;--color-border:#2a2d36;--color-primary-hover:#4f7ae6;--dock-bg:rgba(23, 25, 31, 0.92);--glass-shadow:0 20px 40px rgba(0, 0, 0, 0.4);--modal-backdrop:rgba(0, 0, 0, 0.6);--control-track:#2a2d36;--neu-surface:#1c1e26;--neu-surface-deep:#14161c;--neu-light:rgba(255, 255, 255, 0.06);--neu-dark:rgba(0, 0, 0, 0.62);--glass-tile:#1f2229;--chart-1:#6b93f0;--chart-2:#d97706;--chart-3:#0d9488;--chart-4:#c026d3;--warning-color:#f59e0b}}:root[data-theme=dark]{--color-bg:#0b0c0f;--color-surface:#17191f;--color-text:#f1f2f4;--color-text-muted:#a9afbd;--color-border:#2a2d36;--color-primary-hover:#4f7ae6;--dock-bg:rgba(23, 25, 31, 0.92);--glass-shadow:0 20px 40px rgba(0, 0, 0, 0.4);--modal-backdrop:rgba(0, 0, 0, 0.6);--control-track:#2a2d36;--neu-surface:#1c1e26;--neu-surface-deep:#14161c;--neu-light:rgba(255, 255, 255, 0.06);--neu-dark:rgba(0, 0, 0, 0.62);--glass-tile:#1f2229;--chart-1:#6b93f0;--chart-2:#d97706;--chart-3:#0d9488;--chart-4:#c026d3;--warning-color:#f59e0b}*,::after,::before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html{scroll-behavior:smooth;scroll-padding-bottom:var(--nav-bottom-pad, 0px);scroll-padding-left:var(--nav-left-pad, 0px)}.motto,blockquote,body{font-family:var(--font-sans)}body{min-height:100vh;text-rendering:optimizeSpeed;background-color:var(--color-bg);color:var(--color-foreground);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:var(--nav-bottom-pad, 0px);padding-left:var(--nav-left-pad, 0px);transition:padding var(--duration-base) var(--ease-spring),background-color var(--duration-base) var(--ease-out-soft),background-image var(--duration-base) var(--ease-out-soft),color var(--duration-base) var(--ease-out-soft)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:700;line-height:var(--leading-tight)}h1,h2{font-size:var(--text-4xl);letter-spacing:-.025em}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}p{margin-top:0;margin-bottom:1rem}.motto,blockquote{font-style:italic;font-weight:400;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-primary);border-left:3px solid var(--color-primary);margin:2rem 0;background:rgba(255,255,255,.03);padding:1.5rem;border-radius:0 12px 12px 0;letter-spacing:.02em;opacity:.9}blockquote cite{display:block;margin-top:.75rem;font-style:normal;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-muted)}code,pre{font-family:var(--font-mono);font-size:.9em;background:rgba(255,255,255,.05);border-radius:4px}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.btn{--btn-hue:var(--hue-primary);--btn-bg:hsl(var(--btn-hue), 80%, 50%);--btn-glow:hsla(var(--btn-hue), 80%, 50%, 0.5);--btn-text-color:var(--btn-text);all:unset;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:var(--space-s) var(--space-l);font-family:inherit;font-weight:700;font-size:var(--text-base);letter-spacing:.02em;border-radius:12px;cursor:pointer;isolation:isolate;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-base) var(--ease-out-soft),filter var(--duration-base) var(--ease-out-soft),background var(--duration-base) var(--ease-out-soft),color var(--duration-base) var(--ease-out-soft);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 2px 4px rgba(0,0,0,.1)}.btn-fill{background:linear-gradient(135deg,hsl(var(--btn-hue),80%,60%) 0%,hsl(var(--btn-hue),90%,45%) 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0-2px 0 rgba(0,0,0,.1),0 10px 20px -5px var(--btn-glow),0 0 0 1px rgba(255,255,255,.1)}.btn-fill:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0-2px 0 rgba(0,0,0,.1),0 15px 30px -5px var(--btn-glow),0 0 20px var(--btn-glow)}.btn-fill:active{transform:translateY(0) scale(.98);box-shadow:inset 0 2px 4px rgba(0,0,0,.2),0 4px 10px -5px var(--btn-glow)}.btn-outline{background:var(--btn-outline-bg);color:var(--btn-outline-text);backdrop-filter:blur(10px)}.btn-outline::before,.glass-card::after{content:"";position:absolute;padding:1px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out}.btn-outline::before{inset:-1px;border-radius:12px;background:conic-gradient(from var(--angle, 0deg),transparent 20%,var(--btn-bg) 50%,transparent 80%);opacity:.6;transition:opacity var(--duration-base)}.btn-outline:hover{background:rgba(255,255,255,.08);box-shadow:0 0 30px -10px var(--btn-glow)}.btn-outline:hover::before{opacity:1;animation:spin 3s linear infinite}.btn-ghost,label{color:var(--color-muted)}.btn-ghost{background:0 0;box-shadow:none}.btn-ghost:hover{color:var(--color-foreground);background:rgba(255,255,255,.08)}.btn-primary{--btn-hue:217}.btn-secondary{--btn-hue:240;--btn-glow:rgba(255, 255, 255, 0.2)}.btn-success{--btn-hue:150}.btn-warning{--btn-hue:35}.btn-danger{--btn-hue:340}.glass-card{position:relative;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:20px;padding:var(--space-l);isolation:isolate;box-shadow:0 0 0 1px var(--glass-border) inset,var(--glass-shadow);transition:transform var(--duration-slow) var(--ease-out-soft),background var(--duration-slow) var(--ease-out-soft),box-shadow var(--duration-slow) var(--ease-out-soft)}.glass-card::after{inset:0;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 40%,transparent 60%,rgba(255,255,255,.1));pointer-events:none}.glass-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.07);box-shadow:0 0 0 1px var(--glass-border) inset,0 15px 30px rgba(0,0,0,.5)}label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-xs);letter-spacing:.05em;text-transform:uppercase}input[type=email],input[type=password],input[type=text],textarea{width:100%;background:var(--input-bg);border:1px solid var(--input-border);color:var(--color-foreground);border-radius:12px;padding:var(--space-m);transition:background var(--duration-base) var(--ease-out-soft),border-color var(--duration-base) var(--ease-out-soft),box-shadow var(--duration-base) var(--ease-out-soft);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{outline:0;background:rgba(255,255,255,.05);border-color:var(--color-primary);box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 0 0 4px rgba(59,130,246,.1)}[tabindex="-1"]:focus{outline:0}input::placeholder,textarea::placeholder{color:var(--input-placeholder);opacity:1}.glass-panel{background:var(--glass-panel);border:1px solid var(--glass-panel-border);border-radius:20px;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);padding:var(--space-l)}.glass-tile{background:var(--glass-tile);border:1px solid var(--glass-tile-border);border-radius:14px;padding:var(--space-m)}.neu-panel{background:var(--neu-face);border-radius:24px;box-shadow:var(--neu-raised);padding:var(--space-l)}.neu-well{background:var(--neu-surface-deep);border-radius:16px;box-shadow:var(--neu-well);padding:var(--space-m)}.neu-glow{box-shadow:var(--neu-raised),var(--neu-glow)}@media (prefers-reduced-motion:reduce){:root{--duration-instant:1ms;--duration-fast:1ms;--duration-base:1ms;--duration-slow:1ms;--ease-spring:linear;--ease-spring-gentle:linear}}:root[data-motion=reduced]{--duration-instant:1ms;--duration-fast:1ms;--duration-base:1ms;--duration-slow:1ms;--ease-spring:linear;--ease-spring-gentle:linear}:host([data-modality="pointer"]) :focus-visible{outline:0}:host(:focus-visible){outline:0}