:root{--bg: #f4f7fb;--bg-2: #e9eff6;--sur: #ffffff;--sur-2: #f7fafd;--ink: #0d1b2a;--ink-2: #44546a;--hint: #7c8a9c;--line: rgba(13, 27, 42, .08);--line-2: rgba(13, 27, 42, .14);--blue: #21a0e9;--blue-deep: #1682c4;--blue-soft: #e4f3fd;--star: #f5a524;--star-deep: #c77d0a;--ok: #16a34a;--bad: #e11d48;--classic: #6b7280;--gold: #f5a524;--diamond: #21a0e9;--accent: var(--blue);--accent-deep: color-mix(in srgb, var(--accent) 78%, #0d1b2a);--accent-soft: color-mix(in srgb, var(--accent) 12%, #fff);--display: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--body: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--r: 16px;--r-s: 12px;--shadow: 0 1px 2px rgba(13, 27, 42, .05), 0 0 0 1px var(--line);--shadow-up: 0 8px 24px rgba(13, 27, 42, .1), 0 0 0 1px var(--line)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--ink);overflow-x:clip}body{font-family:var(--body);font-size:15px;line-height:1.4;min-height:100dvh;padding-bottom:calc(90px + env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0;font-family:var(--display);font-weight:900;letter-spacing:-.02em;line-height:1.05}p{margin:0}a{color:var(--accent)}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,#fff);outline-offset:2px}.app{max-width:440px;margin:0 auto;padding:14px 16px 24px}.app{--tier: var(--blue);--tier-deep: var(--blue-deep);--tier-soft: var(--blue-soft)}.app[data-tier=classic]{--tier: var(--classic);--tier-deep: color-mix(in srgb, var(--classic) 78%, #0d1b2a);--tier-soft: color-mix(in srgb, var(--classic) 12%, #fff)}.app[data-tier=gold]{--tier: var(--gold);--tier-deep: color-mix(in srgb, var(--gold) 78%, #0d1b2a);--tier-soft: color-mix(in srgb, var(--gold) 12%, #fff)}.app[data-tier=diamond]{--tier: var(--diamond);--tier-deep: color-mix(in srgb, var(--diamond) 78%, #0d1b2a);--tier-soft: color-mix(in srgb, var(--diamond) 12%, #fff)}.kicker{font-size:12px;color:var(--hint);margin-bottom:6px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.title{font-size:30px;overflow-wrap:anywhere}.title.big{font-size:48px;letter-spacing:-.03em}.lead{color:var(--ink-2);font-size:14px;margin-top:8px;max-width:34ch}.muted{color:var(--hint);font-size:13px}.note{margin-top:12px;font-size:14px;color:var(--ink-2)}.section-h{font-size:18px;margin:26px 0 12px;text-transform:uppercase;letter-spacing:-.01em}.brand{display:flex;align-items:center;gap:8px;margin:4px 0 16px}.brand img{height:16px;width:auto;display:block}.brand-cta{font-size:12px;font-weight:700;color:var(--blue);letter-spacing:.01em}button.brand-btn{appearance:none;border:0;background:transparent;padding:8px 10px 8px 0;margin:-4px 0 12px;cursor:pointer;border-radius:8px;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:8px}button.brand-btn:active{opacity:.65}button.brand-btn img{height:16px;width:auto;display:block}.gate .btn{text-align:center}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}.creator-id{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-family:var(--display);font-weight:900;font-size:16px;color:#fff;background:var(--blue)}.creator-id h1{font-size:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-id .muted{font-size:12px}.balance{display:inline-flex;align-items:center;gap:6px;padding:9px 14px 9px 11px;border-radius:999px;background:var(--sur);border:0;box-shadow:var(--shadow);font-family:var(--display);font-weight:700;font-size:16px;white-space:nowrap}.balance svg{width:17px;height:17px;color:var(--star)}.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:16px 0 4px;padding:4px;background:var(--bg-2);border-radius:var(--r)}.tier{background:transparent;border:0;border-radius:12px;padding:10px 6px 9px;display:grid;gap:2px;color:var(--hint);transition:background .18s ease,color .18s ease,box-shadow .18s ease}.tier b{font-family:var(--display);font-weight:800;font-size:15px;color:var(--ink-2)}.tier .price{font-size:12px;font-weight:500}.tier.on{background:var(--sur);color:var(--hint);box-shadow:0 1px 3px #0d1b2a1a,0 0 0 1px var(--line)}.tier.on b{color:var(--tier-color)}.tier.on .price{color:var(--ink-2)}.tier[data-tier=classic]{--tier-color: var(--classic)}.tier[data-tier=gold]{--tier-color: var(--gold)}.tier[data-tier=diamond]{--tier-color: var(--diamond)}.wheel-wrap{position:relative;display:grid;place-items:center;padding:18px 0 10px;isolation:isolate}.wheel-glow{position:absolute;inset:10% 6%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tier) 22%,transparent),transparent 62%);filter:blur(24px);z-index:-1}.pointer{width:30px;height:36px;margin-bottom:-16px;position:relative;z-index:2;filter:drop-shadow(0 3px 5px rgba(13,27,42,.22))}.wheel{width:min(86vw,330px);aspect-ratio:1;display:block;transition:transform 4.2s cubic-bezier(.12,.82,.08,1);filter:drop-shadow(0 14px 24px rgba(13,27,42,.16));font-family:var(--body)}.wheel.idle{transition:none}.wheel text{-webkit-user-select:none;user-select:none}.btn{width:100%;border:0;border-radius:var(--r);padding:16px;background:var(--accent);color:#fff;font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:.005em;transition:transform .1s ease,background .15s ease,opacity .15s ease}.btn:active{transform:scale(.98);background:var(--accent-deep)}.btn:disabled{opacity:.45}.btn.ghost{background:var(--sur);color:var(--ink);box-shadow:var(--shadow);margin-top:12px}.btn.ghost:active{background:var(--sur-2)}.btn.small{width:auto;padding:10px 16px;font-size:14px;border-radius:var(--r-s);margin:0}.btn.spin{margin-top:12px;font-size:19px;padding:18px 16px;text-transform:uppercase;letter-spacing:.02em;background:var(--tier)}.btn.spin:active{background:var(--tier-deep)}.prize-list{display:grid;gap:8px}.prize{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;background:var(--sur);border-radius:var(--r);padding:10px 14px 10px 10px;min-width:0;box-shadow:var(--shadow)}.prize-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--tier-soft);color:var(--tier)}.prize-ico svg{width:20px;height:20px}.prize strong{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-bg{position:fixed;inset:0;z-index:40;background:#0d1b2a80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;align-items:end;animation:fade .2s ease}.sheet{position:relative;overflow:hidden;background:var(--sur);border-radius:24px 24px 0 0;padding:26px 20px calc(22px + env(safe-area-inset-bottom));max-width:440px;width:100%;margin:0 auto;animation:rise .32s cubic-bezier(.2,.8,.2,1);text-align:center}.sheet.win{background:linear-gradient(180deg,var(--tier-soft) 0%,var(--sur) 46%)}.sheet .kicker{margin-bottom:8px}.sheet h2{font-size:32px;overflow-wrap:anywhere}.sheet .win-ico{width:84px;height:84px;border-radius:24px;margin:0 auto 16px;display:grid;place-items:center;background:var(--tier);color:#fff;animation:pop .45s cubic-bezier(.2,1.4,.4,1)}.sheet .win-ico svg{width:38px;height:38px}.sheet .actions{display:grid;gap:10px;margin-top:20px}.sheet .actions .btn.ghost{margin-top:0}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;background:var(--c);left:var(--x);animation:drop 1.6s cubic-bezier(.2,.6,.4,1) var(--d) both}@keyframes drop{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(420px) rotate(540deg);opacity:0}}@keyframes rise{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}.nav{--accent: var(--blue);--accent-deep: var(--blue-deep);--accent-soft: var(--blue-soft);position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);max-width:416px;margin:0 auto;background:#fffffff0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:20px;box-shadow:var(--shadow-up);padding:6px;z-index:20}.nav button{background:none;border:0;color:var(--hint);padding:7px 2px 6px;font-size:11px;font-weight:700;display:grid;justify-items:center;gap:3px;border-radius:14px;transition:color .15s ease,background .15s ease}.nav button svg{width:22px;height:22px}.nav button.on{color:var(--accent);background:var(--accent-soft)}.rows{display:flex;flex-direction:column;gap:8px;margin-top:14px}.row-item{display:block;width:100%;text-align:left;background:var(--sur);border:0;border-radius:var(--r);padding:14px 16px;box-shadow:var(--shadow)}.row-item strong{font-weight:700}.row-item>.muted{margin-top:2px}button.row-item{transition:transform .12s ease,background .12s ease}button.row-item:active{transform:scale(.985);background:var(--sur-2)}.row{display:flex;justify-content:space-between;gap:10px;align-items:center}.row-arrow{display:flex;justify-content:space-between;align-items:center;gap:10px}.row-arrow svg{width:18px;height:18px;color:var(--accent);flex:0 0 auto}.creator-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;text-align:left;width:100%;background:var(--sur);border:0;border-radius:var(--r);padding:12px;box-shadow:var(--shadow)}.creator-card .avatar{width:48px;height:48px}.creator-card strong{display:block;font-weight:700}.creator-card .muted{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:52vw}.creator-card svg{width:18px;height:18px;color:var(--accent)}.wallet-hero{text-align:center;padding:26px 0 8px}.wallet-hero .title.big{color:var(--ink);display:inline-flex;align-items:center;gap:8px}.wallet-hero .title.big svg{width:34px;height:34px;color:var(--star)}.amounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;margin:18px 0 14px}.amounts button{background:var(--sur);border:2px solid transparent;border-radius:var(--r-s);padding:14px 4px;font-family:var(--display);font-weight:800;font-size:17px;color:var(--ink-2);box-shadow:var(--shadow);transition:border-color .15s ease,color .15s ease,transform .1s ease}.amounts button:active{transform:scale(.96)}.amounts button.on{border-color:var(--blue);color:var(--blue);background:var(--blue-soft);box-shadow:none}.btn.pay{--accent: var(--blue);--accent-deep: var(--blue-deep)}.history{margin-top:24px}.history .row{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.history .row:last-child{border-bottom:0}.lib-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.lib-card{background:var(--sur);border:2px solid transparent;border-radius:var(--r);padding:12px;text-align:left;display:grid;gap:10px;min-width:0;box-shadow:var(--shadow)}.lib-card.on{border-color:var(--accent);box-shadow:none}.lib-card .prize-ico{width:44px;height:44px}.lib-card strong{display:block;font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-card .muted{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview{margin-top:10px;background:var(--ink);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}.preview img,.preview video{width:100%;max-height:420px;object-fit:contain;display:block}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.preview-head h2{font-size:19px}.preview .loading{color:#fff}.field{display:grid;gap:6px;margin-bottom:12px}.field label{font-size:13px;color:var(--ink-2);font-weight:600}.field input,.field textarea,.field select,select.select{width:100%;background:var(--sur);border:2px solid var(--line);border-radius:var(--r-s);padding:12px 14px;color:var(--ink)}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:0}input[type=number].mini{width:88px;background:var(--sur);border:2px solid var(--line);border-radius:10px;padding:8px 10px;text-align:right;font-family:var(--display);font-weight:800}input[type=number].mini:focus{border-color:var(--accent);outline:0}input[type=file]{font-size:13px;color:var(--hint)}.check-row{display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:13px;color:var(--ink-2);line-height:1.4}.check-row input{margin-top:2px;flex:0 0 auto;accent-color:var(--accent);width:18px;height:18px}.share{margin-top:16px}.share .row svg{width:18px;height:18px;color:var(--accent);flex:0 0 auto}.share .link{display:flex;align-items:center;gap:8px;background:var(--bg-2);border:0;border-radius:var(--r-s);padding:9px 10px 9px 12px;margin-top:10px;font-size:13px;color:var(--ink-2)}.share .link code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--body);-webkit-user-select:all;user-select:all}.share .link button{background:var(--accent);border:0;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:700;color:#fff;flex:0 0 auto}.share .link button:active{background:var(--accent-deep)}.share details{margin-top:10px;font-size:12px;color:var(--hint)}.share summary{cursor:pointer}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px}.stat{background:var(--sur);border-radius:var(--r);padding:12px;box-shadow:var(--shadow)}.stat b{display:block;font-family:var(--display);font-weight:900;font-size:19px;letter-spacing:-.02em}.stat span{font-size:12px;color:var(--hint)}.table{width:100%;border-collapse:collapse;font-size:14px;margin-top:6px}.table td{padding:10px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table td:last-child{text-align:right}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--bg-2);color:var(--ink-2)}.status-paid,.status-active{color:#15803d;background:color-mix(in srgb,var(--ok) 14%,#fff)}.status-failed,.status-rejected,.status-suspended{color:#be123c;background:color-mix(in srgb,var(--bad) 12%,#fff)}.empty{margin-top:16px;padding:30px 18px;background:var(--sur);border:2px dashed var(--line-2);border-radius:var(--r);text-align:center;color:var(--ink-2);font-size:14px}.empty strong{display:block;color:var(--ink);font-family:var(--display);font-weight:900;font-size:19px;margin-bottom:4px}.loading{padding:40px 0;text-align:center;color:var(--hint)}@media(prefers-reduced-motion:reduce){.wheel,.sheet,.sheet-bg,.sheet .win-ico,.confetti i{transition:none;animation:none}}