*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #ffffff;--color-bg-secondary: #f5f5f4;--color-bg-tertiary: #eeede8;--color-text: #1a1a1a;--color-text-secondary: #6b6b6b;--color-text-tertiary: #9ca3af;--color-border: rgba(0,0,0,.12);--color-border-strong: rgba(0,0,0,.22);--color-danger-bg: #fcebeb;--color-danger-text: #a32d2d;--color-danger-border: #f09595;--color-warning-bg: #faeeda;--color-warning-text: #854f0b;--color-warning-border: #f0b04a;--color-watch-bg: #fff8e6;--color-watch-text: #92600a;--color-watch-border: #f5d07a;--color-success-bg: #eaf3de;--color-success-text: #3b6d11;--color-success-border: #97c459;--color-none-bg: #f5f5f4;--color-none-text: #6b6b6b;--color-none-border: rgba(0,0,0,.12);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", monospace}@media (prefers-color-scheme: dark){:root{--color-bg: #1a1a1a;--color-bg-secondary: #242424;--color-bg-tertiary: #2e2e2e;--color-text: #f0f0f0;--color-text-secondary: #a0a0a0;--color-text-tertiary: #6b6b6b;--color-border: rgba(255,255,255,.1);--color-border-strong: rgba(255,255,255,.2);--color-danger-bg: #3a1515;--color-danger-text: #f09595;--color-danger-border: #7a2020;--color-warning-bg: #3a2a0a;--color-warning-text: #f5c06a;--color-warning-border: #7a5010;--color-watch-bg: #2e2410;--color-watch-text: #f5d07a;--color-watch-border: #6b5010;--color-success-bg: #162410;--color-success-text: #97c459;--color-success-border: #2d5010;--color-none-bg: #2e2e2e;--color-none-text: #a0a0a0;--color-none-border: rgba(255,255,255,.1)}}body{font-family:var(--font);background:var(--color-bg-tertiary);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;justify-content:center}input,textarea{font-family:var(--font);font-size:15px;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:9px 12px;outline:none;width:100%;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--color-border-strong);box-shadow:0 0 0 3px #0000000f}@media (prefers-color-scheme: dark){input:focus,textarea:focus{box-shadow:0 0 0 3px #ffffff0f}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease}