:root{color-scheme:light;--color-canvas: #f4f4f5;--color-bg: #ffffff;--color-surface-2: #f7f7f8;--color-text: #17181c;--color-text-rgb: 23, 24, 28;--color-text-muted: #6d7078;--color-primary: #ff3c00;--color-secondary: #ffc400;--color-accent: #2962ff;--color-on-primary: #ffffff;--color-border: rgba(23, 24, 28, .1);--color-border-strong: rgba(23, 24, 28, .16);--color-muted: #f0f0f1;--font-heading: "Impact", "Anton", sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--spacing-2xs: .25rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-ring: 0 0 0 3px rgba(255, 60, 0, .25);--border-width: 1px;--brutalist-border: 1px solid var(--color-border);--brutalist-shadow: var(--shadow-md);--transition-fast: .16s cubic-bezier(.2, 0, .2, 1);--transition-base: .24s cubic-bezier(.2, 0, .2, 1)}[data-theme=dark]{color-scheme:dark;--color-canvas: #0a0c10;--color-bg: #14171d;--color-surface-2: #1b1f26;--color-text: #eef1f5;--color-text-rgb: 238, 241, 245;--color-text-muted: #949aa5;--color-primary: #ff5252;--color-secondary: #ffd600;--color-accent: #bb86fc;--color-on-primary: #ffffff;--color-border: rgba(238, 241, 245, .13);--color-border-strong: rgba(238, 241, 245, .22);--color-muted: #1e2228;--shadow-ring: 0 0 0 3px rgba(255, 82, 82, .3)}[data-theme=hazard]{color-scheme:light;--color-canvas: #f5a623;--color-bg: #ffffff;--color-surface-2: #fff6e6;--color-text: #1a1206;--color-text-rgb: 26, 18, 6;--color-text-muted: #7a6641;--color-primary: #c2410c;--color-secondary: #f5a623;--color-accent: #b91c1c;--color-on-primary: #ffffff;--color-border: rgba(26, 18, 6, .12);--color-border-strong: rgba(26, 18, 6, .2);--color-muted: #fdf0dc;--shadow-ring: 0 0 0 3px rgba(194, 65, 12, .22)}[data-theme=cyber]{color-scheme:dark;--color-canvas: #07021a;--color-bg: #130a2b;--color-surface-2: #1b1038;--color-text: #e9e4ff;--color-text-rgb: 233, 228, 255;--color-text-muted: #9d8fc7;--color-primary: #da00ff;--color-secondary: #7000ff;--color-accent: #00ffa3;--color-on-primary: #ffffff;--color-border: rgba(0, 255, 163, .18);--color-border-strong: rgba(0, 255, 163, .32);--color-muted: #1a0b2e;--shadow-ring: 0 0 0 3px rgba(218, 0, 255, .35)}body{background-color:var(--color-canvas);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--transition-base),color var(--transition-base);overflow-x:hidden}h1,h2,h3{font-family:var(--font-heading);text-transform:uppercase;margin:0;font-weight:400;letter-spacing:.01em;line-height:1.15}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}input,select,textarea,button{font-family:inherit;font-size:var(--text-base);color:var(--color-text)}input,select,textarea{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-ring)}button{border:1px solid var(--color-border-strong);background:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}button:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-text-muted)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:none;box-shadow:var(--shadow-ring)}button:disabled{cursor:not-allowed;opacity:.45}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted);background-clip:content-box}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes heart-beat{0%{transform:scale(1);opacity:.8}5%{transform:scale(1.1);opacity:1}10%{transform:scale(1);opacity:.8}15%{transform:scale(1.1);opacity:1}50%{transform:scale(1);opacity:.8}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-2xl)}#root{width:100%;max-width:900px;padding:0 var(--spacing-md)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.card-title{display:flex;align-items:center;gap:var(--spacing-xs);margin:0 0 var(--spacing-md);font-size:var(--text-lg);letter-spacing:.02em}.label{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--spacing-2xs)}.muted{color:var(--color-text-muted)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border:1px solid transparent;border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-md);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--color-primary);border-color:transparent;filter:brightness(1.08)}.stack{display:grid;gap:var(--spacing-lg)}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:#090a0d8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-overlay-in var(--transition-base) ease-out}.modal-panel{position:relative;width:100%;max-height:calc(100vh - var(--spacing-2xl));overflow-y:auto;padding:var(--spacing-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:modal-panel-in var(--transition-base) cubic-bezier(.2,0,.2,1)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.modal-close{display:flex;flex-shrink:0;padding:var(--spacing-2xs);border:none;background:none;box-shadow:none;color:var(--color-text-muted)}.modal-close:hover:not(:disabled){background:var(--color-muted);box-shadow:none;color:var(--color-text)}@keyframes modal-overlay-in{0%{opacity:0}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}