@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/woff2/PretendardVariable.woff2) format("woff2-variations")}:root{--bg: #101418;--panel: #171c22;--line: #2a323c;--text: #e7ecf1;--dim: #8b98a5;--accent: #5abe5a;--good: #5abe5a;--bad: #e64545;--away: #a0a0a0;--uncal: #e6aa3c;--appw: 430px}@media (min-width: 700px){:root{--appw: 540px}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:-.01em}button{transition:transform .08s ease,filter .15s ease,background .15s ease,border-color .15s ease}button:active{transform:translateY(1px) scale(.985)}header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line)}.app-logo{width:34px;height:34px;border-radius:10px;flex-shrink:0;margin-right:-4px}header h1{font-size:16px;margin:0}#fairy{font-size:22px}#fairy-img{width:38px;height:38px;display:none;image-rendering:pixelated;vertical-align:middle}#fairy-img.dim{filter:grayscale(.8) opacity(.55)}#state-pill{padding:3px 12px;border-radius:999px;font-weight:700;font-size:13px;background:var(--uncal);color:#101418}#score{font-variant-numeric:tabular-nums;color:var(--text);font-size:14px;font-weight:700;margin-left:-6px}#points{padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--accent);color:var(--accent);transition:transform .2s}#points.flash{transform:scale(1.25)}main{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px;max-width:1400px}@media (max-width: 900px){main{grid-template-columns:1fr}}@media (min-width: 600px){html{background:#06080b}body{background:transparent}#root{position:relative;z-index:0;width:var(--appw);max-width:var(--appw);margin:0 auto;min-height:100vh;background:var(--bg);overflow:hidden;box-shadow:0 0 0 1px var(--line),0 12px 64px #0c10188c}main{grid-template-columns:1fr;max-width:none}#app-bg,#bottom-nav,#report-overlay,.rtc-modal{max-width:var(--appw);margin-inline:auto}.install-banner{left:50%;right:auto;transform:translate(-50%);width:min(calc(var(--appw) - 24px),92vw)}}.panel{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;aspect-ratio:4 / 3}.panel .label{position:absolute;top:8px;left:10px;font-size:12px;color:var(--dim);z-index:3;text-shadow:0 1px 2px #000}video,canvas.fill{width:100%;height:100%;object-fit:cover;display:block}#cam{transform:scaleX(-1)}#cam-panel.caution{outline:3px solid #e8a72c;outline-offset:-3px}#cam-panel.bad{outline:4px solid var(--bad);outline-offset:-4px}#cam-panel.bad-hard{outline-width:10px}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(12,16,24,.75) 100%);transition:opacity .8s}#cam-panel.vignette #vignette{opacity:1}#face-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--panel);text-align:center;padding:12px}#cam-panel.face-hidden #face-cover{display:flex}#face-cover img{width:96px;height:96px;image-rendering:pixelated}#face-cover .fc-emoji{font-size:76px;line-height:1}#face-cover .fc-text{color:var(--dim);font-size:13px}#controls{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 8px;align-items:center}button{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer}button:hover{border-color:var(--dim)}button.primary{background:var(--accent);border-color:var(--accent);color:#101418;font-weight:700}button.danger{background:var(--bad);border-color:var(--bad);color:#fff;font-weight:700}button:disabled{opacity:.45;cursor:default}button.pulse{animation:btnPulse 1.3s ease-in-out infinite;border-color:var(--accent);color:var(--accent)}@keyframes btnPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 0%,transparent)}}@media (prefers-reduced-motion: reduce){button.pulse{animation:none}}#msg{padding:4px 16px 12px;color:var(--dim);font-size:13px;min-height:20px}#btn-start,#btn-calib{background:url(/assets/ui/btn-frame.png) center / 100% 100% no-repeat,var(--panel);border-color:transparent;padding:9px 16px}#btn-start.primary{background:url(/assets/ui/btn-frame.png) center / 100% 100% no-repeat,var(--accent)}#btn-start.danger{background:url(/assets/ui/btn-frame.png) center / 100% 100% no-repeat,var(--bad)}#start-cta,#calib-guide,#away-notice,#cam-retry{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:18px;background:#0c1018d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.start-cta-desc{color:var(--text);font-size:17px;font-weight:700;letter-spacing:-.02em}#btn-start-hero{font-size:17px;font-weight:800;padding:13px 26px;border-radius:12px;box-shadow:0 6px 18px #0c101840;display:inline-flex;align-items:center;gap:8px;background:url(/assets/ui/btn-frame.png) center / 100% 100% no-repeat,var(--accent);border-color:transparent}#btn-start-hero:before{content:"";width:22px;height:15px;flex:none;background:url(/assets/ui/ui-sprout.png) center / contain no-repeat}.start-cta-sub{color:var(--dim);font-size:12px}.calib-instr{color:var(--text);font-size:17px;font-weight:800;letter-spacing:-.02em}.calib-count{font-size:66px;font-weight:900;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}.calib-sub{color:var(--dim);font-size:13px}.away-title{color:var(--text);font-size:18px;font-weight:800}.away-sub{color:var(--dim);font-size:13px;line-height:1.55}#center-pop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:none;align-items:center;justify-content:center;padding:18px;pointer-events:none}#center-pop.show{display:flex}.center-pop-card{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 22px;text-align:center;max-width:300px;box-shadow:0 14px 40px #0c101899;animation:cpPop .28s ease}@keyframes cpPop{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.center-pop-card{animation:none}}.cp-title{color:var(--text);font-size:17px;font-weight:800;letter-spacing:-.02em}.cp-sub{color:var(--dim);font-size:12.5px;margin-top:6px;line-height:1.5}@media (min-width: 700px){.start-cta-desc,.calib-instr,.away-title{font-size:21px}.start-cta-sub,.calib-sub,.away-sub{font-size:14.5px}.calib-count{font-size:88px}.cp-title{font-size:20px}.cp-sub{font-size:14px}#btn-start-hero{font-size:17px}}.cp-summary{display:flex;gap:14px;justify-content:center;margin:12px 0 4px}.cp-stat{display:flex;flex-direction:column;gap:2px}.cp-stat b{font-size:22px;color:var(--accent);font-variant-numeric:tabular-nums}.cp-stat span{font-size:11px;color:var(--dim)}#fab-stats{position:fixed;right:14px;bottom:74px;z-index:45;background:var(--accent);color:#101418;border:none;font-weight:800;font-size:13px;padding:12px 24px;border-radius:999px;box-shadow:0 6px 18px #0c101873;display:inline-flex;align-items:center;gap:6px;background:url(/assets/ui/btn-frame-pill.png) center / 100% 100% no-repeat,var(--accent)}#fab-stats:before{content:"";width:18px;height:14px;flex:none;background:url(/assets/ui/ui-leaf-chart.png) center / contain no-repeat}@media (min-width: 600px){#fab-stats{right:calc(50% - var(--appw) / 2 + 14px)}}#summary{padding:0 16px 8px;color:var(--dim);font-size:13px}.study-hero{margin:12px 16px 8px;padding:15px 18px;background:var(--panel);border:1px solid var(--line);border-radius:16px;position:relative;overflow:hidden}.study-hero:after{content:"";position:absolute;right:-14px;bottom:-18px;width:96px;height:88px;pointer-events:none;opacity:.28;background:url(/assets/ui/ui-corner-leaf.png) center / contain no-repeat;transform:scaleX(-1) rotate(8deg)}.study-hero>*{position:relative}.sh-top{display:flex;align-items:center;justify-content:space-between}.sh-label{font-size:13px;font-weight:700;color:var(--dim)}.sh-status{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px}.sh-status .sh-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.sh-status.on{color:var(--good);background:color-mix(in srgb,var(--good) 15%,transparent)}.sh-status.on .sh-dot{animation:shPulse 1.4s ease-in-out infinite}.sh-status.away{color:#e8a72c;background:color-mix(in srgb,#e8a72c 15%,transparent)}.sh-status.off{color:var(--dim);background:color-mix(in srgb,var(--dim) 14%,transparent)}@keyframes shPulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.sh-status.on .sh-dot{animation:none}}.sh-time{font-size:40px;font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:6px 0 2px}.sh-session{font-size:12.5px;color:var(--dim);margin:0 0 6px}.sh-session b{color:var(--good);font-weight:800;font-variant-numeric:tabular-nums}.sh-chips{display:flex;gap:8px;flex-wrap:wrap}.sh-chip{font-size:12.5px;color:var(--dim);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:3px 11px}.sh-chip b{color:var(--text);font-weight:800}.together-cta{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);margin:4px 16px 10px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:12px 14px;text-align:left}.together-cta:hover{border-color:var(--accent)}.together-cta .tc-body{flex:1;display:flex;flex-direction:column;gap:1px}.together-cta .tc-body b{font-size:14px;font-weight:800;color:var(--text)}.together-cta .tc-body span{font-size:12px;color:var(--dim)}.together-cta .tc-arrow{color:var(--dim);font-size:20px;flex:none}.together-cta .tc-badge{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:var(--good);background:color-mix(in srgb,var(--good) 15%,transparent);border-radius:999px;padding:3px 10px}.together-cta .tc-dot{width:6px;height:6px;border-radius:50%;background:var(--good);animation:shPulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.together-cta .tc-dot{animation:none}}.dressup-head{display:flex;gap:8px;align-items:stretch;margin:4px 16px 8px;padding:14px}.du-preview,.du-points{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center}.du-preview{border-right:1px solid var(--line)}.du-preview b{font-size:14px;font-weight:800}.more-controls{margin:0 16px 6px}.more-controls>summary{list-style:none;cursor:pointer;font-size:12.5px;color:var(--dim);padding:5px 2px}.more-controls>summary::-webkit-details-marker{display:none}.more-controls[open]>summary{color:var(--text)}.more-controls-row{display:flex;flex-wrap:wrap;gap:8px;padding:6px 0 2px}details{margin:0 16px 10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 14px;max-width:720px}details summary{cursor:pointer;font-weight:700;font-size:14px}.row{display:flex;align-items:center;gap:10px;margin:10px 0;flex-wrap:wrap;font-size:14px}.row label{color:var(--dim);min-width:72px}select,input[type=range]{accent-color:var(--accent)}select,input[type=text]{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:5px 8px}#leaderboard table{border-collapse:collapse;width:100%;font-size:14px;margin-top:6px}#leaderboard td,#leaderboard th{padding:5px 6px;border-bottom:1px solid var(--line);text-align:left}#leaderboard td:last-child,#leaderboard th:last-child{text-align:right}#leaderboard tr.me td{color:var(--accent);font-weight:700}.group-switcher:empty{display:none}.group-switcher{margin:8px 0 4px}.gl-label{font-size:12px;font-weight:700;color:var(--dim);margin-bottom:7px}.gl-list{display:flex;flex-direction:column;gap:8px}.gl-room{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:10px 12px;cursor:pointer;transition:border-color .15s,background .15s}.gl-room:hover{border-color:var(--accent)}.gl-room.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg))}.gl-avatar{width:10px;height:10px;border-radius:50%;background:var(--line);flex-shrink:0}.gl-avatar.on{background:#2f8f3f}.gl-body{flex:1;min-width:0}.gl-top{display:flex;align-items:center;gap:6px}.gl-name{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gl-badge{flex-shrink:0;font-size:10px;font-weight:800;color:#101418;background:var(--accent);padding:1px 7px;border-radius:999px}.gl-meta{font-size:12px;color:var(--dim);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gl-cnt{white-space:nowrap}.gl-leave{flex-shrink:0;font-size:12px;color:var(--dim);background:transparent;border:1px solid var(--line);border-radius:999px;padding:4px 11px;cursor:pointer;transition:all .15s}.gl-leave:hover{color:#fff;background:var(--bad);border-color:var(--bad)}.gl-rename{flex-shrink:0;font-size:12px;color:var(--dim);background:transparent;border:1px solid var(--line);border-radius:999px;padding:4px 11px;cursor:pointer;transition:all .15s}.gl-rename:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.gl-empty{font-size:13px;color:var(--dim);line-height:1.65;padding:6px 2px 2px}#group-info:empty{display:none}.group-add{margin:10px 0 4px;padding:2px 12px;background:var(--bg)}.group-add>summary{font-weight:700;font-size:13px;color:var(--dim);padding:7px 0}.group-add[open]>summary{color:var(--text)}.group-add .row{margin:8px 0}.group-add .hint{margin:2px 0 8px}.shop-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.shop-item:last-child{border-bottom:none}.shop-item .price{color:var(--accent);margin-left:auto}#report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c101899;display:none;align-items:center;justify-content:center;z-index:10}#report-overlay.open{display:flex}#report-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px 26px;min-width:320px;max-width:90vw}#report-card h2{margin:0 0 14px;font-size:17px}#report-card table{border-collapse:collapse;width:100%;font-size:14px}#report-card td{padding:6px 4px}#report-card td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}#report-grade{margin-top:12px;color:var(--accent);font-weight:700}.hint{font-size:12px;color:var(--dim)}#install-banner{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:var(--panel);border:1px solid var(--accent);border-radius:12px;padding:12px 14px;align-items:center;gap:10px;box-shadow:0 6px 24px #0c101880;max-width:520px;margin:0 auto}#install-banner.show{display:flex}#install-banner .ib-text{flex:1;font-size:13.5px;line-height:1.4}#install-banner .ib-action{background:var(--accent);border-color:var(--accent);color:#101418;font-weight:700;white-space:nowrap}#install-banner .ib-close{padding:6px 9px;color:var(--dim)}.page{padding-bottom:76px}.page-gutter{margin-inline:16px}#bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}#bottom-nav button{flex:1;background:none;border:none;border-radius:0;color:var(--dim);padding:8px 0 9px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px}#bottom-nav button .nav-ic{width:30px;height:30px;object-fit:contain;margin-bottom:1px;filter:saturate(.9) opacity(.72);transition:transform .15s,filter .15s}#bottom-nav button.on{color:var(--accent);font-weight:700}#bottom-nav button.on .nav-ic{filter:saturate(1.05);transform:scale(1.12) translateY(-1px)}#bottom-nav button:active .nav-ic{transform:scale(.94)}#report-overlay{z-index:60}#install-banner{bottom:76px}.page-title{font-size:18px;font-weight:800;letter-spacing:-.02em;padding:16px 16px 4px}#stats-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:62;display:none;background:#0c10188c;justify-content:center;align-items:flex-end}#stats-overlay.open{display:flex}@media (min-width: 600px){#stats-overlay{max-width:var(--appw);margin-inline:auto;align-items:center}}.stats-sheet{background:var(--bg);width:100%;max-width:var(--appw);max-height:88vh;overflow-y:auto;border-radius:18px 18px 0 0;border:1px solid var(--line);padding-bottom:20px;animation:sheetUp .26s ease}@media (min-width: 600px){.stats-sheet{border-radius:18px;max-height:84vh}}@keyframes sheetUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.stats-sheet{animation:none}}.stats-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;background:var(--bg);border-bottom:1px solid var(--line)}.stats-head b{font-size:16px;font-weight:800}.stats-close{background:var(--panel);border:1px solid var(--line);border-radius:999px;width:30px;height:30px;padding:0;color:var(--dim);font-size:15px}.stats-sheet .chart-card{border:none;margin:0}.login-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;background:linear-gradient(#101418cc,#101418ed),url(/assets/ui/forest-bg.png) center / cover no-repeat}:root[data-theme=light] .login-gate{background:linear-gradient(#fafafcb8,#fafafce6),url(/assets/ui/forest-bg.png) center / cover no-repeat}@media (min-width: 600px){.login-gate{max-width:var(--appw);margin-inline:auto}}.onboard-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;user-select:none;-webkit-user-select:none;background:linear-gradient(#101418cc,#101418ed),url(/assets/ui/forest-bg.png) center / cover no-repeat}:root[data-theme=light] .onboard-gate{background:linear-gradient(#fafafcb8,#fafafce6),url(/assets/ui/forest-bg.png) center / cover no-repeat}@media (min-width: 600px){.onboard-gate{max-width:var(--appw);margin-inline:auto}}.onboard-skip{position:absolute;top:14px;right:14px;border:0;background:none;padding:8px 12px;cursor:pointer;color:var(--muted);font-size:14px}.onboard-frame{width:min(88vw,340px);overflow:hidden;touch-action:none}.onboard-track{display:flex;align-items:flex-start}.onboard-slide{flex:0 0 100%;width:100%;display:flex;flex-direction:column;align-items:center;padding:10px 8px;text-align:center}.onboard-icon{width:168px;height:168px;object-fit:contain;margin-bottom:30px;filter:drop-shadow(0 14px 26px rgba(12,16,24,.38));-webkit-user-drag:none;pointer-events:none}:root[data-theme=light] .onboard-icon{filter:drop-shadow(0 12px 22px rgba(12,16,24,.18))}.onboard-title{margin:0 0 12px;font-size:23px;font-weight:800;line-height:1.4;letter-spacing:-.3px;color:var(--text)}.onboard-title em{font-style:normal;color:var(--accent)}.onboard-desc{margin:0;max-width:260px;font-size:15px;line-height:1.6;color:var(--dim);word-break:keep-all}.onboard-slide.active .onboard-icon{animation:ob-pop .38s cubic-bezier(.22,.9,.36,1) both}.onboard-slide.active .onboard-title{animation:ob-rise .34s ease .08s both}.onboard-slide.active .onboard-desc{animation:ob-rise .34s ease .14s both}@keyframes ob-pop{0%{transform:scale(.84);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ob-rise{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.onboard-slide.active .onboard-icon,.onboard-slide.active .onboard-title,.onboard-slide.active .onboard-desc{animation:none}}.onboard-dots{display:flex;gap:10px}.onboard-dots i{width:8px;height:8px;border-radius:50%;background:var(--dim);opacity:.45}.onboard-dots i.on{background:var(--accent);opacity:1}.onboard-next{width:min(300px,78vw);padding:14px 22px;border:0;border-radius:20px;cursor:pointer;background:url(/assets/ui/btn-frame-wide.png) center / 100% 100% no-repeat,var(--accent);color:#101418;font-weight:700;font-size:16px}.onboard-next:active{transform:scale(.98)}.burst-p{position:fixed;width:7px;height:7px;border-radius:50%;pointer-events:none;z-index:98;transform:translate(-50%,-50%);animation:burst-fly .65s cubic-bezier(.2,.7,.3,1) forwards}@keyframes burst-fly{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.25);opacity:0}}.sh-time,.sh-session b{font-variant-numeric:tabular-nums}.sh-digit,.sh-sep{display:inline-block}.sh-digit{animation:digit-in .28s ease}@keyframes digit-in{0%{transform:translateY(.35em);opacity:0}}.att-stamp-img.stamp-pop{animation:stamp-in .5s cubic-bezier(.2,1.4,.4,1)}@keyframes stamp-in{0%{transform:scale(1.9) rotate(-10deg);opacity:0}55%{transform:scale(.92) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0)}}.skin-card{transition:transform .18s ease;will-change:transform}.hof-title span{display:inline-block;animation:hof-wave 2.8s ease-in-out calc(var(--i, 0) * .13s) infinite}@keyframes hof-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.login-gate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(170px circle at var(--lx, 50%) var(--ly, 34%),rgba(255,243,205,.1),transparent 70%)}:root[data-theme=light] .login-gate:after{background:radial-gradient(170px circle at var(--lx, 50%) var(--ly, 34%),rgba(96,150,96,.12),transparent 70%)}@media (prefers-reduced-motion: reduce){.sh-digit,.att-stamp-img.stamp-pop,.hof-title span{animation:none}.skin-card{transition:none}}.sh-dday{margin-left:8px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--accent);font-size:11.5px;font-weight:800;letter-spacing:.02em}.sh-goal{display:flex;flex-direction:column;gap:5px;width:100%;margin-top:10px;padding:0;border:0;background:none;cursor:pointer;text-align:left}.sh-goal-bar{display:block;height:8px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--line) 60%,var(--panel))}.sh-goal-fill{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .6s ease}.sh-goal-fill.warn{background:#d9a13c}.sh-goal-fill.done{background:var(--accent)}.sh-goal-text{font-size:12px;color:var(--dim);font-weight:600}.sh-goal-edit{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}.sh-goal-label{font-size:12px;color:var(--dim);font-weight:600}.sh-goal-preset{padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font-size:12.5px;font-weight:700;cursor:pointer}.sh-goal-preset:active{transform:scale(.96)}.sh-goal-preset.sub{color:var(--dim)}.subj-bar{display:flex;flex-wrap:wrap;gap:7px;margin:10px 16px 0}.subj-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font-size:13px;font-weight:700;cursor:pointer}.subj-chip .subj-dot{width:8px;height:8px;border-radius:50%;background:var(--subj, var(--dim))}.subj-chip.on{border-color:color-mix(in srgb,var(--subj) 55%,var(--line));background:color-mix(in srgb,var(--subj) 14%,var(--panel))}.subj-chip:active{transform:scale(.96)}.subj-add{color:var(--dim);font-weight:800;padding:6px 11px}.subj-add-input{width:84px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font-size:13px}.cal-day{position:relative}.cal-sprout{position:absolute;top:2px;right:2px;width:11px;height:8px;object-fit:contain;opacity:.9}#app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:url(/assets/ui/forest-bg.png) center top / cover no-repeat;opacity:.22}:root[data-theme=light] #app-bg{opacity:.55}.page-banner{display:block;margin:6px auto 12px;height:auto;max-width:100%;filter:drop-shadow(0 6px 16px rgba(12,16,24,.32));animation:banner-float 4.5s ease-in-out infinite}.page-banner.sq{width:178px}.page-banner.wide{width:min(360px,86%)}@keyframes banner-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion: reduce){.page-banner{animation:none}}.att-ic{width:42px;height:42px;object-fit:contain;flex:none}.login-card-v2{width:100%;max-width:360px;text-align:center;background:color-mix(in srgb,var(--panel) 76%,transparent);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid color-mix(in srgb,#fff 12%,var(--line));border-radius:24px;padding:30px 24px 22px;box-shadow:0 24px 64px #0c101880,inset 0 1px #ffffff1a}@media (prefers-reduced-transparency: reduce){.login-card-v2{background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none}}.login-logo{width:76px;height:76px;border-radius:22px;margin:0 auto 14px;display:block;box-shadow:0 10px 28px #0c101866}.login-title{font-size:25px;font-weight:900;letter-spacing:-.02em;margin:0}.login-tagline{font-size:14px;font-weight:700;color:var(--dim);margin:8px 0 18px}.login-pillars{display:flex;gap:8px;margin:0 0 22px}.login-pillars span{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;color:var(--dim);font-weight:700;background:color-mix(in srgb,var(--bg) 50%,transparent);border:1px solid var(--line);border-radius:14px;padding:11px 6px}.login-pillars b{font-size:20px}.login-primary{width:100%;color:#101418;background:url(/assets/ui/btn-frame.png) center / 100% 100% no-repeat,var(--accent);font-size:16px;font-weight:800;border:none;border-radius:14px;padding:14px;box-shadow:0 10px 24px #0c10184d;transition:transform .1s ease,filter .15s ease}.login-primary:hover{filter:brightness(1.05)}.login-primary:active{transform:translateY(1px) scale(.99)}.login-note{font-size:12px;color:var(--dim);line-height:1.65;margin:14px 2px 2px}.login-more{margin-top:4px}.login-more summary{cursor:pointer;font-size:12.5px;color:var(--dim);list-style:none;padding:6px}.login-more summary::-webkit-details-marker{display:none}.login-more[open] summary{color:var(--text)}.login-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}.login-form input,.login-form button{width:100%}.login-error{font-size:12.5px;color:var(--bad);text-align:left;line-height:1.5}.login-switch{background:none;border:none;color:var(--dim);font-size:12px;padding:4px}.login-switch:hover{color:var(--text);border:none}.login-google{display:flex;justify-content:center;margin-top:2px}.account-card{display:flex;align-items:center;gap:12px}.account-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left}.account-info b{font-size:15px}.account-sub{font-size:12.5px;color:var(--dim);line-height:1.5}.account-card button{flex:none}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:0 16px 12px;max-width:720px}.card h2{margin:0 0 8px;font-size:17px}.card p{font-size:14px;line-height:1.6;margin:8px 0}.att-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.att-week{display:flex;gap:6px;margin-top:10px}.att-day{flex:1;max-width:56px;text-align:center;border:1px solid var(--line);border-radius:8px;padding:6px 0;display:flex;flex-direction:column;gap:2px}.att-day.today{border-color:var(--accent)}.att-label{font-size:11px;color:var(--dim)}.att-stamp{font-size:18px;line-height:1.2}.chart{display:flex;align-items:flex-end;gap:8px;height:140px;margin:12px 0 4px}.chart-col{display:flex;flex-direction:column;align-items:center;gap:4px;width:40px;height:100%}.chart-bar{flex:1;width:22px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--bg);border-radius:6px;overflow:hidden}.chart-bar .seg.good{background:var(--good)}.chart-bar .seg.bad{background:var(--bad)}.chart-x{font-size:11px;color:var(--dim)}.log-list{list-style:none;padding:0;margin:6px 0 0;font-size:14px}.log-list li{padding:5px 0;border-bottom:1px solid var(--line)}.log-list li:last-child{border-bottom:none}.log-time{color:var(--dim);font-variant-numeric:tabular-nums;margin-right:8px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;vertical-align:middle}.dot.good{background:var(--good)}.dot.bad{background:var(--bad)}.dot.away{background:var(--away)}.dot.off{background:#555}.points-card{text-align:center}.points-big{font-size:30px;font-weight:800;color:var(--accent);margin:4px 0}.char-card{position:relative;border:none;border-radius:16px;padding:20px 16px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;background:url(/assets/ui/tier-epic.png) center / 100% 100% no-repeat,radial-gradient(66% 52% at 50% 44%,rgba(184,150,238,.12),transparent 62%),linear-gradient(180deg,#22283494,#12161ed1)}:root[data-theme=light] .char-card{background:url(/assets/ui/tier-epic.png) center / 100% 100% no-repeat,radial-gradient(66% 52% at 50% 44%,rgba(184,150,238,.16),transparent 62%),linear-gradient(180deg,#ffffffbd,#f6f1fbe6)}.char-preview{width:128px;height:128px;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(12,16,24,.3))}.char-preview-emoji{font-size:84px;line-height:1.2}.login-card form .row input{min-width:0}.equip-grid{margin-top:4px}.equip-sec-t{font-size:12.5px;font-weight:800;color:var(--dim);margin:10px 2px 6px}.equip-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (min-width: 520px){.equip-cards{grid-template-columns:repeat(4,1fr)}}.equip-card{position:relative;border:none;border-radius:14px;cursor:pointer;padding:13px 8px 11px;display:flex;flex-direction:column;align-items:center;gap:5px;background:url(/assets/ui/card-frame.png) center / 100% 100% no-repeat,radial-gradient(120% 78% at 50% 30%,rgba(150,160,190,.14),transparent 62%),linear-gradient(180deg,#2228348c,#12161ebf);transition:transform .12s}:root[data-theme=light] .equip-card{background:url(/assets/ui/card-frame.png) center / 100% 100% no-repeat,radial-gradient(120% 78% at 50% 30%,rgba(150,160,190,.14),transparent 62%),linear-gradient(180deg,#ffffffb8,#f6f1fbe0)}.equip-card:active{transform:scale(.96)}.equip-card.on{box-shadow:0 0 0 2px var(--accent)}.equip-thumb{width:54px;height:54px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(12,16,24,.3))}.equip-thumb.emoji{font-size:40px;line-height:54px}.equip-name{font-size:11.5px;font-weight:700;text-align:center;line-height:1.15;word-break:keep-all}.equip-badge{font-size:10px;font-weight:800;color:#101418;background:var(--accent);padding:1px 8px;border-radius:999px}.chart-card{padding-top:12px}.seg-tabs{display:flex;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:4px;margin-bottom:12px}.seg-tabs button{flex:1;background:none;border:none;border-radius:8px;padding:8px 0;font-size:14px;font-weight:600;color:var(--dim)}.seg-tabs button.on{background:var(--accent);color:#101418}.chart-title{font-size:14px;font-weight:700;margin:2px 2px 8px}.chart-tip{background:var(--panel);border:1px solid var(--accent);border-radius:8px;padding:5px 10px;font-size:13px;box-shadow:0 4px 14px #0c101866}.recharts-surface{overflow:visible}.charts{display:flex;flex-direction:column;gap:6px}.trend-banner{font-size:13px;font-weight:700;border-radius:10px;padding:9px 12px;margin-bottom:4px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.trend-banner b{font-weight:800}.trend-banner.up{border-color:color-mix(in srgb,var(--good) 55%,var(--line));background:color-mix(in srgb,var(--good) 12%,var(--bg))}.trend-banner.down{border-color:color-mix(in srgb,#e8a72c 55%,var(--line));background:color-mix(in srgb,#e8a72c 12%,var(--bg))}.trend-banner.flat{color:var(--dim)}.chart-sub{padding:10px 4px 4px;border-top:1px solid var(--line)}.chart-sub:first-child{border-top:none;padding-top:2px}.chart-sub .hint{margin-top:4px}.pie-wrap{position:relative}.pie-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.pie-center b{font-size:26px;font-weight:800;color:var(--accent);line-height:1}.pie-center span{font-size:11px;color:var(--dim);margin-top:2px}.pie-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:4px}.pie-legend span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--dim)}.pie-legend i{width:10px;height:10px;border-radius:4px;display:inline-block}.subj-list{display:flex;flex-direction:column;gap:11px;padding:4px 2px 0}.subj-row{display:flex;flex-direction:column;gap:5px}.subj-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px}.subj-name{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--text)}.subj-name i{width:10px;height:10px;border-radius:4px;display:inline-block;flex:none}.subj-min{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.subj-min em{color:var(--dim);font-weight:500;font-style:normal;font-size:12px;margin-left:7px}.subj-bar{height:8px;border-radius:6px;background:var(--line);overflow:hidden}.subj-bar span{display:block;height:100%;border-radius:6px;min-width:3px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 12px}.stat{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 10px;display:flex;flex-direction:column;gap:3px;text-align:center}.stat-label{font-size:11px;color:var(--dim)}.stat-num{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.stat-num.accent{color:var(--accent)}.delta{font-size:11px;font-weight:700}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.delta.flat{color:var(--dim);font-weight:400}.week-compare{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--dim);line-height:1.6;margin-bottom:10px}.week-compare b{color:var(--text)}@media (max-width: 400px){.stat-num{font-size:18px}.stat-label{font-size:10px}}#summary{display:none}:root[data-theme=light]{--bg: #f3f6f2;--panel: #ffffff;--line: #dde5dd;--text: #18201a;--dim: #5f6d62;--good: #3f9e56;--bad: #d5453f;--away: #9aa39c;--uncal: #c98a1e}:root[data-theme=light] .dot.off{background:#bbb}:root[data-theme=light] #bottom-nav button{color:#7a857d}#theme-toggle{background:none;border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700;color:var(--dim);cursor:pointer;line-height:1}.speech{display:none;background:var(--accent);color:#101418;padding:3px 11px;border-radius:14px;font-size:12.5px;font-weight:700;white-space:nowrap;position:relative}.speech:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--accent)}.speech.show{display:inline-block;animation:speechPop .25s ease}@keyframes speechPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.tier{border-radius:16px;padding:26px 18px 18px;margin:16px 0;border:none;background:var(--tier-frame, none) center / 100% 100% no-repeat,var(--tier-fill, transparent)}.tier-rare{--tier-frame: url(/assets/ui/tier-rare.png);--tier-fill: linear-gradient(180deg, rgba(90,190,90,.08), transparent)}.tier-epic{--tier-frame: url(/assets/ui/tier-epic.png);--tier-fill: linear-gradient(180deg, rgba(150,120,200,.1), transparent)}.tier-premium{--tier-frame: url(/assets/ui/tier-premium.png);--tier-fill: linear-gradient(180deg, rgba(230,178,58,.1), transparent)}.tier-head{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:4px 8px;margin:0 44px 10px}.tier-head b{font-size:15px;letter-spacing:.02em}.tier-rare .tier-head b{color:#5abe5a}.tier-epic .tier-head b{color:#a98fe0}.tier-premium .tier-head b{color:#e6b23a}.tier-head span{font-size:11px;color:var(--dim)}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skin-card{position:relative;border:none;border-radius:14px;padding:16px 11px 13px;display:flex;flex-direction:column;align-items:center;gap:6px;background:url(/assets/ui/card-frame.png) center / 100% 100% no-repeat,radial-gradient(56% 13% at 50% 77%,rgba(255,255,255,.16),transparent 72%),radial-gradient(122% 80% at 50% 30%,var(--card-glow, rgba(150,160,190,.1)),transparent 62%),linear-gradient(180deg,#22283499,#12161ecc)}.tier-rare .skin-card{--card-glow: rgba(120,220,140,.12)}.tier-epic .skin-card{--card-glow: rgba(184,150,238,.13)}.tier-premium .skin-card{--card-glow: rgba(242,202,120,.13)}:root[data-theme=light] .skin-card{background:url(/assets/ui/card-frame.png) center / 100% 100% no-repeat,radial-gradient(56% 13% at 50% 77%,rgba(255,255,255,.6),transparent 72%),radial-gradient(122% 80% at 50% 30%,var(--card-glow, rgba(150,160,190,.1)),transparent 62%),linear-gradient(180deg,#ffffffb8,#f6f1fbe0)}.skin-thumb{width:64px;height:64px;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(12,16,24,.3))}.skin-thumb.lock{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--dim);opacity:.8}.skin-name{font-size:12px;font-weight:600;text-align:center;line-height:1.2}.skin-action{margin-top:auto;padding-top:2px}.buy-btn{background:var(--accent);color:#101418;border:none;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:800;white-space:nowrap;cursor:pointer}.owned-tag{font-size:12px;font-weight:700;color:var(--accent)}.soon-tag{font-size:11.5px;color:var(--dim);font-weight:600}@media (max-width: 360px){.skin-name{font-size:11px}.buy-btn{padding:4px 9px;font-size:11.5px}}.hof{margin-top:10px;border-radius:16px;padding:16px 12px 14px;color:#f4f0e0;background:radial-gradient(1px 1px at 20% 30%,#fff8 40%,transparent),radial-gradient(1px 1px at 70% 20%,#fff6 40%,transparent),radial-gradient(1px 1px at 40% 70%,#fff5 40%,transparent),radial-gradient(1.5px 1.5px at 85% 60%,#ffe98a99 40%,transparent),radial-gradient(1px 1px at 55% 45%,#fff5 40%,transparent),linear-gradient(180deg,#16204a,#0e1533 60%,#0a1029);border:1.6px solid #caa85180;box-shadow:0 0 0 1px #ffe9a018 inset,0 10px 34px #0005}.hof-head{text-align:center;margin-bottom:14px}.hof-title{font-size:21px;font-weight:800;background:linear-gradient(180deg,#ffe9a0,#e8b23a);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.02em}.hof-sub{font-size:12px;color:#b9c2e6;margin-top:2px}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px;align-items:end}.pod{border-radius:14px;padding:13px 10px 14px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;border:none;background:var(--frame, none) center / 100% 100% no-repeat,linear-gradient(180deg,#ffffff10,#ffffff04)}.pod-1{--frame: url(/assets/ui/tier-premium.png);box-shadow:0 0 22px #f5c54255;padding:20px 12px 16px;background:var(--frame) center / 100% 100% no-repeat,linear-gradient(180deg,#f5c5421f,#f5c5420a)}.pod-2{--frame: url(/assets/ui/tier-epic.png);box-shadow:0 0 14px #c8d0dd33;background:var(--frame) center / 100% 100% no-repeat,linear-gradient(180deg,#c8d0dd18,#c8d0dd05)}.pod-3{--frame: url(/assets/ui/tier-rare.png);box-shadow:0 0 14px #d7935533;background:var(--frame) center / 100% 100% no-repeat,linear-gradient(180deg,#d7935518,#d7935505)}.pod.empty{opacity:.4}.pod-rank{position:absolute;top:-11px;left:50%;transform:translate(-50%);width:26px;height:26px;border-radius:50%;font-size:14px;font-weight:800;color:#201800;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff40}.pod-1 .pod-rank{background:linear-gradient(180deg,#ffe38a,#e8b23a);width:30px;height:30px;top:-13px}.pod-2 .pod-rank{background:linear-gradient(180deg,#eef2f7,#b9c2d2)}.pod-3 .pod-rank{background:linear-gradient(180deg,#f0b585,#c67e45)}.pod-ava-wrap{width:66px;height:66px;border-radius:50%;overflow:hidden;margin-top:6px;background:#ffffff12;display:flex;align-items:center;justify-content:center}.pod-1 .pod-ava-wrap{width:78px;height:78px}.pod-ava{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.pod-name{font-size:13px;font-weight:700;line-height:1.15;word-break:keep-all}.pod-1 .pod-name{font-size:14px}.pod-stat{font-size:11px;display:inline-flex;align-items:center;gap:4px}.pod-stat.active{color:#6fe08a}.pod-stat.distracted{color:#ff7a7a}.pod-stat.offline{color:#9aa6c9}.pod-score{font-size:11px;color:#c7d0f0;font-variant-numeric:tabular-nums}.hof-legend{display:flex;justify-content:center;gap:14px;margin:14px 0 8px;font-size:11.5px;color:#b9c2e6}.hof-legend span{display:inline-flex;align-items:center;gap:5px}.hof-list{display:grid;grid-template-columns:1fr;gap:4px}.hof-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff08;font-size:13.5px}.hof-row.me{background:#f5c54222;border:1px solid #f5c54255}.hof-num{color:#f5c542;font-weight:800;width:22px;text-align:center;font-variant-numeric:tabular-nums}.hof-nick{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hof-status{font-size:11.5px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.hof-status.active{color:#6fe08a}.hof-status.distracted{color:#ff7a7a}.hof-status.offline{color:#9aa6c9}.hof-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}@media (max-width: 420px){.hof-cards{grid-template-columns:1fr}}.hof-card{background:url(/assets/ui/card-frame.png) center / 100% 100% no-repeat,#ffffff08;border:none;border-radius:12px;padding:13px 15px;display:flex;align-items:center;gap:8px;font-size:12px;color:#d5dcf5;line-height:1.4}.hof-card b{color:#ffe08a}.hof-ava{width:26px;height:26px;flex:none;border-radius:50%;object-fit:contain;image-rendering:pixelated;background:#ffffff10}.hof-champs{margin-top:12px;background:url(/assets/ui/card-frame.png) center / 100% 100% no-repeat,#ffffff07;border:none;border-radius:12px;padding:14px 15px}.hof-champs-t{font-size:12.5px;font-weight:800;color:#ffe08a;margin-bottom:6px}.champ-row{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:4px 0;border-top:1px solid #ffffff10}.champ-row:first-of-type{border-top:none}.champ-week{color:#9aa6c9;width:58px;flex:none}.champ-nick{flex:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champ-sec{color:#ffd970;font-variant-numeric:tabular-nums}.rtc-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:6px 0 4px}.rtc-toggle{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;cursor:pointer}.rtc-toggle input{width:18px;height:18px;accent-color:var(--accent)}.rtc-live{font-size:12.5px;font-weight:800;color:#ff6b6b;background:#ff6b6b1a;border:1px solid #ff6b6b44;padding:3px 10px;border-radius:999px;animation:rtc-pulse 1.6s ease-in-out infinite}@keyframes rtc-pulse{0%,to{opacity:1}50%{opacity:.55}}.rtc-err{color:#ff9a9a}.grid-tile{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden}.grid-badge{position:absolute;left:6px;top:6px;right:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;pointer-events:none;z-index:2}.grid-nick{font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(12,16,24,.8);max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-state{font-size:11.5px;font-weight:800;color:#fff;padding:2px 8px;border-radius:999px;box-shadow:0 1px 4px #0c101866}.grid-nudge{position:absolute;right:6px;bottom:6px;z-index:3;background:var(--accent);color:#101418;border:none;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 2px 6px #0c101866}.grid-nudge:disabled{background:#59636e;color:#c9d2da;cursor:default}.nudge-banner{position:fixed;top:0;left:50%;transform:translate(-50%,-130%);z-index:200;max-width:92vw;white-space:nowrap;background:var(--bad);color:#fff;font-weight:800;font-size:15px;padding:13px 22px;border-radius:0 0 16px 16px;box-shadow:0 8px 28px #0c101873;transition:transform .32s cubic-bezier(.2,1.1,.3,1);pointer-events:none}.nudge-banner.show{transform:translate(-50%)}.nudge-banner b{font-weight:900}@media (min-width: 600px){.nudge-banner{max-width:calc(var(--appw) - 24px);margin-inline:auto}}.rtc-peers{display:flex;flex-direction:column;gap:6px;margin-top:8px}.rtc-peer{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.rtc-nick{font-weight:600;font-size:13.5px}.rtc-off{font-size:12px;color:var(--dim)}.rtc-view{background:var(--accent);color:#101418;border:none;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:800;cursor:pointer}.rtc-intro{display:flex;flex-direction:column;gap:12px;margin-top:10px}.rtc-intro-row{display:flex;align-items:center;gap:12px}.rtc-intro-icon{width:44px;height:44px;flex:none;object-fit:contain}.rtc-intro-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.rtc-intro-copy{margin:0;font-size:13.5px;font-weight:700;color:var(--text);line-height:1.45}.rtc-intro-copy b{font-weight:800}.rtc-intro-sub{margin:0;font-size:12px;color:var(--dim);line-height:1.45}.rtc-open-cta{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:14px 22px;border:0;border-radius:20px;cursor:pointer;background:url(/assets/ui/btn-frame-wide.png) center / 100% 100% no-repeat,var(--accent);color:#101418;font-weight:800;font-size:15px;letter-spacing:-.01em}.rtc-open-cta:hover{filter:brightness(1.06)}.rtc-open-cta:active{transform:scale(.98)}.rtc-open-arrow{font-size:19px;line-height:1;font-weight:700}.rtc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#000a;padding:16px}.rtc-modal-in{width:100%;max-width:520px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 20px 60px #000a}.rtc-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:15px}.rtc-close{background:#ffffff14;border:1px solid #ffffff2a;color:var(--text);width:30px;height:30px;border-radius:50%;font-size:14px;cursor:pointer}.rtc-video{width:100%;aspect-ratio:4 / 3;background:#000;border-radius:12px;object-fit:cover;display:block}.buddy{position:fixed;z-index:55;width:78px;height:78px;transition:left 1.1s cubic-bezier(.34,0,.2,1),top 1.1s cubic-bezier(.34,0,.2,1);touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.buddy.dragging{transition:none;cursor:grabbing}.buddy-img{width:78px;height:78px;object-fit:contain;image-rendering:pixelated;display:block;filter:drop-shadow(0 5px 9px rgba(12,16,24,.4));animation:buddy-bob 3s ease-in-out infinite}@keyframes buddy-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.buddy-x{position:absolute;top:-3px;right:-3px;width:20px;height:20px;border-radius:50%;background:#000a;color:#fff;border:1px solid #ffffff55;font-size:11px;line-height:1;padding:0;cursor:pointer;opacity:0;transition:opacity .2s}.buddy:hover .buddy-x,.buddy:active .buddy-x{opacity:1}.buddy-bubble-wrap{position:fixed;z-index:56;pointer-events:none;transition:left 1.1s cubic-bezier(.34,0,.2,1),top 1.1s cubic-bezier(.34,0,.2,1)}.buddy-bubble{position:relative;background:#fff;color:#1a2233;font-size:12.5px;font-weight:700;padding:8px 12px;border-radius:14px;width:max-content;max-width:min(210px,62vw);text-align:center;line-height:1.35;box-shadow:0 8px 24px #0c101873;opacity:1}.buddy-bubble:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom-color:#fff}@media (prefers-reduced-motion: reduce){.buddy{transition:none}.buddy-img{animation:none}}.buddy-spark{position:fixed;z-index:54;width:15px;height:15px;margin:-7px 0 0 -7px;pointer-events:none;background:var(--spark, #ffd76a);clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);opacity:0;animation:buddySpark .95s ease-out forwards}@keyframes buddySpark{0%{opacity:0;transform:scale(.2) rotate(0)}25%{opacity:.95;transform:scale(1) rotate(35deg)}to{opacity:0;transform:scale(.35) translateY(-12px) rotate(80deg)}}@media (prefers-reduced-motion: reduce){.buddy-spark{display:none}}.cal-card{padding-top:12px}.cal-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.cal-title{flex:1;text-align:center;font-size:15px;font-weight:800;letter-spacing:-.02em;display:flex;flex-direction:column;gap:2px}.cal-total{font-size:11.5px;font-weight:600;color:var(--dim)}.cal-nav{width:34px;height:34px;padding:0;border-radius:8px;font-size:18px;line-height:1}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-week{margin-bottom:4px}.cal-wd{text-align:center;font-size:11px;font-weight:700;color:var(--dim)}.cal-wd:first-child{color:#d98484}.cal-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;aspect-ratio:1;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-variant-numeric:tabular-nums}.cal-day:disabled{opacity:.35}.cal-day.today{border-color:var(--accent)}.cal-day.sel{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}.cal-num{font-size:12.5px;font-weight:700}.cal-min{font-size:9.5px;font-weight:600;color:var(--dim);min-height:12px}.cal-day[style] .cal-min{color:color-mix(in srgb,var(--text) 80%,transparent)}.cal-detail{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.cal-detail-title{font-size:13px;font-weight:800;margin-bottom:6px;font-variant-numeric:tabular-nums}.cal-rows{display:flex;flex-direction:column;gap:5px}.cal-row{display:flex;justify-content:space-between;font-size:13px}.cal-row span{color:var(--dim)}.cal-row b{font-variant-numeric:tabular-nums}#btn-notify,#btn-pip,#btn-face,#btn-report,#btn-test,#btn-group-join,.login-form button[type=submit],.card>button,.card .row button{background:url(/assets/ui/btn-frame.png) center / 100% 100% no-repeat,var(--panel);border-color:transparent}#btn-group-create,#btn-cam-retry,.rtc-view{background:url(/assets/ui/btn-frame.png) center / 100% 100% no-repeat,var(--accent);border-color:transparent}#btn-notify,#btn-pip,#btn-face,#btn-report,#btn-test,#btn-cam-retry,#btn-group-join,.rtc-view,.login-form button[type=submit],.card>button,.card .row button,#btn-group-create,.account-card>button{padding:9px 18px}.together-cta{background:url(/assets/ui/btn-frame-wide.png) center / 100% 100% no-repeat,var(--panel)!important;border-color:transparent!important;padding:15px 22px!important}.gl-room{background:url(/assets/ui/btn-frame-wide.png) center / 100% 100% no-repeat,var(--panel);border-color:transparent;padding:13px 20px}.gl-room:hover{border-color:transparent;filter:brightness(1.1)}.gl-room.active{box-shadow:0 0 0 2px var(--accent)}.page-title{display:flex;align-items:center;gap:8px}.page-title:before{content:"";width:20px;height:13px;flex:none;background:url(/assets/ui/ui-sprout.png) center / contain no-repeat}.card{position:relative}.card:not(.dressup-head):not(.cal-card):not(.chart-card):not(.account-card):after{content:"";position:absolute;top:1px;right:1px;width:52px;height:48px;background:url(/assets/ui/ui-corner-leaf.png) center / contain no-repeat;transform:rotate(180deg);opacity:.14;pointer-events:none}#bottom-nav:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:min(var(--appw),96%);height:16px;background:url(/assets/ui/ui-divider.png) center / contain no-repeat;pointer-events:none}#bottom-nav{position:fixed}.stats-head{border-bottom:none}.stats-head:after{content:"";position:absolute;left:50%;bottom:-2px;transform:translate(-50%);width:72%;height:12px;background:url(/assets/ui/ui-divider.png) center / contain no-repeat;pointer-events:none}.account-card>button{background:url(/assets/ui/btn-frame.png) center / 100% 100% no-repeat,var(--accent)}.att-stamp-img{width:20px;height:20px;object-fit:contain;vertical-align:middle}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 0 6px;text-align:center}.empty-state .empty-art{width:84px;height:84px;object-fit:contain}.empty-state.sm .empty-art{width:56px;height:56px}.gl-empty{text-align:center}.gl-empty .empty-art{display:block;width:72px;height:72px;object-fit:contain;margin:2px auto 8px}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"";display:inline-block;width:16px;height:11px;margin-right:7px;background:url(/assets/ui/ui-sprout.png) center / contain no-repeat;transform:rotate(-90deg);transition:transform .15s ease;vertical-align:-1px}details[open]>summary:before{transform:none}.login-tagline{padding-bottom:14px;background:url(/assets/ui/ui-divider.png) bottom center / 150px auto no-repeat}.cal-head{position:relative;padding-bottom:10px}.cal-head:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:55%;height:10px;opacity:.6;background:url(/assets/ui/ui-divider.png) center / contain no-repeat}.login-more-open{margin-top:6px}input[type=text],input[type=password],input[type=email]{background:url(/assets/ui/input-frame.png) center / 100% 100% no-repeat,var(--panel);border:1px solid transparent;border-radius:12px;color:var(--text);padding:11px 18px;font-size:14px;font-family:inherit;outline:none}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus{box-shadow:0 0 0 2px var(--accent)}input::placeholder{color:var(--dim)}#group-code{background:var(--panel);border-color:var(--line)}.login-form button.login-primary{background:url(/assets/ui/btn-frame.png) center / 100% 100% no-repeat,var(--accent);color:#101418;padding:12px 18px}body:has(#report-overlay.open) .buddy,body:has(#report-overlay.open) .buddy-bubble-wrap{display:none!important}.inapp-warn{display:flex;flex-direction:column;gap:6px;margin:4px 0 10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--warn, #b07d18) 12%,transparent);font-size:13px;line-height:1.55;text-align:left}.inapp-warn b{font-size:13.5px}.inapp-warn button{align-self:flex-start;margin-top:2px;padding:7px 14px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:13px;cursor:pointer}.inapp-warn .inapp-alt{font-size:12px;color:var(--dim)}#tune-panel{position:fixed;left:10px;bottom:78px;z-index:90;width:252px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:12px;overflow:hidden}#tune-head{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line)}#tune-head b{font-size:12.5px}#tune-head span{color:var(--dim);font-size:10.5px;flex:1}#tune-head button{width:22px;height:22px;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;line-height:1}#tune-body{padding:8px 12px;display:flex;flex-direction:column;gap:7px;max-height:46vh;overflow-y:auto}.tune-row{display:grid;grid-template-columns:96px 1fr 38px;align-items:center;gap:8px}.tune-lb{color:var(--dim);font-size:11px;line-height:1.25}.tune-row input[type=range]{width:100%;accent-color:var(--accent)}.tune-val{text-align:right;font-variant-numeric:tabular-nums}.tune-val.tuned{color:var(--accent);font-weight:700}#tune-foot{display:flex;gap:8px;padding:9px 12px;border-top:1px solid var(--line)}#tune-foot button{flex:1;padding:6px 0;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:12px;cursor:pointer}#tune-foot button:hover{border-color:var(--accent);color:var(--accent)}#tune-panel.min #tune-body,#tune-panel.min #tune-foot{display:none}#tl-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:none;background:#0c101899;justify-content:center;align-items:center;padding:18px}#tl-sheet.open{display:flex}.tl-card{width:min(420px,100%);background:var(--bg);border:1px solid var(--line);border-radius:16px;overflow:hidden}.tl-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font-weight:800}.tl-head button{padding:4px 12px;font-size:12.5px}.tl-body{padding:14px}#tl-video{width:100%;max-height:52vh;border-radius:12px;background:#000}#tl-progress-wrap{border:1px solid var(--line);border-radius:10px;padding:14px}.tl-bar{height:8px;border-radius:999px;background:var(--panel);overflow:hidden}#tl-progress{height:100%;width:0%;background:var(--accent);transition:width .2s}#tl-progress-text{margin-top:10px;color:var(--dim);font-size:13px}#tl-note{margin-top:8px;color:var(--dim);font-size:12.5px;min-height:16px}.tl-foot{display:flex;gap:8px;padding:0 14px 14px}.tl-foot button{flex:1}.tl-tabs{display:flex;gap:8px;padding:12px 14px 0}.tl-tabs button{flex:1;padding:8px 0;font-size:13px;border-radius:999px;color:var(--dim)}.tl-tabs button.on{border-color:var(--accent);color:var(--accent);font-weight:700}#tl-img{width:100%;max-height:52vh;object-fit:contain;border-radius:12px;background:#000}