:root{--bg: #f5f6f8;--surface: #ffffff;--text: #14181f;--muted: #5b6472;--accent: #6a3fb5;--accent-text: #ffffff;--danger: #b3261e;--warning: #8a5300;--border: #e2e5ea;--radius: 14px;--safe-top: 0px;--safe-bottom: 0px;--safe-left: 0px;--safe-right: 0px}@media(prefers-color-scheme:dark){:root{--bg: #14161a;--surface: #1d2026;--text: #f2f4f7;--muted: #a2acba;--border: #2c313a;--warning: #f0b357}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:16px;line-height:1.45;-webkit-tap-highlight-color:transparent}#root{min-height:100dvh;padding-top:var(--safe-top);padding-bottom:calc(var(--safe-bottom) + 16px);padding-left:var(--safe-left);padding-right:var(--safe-right)}.app{max-width:720px;margin:0 auto;padding:12px 14px 40px}.header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.header h1{font-size:1.15rem;margin:0}.header .spacer{flex:1}h2{font-size:1.05rem;margin:18px 0 8px}h3{font-size:.98rem;margin:0 0 6px}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:10px}.card h3{margin-top:0}.meta{color:var(--muted);font-size:.86rem}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.column{display:flex;flex-direction:column;gap:8px}button{font:inherit;cursor:pointer;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 12px}button.primary{background:var(--accent);color:var(--accent-text);border-color:transparent}button.big{width:100%;padding:18px 14px;font-size:1.02rem;font-weight:600}button.chip{border-radius:999px;padding:8px 12px;font-size:.9rem}button.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-text);border-color:transparent}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px;width:100%}label{font-size:.9rem;color:var(--muted)}.banner{border-radius:var(--radius);padding:10px 12px;margin-bottom:10px;font-size:.92rem;border:1px solid var(--border);background:var(--surface)}.banner.warning{color:var(--warning);border-color:currentColor}.banner.error{color:var(--danger);border-color:currentColor}.banner.info{color:var(--muted)}.pill{display:inline-block;border-radius:999px;border:1px solid var(--border);padding:2px 8px;font-size:.78rem;color:var(--muted)}.thumb{width:100%;height:150px;object-fit:cover;border-radius:10px;background:var(--border);margin-bottom:8px}.price{font-weight:600}.footer-nav{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.loading{color:var(--muted);padding:8px 0}.link{color:var(--accent);background:none;border:none;padding:0;text-decoration:underline}