*{box-sizing:border-box}:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--text-primary:#1a1a1a;--text-secondary:#666;--border-color:#e0e0e0;--input-bg:#fff;--input-border:#d0d0d0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.6}@media (prefers-color-scheme:dark){:root{--bg-primary:#1a1a1a;--bg-secondary:#2a2a2a;--text-primary:#e8e8e8;--text-secondary:#a0a0a0;--border-color:#404040;--input-bg:#2a2a2a;--input-border:#505050}}body{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);margin:0;padding:20px;transition:background-color .3s,color .3s}input{background-color:var(--input-bg);color:var(--text-primary);border:1px solid var(--input-border);border-radius:6px;width:100%;padding:8px 12px;font-family:inherit;font-size:16px;transition:border-color .2s}input:focus{border-color:var(--text-primary);outline:none}button{cursor:pointer;background:0 0;border:none;padding:8px;font-size:24px;transition:transform .2s}button:hover{transform:scale(1.1)}button:active{transform:scale(.95)}