*{box-sizing:border-box;margin:0;padding:0}:root{--surface: #fff;--surface-sub: #f8f9fa;--page-bg: #f8f9fa;--text-main: #1a1a2e;--text-muted: #666;--text-faint: #aaa;--border: #e5e7eb}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f4f8;color:var(--text-main);min-height:100vh}#root{max-width:480px;margin:0 auto;min-height:100vh;background:var(--surface)}.dark-vars{--surface: #1e2530;--surface-sub: #161b22;--page-bg: #0d1117;--text-main: #e6edf3;--text-muted: #9aa4b2;--text-faint: #6b7785;--border: #30363d}@media(prefers-color-scheme:dark){html:not([data-theme=light]){--surface: #1e2530;--surface-sub: #161b22;--page-bg: #0d1117;--text-main: #e6edf3;--text-muted: #9aa4b2;--text-faint: #6b7785;--border: #30363d}html:not([data-theme=light]) body{background:#0d1117}html:not([data-theme=light]) .card{background:var(--surface);box-shadow:0 2px 8px #0006}html:not([data-theme=light]) .top-bar{background:var(--surface);border-bottom-color:var(--border)}html:not([data-theme=light]) .input{background:var(--surface-sub);color:var(--text-main);border-color:var(--border)}html:not([data-theme=light]) .btn-secondary{background:#243044;color:#8ab4f8}html:not([data-theme=light]) .back-btn:hover{background:var(--surface-sub)}html:not([data-theme=light]) .chip{background:var(--surface-sub);color:var(--text-main);border-color:var(--border)}}html[data-theme=dark]{--surface: #1e2530;--surface-sub: #161b22;--page-bg: #0d1117;--text-main: #e6edf3;--text-muted: #9aa4b2;--text-faint: #6b7785;--border: #30363d}html[data-theme=dark] body{background:#0d1117}html[data-theme=dark] .card{background:var(--surface);box-shadow:0 2px 8px #0006}html[data-theme=dark] .top-bar{background:var(--surface);border-bottom-color:var(--border)}html[data-theme=dark] .input{background:var(--surface-sub);color:var(--text-main);border-color:var(--border)}html[data-theme=dark] .btn-secondary{background:#243044;color:#8ab4f8}html[data-theme=dark] .back-btn:hover{background:var(--surface-sub)}html[data-theme=dark] .chip{background:var(--surface-sub);color:var(--text-main);border-color:var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s;width:100%}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#4f8ef7;color:#fff}.btn-secondary{background:#e8f0fe;color:#4f8ef7}.btn-danger{background:#fee;color:#e53e3e}.btn:not(:disabled):hover{opacity:.85}.input{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:15px;outline:none;transition:border-color .15s}.input:focus{border-color:#4f8ef7}.card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px}.top-bar{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #f0f0f0;position:sticky;top:0;background:#fff;z-index:10}.top-bar h1{font-size:18px;font-weight:700;flex:1}.back-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;font-size:20px}.back-btn:hover{background:#f5f5f5}.tab-bar{display:flex;border-bottom:2px solid #f0f0f0}.tab{flex:1;padding:12px;text-align:center;border:none;background:none;font-size:14px;font-weight:600;cursor:pointer;color:#888;border-bottom:2px solid transparent;margin-bottom:-2px}.tab.active{color:#4f8ef7;border-bottom-color:#4f8ef7}.chip{padding:6px 14px;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;font-size:13px;cursor:pointer;transition:all .15s}.chip.selected{background:#4f8ef7;color:#fff;border-color:#4f8ef7}.error{color:#e53e3e;font-size:13px;padding:6px 0}.qty-control{display:flex;align-items:center;gap:8px;background:#f5f5f5;border-radius:20px;padding:4px}.qty-btn{width:32px;height:32px;border-radius:50%;border:none;background:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.qty-btn:hover{background:#e8f0fe}.qty-val{min-width:48px;text-align:center;font-weight:700;font-size:15px}.list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #f5f5f5}.list-item:last-child{border-bottom:none}