@property --ink{syntax:"<color>";inherits:true;initial-value:#0b2a4a}@property --ink-soft{syntax:"<color>";inherits:true;initial-value:#0b2a4abd}@property --glass-a{syntax:"<color>";inherits:true;initial-value:#ffffffc7}@property --glass-b{syntax:"<color>";inherits:true;initial-value:#ffffff75}@property --glass-line{syntax:"<color>";inherits:true;initial-value:#ffffffe6}@property --tab-on{syntax:"<color>";inherits:true;initial-value:#ffffffeb}:root{--navy:#0b2a4a;--green:#1b9e43;--green-light:#25b14f;--green-dark:#188f3c;--green-edge:#0f6b2b;--amber-ink:#7a4b00;--coral:#ff4d6d;--r-pill:999px;--r-lg:30px;--r-md:24px;--spring:cubic-bezier(.34, 1.56, .64, 1);--out:cubic-bezier(.22, 1, .36, 1);--theme-time:.9s;--font:"Mitr", "Noto Sans Thai", "Leelawadee UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);color:var(--navy);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#e3ecf4;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sprite{width:0;height:0;position:absolute;overflow:hidden}.shell{flex-direction:column;align-items:center;display:flex}.shell[data-view=desktop]{height:100dvh}.shell[data-view=phone]{min-height:100dvh}.demo{color:#b9c9da;background:#0f2238;flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:6px 14px;width:100%;padding:6px 12px;font-size:13.5px;display:flex}.demo__group{align-items:center;gap:5px;display:flex}.demo__label{margin-right:2px}.demo button{border-radius:var(--r-pill);color:#e6eef6;background:#ffffff1a;min-height:32px;padding:0 9px}.demo button:hover{background:#ffffff2e}.demo button[aria-pressed=true]{color:var(--navy);background:#fff}.demo button:focus-visible{outline-offset:2px;outline:3px solid #63c2f9}.demo__clock{color:#fff;font-variant-numeric:tabular-nums;min-width:72px;font-weight:500}.demo input[type=range]{accent-color:#63c2f9;width:150px}.frame{display:flex;position:relative;overflow:hidden;container:app/size}.shell[data-view=desktop] .frame{flex:1 1 0;width:100%;min-height:0}.shell[data-view=phone] .frame{border-radius:46px;flex:auto;width:min(100% - 36px,420px);min-height:660px;max-height:860px;margin:22px 0 28px;box-shadow:0 0 0 9px #0f2238,0 0 0 11px #33485f,0 40px 70px -30px #0b2a4a99}.app{--focus:#0b2a4a;--glass-shadow:#0d477957;--ring-track:#ffffffeb;--sky-l:3%;--sky-w:76%;--sky-t:31%;--sky-h:21%;--paper-a:#ffffffed;--paper-b:#ffffffc7;--line:#0b2a4a1a;isolation:isolate;min-height:0;color:var(--ink);transition:--ink var(--theme-time), --ink-soft var(--theme-time), --glass-a var(--theme-time), --glass-b var(--theme-time), --glass-line var(--theme-time), --tab-on var(--theme-time);flex:1;display:flex;position:relative;overflow:hidden}.screen{min-width:0;min-height:0;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;flex:1;display:flex}.screen.is-entering{animation:screen-in .32s var(--out)}.app[data-theme=night]{--ring-track:#ffffff47;--ink:#fff;--ink-soft:#fffc;--glass-a:#96a5ff4d;--glass-b:#3c46a04d;--glass-line:#fff6;--tab-on:#fff3;--glass-shadow:#0508288c;--focus:#ffe08a;--paper-a:#4a54beed;--paper-b:#2c3284e0;--line:#ffffff29}.top,.today,.action,.tabs,.gpanel,.wpanel{width:100%;max-width:480px;margin-inline:auto}.app :focus-visible{outline:3px solid var(--focus);outline-offset:3px}.glass{background:linear-gradient(135deg, var(--glass-a), var(--glass-b));-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);box-shadow:inset 0 1px 0 #ffffff80, 0 12px 26px -12px var(--glass-shadow);position:relative}.glass:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg, var(--glass-line), #ffffff1f 38%, #ffffff14 62%, var(--glass-line));-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sky{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sky__day,.sky__night{transition:opacity var(--theme-time) var(--out);position:absolute;inset:0}.sky__day{background:linear-gradient(#3fa9f5 0%,#6bc4f9 46%,#9adbfd 100%)}.sky__night{opacity:0;background:linear-gradient(#0c1240 0%,#1e2470 48%,#3f3a93 100%)}[data-theme=night] .sky__night{opacity:1}.stars{opacity:0;transition:opacity var(--theme-time);position:absolute;inset:0 0 42%}.stars,.stars:after{background:radial-gradient(1.6px at 8% 24%,#fff 55%,#0000),radial-gradient(2.2px at 23% 9%,#fff 55%,#0000),radial-gradient(1.5px at 38% 31%,#fff 55%,#0000),radial-gradient(2px at 53% 13%,#fff 55%,#0000),radial-gradient(1.5px at 67% 27%,#fff 55%,#0000),radial-gradient(2.2px at 82% 42%,#fff 55%,#0000),radial-gradient(1.6px at 93% 19%,#fff 55%,#0000),radial-gradient(1.5px at 15% 58%,#fff 55%,#0000),radial-gradient(1.8px at 90% 66%,#fff 55%,#0000)}.stars:after{content:"";animation:2.6s ease-in-out infinite alternate twinkle;position:absolute;inset:0;transform:translate(6%,11%)}[data-theme=night] .stars{opacity:1}.sky__warm{opacity:calc(var(--warm,0) * .92);background:linear-gradient(#ff7e5f00 8%,#ff946280 55%,#ffce80eb 100%);transition:opacity .6s linear;position:absolute;inset:0}.sun,.moon{aspect-ratio:1;left:calc(var(--sky-l) + var(--orb-x,.2) * var(--sky-w));top:calc(var(--sky-t) - var(--orb-y,.6) * var(--sky-h));border-radius:50%;position:absolute}.sun{width:72px;transition:left .6s linear, top .6s linear, transform 1.1s var(--out), opacity .7s;background:radial-gradient(circle at 38% 34%,#fffde6,#ffe56b 55%,#ffc93c);box-shadow:0 0 0 12px #ffec9647,0 0 0 28px #ffec9624,0 0 70px 20px #ffd65a80}.moon{opacity:0;width:66px;transition:left .6s linear, top .6s linear, transform 1.1s var(--out), opacity .8s;background:radial-gradient(circle at 34% 32%,#fffef2,#ffedb3 58%,#f2cc6b);transform:translateY(110px)scale(.8);box-shadow:0 0 0 10px #fff0b41f,0 0 46px 10px #ffecaa59}.moon:before,.moon:after{content:"";background:#d6aa4659;border-radius:50%;position:absolute}.moon:before{width:21%;height:21%;top:24%;left:54%}.moon:after{width:14%;height:14%;top:60%;left:30%}[data-theme=night] .sun{opacity:0;transform:translateY(130px)scale(.8)}[data-theme=night] .moon{opacity:1;transform:none}.cloud{fill:#fff;opacity:.92;transition:opacity var(--theme-time);animation:16s ease-in-out infinite alternate drift;position:absolute}.cloud--a{width:120px;height:60px;animation-duration:19s;top:10%;right:-18px}.cloud--b{opacity:.7;width:84px;height:42px;animation-duration:24s;animation-direction:alternate-reverse;top:5%;left:30%}.cloud--c{width:250px;height:125px;animation-duration:22s;bottom:-44px;left:-70px}.cloud--d{width:280px;height:140px;animation-duration:27s;animation-direction:alternate-reverse;bottom:-64px;right:-90px}[data-theme=night] .cloud{opacity:.16}.far{opacity:.62;transition:opacity var(--theme-time), filter var(--theme-time);animation:7s ease-in-out infinite floaty;position:absolute}.far--a{width:74px;height:59px;top:26%;right:4%}.far--b{width:52px;height:42px;animation-delay:-3s;top:57%;left:5%}[data-theme=night] .far{opacity:.34;filter:brightness(.6)}.top{z-index:3;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.pill{border-radius:var(--r-pill);align-items:center;min-height:48px;display:flex}.me{gap:8px;padding:5px 16px 5px 5px}.me__face{background:linear-gradient(160deg,#c9eeff,#63c2f9);border-radius:50%;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 -3px #1670b840,inset 0 2px #fff9}.me__face svg{width:34px;height:34px}.me__name{font-size:17px;font-weight:500;line-height:1.2}.stats{gap:12px;padding:0 16px 0 12px}.stat{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:19px;font-weight:600;line-height:1;display:flex}.stat svg{width:24px;height:24px}.stat b{font-weight:inherit}.stat.is-pop{animation:bump .45s var(--spring)}.stats__sep{background:var(--ink);opacity:.16;border-radius:2px;width:1.5px;height:20px}.scene{z-index:1;flex:1;place-items:center;min-height:0;display:grid;position:relative;container-type:size}.stage{aspect-ratio:86/100;width:min(100cqw,86cqh,520px);position:relative}.floaty{animation:5.6s ease-in-out infinite floaty;position:absolute;inset:0}.island{filter:brightness()saturate()drop-shadow(0 16px 14px #0d477938);width:100%;height:auto;transition:filter var(--theme-time);position:absolute;bottom:0;left:0;overflow:visible}[data-theme=night] .island{filter:brightness(.6)saturate(.8)drop-shadow(0 16px 14px #04062866)}.pebble{transform-box:fill-box;transform-origin:50%;animation:4.2s ease-in-out infinite floaty}.pebble--b{animation-duration:5s;animation-delay:-2s}.mascot{aspect-ratio:200/220;filter:brightness()drop-shadow(0 6px 6px #0d477947);width:44%;transition:filter var(--theme-time);touch-action:manipulation;border-radius:40%;position:absolute;top:20.5%;left:19%}[data-theme=night] .mascot{filter:brightness(.9)drop-shadow(0 6px 6px #04062873)}.mascot svg{width:100%;height:100%;display:block;overflow:visible}.mascot__body{transform-box:fill-box;transform-origin:50% 100%;animation:3.4s ease-in-out infinite breathe}.mascot.is-hop .mascot__body{animation:hop .62s var(--out)}.eyes--open{transform-box:fill-box;transform-origin:50%;animation:4.8s infinite blink}.eyes--happy,[data-phase=done] .eyes--open{display:none}[data-phase=done] .eyes--happy{display:inline}.arm--wave{transform-box:fill-box;transform-origin:85% 90%;animation:1.7s ease-in-out infinite wave}.bubble{color:var(--navy);white-space:nowrap;transform-origin:12% 100%;background:#fff;border-radius:20px;margin:0;padding:8px 14px 9px;font-size:clamp(14px,4.6cqw,17px);font-weight:500;line-height:1.38;position:absolute;top:13%;left:56%;box-shadow:inset 0 -3px #0b2a4a12,0 10px 18px -8px #0d477966}.bubble:after{content:"";background:#fff;border-radius:0 0 5px;width:16px;height:16px;position:absolute;bottom:-6px;left:20px;transform:rotate(45deg)}.bubble.is-pop{animation:pop .5s var(--spring) both}.app{--skin:#ffd9b8;--hair:#2b2118;--shirt:#4db8ff;--pants:#2f6fb3}.c-skin{fill:var(--skin)}.c-skin-s{stroke:var(--skin)}.c-hair{fill:var(--hair)}.c-shirt{fill:var(--shirt)}.c-shirt-s{stroke:var(--shirt)}.c-pants{fill:var(--pants)}.app{--pal-dirty:0;--pal-clean:1}.app[data-teeth=dirty]{--pal-dirty:1;--pal-clean:0}.app .screen--join,.app .screen--brush[data-state=finished]{--pal-dirty:0;--pal-clean:1}.pal-dirty{opacity:var(--pal-dirty,0);transition:opacity .6s}.pal-clean{opacity:var(--pal-clean,1);transition:opacity .6s}.pal{aspect-ratio:200/220;filter:brightness()drop-shadow(0 5px 5px #0d477947);transition:filter var(--theme-time);position:absolute;overflow:visible}[data-theme=night] .pal{filter:brightness(.9)drop-shadow(0 5px 5px #04062873)}.pal>svg{width:100%;height:100%;display:block;overflow:visible}.pal--home{transform-origin:50% 100%;touch-action:manipulation;border-radius:40%;width:25%;animation:3s ease-in-out infinite breathe;top:37%;left:62%}.pal--home.is-hop{animation:hop .6s var(--out)}.pal--ward{transform-origin:50% 100%;width:24%;animation:3s ease-in-out infinite breathe;bottom:18%;left:66%}.pal--ring{z-index:2;width:18%;animation:3.6s ease-in-out infinite floaty;top:-6%;left:50%;translate:-50%}.subq{width:100%;max-width:480px;margin:0 auto 16px}.subq__head{color:var(--ink);justify-content:space-between;align-items:center;margin:0 2px;font-size:15px;font-weight:500;line-height:1.35;display:flex}.subq__sum{border-radius:var(--r-pill);font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--ink) 10%, transparent);align-items:center;gap:3px;padding:1px 9px 1px 5px;font-size:13.5px;transition:background-color .3s,color .3s;display:flex}.subq__sum svg{width:16px;height:16px}.subq__sum b{font-weight:600}.subq__sum[data-all="1"]{color:#5a3a00;background:#ffe08a}.subq__list{scrollbar-width:none;gap:6px;padding:10px 4px 4px;display:flex;overflow-x:auto}.subq__list::-webkit-scrollbar{display:none}.subq__item{width:80px;color:var(--ink);touch-action:manipulation;flex:none;justify-items:center;gap:1px;display:grid}.subq__art{place-items:center;width:68px;height:68px;margin-bottom:1px;display:grid;position:relative}.subq__item[data-done="0"] .subq__art{animation:3.2s ease-in-out infinite bob;animation-delay:calc(var(--i) * -.7s)}.subq__item:active .subq__art{scale:.93}.subq__item.is-pop .subq__art{animation:bump .4s var(--spring)}.subq__ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.subq__seg{fill:none;stroke-width:5.5px;stroke:color-mix(in srgb, var(--ink) 20%, transparent);transition:stroke .3s}.subq__seg[data-on="1"]{stroke:#3dcb68}.subq__seg.is-new{animation:seg-in .5s var(--out)}.subq__item[data-done="1"] .subq__seg{stroke:#ffc93c}.subq__icon{background:linear-gradient(160deg,#fff,#e3f1ff);border-radius:50%;place-items:center;width:50px;height:50px;transition:background-color .3s;display:grid;position:relative;box-shadow:inset 0 3px #ffffffe6,inset 0 -4px #1670b824,0 6px 12px -6px #0d477973}.subq__icon>svg{width:30px;height:30px}.subq__item[data-done="1"] .subq__icon{background:linear-gradient(160deg,#fffbe6,#ffe9a8)}.subq__coin{border-radius:var(--r-pill);color:var(--amber-ink);font-variant-numeric:tabular-nums;background:#fff6d8;align-items:center;gap:1px;padding:1px 6px 1px 3px;font-size:12.5px;font-weight:600;line-height:1.35;display:flex;position:absolute;top:-5px;left:-7px;transform:rotate(-6deg);box-shadow:inset 0 -1.5px #c27a0040,0 3px 6px -2px #0b2a4a59}.subq__coin svg{width:14px;height:14px}.subq__item[data-done="1"] .subq__coin{display:none}.subq__name{text-align:center;font-size:13.5px;font-weight:500;line-height:1.3}.subq__count{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;line-height:1.3}.subq__item[data-done="1"] .slot__check{transform:scale(1)}.subq__badge{color:#fff;background:#1d8fe1;border:3px solid #fff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;bottom:-5px;right:-5px}.subq__badge svg{width:15px;height:15px}.subq__item[data-shot=pending] .subq__badge{background:#c27a00}.subq__item[data-shot=failed] .subq__badge{background:var(--coral)}.asheet__icon{background:linear-gradient(160deg,#fff,#e3f1ff);border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:10px;display:grid;box-shadow:inset 0 3px #ffffffe6,inset 0 -5px #1670b824,0 8px 16px -6px #0d477973}.asheet__icon svg{width:44px;height:44px}#asheet .sheet__title{text-wrap:balance;margin-bottom:16px}#asheet .sheet__text{margin:-14px 0 16px}.fx__word{border-radius:var(--r-pill);color:var(--navy);white-space:nowrap;background:#fff;padding:2px 11px;font-size:15.5px;font-weight:600;line-height:1.45;position:absolute;top:0;left:0;translate:-50% -50%;box-shadow:0 6px 12px -6px #0d47798c}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes seg-in{0%{stroke-width:12px}to{stroke-width:5.5px}}.panel{z-index:2;position:relative}.today{z-index:2;justify-content:center;align-items:flex-start;margin-block:4px 16px;display:flex;position:relative}.slot{justify-items:center;gap:4px;width:84px;display:grid}.slot__badge{width:58px;height:58px;transition:filter .4s, opacity .4s, transform .4s var(--spring);background:linear-gradient(160deg,#fff,#e3f1ff);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 3px #ffffffe6,inset 0 -5px #1670b824,0 8px 16px -6px #0d477973}.slot__badge>svg{width:34px;height:34px}.slot__check{background:var(--green);width:27px;height:27px;transition:transform .45s var(--spring);border:3px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-5px;right:-5px;transform:scale(0)}.slot__check svg{width:15px;height:15px}.slot__label{color:var(--ink);font-size:15px;font-weight:500;line-height:1.35}.slot[data-state=done] .slot__check{transform:scale(1)}.slot[data-state=now] .slot__badge{transform:scale(1.06)}.slot[data-state=now] .slot__badge:after{content:"";border:3px solid var(--green-light);border-radius:50%;animation:1.8s ease-out infinite ring;position:absolute;inset:-6px}.slot[data-state=now] .slot__label{font-weight:600}.slot[data-state=next] .slot__badge{filter:saturate(.25);opacity:.7}.slot[data-state=next] .slot__label{color:var(--ink-soft)}.slot[data-state=missed] .slot__badge{filter:saturate(0);opacity:.5}.slot[data-state=missed] .slot__label{color:var(--ink-soft);text-decoration:line-through}.today__path{align-items:center;gap:7px;height:58px;display:flex}.today__path i{background:color-mix(in srgb, var(--ink) 30%, transparent);border-radius:50%;width:7px;height:7px;transition:background .4s}.today[data-progress="1"] .today__path i,.today[data-progress="2"] .today__path i{background:#3dcb68}.action{z-index:2;justify-items:center;display:grid;position:relative}.action__lift{width:min(100%,340px);animation:2.8s ease-in-out infinite nudge}.cta{border-radius:var(--r-md);color:#fff;text-shadow:0 2px #0a501e59;background:linear-gradient(180deg, var(--green-light), var(--green) 55%, var(--green-dark));width:100%;min-height:68px;box-shadow:inset 0 2.5px 0 #ffffff61, inset 0 -4px 0 #0000001a, 0 7px 0 var(--green-edge), 0 18px 26px -8px #0c54248c;transition:transform .12s var(--out), box-shadow .12s var(--out), filter .2s;touch-action:manipulation;justify-content:center;align-items:center;gap:10px;margin-bottom:7px;font-size:27px;font-weight:600;line-height:1.2;display:flex;position:relative}.cta svg{width:34px;height:34px}.cta:hover{filter:brightness(1.05)}.cta:active,.cta.is-down{box-shadow:inset 0 2.5px 0 #ffffff61, inset 0 -4px 0 #0000001a, 0 2px 0 var(--green-edge), 0 8px 14px -8px #0c54248c;transform:translateY(5px)}.cta__reward{border-radius:var(--r-pill);color:var(--amber-ink);text-shadow:none;background:#fff6d8;align-items:center;gap:3px;padding:3px 10px 3px 5px;font-size:16px;font-weight:600;line-height:1.2;display:flex;position:absolute;top:-13px;right:-6px;transform:rotate(6deg);box-shadow:inset 0 -2px #c27a0040,0 4px 8px -2px #0b2a4a59}.cta__reward svg{width:20px;height:20px}.rest{border-radius:var(--r-md);width:min(100%,340px);min-height:75px;color:var(--ink);background:color-mix(in srgb, var(--ink) 9%, transparent);border:1.5px dashed color-mix(in srgb, var(--ink) 34%, transparent);animation:rise .5s var(--out) both;justify-content:center;align-items:center;gap:12px;padding:10px 18px;display:flex}.rest__icon{background:var(--green);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.rest__icon svg{width:22px;height:22px}.rest[data-kind=wait] .rest__icon{background:linear-gradient(160deg,#fff,#e3f1ff);box-shadow:inset 0 -3px #1670b824}.rest[data-kind=wait] .rest__icon svg{width:28px;height:28px}.rest__text b{font-size:20px;font-weight:600;line-height:1.3;display:block}.rest__text small{opacity:.88;font-size:15px;line-height:1.35;display:block}.tabs{z-index:3;border-radius:var(--r-lg);grid-template-columns:repeat(4,1fr);margin-top:16px;padding:6px;display:grid}.tab{border-radius:var(--r-md);min-height:60px;color:var(--ink-soft);transition:transform .15s var(--out), background-color .2s;touch-action:manipulation;align-content:center;justify-items:center;gap:1px;font-size:13.5px;font-weight:500;line-height:1.3;display:grid;position:relative}.tab svg{flex:none;width:30px;height:30px}.tab:hover{background:color-mix(in srgb, var(--tab-on) 40%, transparent)}.tab:active{transform:scale(.94)}.tab[aria-current=page]{color:var(--ink);background:var(--tab-on);box-shadow:inset 0 1px 0 #fff9, 0 6px 14px -8px var(--glass-shadow);font-weight:600}.brand{display:none}.brand__logo{background:linear-gradient(160deg,#ffedb3,#ffc93c);border-radius:18px;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 -3px #c27a004d,inset 0 2px #fff9}.brand__logo svg{width:34px;height:39px}.brand__name{color:var(--ink);font-size:21px;font-weight:600;line-height:1.15}.brand__name small{color:var(--ink-soft);font-size:15px;font-weight:500;display:block}.tab__dot{background:var(--coral);border:2.5px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;top:7px;left:calc(50% + 9px)}.fx{z-index:10;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fx__bit{border-radius:3px;width:10px;height:14px;position:absolute;top:0}.fx__flash{opacity:0;background:#fff;position:absolute;inset:0}.fx__item{width:28px;height:28px;position:absolute;top:-14px;left:-14px}.fx__item--spark{color:#ffd84a;width:18px;height:18px;top:-9px;left:-9px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes drift{0%{transform:translate(-14px)}to{transform:translate(14px)}}@keyframes twinkle{0%{opacity:.25}to{opacity:1}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02,.975)}}@keyframes hop{0%{transform:translateY(0)scale(1)}18%{transform:translateY(0)scale(1.1,.86)}46%{transform:translateY(-40px)scale(.95,1.07)}72%{transform:translateY(0)scale(1.06,.93)}to{transform:translateY(0)scale(1)}}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@keyframes wave{0%,to{transform:rotate(0)}50%{transform:rotate(-16deg)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes ring{0%{opacity:.95;transform:scale(.92)}to{opacity:0;transform:scale(1.3)}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}60%{transform:rotate(10deg)}}.screen--brush{gap:8px}.btop{z-index:3;justify-content:space-between;align-items:center;display:flex;position:relative}.iconbtn{width:48px;height:48px;color:var(--ink);transition:transform .15s var(--out);touch-action:manipulation;border-radius:50%;place-items:center;display:grid}.iconbtn svg{width:24px;height:24px}.iconbtn:active{transform:scale(.92)}.bstage{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.ringbox{aspect-ratio:1;width:min(100cqw,100cqh,480px);position:relative}.ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ring__disc--night{opacity:0;transition:opacity var(--theme-time)}[data-theme=night] .ring__disc--night{opacity:1}.ring__track,.ring__fill{fill:none;stroke-width:18px;stroke-linecap:round}.ring__track{stroke:var(--ring-track);filter:drop-shadow(0 2px 3px #0d477938)}.ring__track.is-now{animation:1.2s ease-in-out infinite pulse-track}.ring__fill{stroke:#2fc45c;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .3s linear}.ring__fill[data-on="0"]{opacity:0}.buddy{aspect-ratio:200/220;filter:brightness()drop-shadow(0 6px 6px #0d477947);width:46%;transition:filter var(--theme-time);position:absolute;top:29%;left:27%}[data-theme=night] .buddy{filter:brightness(.92)drop-shadow(0 6px 6px #04062873)}.buddy svg{width:100%;height:100%;display:block;overflow:visible}.buddy__body{transform-box:fill-box;transform-origin:50% 100%;animation:3.4s ease-in-out infinite breathe}.scrub{animation:.42s ease-in-out infinite alternate paused scrub}.foam{opacity:0;transition:opacity .3s}.foam circle{transform-box:fill-box;transform-origin:50%;animation:1.1s ease-in-out infinite alternate foam}.foam circle:nth-child(2n){animation-delay:-.5s}[data-state=running] .scrub{animation-play-state:running}[data-state=running] .foam,[data-state=paused] .foam{opacity:1}[data-state=paused] .foam circle{animation-play-state:paused}[data-state=finished] .buddy .eyes--open{display:none}[data-state=finished] .buddy .eyes--happy{display:inline}[data-state=finished] .buddy__body{animation:cheer 1.3s var(--out) infinite}.spot{aspect-ratio:1;width:19%;position:absolute;translate:-50% -50%}.spot--1{top:19.8%;left:80.2%}.spot--2{top:80.2%;left:80.2%}.spot--3{top:80.2%;left:19.8%}.spot--4{top:19.8%;left:19.8%}.spot svg{width:100%;height:100%;position:absolute;inset:0}.spot__germ{filter:drop-shadow(0 4px 4px #0d47794d);animation:2.6s ease-in-out infinite wobble}.spot__star{color:#ffd84a;filter:drop-shadow(0 2px 3px #c27a0073);transform:scale(0)}.spot[data-state=target] .spot__germ{animation:.45s ease-in-out infinite shake}.spot[data-state=gone] .spot__germ{opacity:0;animation:germ-out .45s var(--out) backwards}.spot[data-state=gone] .spot__star{animation:star-in .5s var(--spring) .2s backwards;transform:none}.bubble.bubble--brush{z-index:3;top:-7%;left:61%}.bpanel{z-index:2;position:relative}.binfo{text-align:center;justify-items:center;display:grid}.binfo__zone{min-height:27px;margin:0;font-size:20px;font-weight:500;line-height:1.35}.binfo__time{font-variant-numeric:tabular-nums;margin:0;font-size:64px;font-weight:600;line-height:1.12}.binfo__time.is-text{font-size:42px;line-height:1.7}.bactions{justify-items:center;margin-top:12px;display:grid}.bactions .cta,.btn-soft{width:min(100%,340px)}.btn-soft{border-radius:var(--r-md);min-height:62px;color:var(--navy);transition:transform .12s var(--out), box-shadow .12s var(--out);touch-action:manipulation;background:linear-gradient(#fff,#eaf4ff);justify-content:center;align-items:center;gap:10px;margin-bottom:6px;font-size:22px;font-weight:600;line-height:1.2;display:flex;box-shadow:inset 0 2px #fff,0 6px #a9c8e6,0 14px 20px -8px #0d477973}.btn-soft svg{width:26px;height:26px}.btn-soft:active{transform:translateY(4px);box-shadow:inset 0 2px #fff,0 2px #a9c8e6,0 8px 12px -8px #0d477973}.sheet{z-index:8;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.sheet__scrim{background:#08143080;animation:.25s both fade-in;position:absolute;inset:0}.sheet__card{--glass-a:#fffffff0;--glass-b:#ffffffd1;text-align:center;width:min(100%,340px);animation:pop .4s var(--spring) both;border-radius:32px;justify-items:center;padding:22px 20px 14px;display:grid}[data-theme=night] .sheet__card{--glass-a:#4a54bef0;--glass-b:#2c3284e6}.sheet__face{width:60px;height:60px;margin-bottom:10px}.sheet__face svg{width:42px;height:48px}.sheet__title{margin:0;font-size:24px;font-weight:600;line-height:1.35}.sheet__text{color:var(--ink-soft);margin:2px 0 18px;font-size:17px;line-height:1.5}.sheet__card .cta{width:100%}.linkbtn{border-radius:var(--r-pill);min-height:48px;color:var(--ink);margin-top:6px;padding:0 28px;font-size:18px;font-weight:500}@keyframes screen-in{0%{transform:translateY(12px)}to{transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-track{0%,to{opacity:1}50%{opacity:.45}}@keyframes scrub{0%{transform:translate(-9px)}to{transform:translate(9px)}}@keyframes foam{0%{transform:scale(.8)}to{transform:scale(1.12)}}@keyframes wobble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes shake{0%,to{transform:translate(-3%)rotate(-9deg)}50%{transform:translate(3%)rotate(9deg)}}@keyframes germ-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(1.5)rotate(20deg)}}@keyframes star-in{0%{transform:scale(0)rotate(-40deg)}}@keyframes cheer{0%{transform:translateY(0)scale(1)}10%{transform:translateY(0)scale(1.08,.88)}26%{transform:translateY(-34px)scale(.95,1.06)}40%{transform:translateY(0)scale(1.05,.94)}50%,to{transform:translateY(0)scale(1)}}.gscene{z-index:1;flex:1;place-items:center;min-height:0;display:grid;position:relative;container-type:size}.gstage{aspect-ratio:300/380;width:min(100cqw,78cqh,420px);position:relative}.gmachine{filter:brightness()drop-shadow(0 14px 14px #0d477938);transition:filter var(--theme-time);animation:5.6s ease-in-out infinite floaty;position:absolute;inset:0}[data-theme=night] .gmachine{filter:brightness(.8)drop-shadow(0 14px 14px #04062866)}.gmachine>svg{width:100%;height:100%;display:block;overflow:visible}.gmachine__body{transform-box:fill-box;transform-origin:50% 100%}.gknob{transform-box:fill-box;transform-origin:50%}.gballs{transform-box:fill-box;transform-origin:50% 100%}.gmachine.is-spinning .gmachine__body{animation:.9s ease-in-out machine-shake}.gmachine.is-spinning .gknob{animation:knob .9s var(--out)}.gmachine.is-spinning .gballs{animation:.9s ease-in-out jiggle}.gslot{width:1px;height:1px;position:absolute;top:67.1%;left:39.3%}.gdrop{aspect-ratio:1;width:15%;position:absolute;top:80.5%;left:50%;translate:-50% -50%}.gdrop.is-dropping{animation:drop .6s var(--out) both}.gpanel{z-index:2;position:relative}.gcollect{margin-bottom:16px}.gcollect__head{justify-content:space-between;align-items:baseline;margin:0 2px 8px;font-size:16px;font-weight:500;line-height:1.35;display:flex}.gcollect__head b{font-variant-numeric:tabular-nums;font-weight:600}.grars{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.grar{border-radius:var(--r-pill);min-height:34px;color:var(--ink);white-space:nowrap;background:color-mix(in srgb, var(--ink) 9%, transparent);align-items:center;gap:7px;padding:0 12px 0 9px;font-size:15px;font-weight:500;line-height:1.2;display:flex}.grar i{background:var(--rc);border-radius:50%;flex:none;width:16px;height:16px;box-shadow:inset 0 2px #ffffff8c,0 0 0 2px #ffffffb3}.grar b{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.grar[data-rarity=legendary] i{opacity:1;animation:1.6s ease-in-out infinite vfx-pulse}.grar.is-new{animation:bump .5s var(--spring)}.gaction{justify-items:center;display:grid}.gaction .cta{width:min(100%,340px)}.cta__price{border-radius:var(--r-pill);text-shadow:none;background:#0003;align-items:center;gap:4px;margin-left:4px;padding:3px 11px 3px 5px;font-size:21px;display:flex}.cta__price svg{width:24px;height:24px}.gnote{border-radius:var(--r-md);text-align:center;width:min(100%,340px);min-height:75px;color:var(--ink);background:color-mix(in srgb, var(--ink) 9%, transparent);border:1.5px dashed color-mix(in srgb, var(--ink) 34%, transparent);justify-content:center;align-items:center;gap:8px;margin:0;padding:10px 18px;font-size:19px;font-weight:500;line-height:1.35;display:flex}.gnote svg{flex:none;width:28px;height:28px}.gnote b{font-weight:600}.gnote small{color:var(--ink-soft);font-size:15px;font-weight:400;display:block}.reveal{z-index:9;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.reveal__scrim{background:#081430ad;animation:.3s both fade-in;position:absolute;inset:0}.reveal__body{text-align:center;color:#fff;justify-items:center;width:min(100%,340px);display:grid;position:relative}.reveal__stage{aspect-ratio:1;place-items:center;width:200px;margin-bottom:14px;display:grid;position:relative}.reveal__rays{opacity:0;background:repeating-conic-gradient(color-mix(in srgb, var(--rc-soft) 70%, transparent) 0 12deg, transparent 12deg 30deg);border-radius:50%;transition:opacity .4s;animation:16s linear infinite spin-slow;position:absolute;inset:-30%;-webkit-mask:radial-gradient(circle,#000 28%,#0000 68%);mask:radial-gradient(circle,#000 28%,#0000 68%)}.reveal__item{aspect-ratio:1;width:80%;box-shadow:0 0 0 5px var(--rc), inset 0 4px 0 #ffffffe6, inset 0 -8px 0 #1670b824, 0 16px 30px -10px #00000080;background:linear-gradient(160deg,#fff,#e3f1ff);border-radius:50%;place-items:center;display:grid;position:relative;transform:scale(0)}.reveal__item svg{width:70%;height:70%;overflow:visible}.reveal__ball{width:62%;height:62%;position:absolute}.reveal__tag{border-radius:var(--r-pill);background:var(--rc);color:#fff;margin:0;padding:3px 16px;font-size:17px;font-weight:600;line-height:1.4}.reveal__name{margin:6px 0 20px;font-size:30px;font-weight:600;line-height:1.3}.reveal .cta{width:100%}.reveal__tag,.reveal__name,.reveal .cta,.reveal .linkbtn{opacity:0}.reveal .linkbtn{color:#fff}.reveal[data-step=shake] .reveal__ball{animation:ball-shake var(--shake,.85s) ease-in-out both}.reveal[data-rarity=common] .reveal__rays{display:none}.reveal[data-rarity=epic] .reveal__rays{animation-duration:9s;inset:-48%}.reveal[data-rarity=legendary] .reveal__rays{animation-duration:5s;inset:-75%}.reveal[data-rarity=epic][data-step=shake] .reveal__ball,.reveal[data-rarity=legendary][data-step=shake] .reveal__ball{animation:ball-shake var(--shake) ease-in-out both, ball-glow .32s ease-in-out infinite alternate}.reveal[data-rarity=epic] .reveal__item{box-shadow:0 0 0 5px var(--rc), 0 0 36px 8px color-mix(in srgb, var(--rc) 70%, transparent), inset 0 4px 0 #ffffffe6, inset 0 -8px 0 #1670b824}.reveal[data-rarity=legendary] .reveal__item{box-shadow:0 0 0 6px var(--rc), 0 0 60px 18px #ffd84ad9, inset 0 4px 0 #ffffffe6, inset 0 -8px 0 #c27a0033;background:linear-gradient(160deg,#fffdf2,#ffe9a6)}.reveal[data-rarity=legendary] .reveal__tag{color:#5a3a00;background:linear-gradient(100deg,#ffc93c,#fff0b8 45%,#ffc93c 90%) 0 0/220% 100%;animation:1.6s linear infinite shimmer}.reveal[data-rarity=legendary] .reveal__name{text-shadow:0 0 18px #ffd84ae6}.reveal[data-step=open] .reveal__ball{opacity:0;animation:ball-out .35s var(--out) backwards}.reveal[data-step=open] .reveal__rays{opacity:1}.reveal[data-step=open] .reveal__item{animation:item-in .55s var(--spring) .1s backwards;transform:none}.reveal[data-step=open] .reveal__tag{opacity:1;animation:rise .4s var(--out) .35s backwards}.reveal[data-step=open] .reveal__name{opacity:1;animation:rise .4s var(--out) .45s backwards}.reveal[data-step=open] .cta{opacity:1;animation:rise .4s var(--out) .6s backwards}.reveal[data-step=open] .linkbtn{opacity:1;animation:rise .4s var(--out) .7s backwards}[data-rarity=common]{--rc:#6e8aa8;--rc-soft:#dce6f0}[data-rarity=rare]{--rc:#1d8fe1;--rc-soft:#bfe3ff}[data-rarity=epic]{--rc:#8e5be8;--rc-soft:#dccbff}[data-rarity=legendary]{--rc:#f5a800;--rc-soft:#ffe9a6}.vfx-twinkle{transform-origin:0 0;animation:1.6s ease-in-out infinite vfx-twinkle}.vfx-pulse{animation:1.8s ease-in-out infinite vfx-pulse}.vfx-spin{transform-origin:100px 108px;animation:18s linear infinite spin-slow}.vfx-flap{transform-origin:50px 110px;animation:1.1s ease-in-out infinite vfx-flap}.vfx-flame{transform-box:fill-box;transform-origin:50% 0;animation:.26s ease-in-out infinite alternate vfx-flame}.vfx-blink{animation:.9s step-end infinite vfx-blink}@keyframes vfx-twinkle{0%,to{opacity:.2;transform:scale(.3)}50%{opacity:1;transform:scale(1)}}@keyframes vfx-pulse{0%,to{opacity:.25}50%{opacity:.7}}@keyframes vfx-flap{0%,to{transform:rotate(0)}50%{transform:rotate(12deg)}}@keyframes vfx-flame{0%{transform:scaleY(.7)}to{transform:scaleY(1.15)}}@keyframes vfx-blink{0%,to{opacity:1}35%{opacity:0}70%{opacity:1}}@keyframes ball-glow{0%{filter:drop-shadow(0 0 4px var(--rc))}to{filter:drop-shadow(0 0 22px var(--rc))}}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-100% 0}}@keyframes machine-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-2.5deg)}40%{transform:rotate(2.5deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(1.5deg)}}@keyframes knob{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes jiggle{0%,to{transform:translateY(0)}25%{transform:translateY(-6px)}50%{transform:translateY(2px)}75%{transform:translateY(-4px)}}@keyframes drop{0%{opacity:0;transform:translateY(-60%)scale(.5)}55%{opacity:1;transform:translateY(46%)scale(1)}75%{transform:translateY(22%)}to{transform:translateY(40%)}}@keyframes ball-shake{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-14deg)scale(1.05)}40%{transform:rotate(12deg)scale(1.08)}60%{transform:rotate(-10deg)scale(1.12)}80%{transform:rotate(8deg)scale(1.16)}}@keyframes ball-out{0%{opacity:1;transform:scale(1.16)}to{opacity:0;transform:scale(1.7)}}@keyframes item-in{0%{transform:scale(0)rotate(-20deg)}}@keyframes spin-slow{to{transform:rotate(360deg)}}.wscene{z-index:1;flex:1;place-items:center;min-height:0;display:grid;position:relative;container-type:size}.wstage{aspect-ratio:100/112;width:min(100cqw,84cqh,400px);position:relative}.wglow{aspect-ratio:1;transition:opacity var(--theme-time);background:radial-gradient(circle,#ffffffb3,#fff0 68%);border-radius:50%;position:absolute;top:8%;left:6%;right:6%}[data-theme=night] .wglow{opacity:.3}.wcloud{fill:#fff;filter:brightness()drop-shadow(0 10px 10px #0d477933);width:88%;height:auto;transition:filter var(--theme-time);position:absolute;bottom:0;left:6%}[data-theme=night] .wcloud{filter:brightness(.72)drop-shadow(0 10px 10px #04062866)}.wbuddy{aspect-ratio:200/220;filter:brightness()drop-shadow(0 6px 6px #0d477947);width:56%;transition:filter var(--theme-time);position:absolute;bottom:15%;left:13%}[data-theme=night] .wbuddy{filter:brightness(.92)drop-shadow(0 6px 6px #04062873)}.wbuddy svg{width:100%;height:100%;display:block;overflow:visible}.wbuddy__body{transform-box:fill-box;transform-origin:50% 100%;animation:3.4s ease-in-out infinite breathe}.wbuddy.is-hop .wbuddy__body{animation:hop .62s var(--out)}.bubble.bubble--ward{top:24%;left:auto;right:0}.wpanel{z-index:2;margin-top:4px;position:relative}.wcats{grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:6px;display:grid}.wcat{min-height:54px;color:var(--ink-soft);transition:transform .15s var(--out), background-color .2s;touch-action:manipulation;border-radius:18px;align-content:center;justify-items:center;gap:1px;font-size:13px;font-weight:500;line-height:1.25;display:grid}.wcat svg{width:28px;height:28px;overflow:visible}.wcat__kid{display:grid}.wcat:active{transform:scale(.94)}.wcat[aria-selected=true]{color:var(--ink);background:var(--tab-on);box-shadow:inset 0 1px 0 #fff9, 0 6px 14px -8px var(--glass-shadow);font-weight:600}.witems{scrollbar-width:none;scroll-snap-type:x proximity;gap:10px;padding:8px 4px 10px;display:flex;overflow-x:auto}.witems::-webkit-scrollbar{display:none}.witem{aspect-ratio:1;background:linear-gradient(160deg, #fff, var(--rc-soft));width:66px;box-shadow:inset 0 0 0 3px var(--rc), inset 0 5px 0 #fffc, 0 6px 12px -6px #0d477973;transition:transform .15s var(--out), box-shadow .2s;touch-action:manipulation;scroll-snap-align:start;border-radius:22px;flex:none;place-items:center;display:grid;position:relative}.witem>svg{width:68%;height:68%;overflow:visible}.witem:active{transform:scale(.93)}.witem.is-wiggle{animation:wiggle .5s var(--out)}.witem[data-rarity=legendary]{background:linear-gradient(110deg,#ffe9a6,#fffbea 45%,#ffd84a 90%) 0 0/220% 100%;animation:2.4s linear infinite shimmer}.witem.is-wiggle[data-rarity=legendary]{animation:wiggle .5s var(--out)}.witem__check{background:var(--green);width:24px;height:24px;transition:transform .35s var(--spring);border:2.5px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:-5px;right:-5px;transform:scale(0)}.witem__check svg{width:13px;height:13px}.witem[data-state=worn]{box-shadow:0 0 0 3.5px var(--green-light), inset 0 0 0 3px var(--rc), inset 0 5px 0 #fffc, 0 6px 12px -6px #0d477973}.witem[data-state=worn] .witem__check{transform:scale(1)}.witem[data-state=locked]{background:color-mix(in srgb, var(--rc) 22%, transparent);box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--rc) 70%, transparent);animation:none}.witem[data-state=locked]>svg{display:none}.witem[data-state=locked]:after{content:"?";color:var(--ink);opacity:.75;font-size:24px;font-weight:600;line-height:1}.rscene{z-index:1;flex-direction:column;flex:1;gap:10px;min-height:0;padding-top:10px;display:flex;position:relative}.rpanel{z-index:2;width:100%;max-width:480px;margin:10px auto 0;position:relative}.rcard,.rquests,.rsum,.jform{color:var(--ink);background:linear-gradient(135deg, var(--paper-a), var(--paper-b));-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);box-shadow:inset 0 1px 0 #ffffff80, 0 12px 26px -12px var(--glass-shadow);border-radius:28px;padding:14px 14px 12px}.rcard{flex-direction:column;flex:1;width:100%;max-width:480px;min-height:0;margin-inline:auto;display:flex}.rhead{border-bottom:1.5px solid var(--line);padding:2px 4px 10px}.rhead__name{margin:0;font-size:24px;font-weight:600;line-height:1.3}.rhead__sub{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 0;font-size:14.5px;line-height:1.4;display:flex}.rhead__sub b{letter-spacing:.08em;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.rbadge{border-radius:var(--r-pill);white-space:nowrap;padding:1px 10px;font-size:13px;font-weight:600;line-height:1.5}.rbadge[data-role=leader]{color:#5a3a00;background:#ffd84a}.rbadge[data-role=manager]{color:#0c4a7a;background:#bfe3ff}.rbadge[data-role=kid]{background:color-mix(in srgb, var(--ink) 10%, transparent);color:var(--ink-soft)}.rmembers,.rqlist{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ink) 30%, transparent) transparent;margin:0;padding:0;list-style:none;overflow-y:auto}.rmembers{flex:1;min-height:0}.rmember{border-bottom:1.5px solid var(--line);align-items:center;gap:10px;min-height:58px;padding:6px 2px;display:flex}.rmember:last-child{border-bottom:0}.rmember__face{background:linear-gradient(160deg,#c9eeff,#63c2f9);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.rmember__face svg{width:38px;height:38px}.rmember__name{flex:1;justify-items:start;gap:1px;min-width:0;font-size:16.5px;font-weight:500;line-height:1.3;display:grid}.rmember__name>span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.rmember__today{font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:4px;font-size:14.5px;font-weight:600;display:flex}.rmember__today svg{width:22px;height:22px}.rmember__today svg[data-done="0"]{filter:saturate(0);opacity:.35}.rmember__today b{min-width:18px;margin-left:2px;font-weight:600}.rmember__more,.rq__edit{width:44px;height:44px;color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent);transition:transform .15s var(--out);border-radius:50%;flex:none;place-items:center;display:grid}.rmember__more:active,.rq__edit:active{transform:scale(.92)}.rmember__more svg,.rq__edit svg{width:22px;height:22px}.rquests__head{justify-content:space-between;align-items:baseline;margin:2px 4px 6px;font-size:16px;font-weight:500;line-height:1.35;display:flex}.rquests__head b{font-variant-numeric:tabular-nums;font-weight:600}.rqlist{max-height:166px}.rq{border-bottom:1.5px solid var(--line);align-items:center;gap:10px;min-height:54px;padding:5px 2px;display:flex}.rq:last-child{border-bottom:0}.rq__icon{background:linear-gradient(160deg,#fff,#e3f1ff);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 -3px #1670b824}.rq__icon svg{width:26px;height:26px}.rq__text{flex:1;gap:0;min-width:0;display:grid}.rq__text b{text-overflow:ellipsis;white-space:nowrap;font-size:16.5px;font-weight:500;line-height:1.3;overflow:hidden}.rq__text small{color:var(--ink-soft);font-size:13.5px;line-height:1.35}.rquests__empty{color:var(--ink-soft);margin:6px 4px 10px;font-size:15px;line-height:1.5}.rquests .cta{min-height:58px;margin-top:10px;font-size:22px}.rquests .cta svg{width:26px;height:26px}.rquests__meta{font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:flex}.rquests__coins{align-items:center;gap:3px;display:flex}.rquests__coins svg{width:18px;height:18px}.rquests__full{text-align:center;color:var(--ink-soft);margin:10px 4px 2px;font-size:14.5px;line-height:1.5}.rreview{text-align:left;color:#5a3a00;width:100%;min-height:60px;transition:transform .12s var(--out), box-shadow .12s var(--out);touch-action:manipulation;background:linear-gradient(#fff3c4,#ffe08a);border-radius:22px;align-items:center;gap:10px;margin-bottom:14px;padding:8px 12px 8px 10px;display:flex;box-shadow:inset 0 2px #ffffffb3,0 5px #e0a92b,0 12px 18px -10px #7a4b0080}.rreview:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffffb3,0 2px #e0a92b,0 8px 12px -10px #7a4b0080}.rreview__icon{color:#c27a00;background:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.rreview__icon svg{width:24px;height:24px}.rreview__text{flex:1;min-width:0;display:grid}.rreview__text b{font-size:17px;font-weight:600;line-height:1.3}.rreview__text small{font-size:13.5px;line-height:1.35}.rreview__go{border-radius:var(--r-pill);background:#fff;flex:none;padding:5px 14px;font-size:15px;font-weight:600;line-height:1.4}.tab__dot--room{background:#f59e0b}.rseg{z-index:2;border-radius:var(--r-pill);flex:none;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;width:100%;max-width:480px;margin:10px auto 0;padding:4px;display:grid;position:relative}.rseg button{border-radius:var(--r-pill);min-height:44px;color:var(--ink-soft);touch-action:manipulation;font-size:16.5px;font-weight:500;line-height:1.3;transition:background-color .2s,color .2s}.rseg button[aria-pressed=true]{color:var(--ink);background:var(--tab-on);box-shadow:0 4px 10px -6px var(--glass-shadow);font-weight:600}.rscene{order:1}.tabs{order:2}.screen--home[data-room=members] .rquests{display:none}.screen--home[data-room=members] .rreview{margin-bottom:2px}.screen--home[data-room=quests] .rscene{display:none}.screen--home[data-room=quests] .rpanel{flex-direction:column;flex:1;min-height:0;display:flex}.screen--home[data-room=quests] .rquests{flex-direction:column;min-height:0;display:flex}.screen--home[data-room=quests] .rqlist{min-height:0;max-height:none}.screen--home[data-room=quests] .rreview,.screen--home[data-room=quests] .rquests .cta{flex:none}.qform{text-align:left;justify-items:stretch;gap:12px;width:min(100%,364px)}.qform .sheet__title{text-align:center}.field{border:0;gap:5px;min-width:0;margin:0;padding:0;display:grid}.field__label{color:var(--ink);padding:0;font-size:15px;font-weight:500;line-height:1.35}.field__input{border:2px solid color-mix(in srgb, var(--ink) 22%, transparent);width:100%;min-height:50px;color:var(--navy);font:inherit;background:#fff;border-radius:16px;padding:0 14px;font-size:18px}.field__input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.field__error{color:#c62828;margin:-6px 2px 0;font-size:14px;font-weight:500;line-height:1.4}[data-theme=night] .field__error{color:#ffb4a9}.qicons{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.qicon{aspect-ratio:1;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--navy) 16%, transparent);cursor:pointer;background:#fff;border-radius:18px;place-items:center;display:grid;position:relative}.qicon input{opacity:0;cursor:pointer;position:absolute;inset:0}.qicon svg{width:30px;height:30px}.qicon:has(input:checked){box-shadow:inset 0 0 0 3.5px var(--green-light)}.qicon:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.qrow{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stepper{min-height:50px;color:var(--navy);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--navy) 16%, transparent);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;display:flex}.stepper button{width:48px;height:50px;color:var(--navy);border-radius:16px;font-size:26px;font-weight:500;line-height:1}.stepper output{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.qform__foot{justify-content:space-between;display:flex}.qform__foot .linkbtn{margin-top:0}.linkbtn--danger{color:#c62828}[data-theme=night] .linkbtn--danger{color:#ffb4a9}.msheet__actions{gap:8px;width:100%;margin-top:4px;display:grid}.msheet__actions .btn-soft{width:100%;min-height:54px;font-size:19px}.qlib,.qfields{gap:12px;display:grid}.qlib__budget{text-align:center;color:var(--ink-soft);margin:-8px 0 0;font-size:14.5px;line-height:1.5}.qlib__grid{grid-template-columns:repeat(4,1fr);gap:12px 6px;display:grid}.qtile{min-width:0;color:var(--ink);transition:transform .15s var(--out), opacity .2s;touch-action:manipulation;align-content:start;justify-items:center;gap:1px;display:grid}.qtile[data-state=free]:active{transform:scale(.94)}.qtile[data-state=added],.qtile[data-state=blocked]{cursor:default}.qtile[data-state=blocked]{opacity:.38}.qtile.is-pop .qtile__icon{animation:bump .4s var(--spring)}.qtile__icon{background:linear-gradient(160deg,#fff,#e3f1ff);border-radius:50%;place-items:center;width:50px;height:50px;margin-bottom:3px;display:grid;position:relative;box-shadow:inset 0 -4px #1670b824,0 5px 10px -6px #0d477973}.qtile__icon>svg{width:30px;height:30px}.qtile__cam{color:#fff;background:#1d8fe1;border:2.5px solid #fff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:-5px;left:-5px}.qtile__cam svg{width:12px;height:12px}.qtile[data-state=added] .slot__check{transform:scale(1)}.qtile__name{text-align:center;font-size:13px;font-weight:500;line-height:1.3}.qtile__meta{color:var(--ink-soft);font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:12.5px;font-weight:600;line-height:1.35;display:flex}.qtile__meta svg{width:14px;height:14px;margin-left:3px}.qlib .btn-soft{width:100%;min-height:54px;font-size:19px}.qlib .btn-soft svg{width:22px;height:22px}.qlib .linkbtn{justify-self:center;margin-top:-6px}.qpreset{justify-content:center;align-items:center;gap:10px;margin:0;font-size:19px;line-height:1.3;display:flex}.qpreset b{font-weight:600}.field__label small{color:var(--ink-soft);margin-left:4px;font-size:13px;font-weight:400}.stepper button:disabled{opacity:.28;cursor:default}.qswitch{min-height:60px;color:var(--navy);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--navy) 16%, transparent);cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:8px 12px 8px 14px;display:flex;position:relative}.qswitch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.qswitch__text{flex:1;min-width:0;display:grid}.qswitch__text b{font-size:16.5px;font-weight:500;line-height:1.3}.qswitch__text small{opacity:.78;font-size:13px;line-height:1.4}.qswitch__knob{border-radius:var(--r-pill);background:#b9c7d6;flex:none;width:50px;height:30px;transition:background-color .2s;position:relative}.qswitch__knob:after{content:"";width:24px;height:24px;transition:transform .2s var(--out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0b2a4a4d}.qswitch:has(input:checked) .qswitch__knob{background:var(--green-light)}.qswitch:has(input:checked) .qswitch__knob:after{transform:translate(20px)}.qswitch:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.pform,.vform{justify-items:stretch;gap:12px}.pform .sheet__text{margin:-10px 0 0;font-size:15.5px}.shot{aspect-ratio:4/3;background:color-mix(in srgb, var(--ink) 9%, transparent);width:100%;color:var(--ink-soft);border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden}.shot[data-empty="1"]{border:2px dashed color-mix(in srgb, var(--ink) 32%, transparent)}.shot img,.shot__art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shot__empty{opacity:.55;width:52px;height:52px}.vwho{text-align:left;align-items:center;gap:10px;display:flex}.vwho__text{flex:1;min-width:0;display:grid}.vwho__text b{font-size:18px;font-weight:600;line-height:1.3}.vwho__text small{color:var(--ink-soft);font-size:14.5px;line-height:1.35}.vwho__left{color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none;font-size:14px;line-height:1.4}.vactions{grid-template-columns:1fr 1fr;gap:10px;margin-top:2px;display:grid}.vactions .btn-soft,.vactions .cta{width:100%;min-height:60px;margin-bottom:7px;font-size:22px}.vactions .cta svg{width:26px;height:26px}.vform .linkbtn{justify-self:center;margin-top:0}.csheet__icon{color:#1d8fe1;background:linear-gradient(160deg,#fff,#e3f1ff)}.csheet__icon svg{width:32px;height:32px}.clist{text-align:left;gap:9px;width:100%;margin:10px 0 18px;padding:0;font-size:16px;line-height:1.45;list-style:none;display:grid}.clist li{align-items:flex-start;gap:10px;display:flex}.clist svg{background:var(--green);border-radius:50%;flex:none;width:22px;height:22px;margin-top:1px;padding:4px}.rsum{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ink) 30%, transparent) transparent;flex:0 auto;width:100%;max-width:480px;min-height:0;margin-inline:auto;overflow-y:auto}.rsum__grid{gap:14px;display:grid}.rsum__head{color:var(--ink-soft);justify-content:space-between;align-items:baseline;margin:0 2px 6px;font-size:15px;font-weight:500;line-height:1.35;display:flex}.rsum__head b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.sbar{align-items:center;gap:8px;min-height:34px;display:flex}.sbar svg{flex:none;width:24px;height:24px}.sbar__name{flex:none;width:62px;font-size:15.5px;font-weight:500;line-height:1.3}.sbar__track,.wk__bar{background:color-mix(in srgb, var(--ink) 13%, transparent);overflow:hidden}.sbar__track{border-radius:6px;flex:1;height:12px}.sbar__track i{height:100%;transition:width .5s var(--out);background:#3dcb68;border-radius:6px;display:block}.sbar b{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;font-size:16px;font-weight:600}.rsum__week{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.wk{justify-items:center;gap:3px;min-width:0;display:grid}.wk__bar{border-radius:8px;width:100%;max-width:30px;height:62px;position:relative}.wk__bar i{transition:height .5s var(--out);background:#3dcb68;border-radius:8px;position:absolute;bottom:0;left:0;right:0}.wk__day{color:var(--ink-soft);white-space:nowrap;font-size:13px;line-height:1.3}.wk[data-today="1"] .wk__bar i{background:#ffc93c}.wk[data-today="1"] .wk__day{color:var(--ink);font-weight:600}.rsum__care{margin:0;padding:0;list-style:none}.scare{align-items:center;gap:10px;min-height:46px;padding:3px 2px;display:flex}.scare .rmember__face{width:34px;height:34px}.scare .rmember__face svg{width:30px;height:30px}.scare__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:500;line-height:1.3;overflow:hidden}.scare b{border-radius:var(--r-pill);color:#9b1c1c;background:#ffe3e0;flex:none;padding:2px 10px;font-size:13.5px;font-weight:600;line-height:1.5}.rsum__ok{align-items:center;gap:8px;margin:0 2px;font-size:15.5px;line-height:1.4;display:flex}.rsum__ok svg{background:var(--green);border-radius:50%;flex:none;width:22px;height:22px;padding:4px}.rcard[data-empty="1"] .rmembers{flex:none}.rinvite{text-align:center;justify-items:center;gap:6px;margin:auto 0;padding:14px 6px 8px;display:grid}.rinvite__text{color:var(--ink-soft);margin:0;font-size:16px;line-height:1.45}.rinvite__code,.jcode{letter-spacing:.1em;font-variant-numeric:tabular-nums;margin:0;font-size:42px;font-weight:600;line-height:1.2}.rinvite .btn-soft{width:min(100%,260px);min-height:54px;font-size:19px}.rleave{color:var(--ink-soft);flex:none;align-self:center;margin-top:2px;font-size:15.5px}.screen--home[data-room=summary] .rcard,.screen--home[data-room=summary] .rquests,.screen--home[data-room=members] .rsum{display:none}.screen--join{gap:6px}.jtop{z-index:3;flex:none;place-items:center;width:100%;max-width:480px;min-height:48px;margin-inline:auto;display:grid;position:relative}.jtop .iconbtn{position:absolute;top:0;left:0}.jdots{gap:7px;display:flex}.jdots i{background:color-mix(in srgb, var(--ink) 28%, transparent);border-radius:4px;width:26px;height:7px;transition:background-color .3s}.jdots i[data-on="1"]{background:#3dcb68}.jbody{z-index:2;scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:14px;width:100%;max-width:380px;min-height:0;max-height:760px;margin:auto;padding:4px 4px 10px;display:flex;position:relative;overflow-y:auto}.jbody::-webkit-scrollbar{display:none}.jstage{flex:1 1 0;align-content:end;justify-items:center;gap:12px;width:100%;min-height:190px;display:grid;container-type:size}.bubble.bubble--join{text-align:center;transform-origin:50% 100%;font-size:17px;position:relative;top:auto;left:auto}.bubble.bubble--join:after{left:calc(50% - 8px)}.jchars{aspect-ratio:210/170;width:min(210px,123.5cqh - 93.86px);position:relative}.jbuddy{aspect-ratio:200/220;filter:brightness()drop-shadow(0 6px 6px #0d477947);width:62%;transition:filter var(--theme-time);display:none;position:absolute;bottom:0;left:4%}[data-theme=night] .jbuddy{filter:brightness(.9)drop-shadow(0 6px 6px #04062873)}.jbuddy svg{width:100%;height:100%;display:block;overflow:visible}.jbuddy__body{transform-box:fill-box;transform-origin:50% 100%;animation:3.4s ease-in-out infinite breathe}.jbuddy.is-hop .jbuddy__body{animation:hop .62s var(--out)}.pal--join{transform-origin:50% 100%;width:56%;animation:3s ease-in-out infinite breathe;bottom:0;left:50%;translate:-50%}.screen--join:is([data-step=welcome],[data-step=kid],[data-step=created]) .jbuddy{display:block}.screen--join:is([data-step=welcome],[data-step=kid],[data-step=created]) .pal--join{width:36%;bottom:3%;left:64%;translate:none}.screen--join[data-plays="0"][data-step=created] .jbuddy{display:none}.screen--join[data-plays="0"][data-step=created] .pal--join{width:56%;bottom:0;left:50%;translate:-50%}.jform{flex:none;width:100%;padding:18px 16px 14px}.screen--home[data-mode=teacher] .tabs,.screen--home[data-mode=teacher] .stats{display:none}.jstep{gap:12px;display:grid}.jstep .cta,.jstep .btn-soft{width:100%}.jtitle{text-align:center;margin:0 0 4px;font-size:30px;font-weight:600;line-height:1.25}.jnote{text-align:center;color:var(--ink-soft);margin:-4px 0 0;font-size:14.5px;line-height:1.5}.field__hint{color:var(--ink-soft);margin:-6px 2px 0;font-size:14px;line-height:1.4}.field__input--code{text-align:center;letter-spacing:.3em;font-variant-numeric:tabular-nums;min-height:64px;padding:0 0 0 .3em;font-size:30px;font-weight:600}.jkids{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:300px;margin-inline:auto;display:grid}.jkid{aspect-ratio:1;transition:transform .15s var(--out);touch-action:manipulation;background:linear-gradient(160deg,#c9eeff,#63c2f9);border-radius:24px;place-items:center;display:grid;box-shadow:inset 0 -4px #1670b833,0 6px 12px -6px #0d477973}.jkid svg{width:82%;height:82%}.jkid:active{transform:scale(.94)}.jkid[aria-pressed=true]{box-shadow:inset 0 0 0 4px #fff, 0 0 0 4px var(--green-light), 0 6px 12px -6px #0d477973}.jcode{text-align:center}.rgoal{border-bottom:1.5px solid var(--line);flex:none;align-items:center;gap:10px;padding:10px 2px;display:flex}.rgoal__icon{background:linear-gradient(160deg,#fff3c4,#ffe08a);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.rgoal__icon svg{width:26px;height:26px}.rgoal__body{flex:1;gap:3px;min-width:0;display:grid}.rgoal__head{justify-content:space-between;gap:8px;margin:0;font-size:14.5px;line-height:1.35;display:flex}.rgoal__head b{font-variant-numeric:tabular-nums;font-weight:600}.rgoal__track{background:color-mix(in srgb, var(--ink) 13%, transparent);border-radius:5px;height:10px;overflow:hidden}.rgoal__track i{height:100%;transition:width .5s var(--out);background:#ffc93c;border-radius:5px;display:block}.rgoal[data-reached="1"] .rgoal__track i{background:#3dcb68}.rgoal__note{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.3}.rgoal__claim{border-radius:var(--r-pill);color:#5a3a00;touch-action:manipulation;background:linear-gradient(#fff3c4,#ffe08a);flex:none;align-items:center;gap:4px;min-height:44px;padding:0 14px 0 10px;font-size:16px;font-weight:600;animation:2.8s ease-in-out infinite nudge;display:flex;box-shadow:inset 0 2px #ffffffb3,0 4px #e0a92b}.rgoal__claim svg{width:20px;height:20px}.rgoal__done{color:var(--ink-soft);flex:none;font-size:13.5px;font-weight:600}.decorbtn{z-index:2;border-radius:var(--r-pill);min-height:44px;color:var(--ink);transition:transform .15s var(--out);touch-action:manipulation;align-items:center;gap:5px;padding:0 14px 0 9px;font-size:15px;font-weight:500;line-height:1.3;display:flex;position:absolute;bottom:2px;left:0}.decorbtn svg{width:26px;height:26px}.decorbtn:active{transform:scale(.94)}.dform{justify-items:stretch;gap:12px;width:min(100%,364px)}.dcoins{font-variant-numeric:tabular-nums;justify-self:center;align-items:center;gap:4px;margin:-8px 0 0;font-size:16px;font-weight:600;display:flex}.dcoins svg{width:20px;height:20px}.dgrid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dtile{color:var(--navy);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--navy) 14%, transparent);transition:transform .15s var(--out);touch-action:manipulation;background:#fff;border-radius:20px;justify-items:center;gap:2px;padding:8px 4px 7px;display:grid;position:relative}.dtile:active{transform:scale(.95)}.dtile[aria-pressed=true]{box-shadow:inset 0 0 0 3.5px var(--green-light)}.dtile>svg{width:56px;height:46px;overflow:visible}.dtile__name{text-align:center;font-size:13.5px;font-weight:500;line-height:1.3}.dtile__state{color:#5a6b80;font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:12.5px;font-weight:600;line-height:1.35;display:flex}.dtile__state svg{width:14px;height:14px}.dtile[data-state=placed] .dtile__state{color:#188f3c}.dform .cta[aria-disabled=true]{filter:grayscale(.75);opacity:.7}.dform .cta.is-wiggle{animation:wiggle .5s var(--out)}.dform .linkbtn{justify-self:center;margin-top:-4px}.rest[data-kind=wait]{cursor:default}.ycard{justify-items:stretch;gap:12px;width:min(100%,364px)}.ystats{justify-content:center;gap:8px;display:flex}.ystat{background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:20px;flex:1;justify-items:center;gap:1px;max-width:104px;padding:10px 4px 8px;display:grid}.ystat svg{width:30px;height:30px}.ystat b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1.25}.ystat small{color:var(--ink-soft);font-size:13px;line-height:1.3}.yline{justify-content:center;align-items:center;gap:5px;margin:0;font-size:16px;font-weight:500;line-height:1.4;display:flex}.yline svg{width:22px;height:22px}.ynext{text-align:left;background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:18px;padding:10px 14px}.ynext b{color:var(--ink-soft);margin-bottom:2px;font-size:14px;font-weight:600;display:block}.ynext ul{margin:0;padding:0 0 0 18px;font-size:15.5px;line-height:1.5}.rsum__report{width:100%;min-height:48px;margin:12px 0 2px;font-size:17px}.wcard{scrollbar-width:thin;justify-items:stretch;gap:12px;width:min(100%,380px);max-height:100%;overflow-y:auto}.wsub{text-align:center;color:var(--ink-soft);margin:-10px 0 0;font-size:15.5px;line-height:1.4}.wbig{justify-items:center;display:grid}.wbig b{font-variant-numeric:tabular-nums;font-size:52px;font-weight:600;line-height:1.1}.wbig span{color:var(--ink-soft);font-size:14.5px;line-height:1.4}.wfacts{text-align:left;background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:18px;margin:0;padding:10px 14px 10px 30px;font-size:15.5px;line-height:1.55}.wlist{text-align:left;margin:0;padding:0;list-style:none}.wrow{align-items:center;gap:8px;min-height:42px;display:flex}.wrow .rmember__face{width:30px;height:30px}.wrow .rmember__face svg{width:27px;height:27px}.wrow__name{text-overflow:ellipsis;white-space:nowrap;flex:none;width:84px;font-size:15px;font-weight:500;line-height:1.3;overflow:hidden}.wrow b{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:42px;font-size:14.5px;font-weight:600}.wcard .qswitch{text-align:left}.wcard .cta{min-height:60px;font-size:22px}.wcard .linkbtn{justify-self:center;margin-top:-4px}.stat .stat__rest{width:18px;height:18px;margin-left:-3px}.gmonth{color:#5a3a00;background:linear-gradient(#fff6d8,#ffe9a8);border-radius:18px;align-items:center;gap:10px;margin:10px 0 0;padding:7px 12px 7px 8px;display:flex;box-shadow:inset 0 -2px #c27a0033}.gmonth__icon{background:#fff;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.gmonth__icon svg{width:32px;height:32px;overflow:visible}.gmonth__text{flex:1;min-width:0;display:grid}.gmonth__text small{font-size:13px;line-height:1.3}.gmonth__text b{font-size:16px;font-weight:600;line-height:1.3}.gmonth__state{flex:none;font-size:13px;font-weight:600;line-height:1.3}.me{transition:transform .15s var(--out);touch-action:manipulation}.me:active{transform:scale(.96)}.uform{justify-items:stretch;gap:12px}.ulist{scrollbar-width:thin;gap:6px;max-height:300px;display:grid;overflow-y:auto}.urow{text-align:left;min-height:58px;color:var(--navy);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--navy) 14%, transparent);transition:transform .15s var(--out);touch-action:manipulation;background:#fff;border-radius:18px;align-items:center;gap:10px;padding:6px 12px 6px 8px;display:flex}.urow:active{transform:scale(.97)}.urow[aria-pressed=true]{box-shadow:inset 0 0 0 3.5px var(--green-light)}.urow .rmember__face svg{color:var(--navy)}.urow__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:17px;font-weight:500;line-height:1.3;overflow:hidden}.urow__now{color:#188f3c;flex:none;font-size:13px;font-weight:600}.uform .btn-soft{width:100%;min-height:54px;font-size:19px}.uform .btn-soft svg{width:22px;height:22px}.uform .linkbtn{justify-self:center;margin-top:-6px}.rinvite .linkbtn{margin-top:0}.field__input--pin{text-align:center;letter-spacing:.4em;font-variant-numeric:tabular-nums;min-height:64px;padding:0 0 0 .4em;font-size:32px;font-weight:600}.msheet__pin{color:var(--ink-soft);justify-content:center;align-items:center;gap:8px;margin:-8px 0 14px;font-size:16px;line-height:1.4;display:flex}.msheet__pin b{letter-spacing:.18em;color:var(--ink);background:color-mix(in srgb, var(--ink) 9%, transparent);font-variant-numeric:tabular-nums;border-radius:12px;padding:2px 14px;font-size:24px;font-weight:600}.nform{justify-items:stretch;gap:12px}.nform.is-wiggle{animation:wiggle .5s var(--out)}.nform .linkbtn{justify-self:center;margin-top:-4px}.jstep .linkbtn{justify-self:center;margin-top:-6px}.decorbtn--badge{padding:0 13px 0 8px;left:auto;right:0}.decorbtn--badge b{font-variant-numeric:tabular-nums;font-weight:600}.ecard{scrollbar-width:thin;justify-items:stretch;gap:12px;width:min(100%,380px);max-height:100%;overflow-y:auto}.egrid{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:8px;display:grid}.etile{color:var(--navy);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--navy) 14%, transparent);background:#fff;border-radius:20px;align-content:start;justify-items:center;gap:1px;padding:8px 2px 7px;display:grid}.etile svg{width:50px;height:56px}.etile b{text-align:center;white-space:nowrap;font-size:13.5px;font-weight:500;line-height:1.3}.etile small{color:#5a6b80;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600;line-height:1.35}.etile[data-got="0"] svg{filter:grayscale();opacity:.4}.etile[data-got="1"] small{color:#188f3c}.esticks{background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:18px;padding:9px 6px 7px}.esticks__head{color:var(--ink-soft);margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.4}.esticks__row{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.estick{justify-items:center;font-size:12.5px;font-weight:500;line-height:1.3;display:grid}.estick svg{width:46px;height:46px}.estick b{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.estick[data-count="0"]{opacity:.45}.estick[data-count="0"] svg{filter:grayscale()}.ecard .linkbtn{justify-self:center;margin-top:-4px}.ktag{border-radius:var(--r-pill);color:#5a3a00;background:#ffd84a;margin:0 0 4px;padding:2px 14px;font-size:14px;font-weight:600;line-height:1.5}.kart{width:136px;height:136px;animation:pop .5s var(--spring) .12s both;place-items:center;display:grid}.kart svg{filter:drop-shadow(0 8px 10px #0d47794d);width:124px;height:132px}.kcard .sheet__text{margin-bottom:14px}#msheet .sheet__card{scrollbar-width:thin;max-height:100%;overflow-y:auto}.rchip{border-radius:var(--r-pill);min-height:32px;color:var(--navy);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--navy) 16%, transparent);transition:transform .15s var(--out);touch-action:manipulation;background:#fff;padding:0 12px;font-size:14px;font-weight:600;line-height:1.3;position:relative}.rchip:after{content:"";position:absolute;inset:-6px -4px}.rchip:active{transform:scale(.95)}.msheet__pin b[data-empty="1"]{letter-spacing:0;font-size:16px;font-weight:500}.mpin{grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;margin:-4px 0 14px;display:grid}.mpin .field__input--pin{min-height:54px;font-size:26px}.mpin .btn-soft{width:auto;min-height:54px;margin:0;padding:0 18px;font-size:18px}.mpin.is-wiggle{animation:wiggle .5s var(--out)}.msticks{background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:18px;width:100%;margin:0 0 12px;padding:8px 4px 4px}.msticks__head{color:var(--ink-soft);margin:0 0 2px;font-size:14px;font-weight:600;line-height:1.4}.msticks__row{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.mstick{color:var(--ink);transition:transform .15s var(--out);touch-action:manipulation;border-radius:14px;justify-items:center;padding:4px 0 5px;font-size:12.5px;font-weight:500;line-height:1.3;display:grid}.mstick svg{width:46px;height:46px}.mstick:active{transform:scale(.92)}.mstick:disabled{opacity:.4}#msheet .qswitch{text-align:left;width:100%;min-height:54px;margin-bottom:12px}.sheet--poster{padding:12px}.poster{width:min(100%,760px);max-height:100%;color:var(--navy);scrollbar-width:thin;background:#fff;border-radius:32px;padding:clamp(18px,4cqw,40px) clamp(16px,4cqw,44px) 12px;overflow-y:auto;box-shadow:0 24px 50px -18px #08143099}.poster__brand{color:#1d6fb8;align-items:center;gap:8px;margin:0;font-size:clamp(16px,2.6cqw,22px);font-weight:600;line-height:1.3;display:flex}.poster__brand svg{width:1.6em;height:1.85em}.poster__name{overflow-wrap:anywhere;margin:6px 0 0;font-size:clamp(26px,5cqw,44px);font-weight:600;line-height:1.25}.poster__label{color:#4a6078;margin:10px 0 0;font-size:clamp(16px,2.8cqw,24px);line-height:1.3}.poster__code{letter-spacing:.1em;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;padding-left:.1em;font-size:clamp(50px,15cqw,128px);font-weight:600;line-height:1.15}.poster__steps{counter-reset:step;text-align:left;justify-items:start;gap:8px;margin:12px 0 16px;padding:0;font-size:clamp(16.5px,3cqw,26px);line-height:1.4;list-style:none;display:grid}.poster__steps li{counter-increment:step;align-items:center;gap:.6em;display:flex}.poster__steps li:before{content:counter(step);color:#fff;background:#188f3c;border-radius:50%;flex:none;place-items:center;width:1.7em;height:1.7em;font-weight:600;display:grid}.poster__steps b{font-weight:600}.poster__actions{justify-items:center;width:100%;display:grid}.poster .btn-soft{width:min(100%,260px);min-height:54px;font-size:19px}.poster .linkbtn{color:var(--navy);margin-top:0}.rhead__top{justify-content:space-between;align-items:center;gap:10px;display:flex}.rhead__top .rhead__name{overflow-wrap:anywhere;min-width:0}.rhead__top .rchip{flex:none}.zform .urow .rmember__face svg{width:30px;height:30px}.urow .rbadge[data-role=kid]{color:#5a6b80;background:#0b2a4a14}.subq__room{color:var(--ink-soft);margin-left:6px;font-size:13px;font-weight:500}.oform{text-align:left;scrollbar-width:thin;justify-items:stretch;gap:12px;width:min(100%,364px);max-height:100%;overflow-y:auto}.oform .sheet__title{text-align:center}.oform .qswitch{min-height:54px}.oform .field__input--pin{min-height:54px;font-size:26px}.oform .linkbtn{justify-self:center;margin-top:-4px}.uform .qform__foot{justify-content:space-around}.uform .qform__foot .linkbtn{margin-top:-6px}@container app (width>=700px) and (aspect-ratio>=9/10){.app{--rail-w:92px;--panel-w:300px;--sky-l:calc(var(--rail-w) + 5%);--sky-w:46%;--sky-t:36%;--sky-h:25%}.screen{padding:max(16px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.screen--home{grid-template-columns:var(--rail-w) minmax(0, 1fr) var(--panel-w);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"rail top top""rail scene panel";gap:8px 20px;display:grid}.top{grid-area:top;max-width:none}.scene{grid-area:scene}.stage{width:min(100cqw,86cqh,640px)}.tabs{border-radius:32px;flex-direction:column;grid-area:rail;gap:6px;max-width:none;margin:0;padding:10px;display:flex}.tab{min-height:74px}.brand{place-items:center;height:64px;margin-bottom:6px;display:grid}.brand__name{display:none}.screen--brush{grid-template-columns:minmax(0, 1fr) var(--panel-w);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"btop btop""bstage bpanel";gap:8px 20px;display:grid}.btop{grid-area:btop}.bstage{grid-area:bstage}.ringbox{width:min(100cqw,100cqh,620px)}.bactions{margin-top:0}.gscene{grid-area:scene}.gstage{width:min(100cqw,78cqh,520px)}.gcollect{margin-bottom:0}.grars{grid-template-columns:1fr}.wscene{grid-area:scene}.rscene{grid-area:scene;padding-top:0}.rcard{align-self:stretch;max-width:620px}.rpanel{grid-area:panel;align-self:center;max-width:none;margin:0}.rseg{display:none}.rscene,.tabs{order:0}.screen--home[data-room] .rscene,.screen--home[data-room] .rcard{display:flex}.screen--home[data-room] .rsum{display:block}.rsum{max-width:620px}.screen--home[data-mode=teacher]{grid-template-columns:minmax(0, 1fr) var(--panel-w);grid-template-areas:"top top""scene panel"}.screen--home[data-room] .rpanel{flex:none;display:block}.screen--home[data-room] .rquests{display:block}.screen--home[data-room] .rqlist{max-height:320px}.screen--home[data-room] .rreview{margin-bottom:14px}.wstage{width:min(100cqw,84cqh,520px)}.witems{grid-template-columns:repeat(4,1fr);justify-items:center;gap:10px;padding:4px 0 0;display:grid;overflow:visible}.witem{width:100%;max-width:78px}.wcats{margin-bottom:0}.panel,.gpanel,.wpanel{grid-area:panel}.gpanel,.wpanel{max-width:none;margin-top:0}.bpanel{grid-area:bpanel}.panel,.bpanel,.gpanel,.wpanel{background:linear-gradient(135deg, var(--glass-a), var(--glass-b));-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);box-shadow:inset 0 1px 0 #ffffff80, 0 12px 26px -12px var(--glass-shadow);border-radius:32px;flex-direction:column;align-self:center;gap:22px;padding:26px 20px 20px;display:flex}.panel:before,.bpanel:before,.gpanel:before,.wpanel:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg, var(--glass-line), #ffffff1f 38%, #ffffff14 62%, var(--glass-line));-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.today{margin-block:0}.subq{margin:0}.subq__list{flex-wrap:wrap;gap:8px 6px;padding:10px 0 0;overflow:visible}.action__lift,.rest{width:100%}.sun{width:92px}.moon{width:84px}.cloud--a{width:190px;height:95px;top:9%;right:30%}.cloud--b{width:130px;height:65px;top:4%;left:42%}.cloud--c{width:400px;height:200px;bottom:-112px;left:6%}.cloud--d{width:460px;height:230px;bottom:-128px;right:-110px}.far--a{width:104px;height:83px;top:17%;left:60%;right:auto}.far--b{width:72px;height:58px;top:66%;left:20%}}@container app (width>=1100px) and (aspect-ratio>=9/10){.app{--rail-w:232px;--panel-w:364px}.screen{padding:24px 28px}.screen--home,.screen--brush{gap:12px 28px}.brand{justify-content:flex-start;align-items:center;gap:12px;height:72px;padding:0 8px;display:flex}.brand__name{display:block}.tab{justify-content:flex-start;align-items:center;gap:14px;min-height:62px;padding:0 16px;font-size:18px;display:flex}.tab svg{width:34px;height:34px}.tab__dot{top:9px;left:40px}.me__name{font-size:18px}.rsum__grid{grid-template-columns:1.1fr 1fr;grid-template-areas:"today care""week care";gap:12px 24px}.rsum__block--today{grid-area:today}.rsum__block--week{grid-area:week}.rsum__block--care{grid-area:care}.bubble{border-radius:24px;padding:11px 18px 12px;font-size:20px}.bubble:after{left:26px}.panel,.bpanel,.gpanel,.wpanel{gap:26px;padding:32px 26px 26px}.witems{gap:12px}.gcollect__head{margin-bottom:12px;font-size:18px}.grars{grid-template-columns:repeat(2,1fr)}.binfo__zone{font-size:22px}.binfo__time{font-size:84px}.binfo__time.is-text{font-size:48px}.slot{width:100px}.slot__badge{width:68px;height:68px}.slot__badge>svg{width:40px;height:40px}.slot__label{font-size:17px}.today__path{gap:9px;height:68px}.cta{min-height:74px;font-size:29px}}@media (width<=460px){.shell[data-view] .frame{width:100%;max-height:none;box-shadow:none;border-radius:0;margin:0}}@media (pointer:coarse){.demo{display:none}.shell[data-view]{height:100dvh;min-height:0}.shell[data-view] .frame{width:100%;min-height:0;max-height:none;box-shadow:none;border-radius:0;flex:1 1 0;margin:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}.tabs{grid-template-columns:repeat(2,1fr)}div.rest{cursor:default}.cta:disabled,.btn-soft:disabled,.linkbtn:disabled{opacity:.6;pointer-events:none}.notice{justify-content:center;align-items:center}.notice__card{z-index:2;text-align:center;border-radius:32px;justify-items:center;width:min(100%,340px);padding:22px 20px;display:grid;position:relative}.notice__card .sheet__text{margin-bottom:0}.notice__card .cta{width:100%;margin-top:16px}.okids{grid-template-columns:repeat(6,1fr);gap:6px;max-width:none}.sheet__card>.field__error,.rcard>.field__error{margin:0 0 8px}@container app (width>=700px) and (aspect-ratio>=9/10){.screen--home[data-tab=room] .rscene{grid-column:2/-1}.screen--home[data-mode=teacher][data-tab=room] .rscene{grid-column:1/-1}.screen--home[data-tab=room] .rsum,.screen--home[data-tab=room] .rcard{width:100%;margin-inline:auto}}