:root{--bg: #0f1115;--bg-elev: #171a21;--card: #1d212b;--border: #262b36;--text: #eef1f6;--muted: #8b93a3;--primary: #ffb800;--primary-press: #e0a300;--accent: #6c5ce7;--radius: 16px;--tabbar-h: 64px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}.app{min-height:100%;display:flex;flex-direction:column}.content{flex:1;padding:16px 16px calc(var(--tabbar-h) + 24px)}.page{display:flex;flex-direction:column;gap:16px}.page__head{display:flex;align-items:center;justify-content:space-between}.page__title{font-size:22px;font-weight:800;margin:0}.muted{color:var(--muted);font-size:14px;line-height:1.5}.balance-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--muted)}.balance-chip b{color:var(--primary)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;justify-content:space-between}.btn{border:none;border-radius:14px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .08s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn--primary{background:var(--primary);color:#1a1204}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.wheel{position:relative;width:min(78vw,320px);aspect-ratio:1;margin:12px auto 4px}.wheel__glow{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;border-radius:50%;background:radial-gradient(circle,rgba(255,184,0,.28),transparent 62%);filter:blur(8px);pointer-events:none}.wheel__disc{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform 4.6s cubic-bezier(.16,1,.3,1);will-change:transform;filter:drop-shadow(0 12px 28px rgba(0,0,0,.55))}.wheel__svg{width:100%;height:100%;display:block}.wheel__pointer{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:24px solid var(--primary);z-index:3;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.btn--spin{font-size:18px;letter-spacing:.3px;box-shadow:0 8px 24px #ffb80047}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;z-index:50;animation:fade .2s ease}.modal{width:100%;max-width:340px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px;animation:pop .28s cubic-bezier(.16,1,.3,1)}.modal--win{border-color:#ffb80080;box-shadow:0 0 40px #ffb80038}.modal__emoji{font-size:52px;text-align:center;line-height:1}.modal__title{text-align:center;margin:0;font-size:22px;font-weight:800}.modal__amount{text-align:center;font-size:40px;font-weight:900;color:var(--primary);line-height:1}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.voucher-list{display:flex;flex-direction:column;gap:10px}.voucher-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#1f2432,#191d27);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:14px;padding:14px 16px;cursor:pointer}.voucher-card__amount{font-size:20px;font-weight:800;color:var(--primary)}.voucher-card__code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--muted);margin-top:2px}.voucher-card__copy{font-size:12px;color:var(--muted);white-space:nowrap}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px}.empty__emoji{font-size:56px;opacity:.7}.notice{background:#6c5ce71f;border:1px solid rgba(108,92,231,.35);color:#cfc9ff;border-radius:12px;padding:12px 14px;font-size:14px}.notice--error{background:#e74c4c1f;border-color:#e74c4c59;color:#ffc9c9}.copy-row{display:flex;align-items:center;gap:8px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:10px 12px;cursor:pointer}.copy-row__text{flex:1;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-row__btn{font-size:12px;color:var(--primary);white-space:nowrap}.tabbar{position:fixed;left:0;right:0;bottom:0;height:var(--tabbar-h);background:#0f1115eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--muted);font-size:11px;transition:color .15s ease}.tab--active{color:var(--primary)}.tab__icon{font-size:20px;line-height:1}