:root{color-scheme:light;--bg:#f6f7f9;--surface:#fff;--text:#14161a;--muted:#5b6470;--border:#e6e8ec;--border-soft:#eef0f3;--input-bg:#fff;--input-border:#d7dbe1;--hover-bg:#f0f2f5;--active-bg:#e9edf3;--btn-bg:#14161a;--btn-text:#fff;--accent:#1a2456;--error-bg:#fdecea;--error-text:#b3261e;--danger-border:#f0c6c2;--recording-bg:#fde2e2;--ok:#1a7f37}[data-theme=dark]{color-scheme:dark;--bg:#0c0e12;--surface:#14171d;--text:#eceff4;--muted:#98a1b0;--border:#262c36;--border-soft:#1d222b;--input-bg:#14171d;--input-border:#2e3540;--hover-bg:#1c212a;--active-bg:#232b37;--btn-bg:#eceff4;--btn-text:#14161a;--accent:#9aa5ff;--error-bg:#2e1518;--error-text:#f2a8a4;--danger-border:#5a2b2e;--recording-bg:#3a1d20;--ok:#4cc38a}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.topbar{background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar nav{max-width:880px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:24px}.brand{font-weight:800;font-size:18px;letter-spacing:-.3px}.tabs{display:flex;gap:4px}.tab{padding:8px 14px;border-radius:8px;text-decoration:none;color:var(--muted);font-weight:600;font-size:15px}.tab:hover{background:var(--hover-bg)}.tab.active{color:var(--text);background:var(--active-bg)}.theme-toggle{margin-left:auto;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;font-size:18px;line-height:1;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.theme-toggle:hover{background:var(--hover-bg)}.container{max-width:880px;margin:0 auto;padding:32px 20px 72px}h1{font-size:28px;margin:0 0 6px;letter-spacing:-.4px}.hint{color:var(--muted);margin:0 0 20px;font-size:15px}.ask-row{display:flex;gap:8px;align-items:stretch}.ask-input{flex:1 1;font-size:16px;padding:14px 16px;border:1px solid var(--input-border);border-radius:12px;background:var(--input-bg);color:inherit;min-width:0}.ask-input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.ask-btn,.mic-btn{border:none;border-radius:12px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:52px;transition:transform .05s ease}.mic-btn{background:var(--active-bg)}.ask-btn:active,.mic-btn:active{transform:scale(.96)}.mic-btn.recording{background:var(--recording-bg)}.ask-btn{background:var(--btn-bg);color:var(--btn-text)}.ask-btn:disabled{opacity:.4;cursor:default}.recording-note{font-size:13px;margin:8px 0 0}.error,.recording-note{color:var(--error-text)}.error{background:var(--error-bg);border-radius:10px;padding:12px 16px;margin:16px 0 0;font-size:14px}.loading{color:var(--muted);margin:16px 0 0;font-size:15px}.answer-panel{background:#101216;color:#f2f4f8;border-radius:16px;padding:24px;margin-top:24px}.answer-winner{display:flex;gap:20px;align-items:center;margin-bottom:16px}.answer-winner img{aspect-ratio:1.586/1;object-fit:contain;border-radius:10px;background:#fff}.answer-winner .wio-card,.answer-winner img{width:220px;max-width:45%}.answer-kicker{text-transform:uppercase;letter-spacing:1.2px;font-size:12px;color:#9aa3b2;margin-bottom:4px}.answer-panel h2{margin:0;font-size:24px;letter-spacing:-.3px}.why{line-height:1.65;font-size:15.5px;margin:0}.whynot{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-gap:10px;gap:10px}.whynot li{background:#1a1e26;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.55;color:#d7dce4}.wn-name{display:block;font-weight:700;color:#fff;margin-bottom:2px}.fallback-note{margin:18px 0 0;font-size:13px;color:#9aa3b2;font-style:italic}.wallet-section{margin-bottom:36px}.wallet-section h2{font-size:20px;margin:0 0 4px}.section-sub{color:var(--muted);font-size:14px;margin:0 0 18px}.wallet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:20px;gap:20px}.wallet-card{border:1px solid var(--border);border-radius:14px;padding:16px}.card-frame,.wallet-card{background:var(--surface)}.card-frame{aspect-ratio:1.586/1;border:1px solid var(--border-soft);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.card-frame img{object-fit:contain;display:block}.card-frame .wio-card,.card-frame img,.custom-face{width:100%;height:100%}.custom-face{display:flex;align-items:center;justify-content:center;background:var(--hover-bg);color:var(--muted);font-weight:700;font-size:14px;padding:12px;text-align:center}.card-name{margin:12px 0 4px;font-weight:700;font-size:15px}.card-meta{font-size:12.5px;color:var(--muted);margin:0 0 10px}.spend-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:14px}.spend-row input{width:110px;padding:8px 10px;font-size:14px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:inherit}.card-actions{display:flex;gap:8px}.btn{border:1px solid var(--input-border);background:var(--input-bg);border-radius:8px;padding:8px 12px;font-size:13.5px;font-weight:600;cursor:pointer;color:inherit}.btn:hover{background:var(--hover-bg)}.btn.danger{color:var(--error-text);border-color:var(--danger-border)}.btn.primary{background:var(--btn-bg);color:var(--btn-text);border-color:var(--btn-bg)}.add-card{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.add-card h3,.edit-form h3{margin:0 0 12px;font-size:16px}.form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.form-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.form-field input{padding:10px 12px;font-size:14px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--text);min-width:200px}.form-field input[type=number]{min-width:120px}.edit-form{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-soft);display:grid;grid-gap:10px;gap:10px}.reset-row{margin-top:20px}.connections{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.connections h2{margin:0 0 12px;font-size:18px}.conn-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--border-soft);font-size:15px}.conn-row:first-of-type{border-top:none}.conn-status{font-weight:700;font-size:14px}.conn-status.on{color:var(--ok)}.conn-status.off{color:var(--muted)}.wio-card{position:relative;background:#fff;border:1px solid #e3e6ee;border-radius:12px;aspect-ratio:1.586/1;overflow:hidden}.wio-wordmark{top:10px;color:#1a2456;font-weight:800;font-size:30px;letter-spacing:-1.5px;line-height:1}.wio-chip,.wio-wordmark{position:absolute;left:14px}.wio-chip{top:54%;width:46px;height:34px;border-radius:6px;background:linear-gradient(135deg,#ecd27c,#c9a227 60%,#a8821c)}.wio-chip:after{content:"";position:absolute;inset:5px;border:1px solid rgba(90,60,10,.45);border-radius:3px}.wio-mc{right:16px;bottom:12px;width:66px}.mc-circle,.wio-mc{position:absolute;height:42px}.mc-circle{width:42px;border-radius:50%}.mc-red{left:0;background:#eb001b}.mc-amber{right:0;background:#f79e1b;mix-blend-mode:multiply}