:root{--brand: #dc2626;--brand-700: #b91c1c;--ok: #16a34a;--ink: #0f172a;--muted: #64748b;--surface: #ffffff;--surface-2: #f8fafc;--radius: 16px;--shadow: 0 6px 20px rgba(0,0,0,.06)}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--surface-2);color:var(--ink)}button{cursor:pointer}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:var(--surface);padding:16px}.topbar{background:var(--brand);color:#fff}.bottom-nav .active{color:var(--brand)}a,.link{color:var(--brand-700)}.btn{padding:10px 14px;border:none;border-radius:12px;font-weight:700}.btn.primary{background:var(--brand);color:#fff}.btn.ghost{background:#f1f5f9;color:var(--ink)}.ok{color:var(--ok);font-weight:700}.bad{color:var(--brand);font-weight:700}.muted{color:#4a5568}:root{--container-w:1100px }.container{max-width:var(--container-w);margin:0 auto;padding:16px}.card{border:1px solid #eef2f7;border-radius:16px;background:#fff;box-shadow:0 6px 20px #0000000d}input,button,select{font-size:16px}.bad{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;padding:10px 12px;border-radius:10px}.ok{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0;padding:10px 12px;border-radius:10px}.muted{color:#6b7280}main.container,.restricted .content{padding-bottom:96px}@media (min-width: 992px){main.container,.restricted .content{padding-bottom:0}}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.modal{background:#fff;border-radius:16px;box-shadow:var(--shadow);width:100%;max-width:520px;padding:20px;display:grid;gap:12px}.modal .title{font-size:18px;font-weight:800}.modal .big{font-size:42px;font-weight:800;letter-spacing:-.02em}.modal .actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.modal .btn{padding:12px 16px;border-radius:12px;border:none}.modal .btn.primary{background:var(--brand);color:#fff}.modal .btn.ghost{background:#f1f5f9}input,button,select{min-height:44px}.bottom-nav{height:72px;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav .label{font-size:13px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{animation:fadeInUp .4s ease both}.btn.buy:hover{transform:scale(1.03);transition:.2s ease}
