:root{--app-bg: #1a1430;--ink: #fff6dd;--muted: #d9cfc0;--glass: rgba(42, 24, 71, .34);--glass-soft: rgba(255, 224, 116, .14);--ok: #9af4bf;--off: #ff95af}*{box-sizing:border-box}html,body{background-color:var(--app-bg)}body{margin:0;min-height:100dvh;min-height:-webkit-fill-available;font-family:Sora,Segoe UI,sans-serif;color:var(--ink);overscroll-behavior:none;background:radial-gradient(1200px 760px at 12% -8%,rgba(188,105,255,.46) 0%,transparent 62%),radial-gradient(1100px 720px at 90% -4%,rgba(255,232,131,.38) 0%,transparent 60%),linear-gradient(180deg,#1a1430,#261a41 48%,#211633)}#app{display:flex;justify-content:center;padding:0;min-height:100dvh}.shell{position:relative;width:100%;min-height:calc(100dvh - 20px);border:none;box-shadow:0 26px 72px #160d267a;background:linear-gradient(155deg,#ffe07421,#bc69ff29),#20143480;-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);overflow:hidden;padding:calc(env(safe-area-inset-top) + 12px) 14px calc(env(safe-area-inset-bottom) + 12px)}.shell.mirrored{transform:scaleX(-1)}.shell.readable-type{font-family:Trebuchet MS,Segoe UI,sans-serif;letter-spacing:.01em}.ambient-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.dust-layer,.dust-layer:before,.dust-layer:after{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;content:"";pointer-events:none;background-image:radial-gradient(1.2px 1.2px at 20% 30%,rgba(255,241,195,.34),transparent 70%),radial-gradient(1.4px 1.4px at 70% 40%,rgba(223,186,255,.28),transparent 72%),radial-gradient(1px 1px at 55% 70%,rgba(255,223,145,.24),transparent 75%),radial-gradient(1.1px 1.1px at 35% 80%,rgba(205,157,255,.24),transparent 70%);background-size:240px 240px,300px 300px,210px 210px,280px 280px;opacity:.36;mix-blend-mode:screen}.dust-layer{animation:dust-rise-a 38s linear infinite}.dust-layer:before{opacity:.28;animation:dust-rise-b 46s linear infinite}.dust-layer:after{opacity:.22;animation:dust-rise-c 54s linear infinite}.ambient-bg:before,.ambient-bg:after{content:"";position:absolute;width:160%;height:160%;left:-30%;top:-30%;border-radius:50%;filter:blur(30px);transform-origin:50% 50%;opacity:.42}.ambient-bg:before{background:radial-gradient(42% 38% at 30% 36%,rgba(255,226,125,.38),transparent 72%),radial-gradient(44% 42% at 68% 44%,rgba(184,113,250,.4),transparent 74%),radial-gradient(38% 34% at 50% 70%,rgba(164,134,255,.26),transparent 78%);animation:calm-flow-a 28s ease-in-out infinite}.ambient-bg:after{background:radial-gradient(36% 34% at 24% 62%,rgba(175,111,246,.34),transparent 74%),radial-gradient(40% 34% at 76% 36%,rgba(255,231,131,.33),transparent 72%),radial-gradient(32% 28% at 52% 54%,rgba(232,169,255,.22),transparent 80%);opacity:.35;animation:calm-flow-b 34s ease-in-out infinite}.particle-layer,.popup-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.blob{position:absolute;border-radius:999px;filter:blur(22px);opacity:.48;animation:drift 16s ease-in-out infinite alternate}.b1{width:220px;height:220px;top:-60px;left:-40px;background:#d184ff}.b2{width:180px;height:180px;right:-30px;top:120px;background:#ffd66a;animation-delay:-4s}.b3{width:160px;height:160px;left:40%;bottom:80px;background:#a980ff;animation-delay:-2s}.top-row,.menu-sheet,.screen-host,.bottom-row{position:relative;z-index:1}.top-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px}.status-wrap{text-align:center}.status-wrap strong{font-size:.95rem}.connection-chip{display:inline-block;margin-top:2px;font-size:.74rem}.connection-chip.ok{color:var(--ok)}.connection-chip.off{color:var(--off)}.glass{border:none;background:linear-gradient(140deg,#ffe98d33,#b176f333),var(--glass);-webkit-backdrop-filter:blur(14px) saturate(118%);backdrop-filter:blur(14px) saturate(118%);border-radius:999px;color:var(--ink);font:inherit;font-size:.82rem;padding:8px 11px;box-shadow:0 10px 24px #1d102c47}.glass.icon{width:42px;height:42px;padding:0;font-size:1rem}.tiny{border:none;border-radius:999px;background:linear-gradient(138deg,#ffe38329,#a96eec29),#2f1b4a70;color:var(--ink);font:inherit;font-size:.74rem;padding:9px 6px;box-shadow:0 8px 20px #1a0f2a3d}.tiny.primary{color:#fff;background:linear-gradient(125deg,#ffda607a,#b36efa94)}.menu-sheet{margin-top:12px;border:none;border-radius:18px;-webkit-backdrop-filter:blur(18px) saturate(118%);backdrop-filter:blur(18px) saturate(118%);background:linear-gradient(140deg,#ffe78924,#b371f12e),#22143880;padding:12px;display:grid;gap:9px;box-shadow:inset 0 1px #fff1c129,0 14px 36px #110a1e57}.menu-sheet.hidden{display:none}.menu-link{border:none;border-radius:14px;padding:12px;text-align:left;font:inherit;color:var(--ink);background:#ffffff0f}.menu-actions{margin-top:6px;display:grid;gap:10px}.menu-actions .tiny{width:100%;padding:11px 10px;font-size:.78rem}.menu-link.active{color:#fff;background:linear-gradient(120deg,#ffe06c57,#b472f466);box-shadow:0 10px 24px #21123347}.screen-host{margin-top:14px;height:calc(100dvh - 164px);padding-right:4px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.screen{display:none}.screen.active{display:grid;gap:14px;animation:fade-in .26s ease}#screen-overlay{gap:10px}.hero-text{margin:0;text-align:center;font-size:.85rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.overlay-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.overlay-kpis div{border:none;border-radius:16px;padding:10px 8px;text-align:center;background:linear-gradient(145deg,#ffe98d24,#a96deb2e),#2e1d466b;box-shadow:inset 0 1px #fff2c929,0 8px 20px #160d2442}.overlay-kpis span{font-size:.7rem;color:var(--muted)}.overlay-kpis strong{display:block;margin-top:3px;font-size:.98rem}.goal-lanes{display:grid;gap:7px;padding:7px}.overlay-timer{position:sticky;top:0;left:auto;transform:none;width:100%;z-index:4;order:-1;display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:14px 16px;border-radius:22px;background:linear-gradient(135deg,#ffec8f59,#ff96d34d,#9274ff57),#382154bd;box-shadow:inset 0 1px #fff5d859,0 22px 50px #763ab27a,0 0 38px #ffdb7a59}.overlay-timer.hidden{display:none}.overlay-timer img{width:72px;height:72px;border-radius:16px;object-fit:contain;background:#26163cb8}.overlay-timer p{margin:0;font-size:.92rem;font-weight:600;color:#fff2ca;text-shadow:0 0 10px rgba(255,226,151,.25)}.overlay-timer strong{display:block;margin-top:4px;font-size:clamp(2.9rem,8.5vw,4.2rem);line-height:1;color:#fff9e5;text-shadow:0 0 24px rgba(255,221,132,.62);animation:timer-pulse 1.05s ease-in-out infinite}.overlay-timer.idle strong{opacity:.72;animation:none}.overlay-timer.active{animation:timer-shell-pulse 1.2s ease-in-out infinite}.timer-gain-pop{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font-size:clamp(2.1rem,7.6vw,3.4rem);font-weight:800;color:#fff1a7;text-shadow:0 0 12px rgba(255,224,118,.82),0 0 26px rgba(255,145,221,.58);pointer-events:none;letter-spacing:.01em;white-space:nowrap;z-index:2}.lane{display:grid;grid-template-columns:40px 1fr;gap:9px;align-items:center;border-radius:18px;border:none;background:linear-gradient(138deg,#ffe17a1f,#a76ce829),#2b1b436b;padding:9px 10px;box-shadow:inset 0 1px #fff3cc24,0 9px 24px #160c233b}.lane.done{background:linear-gradient(138deg,#bfffcc33,#9f85ff30),#2c1f4275}.lane.active{animation:breathe 2.8s ease-in-out infinite}.lane.priority-heart{transform:scale(1.015);background:linear-gradient(135deg,#ffec8f33,#e980ff3d),#38215485;box-shadow:inset 0 1px #fff5d833,0 12px 30px #9756d65c,0 0 18px #ffdb7a3d}.lane.priority-heart .lane-body header span:first-child{font-weight:700;letter-spacing:.01em}.lane.priority-heart .meter div{background:linear-gradient(90deg,#ffe07a,#ff9ddf,#c8a3ff)}.lane img{width:40px;height:40px;object-fit:contain}.lane-body header{display:flex;justify-content:space-between;font-size:.73rem;gap:8px}.lane-body header span:first-child{font-weight:600}.lane-trigger{margin:2px 0 0;font-size:.66rem;color:var(--muted)}.meter{margin-top:6px;height:8px;border-radius:999px;background:#fff2c533;overflow:hidden}.meter div{height:100%;background:linear-gradient(90deg,#ffd96f,#d890ff,#a594ff);border-radius:inherit}#screen-settings,#screen-topLikes,#screen-topGivers,#screen-stats{color:var(--ink)}.screen h2{margin:0;font-size:1.1rem}.screen h3{margin:0;font-size:.92rem}.goal-builder{display:grid;gap:10px;padding:11px;border-radius:16px;background:linear-gradient(138deg,#ffe6881f,#ad6ff22b),#27183d66;box-shadow:inset 0 1px #fff2c621,0 8px 20px #140c203b}.goal-builder label{display:grid;gap:6px}.gift-select-native{display:none}.gift-picker-toggle{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;text-align:left}.gift-picker-toggle img{width:28px;height:28px;object-fit:contain;border-radius:8px;background:#2e1e449e}.gift-picker-toggle span{font-size:.8rem}.gift-picker-toggle em{font-style:normal;font-size:.74rem;color:#ffe9a9}.gift-picker-menu{max-height:240px;overflow:auto;border-radius:12px;background:#231637eb;padding:6px;display:grid;gap:4px;box-shadow:0 10px 26px #10091c6b}.gift-picker-menu.hidden{display:none}.gift-picker-option{border:none;background:#ffffff0f;color:var(--ink);border-radius:10px;padding:7px 8px;font:inherit;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;text-align:left}.gift-picker-option:hover{background:#ffffff1f}.gift-picker-option img{width:26px;height:26px;object-fit:contain;border-radius:7px;background:#321e4aa8}.gift-picker-option span{font-size:.78rem}.gift-picker-option em{font-style:normal;font-size:.72rem;color:#ffe1a0}.gift-preview{margin-top:6px;display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;border-radius:12px;background:#ffffff14;padding:8px}.gift-preview img{width:44px;height:44px;border-radius:10px;object-fit:contain;background:#2e1e449e}.gift-preview p{margin:0;font-size:.76rem;color:var(--ink)}.goal-builder label span{font-size:.72rem;color:var(--muted)}.field-input{width:100%;border:none;border-radius:12px;background:#ffffff14;color:var(--ink);font:inherit;font-size:.82rem;padding:10px;outline:none;box-shadow:inset 0 1px #fffae429}select.field-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,240,186,.92) 50%),linear-gradient(135deg,rgba(255,240,186,.92) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:30px}select.field-input option{color:#2d1c46;background:#fff6df}select.field-input:focus,input.field-input:focus{box-shadow:inset 0 1px #fffae429,0 0 0 2px #ffde746b}.goal-list{display:grid;gap:8px}.goal-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;border-radius:14px;padding:8px;background:linear-gradient(138deg,#ffe78914,#a86cea24),#26173c5c;box-shadow:inset 0 1px #fff2c81a,0 8px 20px #140b1f33}.goal-item img{width:28px;height:28px;object-fit:contain}.goal-item strong{display:block;font-size:.78rem}.goal-item p{margin:2px 0 0;font-size:.68rem;color:var(--muted)}.ranking-list{display:grid;gap:8px}.rank-line{display:grid;grid-template-columns:32px 36px 1fr auto;align-items:center;gap:8px;padding:9px 10px;border-radius:16px;border:none;background:linear-gradient(138deg,#ffe6871a,#a76beb24),#27183d66;box-shadow:inset 0 1px #fff3ce1f,0 8px 20px #140c203b}.rank-line img{width:36px;height:36px;border-radius:10px;object-fit:cover}.rank-line span{font-size:.82rem}.rank-line em{font-style:normal;font-weight:700;font-size:.8rem}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.stats-grid div{border:none;border-radius:15px;background:linear-gradient(138deg,#ffe5831c,#a46be826),#28183e66;padding:8px;box-shadow:inset 0 1px #fff2c81f,0 8px 18px #150c203d}.stats-grid span{color:var(--muted);font-size:.7rem}.stats-grid strong{display:block;margin-top:4px;font-size:.92rem}.stack{display:grid;gap:7px}.alert-list,.activity-list{display:grid;gap:6px}.alert-pill{display:flex;justify-content:space-between;gap:8px;border-radius:14px;border:none;background:linear-gradient(138deg,#beffcd33,#b478f62b),#291a3f6b;padding:8px;box-shadow:inset 0 1px #e9fff142,0 8px 18px #150c2138}.alert-pill span{font-size:.8rem;font-weight:600}.alert-pill em{font-size:.74rem;color:var(--muted);font-style:normal}.activity-row{border:none;border-radius:14px;background:linear-gradient(138deg,#ffe47f14,#a66ce921),#26183c61;padding:8px;box-shadow:inset 0 1px #fff1c41a,0 8px 20px #140b1f36}.activity-row span{color:var(--muted);font-size:.7rem}.activity-row p{margin:4px 0 0;font-size:.78rem}.soft-empty{margin:0;color:var(--muted);font-size:.82rem}.bottom-row{margin-top:10px;display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem}.ambient-particle{position:absolute;width:9px;height:9px;border-radius:999px;filter:blur(.2px)}.ambient-particle.dust{background:radial-gradient(circle at 40% 40%,#fff1bce6,#d5a1ff66);box-shadow:0 0 14px #e8bbff61,0 0 22px #ffe19733;filter:blur(.2px)}.ambient-particle.heart{width:auto;height:auto;border-radius:0;background:transparent!important;filter:none;font-size:14px;line-height:1;text-shadow:0 0 8px rgba(255,148,173,.55)}.event-popup{position:absolute;left:50%;transform:translate(-50%);bottom:112px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:none;background:linear-gradient(138deg,#ffe57e38,#b472f43b),#2a1942ad;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);color:var(--ink);font-size:.82rem;box-shadow:0 16px 36px #1a0e2857;opacity:0}.event-popup img{width:20px;height:20px;border-radius:999px;object-fit:cover}.event-popup.likes{box-shadow:0 16px 36px #b04d8447}.event-popup.coins{box-shadow:0 16px 36px #ba914642}.event-popup.gift{box-shadow:0 16px 36px #7858c042}.gift-float{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:6px 9px 6px 6px;border-radius:999px;border:none;background:linear-gradient(138deg,#ffe78938,#ae70f13b),#28183fb3;color:var(--ink);font-size:.72rem;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 12px 28px #1a0f2952}.gift-float img{width:18px;height:18px;border-radius:999px;object-fit:cover}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(8px,-10px) scale(1.06)}}@keyframes dust-rise-a{0%{transform:translate3d(0,10%,0)}to{transform:translate3d(2%,-10%,0)}}@keyframes dust-rise-b{0%{transform:translate3d(-2%,12%,0)}to{transform:translate3d(1%,-12%,0)}}@keyframes dust-rise-c{0%{transform:translate3d(1%,8%,0)}to{transform:translate3d(-2%,-9%,0)}}@keyframes calm-flow-a{0%{transform:translate3d(-2%,-2%,0) rotate(0) scale(1)}25%{transform:translate3d(4%,-4%,0) rotate(8deg) scale(1.06)}50%{transform:translate3d(2%,3%,0) rotate(14deg) scale(1.03)}75%{transform:translate3d(-4%,4%,0) rotate(6deg) scale(1.05)}to{transform:translate3d(-2%,-2%,0) rotate(0) scale(1)}}@keyframes calm-flow-b{0%{transform:translate3d(3%,3%,0) rotate(0) scale(1.02)}30%{transform:translate3d(-3%,2%,0) rotate(-7deg) scale(1.07)}60%{transform:translate3d(-1%,-4%,0) rotate(-12deg) scale(1.04)}85%{transform:translate3d(4%,-2%,0) rotate(-5deg) scale(1.06)}to{transform:translate3d(3%,3%,0) rotate(0) scale(1.02)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%{box-shadow:inset 0 1px #fff3ce24,0 9px 24px #160c233b}50%{box-shadow:inset 0 1px #fff7de33,0 14px 34px #160c234d}to{box-shadow:inset 0 1px #fff3ce24,0 9px 24px #160c233b}}@keyframes timer-pulse{0%{transform:scale(1)}50%{transform:scale(1.11)}to{transform:scale(1)}}@keyframes timer-shell-pulse{0%{box-shadow:inset 0 1px #fff5d859,0 22px 50px #763ab27a,0 0 34px #ffdb7a4a}50%{box-shadow:inset 0 1px #fff5d873,0 28px 62px #763ab294,0 0 46px #ffdb7a6b}to{box-shadow:inset 0 1px #fff5d859,0 22px 50px #763ab27a,0 0 34px #ffdb7a4a}}@media (prefers-reduced-motion: reduce){.lane.active{animation:none!important}}