:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--bg-card:#1e2a4a;--border-color:#2a3a5c;--text-primary:#e8e8e8;--text-secondary:silver;--text-muted:#8a9ab8;--accent-red:#e74c3c;--accent-green:#2ecc71;--accent-gold:#f39c12;--accent-blue:#3498db;--accent-purple:#9b59b6;--accent-cyan:#1abc9c;--picked-bg:#3498db26;--skipped-bg:#a0a0a00d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Helvetica Neue,Arial,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.6}#root{min-height:100vh}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}button{border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.5em 1em;font-family:inherit;font-size:.9em;transition:background-color .2s,border-color .2s}button:hover{background-color:var(--accent-blue);border-color:var(--accent-blue)}