*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--text:#111;--muted:#888;--border:#ddd;--hover:#f5f5f5;--selected:#fff4ed;--accent:#e07a3a}@media(prefers-color-scheme:dark){:root{--bg:#111;--text:#eee;--muted:#666;--border:#333;--hover:#1a1a1a;--selected:#2a1f1a;--accent:#e07a3a}}body{font-family:'Figtree',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.container{max-width:600px;width:100%}.fade{opacity:1;transition:opacity 150ms ease}.fade.out{opacity:0}.progress{font-size:14px;color:var(--muted);margin-bottom:40px}.question{font-size:28px;font-weight:600;line-height:1.4;margin-bottom:12px}.subtext{font-size:16px;color:var(--muted);line-height:1.5;margin-bottom:32px}.no-sub{margin-bottom:40px}.options{display:flex;flex-direction:column;gap:12px}.option{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .15s;font-size:18px}.option:hover{background:var(--hover)}.option.selected{background:var(--selected);border-color:var(--accent)}.option.small{font-size:15px;line-height:1.5}.option.small .key{align-self:flex-start;margin-top:2px}.key{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--hover);border-radius:8px;font-size:14px;font-weight:500;color:var(--muted);flex-shrink:0}.option.selected .key{background:var(--accent);color:#fff}.other-input{flex:1;background:transparent;border:none;font-size:18px;font-family:inherit;color:var(--text);outline:none}.other-input::placeholder{color:var(--muted)}.nav{margin-top:40px;font-size:14px;color:var(--muted)}.hidden{display:none}.result{text-align:center}.result h2{font-size:32px;margin-bottom:12px}.result p{color:var(--muted);margin-bottom:30px;line-height:1.6}.result pre{text-align:left;background:var(--hover);padding:20px;border-radius:12px;font-size:14px;overflow-x:auto}.buttons{display:flex;gap:12px;margin-top:20px;justify-content:center}.btn{padding:12px 24px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;font-size:16px;font-family:inherit;cursor:pointer}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}