button.svelte-17pd9qs svg:where(.svelte-17pd9qs){width:var(--space-4);height:var(--space-4)}:root{--font-mono: "Fira Code", "Courier New", monospace;--font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}[data-theme=retro-turing]{--bg-primary: #faf7f0;--bg-secondary: #f4f0e8;--bg-tertiary: #e8e2d5;--bg-accent: #d4c5a9;--bg-paper: #ffffff;--bg-overlay: rgba(212, 197, 169, .95);--surface-primary: #ffffff;--bg-primary-rgb: 250, 247, 240;--bg-secondary-rgb: 244, 240, 232;--bg-paper-rgb: 255, 255, 255;--text-primary: #2c2419;--text-secondary: #5a4f3a;--text-tertiary: #8b7355;--text-accent: #6b4e3d;--text-muted: #a68b5b;--text-inverse: #faf7f0;--border-primary: #d4c5a9;--border-secondary: #e8e2d5;--border-accent: #a68b5b;--border-focus: #6b4e3d;--color-primary: #5a776b;--color-primary-hover: #4a6559;--color-secondary: #cd853f;--color-secondary-hover: #daa520;--color-teal: #5a776b;--color-teal-hover: #4a6559;--color-success: #228b22;--color-warning: #daa520;--color-error: #b22222;--color-info: #4682b4;--retro-amber: #ffbf00;--retro-brass: #cd7f32;--retro-sepia: #704214;--retro-parchment: #f1e5ac;--state-hover: rgba(90, 119, 107, .08);--state-active: rgba(90, 119, 107, .12);--state-focus: rgba(90, 119, 107, .16);--state-disabled: rgba(90, 119, 107, .04);--shadow-primary: 0 2px 4px rgba(90, 119, 107, .1);--shadow-secondary: 0 4px 8px rgba(90, 119, 107, .08);--shadow-large: 0 8px 16px rgba(90, 119, 107, .06)}[data-theme=futuristic-ai]{--bg-primary: #0a0a0f;--bg-secondary: #121218;--bg-tertiary: #1a1a24;--bg-accent: #2a2a3a;--bg-paper: #1e1e2e;--bg-overlay: rgba(42, 42, 58, .95);--surface-primary: #1e1e2e;--bg-primary-rgb: 10, 10, 15;--bg-secondary-rgb: 18, 18, 24;--bg-paper-rgb: 30, 30, 46;--text-primary: #e0e0ff;--text-secondary: #b8b8d4;--text-tertiary: #9090aa;--text-accent: #00d4ff;--text-muted: #6a6a80;--text-inverse: #0a0a0f;--border-primary: #2a2a3a;--border-secondary: #1a1a24;--border-accent: #00d4ff;--border-focus: #00ffaa;--color-primary: #4dd0e1;--color-primary-hover: #26c6da;--color-secondary: #00ffaa;--color-secondary-hover: #00e699;--color-teal: #4dd0e1;--color-teal-hover: #26c6da;--color-success: #00ff88;--color-warning: #ffaa00;--color-error: #ff4444;--color-info: #44aaff;--cyber-neon: #00ffaa;--cyber-blue: #0080ff;--cyber-purple: #8844ff;--cyber-matrix: #00ff41;--state-hover: rgba(0, 212, 255, .08);--state-active: rgba(0, 212, 255, .12);--state-focus: rgba(0, 212, 255, .16);--state-disabled: rgba(0, 212, 255, .04);--shadow-primary: 0 2px 4px rgba(0, 212, 255, .2);--shadow-secondary: 0 4px 8px rgba(0, 212, 255, .15);--shadow-large: 0 8px 16px rgba(0, 212, 255, .1);--glow-primary: 0 0 10px rgba(0, 212, 255, .5);--glow-secondary: 0 0 20px rgba(0, 255, 170, .3);--glow-accent: 0 0 15px rgba(136, 68, 255, .4)}*{box-sizing:border-box}html{font-family:var(--font-sans);transition:var(--transition-normal)}body{margin:0;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal)}[data-theme=retro-turing] body{background-image:radial-gradient(circle at 20% 50%,rgba(212,197,169,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,69,19,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(241,229,172,.1) 0%,transparent 40%),linear-gradient(45deg,transparent 48%,rgba(205,133,63,.03) 49%,rgba(205,133,63,.03) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(139,69,19,.02) 49%,rgba(139,69,19,.02) 51%,transparent 52%);background-size:400px 400px,600px 600px,300px 300px,60px 60px,60px 60px;background-position:0 0,100px 100px,200px 50px,0 0,30px 30px}[data-theme=futuristic-ai] body{background-image:radial-gradient(circle at 20% 80%,rgba(0,212,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(136,68,255,.05) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(0,255,170,.04) 0%,transparent 40%),linear-gradient(0deg,transparent 48%,rgba(0,212,255,.05) 49%,rgba(0,212,255,.05) 51%,transparent 52%),linear-gradient(90deg,transparent 48%,rgba(0,255,170,.03) 49%,rgba(0,255,170,.03) 51%,transparent 52%),linear-gradient(60deg,transparent 48%,rgba(136,68,255,.02) 49%,rgba(136,68,255,.02) 51%,transparent 52%),linear-gradient(120deg,transparent 48%,rgba(0,255,170,.02) 49%,rgba(0,255,170,.02) 51%,transparent 52%);background-size:500px 500px,700px 700px,400px 400px,80px 80px,80px 80px,100px 100px,100px 100px;background-position:0 0,150px 150px,300px 100px,0 0,0 0,50px 25px,25px 50px;animation:matrix-flow 30s linear infinite}@keyframes matrix-flow{0%{background-position:0 0,150px 150px,300px 100px,0 0,0 0,50px 25px,25px 50px}to{background-position:100px 100px,250px 250px,400px 200px,80px 80px,80px 80px,150px 125px,125px 150px}}.card{background-color:var(--bg-paper);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}.button{background-color:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--border-radius-sm);padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.button:active{transform:translateY(0)}[data-theme=futuristic-ai] .button{box-shadow:var(--glow-primary)}[data-theme=futuristic-ai] .button:hover{box-shadow:var(--glow-primary),var(--shadow-primary)}.input{background-color:var(--bg-paper);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);color:var(--text-primary);padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px rgba(var(--color-primary),.1)}[data-theme=futuristic-ai] .input:focus{box-shadow:var(--glow-primary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.25;margin:0}p{color:var(--text-secondary);margin:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}[data-theme=futuristic-ai] a:hover{text-shadow:var(--glow-primary)}code,pre{font-family:var(--font-mono);background-color:var(--bg-tertiary);border-radius:var(--border-radius-sm)}code{padding:.125rem .25rem;font-size:.875em}pre{padding:1rem;overflow-x:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}[data-theme=futuristic-ai] ::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px #00d4ff4d}:root{--font-primary: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "Fira Code", "JetBrains Mono", "SF Mono", "Monaco", "Cascadia Code", "Roboto Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2}:root{--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--padding-xs: var(--space-1) var(--space-2);--padding-sm: var(--space-2) var(--space-3);--padding-md: var(--space-3) var(--space-4);--padding-lg: var(--space-4) var(--space-6);--padding-xl: var(--space-6) var(--space-8);--margin-xs: var(--space-2);--margin-sm: var(--space-4);--margin-md: var(--space-6);--margin-lg: var(--space-8);--margin-xl: var(--space-12)}:root{--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--border-width: 1px;--border-width-thick: 2px;--border-width-thicker: 4px}:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05)}:root{--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-primary);font-weight:var(--font-weight-medium);text-decoration:none;border:var(--border-width) solid transparent;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-xs{padding:var(--padding-xs);font-size:var(--font-size-xs);border-radius:var(--radius-sm);min-height:1.75rem}.btn-sm{padding:var(--padding-sm);font-size:var(--font-size-sm);border-radius:var(--radius-md);min-height:2rem}.btn-md{padding:var(--padding-md);font-size:var(--font-size-base);border-radius:var(--radius-lg);min-height:2.5rem}.btn-lg{padding:var(--padding-lg);font-size:var(--font-size-lg);border-radius:var(--radius-xl);min-height:3rem}.btn-xl{padding:var(--padding-xl);font-size:var(--font-size-xl);border-radius:var(--radius-2xl);min-height:3.5rem}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.btn-outline{background-color:var(--bg-tertiary);color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background-color:var(--bg-accent);color:var(--color-primary);border-color:var(--color-primary)}.btn-ghost{background-color:transparent;color:var(--text-primary);border-color:transparent}.btn-ghost:hover{background-color:var(--state-hover)}.btn-success{background-color:var(--color-success);color:var(--text-inverse);border-color:var(--color-success)}.btn-warning{background-color:var(--color-warning);color:var(--text-inverse);border-color:var(--color-warning)}.btn-error{background-color:var(--color-error);color:var(--text-inverse);border-color:var(--color-error)}.card{background-color:var(--bg-paper);border:var(--border-width) solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-6);border-bottom:var(--border-width) solid var(--border-secondary)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-1) 0 0 0}.card-content{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:var(--border-width) solid var(--border-secondary);background-color:var(--bg-secondary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge-sm{padding:var(--space-0-5) var(--space-2);font-size:var(--font-size-xs)}.badge-md{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.badge-lg{padding:var(--space-2) var(--space-4);font-size:var(--font-size-base)}.badge-primary{background-color:var(--color-primary);color:var(--text-inverse)}.badge-secondary{background-color:var(--bg-tertiary);color:var(--text-secondary)}.badge-success{background-color:var(--color-success);color:var(--text-accent)}.badge-warning{background-color:var(--color-warning);color:var(--text-inverse)}.badge-error{background-color:var(--color-error);color:var(--text-inverse)}.badge-outline{background-color:transparent;color:var(--color-primary);border:var(--border-width) solid var(--color-primary)}.input{display:block;width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-paper);border:var(--border-width) solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--state-focus)}.input:disabled{background-color:var(--bg-surface);color:var(--text-muted);cursor:not-allowed}.input-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.input-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-0{padding:var(--space-0)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.m-0{margin:var(--space-0)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-max{width:max-content}.w-min{width:min-content}.w-fit{width:fit-content}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.max-w-none{max-width:none}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}@media(max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.grid-cols-4{grid-template-columns:repeat(2,1fr)}.container{padding:0 var(--space-4)}.btn-lg{padding:var(--padding-md);font-size:var(--font-size-base)}.text-4xl{font-size:var(--font-size-3xl)}.text-5xl{font-size:var(--font-size-4xl)}}@media(max-width:480px){.grid-cols-4{grid-template-columns:1fr}.container{padding:0 var(--space-2)}.card-header,.card-content,.card-footer{padding:var(--space-4)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--padding-md);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;border:var(--border-width) solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;min-height:2.5rem}.button.primary{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.button.primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.button.secondary{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.button.secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--padding-md);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;border:var(--border-width) solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;min-height:2.5rem;background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--padding-md);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;border:var(--border-width) solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;min-height:2.5rem;background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-accent);box-shadow:var(--shadow-sm)}*{font-family:var(--font-primary)}code,pre,.font-mono{font-family:var(--font-mono)!important}:root,[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-paper: #ffffff;--bg-surface: #f3f4f6;--bg-hover: #f9fafb;--surface-primary: #ffffff;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-inverse: #ffffff;--text-tertiary: #9ca3af;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-focus: #2563eb;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--accent-hover: #1d4ed8;--accent-primary-light: rgba(37, 99, 235, .1);--accent-success: #10b981;--accent-success-hover: #059669;--accent-warning: #f59e0b;--accent-warning-hover: #d97706;--accent-error: #ef4444;--accent-error-hover: #dc2626;--accent-danger: #dc2626;--accent-danger-hover: #b91c1c;--text-disabled: #9ca3af;--text-secondary-hover: #4b5563;--success-bg: #dcfce7;--success-text: #166534;--success-border: #bbf7d0;--error-bg: #fef2f2;--error-text: #dc2626;--error-border: #fecaca;--warning-bg: #fef3c7;--warning-text: #92400e;--warning-border: #fde68a;--accent-warning-light: #fef3c7;--accent-warning-text: #92400e;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--game-bg: #ffffff;--game-message-bg: #f9fafb;--game-message-border: #e5e7eb;--game-input-bg: #ffffff;--game-input-border: #d1d5db}[data-theme=dark]{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-paper: #1f2937;--bg-surface: #374151;--bg-hover: #374151;--surface-primary: #1f2937;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-inverse: #111827;--text-tertiary: #9ca3af;--border-primary: #374151;--border-secondary: #4b5563;--border-focus: #3b82f6;--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--accent-hover: #2563eb;--accent-primary-light: rgba(59, 130, 246, .1);--accent-success: #059669;--accent-success-hover: #047857;--accent-warning: #d97706;--accent-warning-hover: #b45309;--accent-error: #dc2626;--accent-error-hover: #b91c1c;--accent-danger: #dc2626;--accent-danger-hover: #b91c1c;--text-disabled: #6b7280;--text-secondary-hover: #9ca3af;--success-bg: #065f46;--success-text: #6ee7b7;--success-border: #047857;--error-bg: #7f1d1d;--error-text: #fca5a5;--error-border: #b91c1c;--warning-bg: #78350f;--warning-text: #fcd34d;--warning-border: #b45309;--accent-warning-light: #78350f;--accent-warning-text: #fcd34d;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--game-bg: #1f2937;--game-message-bg: #374151;--game-message-border: #4b5563;--game-input-bg: #1f2937;--game-input-border: #4b5563}html{transition:color-scheme .3s ease}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.btn-primary{background-color:var(--accent-primary);color:var(--text-inverse);border:1px solid var(--accent-primary)}.btn-primary:hover{background-color:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-secondary)}.card{background-color:var(--bg-paper);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.input,.textarea,.select{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-secondary)}.input:focus,.textarea:focus,.select:focus{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.nav-link{color:var(--text-secondary);transition:color .2s ease}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent-primary)}.game-chat{background-color:var(--game-bg)}.message-input{background-color:var(--game-input-bg);border:1px solid var(--game-input-border);color:var(--text-primary)}.message-input:focus{border-color:var(--border-focus)}.observer-dashboard,.live-observation,.session-replay{background-color:var(--bg-primary)}.session-card,.metadata-card,.participants-card,.judgment-card{background-color:var(--bg-paper);border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.session-card:hover{box-shadow:var(--shadow-lg);background-color:var(--bg-hover)}.status-active{color:var(--accent-success)}.status-completed{color:var(--text-muted)}.status-error{color:var(--accent-error)}.loading-state{color:var(--text-secondary)}.spinner{border-color:var(--border-primary);border-top-color:var(--accent-primary)}.error-message{background-color:var(--accent-error);color:var(--text-inverse);border:1px solid var(--accent-error-hover)}[data-theme=dark] .error-message{background-color:#dc262633;color:#fca5a5;border-color:#dc2626}.success-message{background-color:var(--accent-success);color:var(--text-inverse);border:1px solid var(--accent-success-hover)}[data-theme=dark] .success-message{background-color:#10b98133;color:#6ee7b7;border-color:#059669}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}input,textarea,select{box-sizing:border-box}[data-theme-transitioning] *{transition:none!important}html,body{min-width:320px}.app.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}.header.svelte-12qhfyh{background:#455e5b;border-bottom:1px solid var(--border-secondary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;height:80px}.header-content.svelte-12qhfyh{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;height:100%}.logo.svelte-12qhfyh{display:flex;align-items:center;margin-top:8px}.logo-link.svelte-12qhfyh{text-decoration:none;color:inherit;display:block}.logo-image.svelte-12qhfyh{height:60px;width:auto;transition:opacity .2s ease}.logo-link.svelte-12qhfyh:hover .logo-image:where(.svelte-12qhfyh){opacity:.8}.nav.svelte-12qhfyh{display:flex;align-items:center;gap:1.5rem;transition:transform .3s ease,opacity .25s ease;will-change:transform,opacity}.nav-toggle.svelte-12qhfyh{display:none;flex-direction:column;gap:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.6rem .7rem;border-radius:8px;cursor:pointer;transition:background .2s}.nav-toggle.svelte-12qhfyh:hover{background:#fff3}.nav-toggle.svelte-12qhfyh .bar:where(.svelte-12qhfyh){width:20px;height:2px;background:#fff;border-radius:2px}@media(max-width:900px){.nav-toggle.svelte-12qhfyh{display:flex}.nav.svelte-12qhfyh{position:fixed;top:0;right:0;bottom:0;width:min(75%,320px);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:5rem 1.5rem 2rem;background:var(--bg-paper);box-shadow:-2px 0 12px #00000040;transform:translate(100%);opacity:0;gap:1rem;z-index:200}.nav[data-open=true].svelte-12qhfyh,.nav.open.svelte-12qhfyh{transform:translate(0);opacity:1}.nav-link.svelte-12qhfyh{width:100%;color:var(--text-secondary)!important}.nav-link.svelte-12qhfyh:hover{color:var(--color-primary)!important;background:var(--bg-hover)!important}.nav-link.active.svelte-12qhfyh{color:var(--color-primary)!important;background:var(--state-focus)!important;border:1px solid var(--state-active)!important}.user-info.svelte-12qhfyh{color:var(--text-muted)!important}.header-content.svelte-12qhfyh{align-items:center}}@media(min-width:1600px){.header-content.svelte-12qhfyh,.main.svelte-12qhfyh{max-width:1500px}}@media(min-width:1920px){.header-content.svelte-12qhfyh,.main.svelte-12qhfyh{max-width:1700px}}.nav-link.svelte-12qhfyh{text-decoration:none;color:#ffffffe6;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}.nav-link.svelte-12qhfyh:hover{color:#fff;background:#ffffff1a}.nav-link.active.svelte-12qhfyh{color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.2);font-weight:600}.sign-out-btn.svelte-12qhfyh{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.sign-out-btn.svelte-12qhfyh:hover{color:#ff6b6b!important;background:#ffffff1a!important}.user-info.svelte-12qhfyh{font-size:.9rem;color:#ffffffb3!important;font-style:italic}.user-info.svelte-12qhfyh:hover{font-style:normal!important}.user-info.active.svelte-12qhfyh{font-style:normal}.main.svelte-12qhfyh{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}.footer.svelte-12qhfyh{background:var(--bg-secondary);border-top:1px solid var(--border-secondary);padding:1rem 2rem;text-align:center}.footer.svelte-12qhfyh p:where(.svelte-12qhfyh){color:var(--text-muted);font-size:.875rem;margin:0}@media(max-width:768px){.header-content.svelte-12qhfyh,.main.svelte-12qhfyh{padding:1rem}.logo-image.svelte-12qhfyh{height:48px}}@media(max-width:640px){.main.svelte-12qhfyh{padding:1rem .75rem}.logo-image.svelte-12qhfyh{height:40px}.nav.svelte-12qhfyh{width:100%;max-width:100%}.nav[data-open=true].svelte-12qhfyh{transform:translate(0)}}.email-banner.svelte-12qhfyh{background:#fff3cd;color:#856404;padding:.75rem 1rem;display:flex;gap:1rem;align-items:center;justify-content:center;font-size:.95rem;border-bottom:1px solid #f1e3a1}.email-banner.svelte-12qhfyh .verify-link:where(.svelte-12qhfyh){color:#704200;font-weight:600;text-decoration:underline}.email-banner.svelte-12qhfyh .verify-link:where(.svelte-12qhfyh):hover{text-decoration:none}