:root{--bg:#070810;--panel:#11141f;--panel2:#181c2a;--text:#f7f8fc;--muted:#9299aa;--line:rgba(255,255,255,.09);--mint:#62e2b4;--violet:#9578ff;--gold:#ffc66b;--pink:#ff7db4;--danger:#ff7084;--shadow:0 28px 80px rgba(0,0,0,.33);--safe:env(safe-area-inset-bottom,0px);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 0,rgba(98,226,180,.12),transparent 28%),radial-gradient(circle at 0 35%,rgba(149,120,255,.13),transparent 34%),var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:background .45s,color .35s}button,input,select{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}.hidden,[hidden]{display:none!important}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.stars{position:fixed;inset:0;pointer-events:none;overflow:hidden}.stars i{position:absolute;top:-20%;width:1px;height:80px;background:linear-gradient(transparent,rgba(255,255,255,.7),transparent);transform:rotate(35deg);animation:fall 8s linear infinite}.stars i:nth-child(1){left:12%;animation-delay:-2s}.stars i:nth-child(2){left:58%;animation-delay:-6s}.stars i:nth-child(3){left:88%;animation-delay:-4s}@keyframes fall{to{transform:translate(50vw,130vh) rotate(35deg)}}
.splash{position:fixed;inset:0;z-index:100;display:grid;place-content:center;text-align:center;background:var(--bg);transition:.35s}.splash.hide{opacity:0;visibility:hidden}.splash strong{font-size:25px;margin-top:18px}.splash small{color:var(--muted);letter-spacing:.17em;text-transform:uppercase}.dice{width:82px;height:82px;margin:auto;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,var(--mint),var(--violet) 62%,var(--pink));color:#07100d;font-size:32px;box-shadow:0 0 58px rgba(149,120,255,.34);animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px) rotate(5deg)}}.app{width:min(100%,680px);min-height:100vh;margin:auto;padding-bottom:calc(94px + var(--safe))}.topbar{height:72px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.topbar>div{display:flex;gap:8px}.brand{display:flex;align-items:center;gap:10px;text-align:left}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid rgba(98,226,180,.35)}.brand b,.brand small{display:block}.brand b{font-size:16px}.brand small{font-size:9px;letter-spacing:.18em;color:var(--muted)}.round,.avatar{width:40px;height:40px;border-radius:14px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center}.avatar{border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--violet));color:#17101e;font-weight:900}main{padding:18px}.page{display:none;animation:in .38s ease}.page.active{display:block}@keyframes in{from{opacity:0;transform:translateY(10px)}}.banner{padding:14px 16px;border:1px solid rgba(255,112,132,.3);background:rgba(255,112,132,.08);border-radius:18px;margin-bottom:14px}.banner b,.banner span{display:block}.banner span{color:var(--muted);font-size:12px}.banner.warning{border-color:rgba(255,198,107,.35);background:rgba(255,198,107,.08)}
.hero{min-height:280px;padding:27px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:29px;background:linear-gradient(145deg,#19232b,#18152e 58%,#2b172b);box-shadow:var(--shadow)}.hero .eyebrow,.page-title>span,.section-heading>span,.sheet>span,.ref-card>span,.insight>span{font-size:10px;letter-spacing:.22em;color:var(--mint);font-weight:800}.hero h1{font-size:38px;line-height:1.02;letter-spacing:-.045em;margin:15px 0 12px;max-width:450px}.hero p{color:#aab1c0;max-width:440px;margin:0}.hero footer{position:absolute;left:27px;right:27px;bottom:21px;display:flex;justify-content:space-between;align-items:center}.hero footer span{display:flex;align-items:center;gap:8px;font-size:12px}.hero footer i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint)}.hero footer em{font-style:normal;border:1px solid var(--line);background:rgba(0,0,0,.2);border-radius:999px;padding:6px 10px;font-size:10px}.orb{position:absolute;width:130px;height:130px;right:22px;bottom:55px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(98,226,180,.24),rgba(149,120,255,.28),rgba(255,125,180,.18));transform:rotate(12deg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 22px 50px rgba(0,0,0,.25)}.orb span{font-size:44px;color:var(--gold);animation:pulse 2s ease-in-out infinite}.orb i{position:absolute;inset:14px;border:1px dashed rgba(255,255,255,.18);border-radius:28px}@keyframes pulse{50%{transform:scale(1.18) rotate(90deg)}}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.mode-switch button{padding:15px;border:1px solid var(--line);border-radius:19px;background:var(--panel);text-align:left}.mode-switch button.active{background:linear-gradient(135deg,rgba(98,226,180,.13),rgba(149,120,255,.1));border-color:rgba(98,226,180,.28)}.mode-switch span,.mode-switch b,.mode-switch small{display:block}.mode-switch span{font-size:20px}.mode-switch b{margin-top:5px}.mode-switch small{color:var(--muted);font-size:10px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.quick-grid button{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid var(--line);border-radius:19px;background:var(--panel);text-align:left}.quick-grid>button>span{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:rgba(149,120,255,.13);color:var(--violet);font-size:20px}.quick-grid div{min-width:0;flex:1}.quick-grid b,.quick-grid small{display:block}.quick-grid small{color:var(--muted);font-size:9px}.quick-grid em{font-style:normal;color:var(--mint)}.limit-card,.plan-card,.profile-data,.ref-card,.settings,.insight{margin-top:14px;padding:19px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(24,28,42,.95),rgba(15,18,28,.95))}.limit-card header,.limit-card footer{display:flex;align-items:end;justify-content:space-between}.limit-card header span{color:var(--mint);font-size:9px;letter-spacing:.16em}.limit-card h2{margin:4px 0 12px}.limit-card header>b{font-size:18px}.progress{height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),var(--violet));border-radius:inherit;transition:width .6s}.limit-card footer{margin-top:13px;color:var(--muted);font-size:11px}.limit-card footer b{color:var(--text)}.section-heading{margin:27px 2px 12px}.section-heading h2{font-size:22px;margin:5px 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.feature-grid article{padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.feature-grid span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(98,226,180,.11);color:var(--mint)}.feature-grid b,.feature-grid small{display:block}.feature-grid b{margin-top:9px}.feature-grid small{color:var(--muted);font-size:10px}.channel{width:100%;display:flex;align-items:center;gap:11px;padding:13px;margin-top:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel);text-align:left}.channel img{width:42px;height:42px;border-radius:50%;object-fit:cover}.channel span{flex:1}.channel b,.channel small{display:block}.channel small{font-size:10px;color:var(--muted)}.channel em{font-size:10px;font-style:normal;color:var(--mint)}
.page-title{padding:12px 2px 8px}.page-title h1{font-size:32px;letter-spacing:-.035em;margin:7px 0 2px}.page-title p{color:var(--muted);margin:0}.tabs{display:flex;gap:5px;padding:5px;margin:14px 0;background:rgba(255,255,255,.04);border-radius:14px}.tabs button{flex:1;padding:10px 4px;border-radius:10px;color:var(--muted);font-size:11px}.tabs button.active{background:var(--panel2);color:var(--text)}.giveaway-list{display:grid;gap:9px}.giveaway{padding:17px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.giveaway header,.giveaway footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.giveaway header span{font-size:9px;letter-spacing:.1em;color:var(--mint)}.giveaway header em{font-style:normal;font-size:9px;padding:5px 8px;border-radius:99px;background:rgba(98,226,180,.09);color:var(--mint)}.giveaway h3{font-size:18px;margin:11px 0 5px}.giveaway p{color:var(--muted);font-size:11px;margin:0 0 13px}.giveaway footer{padding-top:11px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.giveaway footer button{color:var(--mint)}.empty{padding:42px 18px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:20px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.stat-grid article{padding:17px;border:1px solid var(--line);border-radius:19px;background:var(--panel)}.stat-grid small,.stat-grid b,.stat-grid span{display:block}.stat-grid small,.stat-grid span{color:var(--muted);font-size:10px}.stat-grid b{font-size:29px;margin:4px 0}.insight{background:linear-gradient(135deg,rgba(149,120,255,.16),rgba(98,226,180,.08))}.insight h2{font-size:24px;margin:8px 0}.insight p{color:var(--muted)}.primary{width:100%;height:52px;margin-top:12px;padding:0 18px;border-radius:15px;background:linear-gradient(110deg,var(--mint),#75cadb);color:#06100d;font-weight:850;display:flex;justify-content:space-between;align-items:center}.primary:disabled{opacity:.55}
.profile-hero{text-align:center;padding:18px}.profile-hero>div{width:76px;height:76px;margin:auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--violet));color:#17101e;font-size:28px;font-weight:900}.profile-hero h1{font-size:25px;margin:12px 0 0}.profile-hero p{margin:2px;color:var(--muted)}.profile-hero span{color:var(--mint);font-size:10px}.plan-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(149,120,255,.15),rgba(98,226,180,.09))}.plan-card small,.plan-card p{color:var(--muted)}.plan-card h2,.plan-card p{margin:4px 0}.plan-card button{color:var(--mint)}.profile-data{padding:0}.profile-data>div{display:flex;align-items:center;gap:10px;padding:15px}.profile-data>div+div{border-top:1px solid var(--line)}.profile-data span{flex:1;color:var(--muted)}.profile-data button{color:var(--mint);font-size:10px}.ref-card h2{font-size:24px;margin:8px 0 2px}.ref-card p{margin:0;color:var(--muted)}.ref-card>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.ref-card button{padding:12px;border-radius:13px;background:rgba(98,226,180,.1);color:var(--mint)}.settings{padding:0}.settings label{display:flex;align-items:center;padding:15px}.settings label+label{border-top:1px solid var(--line)}.settings label>span{flex:1}.settings b,.settings small{display:block}.settings small{color:var(--muted);font-size:10px}.settings select{padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text)}.profile-actions{display:grid;gap:8px;margin-top:12px}.profile-actions button{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--panel);text-align:left}.profile-actions>button>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(149,120,255,.12);color:var(--violet)}.profile-actions div{flex:1}.profile-actions b,.profile-actions small{display:block}.profile-actions small{color:var(--muted);font-size:10px}.profile-actions em{font-style:normal;color:var(--muted);font-size:22px}
.bottom-nav{position:fixed;z-index:30;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,680px);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 8px calc(9px + var(--safe));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(24px);border-top:1px solid var(--line)}.bottom-nav button{display:grid;place-items:center;gap:3px;color:var(--muted);font-size:9px}.bottom-nav button span{font-size:18px}.bottom-nav button.active{color:var(--mint)}.modal{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(2,3,8,.7);backdrop-filter:blur(8px)}.sheet{position:relative;width:min(100%,540px);padding:25px;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);animation:sheet .3s ease}@keyframes sheet{from{opacity:0;transform:translateY(30px)}}.close{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.05)}.sheet-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--violet));color:#17101e;font-size:23px;margin-bottom:16px}.sheet h2{font-size:25px;margin:7px 0}.sheet p{color:var(--muted)}.sheet input{width:100%;height:52px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);color:var(--text);outline:0}.toast{position:fixed;z-index:120;left:50%;bottom:105px;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:12px 16px;border-radius:14px;background:#e8fff7;color:#07100d;font-weight:750;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#ffe7eb;color:#4d111a}
[data-theme="light"]{--bg:#f3f6fb;--panel:#fff;--panel2:#f1f4fa;--text:#10131d;--muted:#697084;--line:rgba(18,25,42,.1);--shadow:0 24px 70px rgba(59,70,96,.14);color-scheme:light}[data-theme="light"] body{background:radial-gradient(circle at 90% 0,rgba(98,226,180,.17),transparent 28%),radial-gradient(circle at 0 35%,rgba(149,120,255,.14),transparent 34%),var(--bg)}[data-theme="light"] .hero{background:linear-gradient(145deg,#e6fbf4,#ece9ff 58%,#fae9f4)}[data-theme="light"] .hero p{color:#626b7d}[data-theme="light"] .limit-card,[data-theme="light"] .plan-card,[data-theme="light"] .profile-data,[data-theme="light"] .ref-card,[data-theme="light"] .settings,[data-theme="light"] .insight{background:rgba(255,255,255,.91)}
@media(max-width:430px){main{padding:14px}.topbar{padding-inline:14px}.hero{padding:22px;min-height:290px}.hero h1{font-size:32px}.orb{width:96px;height:96px;right:15px;bottom:61px;opacity:.62}.quick-grid{grid-template-columns:1fr}.feature-grid article{padding:13px}.bottom-nav{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}