:root{--ink:#171717;--muted:#7d7d86;--card:#f5f5f7;--radius:24px}*{box-sizing:border-box}body{margin:0;background:#efeff2;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{width:min(100%,430px);min-height:100vh;margin:auto;background:white;padding:18px 18px 92px;position:relative;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.logo{width:54px;height:54px;background:#ff4e72;color:#fff;display:grid;place-items:center;font-weight:900;font-size:24px;transform:rotate(45deg);border-radius:12px}.logo:first-line{transform:rotate(-45deg)}.iconBtn{border:0;background:#f5f5f5;border-radius:50%;width:42px;height:42px}.hero{min-height:190px;border-radius:30px;padding:24px;background:linear-gradient(135deg,#f3eeff,#ffd8ef 45%,#ffd87b 72%,#8de1a9);display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:260px;height:110px;border:2px solid rgba(255,255,255,.7);border-radius:50%;right:-80px;bottom:-20px;transform:rotate(-15deg)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em}.points{font-size:34px;font-weight:900;line-height:1.05;margin-top:8px}.points span{font-size:14px}.rub{margin-top:7px;color:#56515d;font-weight:700}.bottle{width:72px;height:118px;border-radius:18px 18px 22px 22px;background:linear-gradient(180deg,#fff,#f7f7f7);box-shadow:0 10px 30px rgba(0,0,0,.12);display:grid;place-items:center;font-size:26px;font-weight:1000;transform:rotate(7deg);z-index:1}.quick{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:12px 0}.quick button{border:1px solid #ececf0;background:#fff;border-radius:18px;padding:15px 10px;display:flex;gap:10px;align-items:center;justify-content:center;font-weight:800}.quick b{font-size:20px}.grid4{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.grid4 article{min-height:105px;padding:15px;border-radius:22px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.grid4 span{position:absolute;right:14px;top:12px;font-size:25px}.grid4 b{font-size:17px}.grid4 small{font-weight:700;color:#56515d;margin-top:4px}.pink{background:linear-gradient(135deg,#ffd2e7,#ff95bd)}.green{background:linear-gradient(135deg,#dcffd8,#79df94)}.blue{background:linear-gradient(135deg,#d7ecff,#8ec4ff)}.orange{background:linear-gradient(135deg,#fff1bc,#ffc56a)}.streak{margin-top:12px;padding:18px;border-radius:22px;background:#f7f7f8}.streak small{font-weight:800;color:#777}.streak h3{margin:5px 0 13px;font-size:22px}.days{font-size:11px;font-weight:800;white-space:nowrap;color:#65656e}.section{margin-top:22px}.sectionTitle{display:flex;justify-content:space-between;align-items:center}.sectionTitle h2{font-size:20px}.sectionTitle a{color:#ff4e72;font-weight:800}.list{border:1px solid #eee;border-radius:20px;overflow:hidden}.row{display:flex;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #eee}.row:last-child{border-bottom:0}.row div{display:flex;flex-direction:column}.row small{color:#9797a1;margin-top:3px}.row strong{color:#24a159;font-size:17px}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,430px);height:76px;background:rgba(255,255,255,.96);border-top:1px solid #ececf0;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#91919a;font-size:20px;text-decoration:none}.nav a span{font-size:10px;font-weight:800}.nav .active{color:#ff4e72}@media(min-width:700px){body{padding:24px 0}.shell{border-radius:28px;box-shadow:0 20px 70px rgba(0,0,0,.12)}.nav{bottom:24px;border-radius:0 0 28px 28px}}.loaderLogo span,.logo span{display:block;transform:rotate(-45deg)}.hello{display:flex;flex-direction:column;margin-left:10px;margin-right:auto}.hello small{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase}.hello b{font-size:14px}.center{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}.loaderLogo{width:76px;height:76px;background:#ff4e72;color:white;display:grid;place-items:center;border-radius:17px;transform:rotate(45deg);font-size:28px;font-weight:950;margin:0 auto 28px}.muted{color:var(--muted)}.primary{border:0;background:#171717;color:#fff;border-radius:18px;padding:16px 20px;font-size:16px;font-weight:900;width:100%;max-width:340px}.age{padding:70px 24px 32px;display:flex;flex-direction:column;align-items:center;text-align:center}.ageArt{width:100%;min-height:260px;border-radius:32px;background:linear-gradient(140deg,#ffe0ef,#dbf6a8 45%,#8ddbf4 75%,#ffd783);display:grid;place-items:center;margin-bottom:30px}.age h1{font-size:30px;line-height:1.05;margin:0 0 12px}.age p{color:#676771;line-height:1.5;max-width:330px}.age small{color:#a0a0a7;line-height:1.4;margin-top:14px}.bottle{position:relative;color:#191919;flex-direction:column}.bottle .cap{position:absolute;top:-16px;width:39px;height:22px;border-radius:7px 7px 3px 3px;background:#fafafa;border:1px solid #e7e7e7}.bottle b{font-size:23px;letter-spacing:-2px}.bottle i{font-size:8px;font-style:normal;letter-spacing:.15em}.empty{padding:24px 16px;display:flex;flex-direction:column;gap:5px}.empty small{color:#999}.row strong.minus{color:#e24a58}.subhead{display:flex;gap:14px;align-items:center;margin-bottom:18px}.subhead button{width:42px;height:42px;border:0;border-radius:50%;background:#f4f4f5;font-size:20px}.subhead small{font-size:10px;color:#999;font-weight:900}.subhead h1{margin:2px 0 0;font-size:30px}.alert{background:#fff0f1;color:#b72f45;padding:12px 14px;border-radius:14px;margin-bottom:12px;font-weight:700}.receiptActions{display:grid;grid-gap:12px;gap:12px}.qrCard,.uploadCard{display:flex;flex-direction:column;gap:8px;border-radius:22px;padding:18px;background:linear-gradient(135deg,#fff3f8,#eef7ff);border:1px solid #eee}.uploadCard{cursor:pointer;min-height:116px;justify-content:center}.uploadCard input{margin-top:8px}.qrCard span,.uploadCard span{font-size:12px;color:#777}.qrCard textarea{min-height:100px;resize:vertical;border:1px solid #ddd;border-radius:14px;padding:12px;font:inherit;background:white}.qrCard button{border:0;border-radius:14px;background:#171717;color:#fff;padding:13px;font-weight:900}.primary:disabled,.qrCard button:disabled{opacity:.5}.grid4 article{cursor:pointer}.mediaIntro{min-height:170px;border-radius:28px;background:linear-gradient(135deg,#ffd7eb,#a9ec9b 45%,#8bd8ff 75%,#ffd06f);padding:20px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.mediaIntro small{font-size:10px;font-weight:900;letter-spacing:.08em}.mediaIntro h2{font-size:25px;line-height:1.05;margin:5px 0 8px}.mediaIntro p{font-size:12px;line-height:1.45;max-width:250px;margin:0;color:#4f4f56}.miniBottle{width:58px;height:98px;background:white;border-radius:14px 14px 18px 18px;box-shadow:0 10px 25px rgba(0,0,0,.13);display:grid;place-items:center;transform:rotate(8deg);font-size:21px}.submitMedia{margin-top:12px;border:1px solid #ececf0;border-radius:22px;padding:16px;display:grid;grid-gap:10px;gap:10px}.submitMedia h3{margin:0 0 3px}.submitMedia input:not([type=checkbox]),.submitMedia select{width:100%;padding:12px;border:1px solid #ddd;border-radius:12px;background:#fff;font:inherit}.submitMedia label{font-size:12px;font-weight:700;color:#555;display:flex;gap:8px;align-items:center}.submitMedia button{border:0;background:#171717;color:#fff;border-radius:14px;padding:13px;font-weight:900}.submitMedia button:disabled{opacity:.45}.mediaList{display:grid;grid-gap:12px;gap:12px}.mediaCard{border:1px solid #ececf0;border-radius:22px;padding:16px;background:#fff}.mediaCardTop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.mediaCardTop small{font-size:10px;color:#8a8a93;font-weight:900}.mediaCardTop h3{margin:3px 0 0}.status{font-size:9px;padding:7px 8px;border-radius:999px;background:#f2f2f4;font-weight:900;max-width:145px;overflow:hidden;text-overflow:ellipsis}.status.rewarded,.status.tracking{background:#e4f9e9;color:#18783c}.status.pending_review{background:#fff2cd;color:#8c6810}.status.fraud_review,.status.rejected{background:#ffe8ec;color:#a82d45}.views{font-size:28px;font-weight:950;margin:15px 0}.views span{font-size:12px}.levels{display:grid;grid-gap:7px;gap:7px}.levels div{display:flex;justify-content:space-between;background:#f7f7f8;padding:9px 10px;border-radius:10px;color:#777;font-size:12px}.levels .done{background:#eaf9ee;color:#18783c}.levels .reached{background:#fff5d8;color:#8d6810}.nextReward{font-size:11px;margin-top:11px;padding:10px;border-radius:11px;background:#f4efff}.moderatorNote{font-size:11px;color:#a22e43;background:#fff0f2;padding:9px;border-radius:10px}.openReel{display:block;margin-top:12px;text-decoration:none;color:#171717;font-size:12px;font-weight:900}.mediaEmpty{border:1px solid #eee;border-radius:18px}.nav a{cursor:pointer}.refHero,.taskHero{border-radius:28px;padding:20px;background:linear-gradient(135deg,#ffd7eb,#bff0a7 48%,#9fdcff 78%,#ffd576);margin-bottom:12px}.refHero h2,.taskHero h2{margin:5px 0 8px;font-size:25px}.refHero p,.taskHero p{font-size:12px;line-height:1.45;margin:0;color:#555}.taskList{display:grid;grid-gap:11px;gap:11px}.taskCard{border:1px solid #ececf0;border-radius:22px;padding:16px}.taskBottom,.taskTop{display:flex;justify-content:space-between;align-items:center}.taskTop span{font-size:9px;font-weight:900;color:#8a8a92}.taskTop b{color:#24a159}.taskCard h3{margin:10px 0 4px}.taskCard p{font-size:12px;color:#777;min-height:18px}.progress{height:8px;background:#f0f0f2;border-radius:999px;overflow:hidden;margin:13px 0 10px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#ff78ad,#7bdc9b);border-radius:999px}.taskBottom small{color:#888;font-weight:800}.refHero button,.taskBottom button{border:0;background:#171717;color:white;border-radius:12px;padding:10px 13px;font-weight:900}.taskBottom button:disabled{background:#ececef;color:#8c8c95}.refStats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.refStats div{background:#f7f7f8;border-radius:18px;padding:14px 8px;text-align:center}.refStats b{display:block;font-size:23px}.refStats span{display:block;font-size:9px;color:#777;margin-top:4px}.refHero button{margin-top:14px;width:100%}.shopHero,.withdrawHero{border-radius:28px;padding:22px;background:linear-gradient(135deg,#fff0f7,#dff7b8 48%,#b9e6ff 78%,#ffe0a1);margin-bottom:12px}.shopHero small,.withdrawHero small{font-size:10px;font-weight:900;letter-spacing:.08em}.shopHero h2,.withdrawHero h2{font-size:27px;margin:5px 0 6px}.shopHero p,.withdrawHero p{font-size:12px;color:#5e5e67;margin:0}.deliveryBox,.withdrawBox{border:1px solid #ececf0;border-radius:20px;padding:15px;display:grid;grid-gap:10px;gap:10px;margin-bottom:12px}.deliveryBox input,.withdrawBox input{border:1px solid #ddd;border-radius:12px;padding:12px;font:inherit}.withdrawBox button{border:0;background:#171717;color:#fff;border-radius:13px;padding:13px;font-weight:900}.withdrawBox small{font-size:11px;color:#777}.productGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.productCard{border:1px solid #ececf0;border-radius:22px;padding:12px;display:flex;flex-direction:column}.productArt{height:105px;border-radius:16px;background:linear-gradient(145deg,#fff,#f4d7ff 45%,#b9f0ba);display:grid;place-items:center;font-size:28px;font-weight:950}.productCard h3{font-size:15px;margin:10px 0 3px}.productCard p{font-size:11px;color:#777;min-height:30px;margin:0}.productBottom{display:grid;grid-gap:8px;gap:8px;margin-top:auto;padding-top:10px}.productBottom strong{font-size:12px}.productBottom button{border:0;border-radius:11px;background:#171717;color:white;padding:10px;font-weight:900}.productBottom button:disabled{opacity:.45}.profileMenu{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.profileMenu button{border:1px solid #ececf0;background:#fff;border-radius:15px;padding:14px;text-align:left;font-weight:800}.gamesShell{padding-bottom:34px}.gamesHero{border-radius:28px;padding:20px;background:linear-gradient(135deg,#ffd8eb,#d9f5ab 48%,#a5e2ff 77%,#ffd984);display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gamesHero small,.leaderHeader small,.rouletteHead small,.runHeader small{font-size:10px;font-weight:900;letter-spacing:.08em}.gamesHero h2{font-size:25px;line-height:1.04;margin:5px 0 8px;max-width:270px}.gamesHero p{font-size:11px;line-height:1.45;color:#555;max-width:260px}.gameBottle{height:100px;width:54px;border:1px solid #e2e2e2;background:#fff;border-radius:13px 13px 18px 18px;display:grid;place-items:center;transform:rotate(7deg);box-shadow:0 12px 28px rgba(0,0,0,.11);font-size:20px}.leaderCard,.rouletteCard,.runCard{border:1px solid #ececf0;border-radius:24px;padding:14px;margin-top:12px;background:white}.leaderHeader,.rouletteHead,.runHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.leaderHeader h2,.rouletteHead h2,.runHeader h2{margin:3px 0 0}.runStats{display:flex;gap:10px;font-size:9px;color:#777}.runStats span{display:flex;flex-direction:column;text-align:right}.runStats b{font-size:14px;color:#111}.runCard canvas{width:100%;height:auto;border-radius:18px;display:block;touch-action:manipulation}.runFooter{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:11px}.runFooter span{font-size:10px;color:#777;max-width:250px}.rouletteCard>button,.runFooter button{border:0;background:#171717;color:white;border-radius:12px;padding:11px 15px;font-weight:900}.gameResult{margin-top:10px;padding:12px 14px;border-radius:15px;display:flex;justify-content:space-between;font-size:11px}.gameResult.ok{background:#e9f9ed;color:#196f3a}.gameResult.bad{background:#fff0f2;color:#a12e43}.wheelMark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ff7caf,#ffe277,#77dba1,#7ec8ff,#c88bff,#ff7caf);font-size:24px}.rouletteRewards{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}.rouletteRewards span{background:#f5f5f7;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:800}.spinWin{padding:11px;border-radius:13px;background:#f1ecff;margin-bottom:10px;font-size:12px}.rouletteCard>button{width:100%}.rouletteCard>button:disabled{opacity:.4}.periodSwitch{display:flex;background:#f3f3f5;border-radius:12px;padding:3px}.periodSwitch button{border:0;background:transparent;border-radius:9px;padding:7px 8px;font-size:10px;font-weight:800}.periodSwitch button.active{background:white;box-shadow:0 2px 8px rgba(0,0,0,.08)}.leaderList{display:grid}.leaderList>div{display:grid;grid-template-columns:32px 1fr auto;align-items:center;padding:11px 5px;border-bottom:1px solid #eee;font-size:12px}.leaderList>div:last-child{border-bottom:0}.leaderList>div.me{background:#fff2f7;border-radius:12px}.leaderList .rank{font-weight:950}.leaderList .player{font-weight:700}.leaderList b{font-size:13px}.engTabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:16px 0}.engTabs button{border:0;border-radius:16px;padding:12px;background:#f2f2f2;font-weight:800}.engTabs button.active{background:#111;color:#fff}.engTabs b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#ff4e9b;color:#fff;margin-left:5px}.achievementGrid{display:grid;grid-gap:12px;gap:12px}.achievementCard{display:grid;grid-template-columns:56px 1fr;grid-gap:12px;gap:12px;padding:16px;border-radius:22px;background:#f5f5f5;opacity:.7}.achievementCard.unlocked{opacity:1;background:linear-gradient(135deg,#fff2f8,#f0fff7)}.achievementIcon{width:56px;height:56px;border-radius:18px;background:#fff;display:grid;place-items:center;font-size:26px}.achievementCard h3{margin:0 0 5px}.achievementCard p{margin:0 0 10px;font-size:13px}.achievementCard small{font-weight:700}.ghostBtn{border:0;background:transparent;font-weight:800}.notificationRow{width:100%;border:0;background:#fff;display:flex;justify-content:space-between;align-items:flex-start;text-align:left;padding:14px 0;border-bottom:1px solid #eee}.notificationRow.unread{background:linear-gradient(90deg,#fff6fb,#fff)}.notificationRow div{display:grid;grid-gap:4px;gap:4px}.notificationRow em,.notificationRow small{font-style:normal;color:#777}.notificationRow em{font-size:11px}.notificationRow>span{color:#ff4e9b}