.hero{padding-top:70px}.hero-main{justify-content:flex-end;align-items:center;gap:80px;height:calc(100svh - 150px);min-height:600px;max-height:800px;padding-block:48px;display:flex}.hero-art{flex:none;width:424px;height:424px;position:relative}.hero-copy{flex-direction:column;align-items:center;width:480px;display:flex}.hero-copy h1{max-width:480px;color:var(--eel);font:800 32px/44px var(--font);text-align:center;margin:0 0 40px}.hero-copy .t-part{display:inline-block}.hero-actions{flex-direction:column;gap:12px;width:344px;max-width:100%;display:flex}.store-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.store-button{gap:10px}.store-glyph{flex:none;width:20px;height:20px}.btn:not(.btn-secondary) .play-glyph path{fill:currentColor}.store-name small{letter-spacing:.6px;opacity:.85;font-size:12px}.store-plate{height:63px;color:var(--eel);letter-spacing:0;text-transform:none;gap:12px;padding:9.5px 18px}.store-plate .store-glyph{width:28px;height:28px}.store-plate.is-soon{cursor:default}.store-plate.is-soon:hover{filter:none}.store-plate.is-soon:active{transform:none}.store-plate.is-soon:active:before{box-shadow:0 2px 0 var(--swan)}.store-lines{text-align:left;display:grid}.store-lines small{color:var(--hare);font:800 13px/16px var(--font);letter-spacing:.6px;text-transform:uppercase}.store-lines b{font:800 19px/22px var(--font)}.store-badge{letter-spacing:0;text-transform:none;justify-content:flex-start;gap:10px;height:58px;padding:0 12px}.store-badge .store-glyph{width:26px;height:26px}.badge-lines{text-align:start;min-width:0;display:grid}.badge-lines small{font:800 11px/1.25 var(--font);letter-spacing:.4px;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;opacity:.88;overflow:hidden}.badge-lines b{font:900 17px/1.15 var(--font);white-space:nowrap}.mode-strip{border-block:2px solid var(--swan);align-items:center;height:80px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.strip-track{width:max-content;animation:42s linear infinite ribbon;display:flex}[dir=rtl] .strip-track{animation-name:ribbon-rtl}.mode-strip:hover .strip-track,.mode-strip:focus-within .strip-track{animation-play-state:paused}.strip-track ul{flex:none;gap:23px;margin:0;padding:0 23px 0 0;list-style:none;display:flex}[dir=rtl] .strip-track ul{padding:0 0 0 23px}@keyframes ribbon{to{translate:-25%}}@keyframes ribbon-rtl{to{translate:25%}}.mode-strip a,.mode-strip .strip-more{min-height:44px;color:var(--wolf);font:800 15px/20px var(--font);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;align-items:center;text-decoration:none;display:flex}.mode-strip a:hover{color:var(--eel)}.mode-strip .strip-more{color:var(--hare)}.mode-flag{flex:none;width:36px;height:28px;margin-inline-end:10px}.more-flag{border:2px dashed var(--swan);width:36px;height:28px;color:var(--hare);font:900 18px/1 var(--font);border-radius:7px;flex:none;place-items:center;margin-inline-end:10px;display:grid}.sky{isolation:isolate;position:relative}.sky-layer{z-index:-1;background:var(--sky);opacity:0;pointer-events:none;position:absolute;inset:0}.showcase{align-items:center;gap:60px;padding:110px 0 70px;display:flex}.sc-copy{flex-direction:column;flex:none;gap:24px;width:473px;display:flex}.showcase h2{color:var(--brand);margin:0;font-size:48px;line-height:1.25}.sc-tabs{grid-template-columns:repeat(2,1fr);gap:8px 12px;margin-top:8px;display:grid}.sc-tab{cursor:pointer;-webkit-tap-highlight-color:transparent;height:128px;animation:3.8s ease-in-out infinite bob-sm;animation-delay:calc(var(--i) * -.55s);background:0 0;border:0;padding:0;position:relative}.tab-push{display:block;position:absolute;inset:0}.sc-tab .mode-card-c{transform-origin:0 100%;transition:translate .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:6px;left:0;scale:.72}.sc-tab .mc-board{transition:rotate .3s cubic-bezier(.34,1.56,.64,1)}.sc-tab .mc-base{transition:box-shadow .2s}.sc-tab:hover .mode-card-c{translate:0 -4px}.sc-tab:hover .mc-board{rotate:4deg}.sc-tab.is-active .mode-card-c{translate:0 -6px}.sc-tab.is-active .mc-board{rotate:0deg}.sc-tab.is-active .mc-base{box-shadow:0 7px 0 var(--d), 0 0 0 5px var(--page), 0 0 0 9px var(--c)}.sc-tab:focus-visible{outline:3px solid var(--macaw);outline-offset:2px;border-radius:18px}.sc-stage{flex:none;width:470px;height:560px;position:relative}.sc-panel{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:26px;transition:opacity .45s,scale .6s cubic-bezier(.34,1.56,.64,1),rotate .6s;display:flex;position:absolute;inset:0;rotate:-4deg;scale:.9}.sc-panel.is-active{opacity:1;pointer-events:auto;rotate:0deg;scale:1}.sc-board{background:var(--board-bg);border:8px solid var(--c);width:430px;box-shadow:-1px 1px 0 var(--d), -2px 2px 0 var(--d), -3px 3px 0 var(--d), -4px 4px 0 var(--d), -5px 5px 0 var(--d), -6px 6px 0 var(--d), -7px 7px 0 var(--d), -8px 8px 0 var(--d), -9px 9px 0 var(--d), -10px 10px 0 var(--d);border-radius:30px;padding:14px}.sc-board svg{width:100%;height:auto;display:block}.sc-caption{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:420px;margin:0;display:flex}.sc-caption b{background:var(--c);box-shadow:0 4px 0 var(--d);color:#fff;font:900 20px/1.2 var(--font);border-radius:12px;padding:6px 16px}.sc-caption span{color:var(--wolf);font:700 17px/24px var(--font)}.mode-card-c{direction:ltr;width:262px;height:150px;display:block;position:relative}.mc-base{background:var(--c);box-shadow:0 7px 0 var(--d);border-radius:22px;position:absolute;inset:40px 0 0}.mc-name{color:#fff;font:900 22px/1 var(--font);text-align:left;position:absolute;bottom:16px;left:18px}.mc-board{background:var(--board-bg);width:124px;height:124px;box-shadow:-1px 1px 0 var(--slab), -2px 2px 0 var(--slab), -3px 3px 0 var(--slab), -4px 4px 0 var(--slab), -5px 5px 0 var(--slab), -6px 6px 0 var(--slab), -7px 7px 0 var(--slab), -8px 8px 0 var(--slab), -10px 14px 0 #0000001f;border-radius:18px;padding:8px;position:absolute;top:-24px;right:16px;rotate:10deg}.mc-board svg{width:100%;height:100%;display:block}.features{flex-direction:column;padding-block:40px 96px;display:flex}.feature{align-items:center;gap:101px;height:530px;display:flex}.feature:nth-child(odd){flex-direction:row-reverse}.feature-copy{flex-direction:column;flex:none;align-items:flex-start;gap:24px;width:473px;display:flex}.feature h2{max-width:503px;color:var(--brand);margin:0;font-size:48px;line-height:1.25}.copy{max-width:473px;color:var(--wolf);font:600 17px/24px var(--font);margin:0}.copy strong{color:var(--macaw);font-weight:800}.feature-art{flex:none;width:530px;height:530px;position:relative}.anytime{text-align:center;padding:140px 0 40px;position:relative}.anytime h2,.final h2{letter-spacing:-.02em;margin:0 auto;font-size:64px;line-height:1.25}.anytime h2{max-width:583px;color:var(--navy)}.store-row{z-index:2;justify-content:center;gap:24px;margin-top:48px;display:flex;position:relative}.anytime-scene{pointer-events:none;height:900px;margin-top:-250px;position:relative;overflow:clip}.pro{background:linear-gradient(180deg, var(--sky), var(--pro-bg) 240px, var(--pro-bg) calc(100% - 240px), var(--page));isolation:isolate;justify-content:center;align-items:center;gap:40px;min-height:900px;padding:160px 15px;display:flex;position:relative;overflow:clip}.pro-glow{z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 30% 50%, var(--pro-glow), transparent 75%), radial-gradient(closest-side at 70% 32%, #f67ab024, transparent 70%);position:absolute;inset:0}.pro-art{flex:none;width:530px;height:530px;position:relative}.pro-copy{text-align:center;flex-direction:column;align-items:center;gap:20px;width:540px;display:flex}.pro-kicker{color:var(--pro-kicker);font:italic 900 24px/1 var(--font);letter-spacing:.03em;text-transform:uppercase;margin:0}.pro-title{font:italic 900 92px/1 var(--font);letter-spacing:-.03em;text-transform:uppercase;background:var(--pro-ink);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;padding:0 .08em}.pro-top{color:var(--pro-muted);font:700 20px/1.4 var(--font);margin:0}.pro-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;width:100%;max-width:470px;margin:4px 0 0;padding:0;list-style:none;display:grid}.pro-benefits li{background:var(--pro-card);border:2px solid var(--pro-line);box-shadow:0 3px 0 var(--pro-line);color:var(--pro-text);font:800 15px/1.2 var(--font);text-align:left;border-radius:16px;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex}.pro-benefits .bi{background:var(--pro-bg);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.pro-benefits .bi img,.pro-benefits .bi svg{object-fit:contain;width:28px;height:28px}.pro-btn{z-index:0;color:#1b1726;height:58px;font:900 17px/1 var(--font);letter-spacing:.6px;text-transform:uppercase;border-bottom:5px solid #0000;border-radius:16px;align-items:center;margin-top:12px;padding:0 34px;text-decoration:none;display:inline-flex;position:relative}.pro-btn:before{content:"";z-index:-1;background:var(--pro-grad);border-radius:16px;position:absolute;inset:0}.pro-btn:after{content:"";z-index:-2;background:var(--pro-ink);border-radius:16px;position:absolute;inset:5px 0 -5px}.pro-btn:hover{filter:brightness(1.06)}.pro-btn:active{transform:translateY(5px)}.pro-btn:active:after{inset:0}.pro-note{color:var(--pro-note);font:700 13px/1.4 var(--font);margin:0}.final{text-align:center;padding-top:72px;position:relative}.final h2{max-width:720px;color:var(--brand)}.final .btn{margin:40px auto 0}.final-scene{pointer-events:none;height:560px;margin-top:-60px;position:relative;overflow:clip}.final-scene>.scene{z-index:1;top:auto;bottom:0}.final-wave{width:1440px;height:330px;margin-left:-720px;position:absolute;bottom:-1px;left:50%}.final-band{background:linear-gradient(90deg, var(--wave) calc(50% - 719px), transparent calc(50% - 719px), transparent calc(50% + 719px), var(--wave) calc(50% + 719px));height:210px;position:absolute;inset:auto 0 -1px}.final-wave path{fill:var(--wave)}.mobile-bar{display:none}.scene{direction:ltr;position:absolute;top:0;left:0}.pc-shadow{background:radial-gradient(closest-side, var(--shade), transparent);pointer-events:none;border-radius:50%;height:18px;position:absolute;translate:-50% -50%}.pc-shadow.float{animation:4.2s ease-in-out infinite shade}.pc-shadow.float-2{animation:3.4s ease-in-out -1.2s infinite shade}.pc-shadow.float-3{animation:5s ease-in-out -2.4s infinite shade}@keyframes shade{0%,to{opacity:1;scale:1}50%{opacity:.65;scale:.8}}.motion [data-pop]:not(.is-in)>.pc-shadow{visibility:hidden}.scene-center{left:50%}.pc{position:absolute}.pc-in{position:relative}.art-img{display:block}.phone{--w:220px;--u:calc(var(--w) / 220);--edge:var(--phone-edge);--rim:var(--phone-rim);width:var(--w);padding:calc(var(--w) * .045);border-radius:calc(var(--w) * .16);background:var(--phone-body);box-shadow:inset 0 0 0 calc(var(--u) * 3) var(--rim), calc(var(--u) * -1) calc(var(--u) * 1) 0 var(--edge), calc(var(--u) * -2) calc(var(--u) * 2) 0 var(--edge), calc(var(--u) * -3) calc(var(--u) * 3) 0 var(--edge), calc(var(--u) * -4) calc(var(--u) * 4) 0 var(--edge), calc(var(--u) * -5) calc(var(--u) * 5) 0 var(--edge), calc(var(--u) * -6) calc(var(--u) * 6) 0 var(--edge), calc(var(--u) * -7) calc(var(--u) * 7) 0 var(--edge), calc(var(--u) * -8) calc(var(--u) * 8) 0 var(--edge), calc(var(--u) * -9) calc(var(--u) * 9) 0 var(--edge), calc(var(--u) * -10) calc(var(--u) * 10) 0 var(--edge), calc(var(--u) * -11) calc(var(--u) * 11) 0 var(--edge), calc(var(--u) * -12) calc(var(--u) * 12) 0 var(--edge);position:relative}.phone-navy{--edge:#042c60;--rim:#2a5c9e;background:#0f3b73}.phone-pro{--edge:var(--pro-phone-edge);--rim:var(--pro-line);background:var(--pro-phone-body)}.tile{--s:72px;--c:var(--brand);--d:var(--brand-lip);width:var(--s);height:var(--s);border-radius:calc(var(--s) * .26);background:var(--c);color:#fff;font:900 calc(var(--s) * .56)/1 var(--font);box-shadow:-1px 1px 0 var(--d), -2px 2px 0 var(--d), -3px 3px 0 var(--d), -4px 4px 0 var(--d), -5px 5px 0 var(--d), -6px 6px 0 var(--d);place-items:center;display:grid}.tile.small{--s:52px}.tile.big{--s:96px}.c-blue{--c:#1cb0f6;--d:#1899d6}.c-purple{--c:#ce82ff;--d:#a568cc}.c-orange{--c:#ff9600;--d:#cd7900}.c-red{--c:#ff4b4b;--d:#ea2b2b}.c-teal{--c:#00cd9c;--d:#00a47d}.c-pink{--c:#ff86d0;--d:#e068b3}.c-yellow{--c:#ffc800;--d:#e5a500}.c-green{--c:#58cc02;--d:#58a700}.c-tan{--c:#dc8f47;--d:#b8733a}.icon{display:block}.badge{filter:drop-shadow(-5px 6px #042c601f)}.badge.glow{filter:drop-shadow(0 0 22px #f6c24b73)}.bubble{background:var(--card);box-shadow:0 0 0 4px var(--bubble-ring), 0 12px 28px #9159c438;border-radius:50%;place-items:center;display:grid}.bubble img,.bubble svg{object-fit:contain;width:62%;height:62%}.chip{background:var(--card);border:2px solid var(--swan);box-shadow:0 4px 0 var(--swan);color:#ff9600;font:900 18px/1 var(--font);white-space:nowrap;border-radius:14px;padding:10px 16px}@keyframes bob{0%,to{translate:0}50%{translate:0 -10px}}@keyframes bob-sm{0%,to{translate:0}50%{translate:0 -6px}}@keyframes sway{0%,to{rotate:-3deg}50%{rotate:3deg}}.float{animation:4.2s ease-in-out infinite bob}.float-2{animation:3.4s ease-in-out -1.2s infinite bob-sm}.float-3{animation:5s ease-in-out -2.4s infinite bob}.sway{transform-origin:50% 90%;animation:3.6s ease-in-out infinite sway}.scene-intro>.pc{animation:.9s cubic-bezier(.22,1.25,.36,1) both fly-in;animation-delay:calc(.2s + var(--i) * 70ms)}.scene-intro>.pc:first-child{animation-duration:1s;animation-delay:0s}@keyframes fly-in{0%{opacity:0;translate:var(--fx,0) var(--fy,0);scale:.3}}[data-pop]>.pc{transition:opacity .45s,scale .6s cubic-bezier(.34,1.56,.64,1)}.motion [data-pop]:not(.is-in)>.pc{opacity:0;scale:.6}[data-pop].is-in>.pc:nth-child(2){transition-delay:60ms}[data-pop].is-in>.pc:nth-child(3){transition-delay:.12s}[data-pop].is-in>.pc:nth-child(4){transition-delay:.18s}[data-pop].is-in>.pc:nth-child(5){transition-delay:.24s}[data-pop].is-in>.pc:nth-child(6){transition-delay:.3s}[data-pop].is-in>.pc:nth-child(7){transition-delay:.36s}[data-pop].is-in>.pc:nth-child(n+8){transition-delay:.42s}@media (width<=1100px){.hero-main{justify-content:center;gap:40px}.feature,.showcase{gap:48px}.feature-art,.pro-art{width:440px;height:440px}.feature-art>.scene,.pro-art>.scene{transform-origin:0 0;transform:scale(.83)}.sc-stage{width:420px;height:520px}.sc-board{width:390px}.pro{gap:24px}}@media (width<=960px){.hero-main{flex-direction:column;gap:24px;height:auto;min-height:0;max-height:none;padding:32px 0 48px}.hero-copy{width:100%}.showcase{flex-direction:column;padding-top:80px}.sc-copy{text-align:center;align-items:center;width:100%}.sc-tabs{scroll-snap-type:x mandatory;gap:12px;width:100%;padding:30px 4px 14px;display:flex;overflow:auto hidden}.sc-tab{scroll-snap-align:start;flex:none;width:214px;height:124px}.features{gap:96px}.feature,.feature:nth-child(odd){flex-direction:column;gap:32px;height:auto}.feature-copy{text-align:center;align-items:center;width:100%}.copy{margin-inline:auto}.pro{flex-direction:column;min-height:0;padding:120px 15px}.pro-copy{width:min(100%,540px)}}@media (width<=700px){.hero-main{gap:10px;padding:32px 0 20px}.hero-art{width:300px;height:300px}.hero-art>.scene{transform-origin:0 0;transform:scale(.7075)}.hero-copy h1{margin-bottom:32px}.mode-strip{height:64px}.showcase h2,.feature h2{font-size:36px}.sc-stage{width:345px;height:470px}.sc-board{border-width:6px;width:330px;padding:10px}.copy{max-width:330px}.feature-art,.pro-art{width:345px;height:345px}.feature-art>.scene,.pro-art>.scene{transform:scale(.651)}.anytime{padding-top:96px}.anytime h2,.final h2{letter-spacing:-.72px;max-width:330px;font-size:36px}.store-row{flex-direction:column;align-items:center;gap:12px}.store-plate{justify-content:flex-start;width:260px}.anytime-scene{height:440px;margin-top:0}.anytime-scene>.scene{transform-origin:50% 0;transform:scale(.42)}.pro{padding:96px 15px}.pro-title{font-size:56px}.pro-benefits{grid-template-columns:1fr}.final-scene{height:380px;margin-top:-20px}.final-scene>.scene,.final-wave{transform-origin:50% 100%;transform:scale(.55)}.mobile-bar{z-index:30;background:var(--page);border-top:2px solid var(--swan);justify-content:space-between;align-items:center;gap:12px;height:76px;padding:0 15px;transition:translate .25s;display:flex;position:fixed;inset:auto 0 0;translate:0 110%}.mobile-bar.is-visible{translate:0}.mobile-bar .logo{flex:none;min-height:0;font-size:20px}.mobile-bar .btn{letter-spacing:.4px;white-space:normal;min-width:0;height:44px;padding:0 12px;font-size:13px;line-height:1.1}}@media (width<=374px){.hero-copy h1{font-size:28px;line-height:38px}.feature-art,.pro-art{width:290px;height:290px}.feature-art>.scene,.pro-art>.scene{transform:scale(.547)}.sc-stage{width:290px;height:420px}.sc-board{width:286px}}.is-offscreen,.is-offscreen *,.is-offscreen :before,.is-offscreen :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.mode-strip{scrollbar-width:none;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.strip-track ul[aria-hidden]{display:none}}.scr{aspect-ratio:840/1480;border-radius:calc(var(--w,220px) * .11);color:#3d3d3d;width:100%;font-family:var(--font);text-align:left;background:#fff;position:relative;overflow:hidden;container-type:inline-size}.scr svg.board{width:100%;height:auto;display:block}.scr img{height:auto}.scr b,.scr small,.scr span{font-style:normal}.g-top{justify-content:space-between;align-items:center;height:11cqw;padding:0 4cqw;display:flex}.g-btn{color:#7c8d9b;background:#f1f5f8;border-radius:50%;place-items:center;width:8.5cqw;height:8.5cqw;display:grid}.g-btn svg{width:4.4cqw;height:4.4cqw}.g-stats{text-align:center;grid-template-columns:repeat(3,1fr);margin:.5cqw 0 3cqw;padding:0 4cqw;display:grid}.g-stats span{color:#afafaf;font:700 2.9cqw/1.25 var(--font);display:block}.g-stats b{color:#3d3d3d;font:900 3.9cqw/1.25 var(--font);display:block}.g-board{margin:0 3cqw}.g-tools{grid-template-columns:repeat(5,1fr);gap:2cqw;padding:4.5cqw 3.5cqw 0;display:grid}.g-tool{justify-items:center;gap:1.6cqw;display:grid}.g-tile{background:#ddf3fe;border-radius:4.5cqw;place-items:center;width:14.5cqw;height:14.5cqw;display:grid;position:relative;box-shadow:0 1.1cqw #c6dee8}.g-tile img{width:9cqw;height:9cqw}.g-badge{color:#fff;min-width:5.4cqw;height:5.4cqw;font:900 2.9cqw/4.2cqw var(--font);text-align:center;background:#1cb0f6;border:.6cqw solid #fff;border-radius:99px;padding:0 1cqw;position:absolute;top:-1.8cqw;right:-1.8cqw}.g-tool small{color:#616161;font:700 2.6cqw/1 var(--font);white-space:nowrap}.g-pad{grid-template-columns:repeat(9,1fr);padding:5cqw 2.5cqw 0;display:grid}.g-pad.is-dense{grid-template-columns:repeat(8,1fr);row-gap:1.2cqw;padding-top:3.5cqw}.g-pad.is-dense b{font-size:5.6cqw}.g-pad div{justify-items:center;display:grid}.g-pad b{color:#1cb0f6;font:900 7.8cqw/1 var(--font)}.g-pad small{color:#afafaf;font:700 2.6cqw/1.5 var(--font)}.scr .b-reveal{animation:.5s cubic-bezier(.34,1.56,.64,1) both cell-in;animation-delay:calc(.35s + var(--i) * 14ms);transform-box:fill-box;transform-origin:50%}@keyframes cell-in{0%{opacity:0;scale:.2}}.scr-hint .hint-dim,.scr-hint .hint-lit,.scr-hint .hint-target,.scr-hint .hint-digit{opacity:0;transition:opacity .45s}.scr-hint[data-step="1"] .hint-dim,.scr-hint[data-step="2"] .hint-dim,.scr-hint[data-step="3"] .hint-dim,.scr-hint[data-step="1"] .hint-lit,.scr-hint[data-step="2"] .hint-lit,.scr-hint[data-step="3"] .hint-lit{opacity:1}.scr-hint[data-step="2"] .hint-target{opacity:1;animation:1s ease-in-out infinite target-pulse}.scr-hint[data-step="3"] .hint-digit,.scr-hint[data-step="4"] .hint-digit{opacity:1}.scr-hint[data-step="3"] .hint-digit{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.34,1.56,.64,1) digit-pop}.scr-hint[data-step="4"] .hint-digit{fill:#3d3d3d;transition:fill .6s .3s}@keyframes target-pulse{50%{opacity:.35}}@keyframes digit-pop{0%{scale:.2}}.h-sheet{text-align:center;background:#fff;border-radius:7cqw;padding:5cqw 5cqw 3cqw;transition:translate .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:auto 3.5cqw 3.5cqw;translate:0 130%;box-shadow:0 2cqw 6cqw #0f172a47}.scr-hint[data-step="1"] .h-sheet,.scr-hint[data-step="2"] .h-sheet,.scr-hint[data-step="3"] .h-sheet{translate:0}.h-title{color:#3d3d3d;font:900 4.8cqw/1.2 var(--font);display:block}.h-pages{min-height:17cqw;margin-top:3cqw;position:relative}.h-page{color:#8a8f98;font:700 3.7cqw/1.4 var(--font);opacity:0;margin:0;transition:opacity .3s;position:absolute;inset:0}.h-page em{color:#1cb0f6;font-style:normal;font-weight:900}.scr-hint[data-step="1"] .h-page[data-page="0"],.scr-hint[data-step="2"] .h-page[data-page="1"],.scr-hint[data-step="3"] .h-page[data-page="2"]{opacity:1}.h-nav{color:#1cb0f6;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:2cqw;display:grid}.h-nav svg{width:7cqw;height:7cqw;display:block}.h-nav .h-next,.h-nav .h-done{justify-self:end;position:relative}.h-done{font:900 4.4cqw/1 var(--font);display:none}.scr-hint[data-step="3"] .h-next{display:none}.scr-hint[data-step="3"] .h-done{display:block}.h-dots{gap:1.8cqw;display:flex}.h-dots i{background:#eff1f2;border-radius:50%;width:2.6cqw;height:2.6cqw;transition:background .2s}.scr-hint[data-step="1"] .h-dots i:first-child,.scr-hint[data-step="2"] .h-dots i:nth-child(2),.scr-hint[data-step="3"] .h-dots i:nth-child(3){background:#1cb0f6}.scr-hint[data-step="1"] .h-prev{visibility:hidden}.scr-daily{background:#f7f7f4}.d-head{color:#fff;background:linear-gradient(120deg,#0e97a6,#22b3a6 45%,#efc24e);height:38cqw;padding:8cqw 6cqw 0;position:relative}.d-head b{font:900 6.2cqw/1.1 var(--font);display:block}.d-head span{font:900 3.2cqw/1 var(--font);letter-spacing:.06em;opacity:.95;margin-top:2.4cqw;display:inline-flex}.d-head img{filter:drop-shadow(0 1.5cqw 2cqw #0003);width:26cqw;position:absolute;top:5cqw;right:4cqw}.d-goal{background:#fff;border-radius:5cqw;margin:-9cqw 5cqw 0;padding:5cqw;position:relative;box-shadow:0 1cqw #e5e5e5}.d-goal b{font:900 4.2cqw/1.2 var(--font);display:block}.d-bar{background:#e5e5e5;border-radius:99px;height:5cqw;margin-top:3cqw;position:relative;overflow:hidden}.d-bar i{width:calc(var(--fill) * 100%);border-radius:inherit;background:linear-gradient(90deg,#22b3a6,#efc24e);transition:width 1.1s cubic-bezier(.22,1,.36,1) .5s;position:absolute;inset:0 auto 0 0}.d-bar>span{color:#4b4b4b;font:900 2.8cqw/1 var(--font);place-items:center;display:grid;position:absolute;inset:0}.d-quests{margin:7cqw 5cqw 0}.d-quests>small{color:#afafaf;font:900 3.2cqw/1 var(--font);letter-spacing:.08em;text-transform:uppercase;display:block}.d-q{background:#fff;border-radius:4.5cqw;grid-template-columns:1fr 10cqw;align-items:center;column-gap:3cqw;margin-top:3.5cqw;padding:3.8cqw 4cqw;display:grid;box-shadow:0 1cqw #e5e5e5}.d-q b{font:900 4.1cqw/1.2 var(--font);grid-column:1}.d-q .d-bar{grid-column:1;height:4.6cqw;margin-top:2.4cqw}.d-q svg{grid-area:1/2/3;width:10cqw;height:9cqw}.d-cta,.l-cta,.v-cta{color:#fff;height:11cqw;font:900 3.8cqw/1 var(--font);letter-spacing:.05em;text-transform:uppercase;background:#1cb0f6;border-radius:3.5cqw;place-items:center;display:grid;position:absolute;inset:auto 5cqw 5cqw;box-shadow:0 1.2cqw #1899d6}.l-trophies{justify-content:space-between;align-items:flex-end;padding:6cqw 5cqw 0;display:flex}.l-trophies img{opacity:.9;width:18cqw}.l-trophies img.is-current{opacity:1;filter:drop-shadow(0 0 3cqw #f6c24b8c);width:26cqw}.l-title{text-align:center;font:900 6cqw/1.1 var(--font);margin-top:3cqw;display:block}.l-sub{text-align:center;color:#afafaf;font:800 3.3cqw/1.2 var(--font);margin-top:1.5cqw;display:block}.l-board{border-top:.5cqw solid #f1f1f1;margin-top:5cqw;position:relative}.l-ranks{z-index:2;width:14cqw;margin:0;padding:0;list-style:none;position:absolute;inset:0 auto 0 0}.l-ranks li{color:#58cc02;height:14cqw;font:900 3.6cqw/1 var(--font);place-items:center;display:grid}.l-list{margin:0;padding:0;list-style:none}.l-list li{background:#fff;border-bottom:.5cqw solid #f1f1f1;grid-template-columns:10cqw 1fr auto;align-items:center;column-gap:3cqw;height:14cqw;padding:0 5cqw 0 14cqw;display:grid;position:relative}.l-list li.is-me{z-index:1;background:#fff6e5}.l-ava{background:var(--a);color:#fff;width:10cqw;height:10cqw;font:900 4.2cqw/1 var(--font);border-radius:50%;place-items:center;display:grid}.l-name{font:900 3.6cqw/1.1 var(--font);gap:.8cqw;display:grid}.l-name small{color:#ff9600;font:800 2.7cqw/1 var(--font);align-items:center;gap:1cqw;display:flex}.l-name small img{width:3cqw;height:3cqw}.l-xp{color:#4b4b4b;font:900 3.4cqw/1 var(--font)}.scr-badges{padding:7% 5% 0}.bd-title{text-align:center;color:#777;font:900 4.4cqw/1.2 var(--font);display:block}.bd-year{font:900 6cqw/1.1 var(--font);margin-top:5cqw;display:block}.bd-grid{grid-template-columns:repeat(3,1fr);gap:3.5cqw 3cqw;margin-top:4cqw;display:grid}.bd-grid figure{justify-items:center;gap:1.2cqw;margin:0;display:grid}.bd-grid img{filter:drop-shadow(0 1cqw 1.5cqw #042c6024);width:25cqw}.bd-grid figcaption{color:#4b4b4b;font:900 3cqw/1 var(--font)}.bd-grid figure:nth-child(3n+1) img{animation:4.5s ease-in-out infinite badge-shine}.bd-grid figure:nth-child(3n+2) img{animation:4.5s ease-in-out 1.5s infinite badge-shine}.bd-grid figure:nth-child(3n) img{animation:4.5s ease-in-out 3s infinite badge-shine}@keyframes badge-shine{0%,80%,to{filter:drop-shadow(0 1cqw 1.5cqw #042c6024)}88%{filter:drop-shadow(0 0 3cqw #fffffff2)brightness(1.15)}}.scr-victory{text-align:center;background:radial-gradient(circle at 50% 12%,#e8f7ff,#fff 55%)}.v-rays{opacity:.7;width:110cqw;height:110cqw;margin-left:-55cqw;animation:18s linear infinite rays;position:absolute;top:-24cqw;left:50%}@keyframes rays{to{rotate:1turn}}.v-title{color:#fec700;font:900 10cqw/1 var(--font);letter-spacing:.02em;text-transform:uppercase;-webkit-text-stroke:.5cqw #e5a500;paint-order:stroke fill;margin-top:13cqw;display:block;position:relative}.v-sub{color:#afafaf;font:800 3.8cqw/1.2 var(--font);margin-top:3cqw;display:block;position:relative}.v-mode{color:#cdcdcd;font:900 3.3cqw/1 var(--font);letter-spacing:.04em;text-transform:uppercase;margin-top:2cqw;display:block;position:relative}.v-mode em{color:#1cb0f6;font-style:normal}.v-mode .v-diff{color:#58cc02}.v-board{background:#fff;border-radius:4cqw;width:72cqw;margin:5cqw auto 0;padding:1.6cqw;position:relative;box-shadow:0 0 0 .6cqw #e5e5e5,0 1.4cqw 0 .6cqw #e5e5e5}.v-stats{grid-template-columns:repeat(3,1fr);gap:3cqw;margin:7cqw 5cqw 0;display:grid;position:relative}.v-stat{border:.6cqw solid var(--t);background:var(--t);border-radius:3.5cqw;overflow:hidden}.v-stat small{color:#fff;font:900 2.7cqw/1 var(--font);letter-spacing:.06em;text-transform:uppercase;padding:1.4cqw 0 1.2cqw;display:block}.v-stat b{color:var(--t);font:900 4.6cqw/1 var(--font);background:#fff;border-radius:2.8cqw;padding:2.4cqw 0;display:block}.v-blue{--t:#1cb0f6}.v-green{--t:#58cc02}.scr-pro{background:var(--pro-bg);flex-direction:column;padding:8% 5% 5%;display:flex}.p-head{text-align:center}.p-head span{color:var(--pro-text);font:900 4.6cqw/1.2 var(--font);display:block}.p-head small{color:#7c5cd6;font:italic 900 3.2cqw/1 var(--font);letter-spacing:.04em;text-transform:uppercase;margin-top:3.4cqw;display:block}.p-head b{font:italic 900 10.5cqw/1.05 var(--font);text-transform:uppercase;background:var(--pro-ink);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:1cqw;padding:0 .08em;display:block}.p-table{background:var(--pro-card);border:.5cqw solid var(--pro-line);box-shadow:0 1.2cqw 0 var(--pro-line);border-radius:5cqw;margin-top:6cqw;padding:1.5cqw 3.5cqw}.p-row{border-bottom:.4cqw solid var(--pro-line);grid-template-columns:1fr 13cqw 11cqw;align-items:center;min-height:11cqw;display:grid}.p-th{min-height:9cqw;color:var(--pro-note);font:900 2.6cqw/1 var(--font);letter-spacing:.05em;text-transform:uppercase}.p-th span+span,.p-no,.p-yes{text-align:center;justify-self:center}.p-th .p-pro{background:var(--pro-grad);color:#1b1726;border-radius:99px;padding:1.2cqw 2.2cqw}.p-name{color:var(--pro-text);font:800 3.5cqw/1.15 var(--font);align-items:center;gap:2.4cqw;display:flex}.p-name img,.p-name svg{object-fit:contain;flex:none;width:5.8cqw;height:5.8cqw}.p-no{color:#cfcbdd;font:900 4.4cqw/1 var(--font)}.p-yes i{color:#2a1e0a;width:6.6cqw;height:6.6cqw;font:900 3.6cqw/1 var(--font);background:#f7d9a6;border-radius:50%;place-items:center;font-style:normal;display:grid}.p-more{text-align:center;color:var(--pro-note);font:800 3.2cqw/1 var(--font);padding:3cqw 0 2cqw}.p-cta{background:var(--pro-grad);color:#1b1726;height:12cqw;font:900 4cqw/1 var(--font);text-transform:uppercase;border-radius:3.6cqw;place-items:center;margin-top:auto;display:grid;box-shadow:0 1.3cqw #9159c4}.p-note{text-align:center;color:var(--pro-note);font:700 2.5cqw/1.35 var(--font);margin-top:4cqw}.scr-streak{background:#f7f7f4}.st-hero{color:#fff;text-align:center;background:#f2544f;border-radius:0 0 9cqw 9cqw;padding:5cqw 5cqw 4.5cqw}.st-top{grid-template-columns:7cqw 1fr 7cqw;align-items:center;display:grid}.st-top svg{opacity:.85;width:6cqw;height:6cqw}.st-top b{font:900 7cqw/1 var(--font)}.st-num{font:900 19cqw/.95 var(--font);margin-top:1.5cqw;display:block}.st-flame{width:46cqw;margin:1cqw auto 0;animation:2.8s ease-in-out infinite flame;display:block}@keyframes flame{50%{translate:0 -2.4cqw}}.st-status{font:900 4.3cqw/1.2 var(--font);margin-top:1.6cqw;display:block}.st-sum{grid-template-columns:1fr 1fr;gap:3cqw;margin:4cqw 5cqw 0;display:grid}.st-sum div{text-align:left;background:#fff;border:.5cqw solid #e1e1e1;border-radius:5.6cqw;grid-template-columns:6cqw 1fr;align-items:center;column-gap:2cqw;padding:2.6cqw 3cqw;display:grid}.st-sum img{object-fit:contain;grid-row:1/3;width:6cqw;height:6cqw}.st-sum b{color:#525252;font:900 5.4cqw/1 var(--font)}.st-sum small{color:#b2b2b2;font:800 2.8cqw/1.1 var(--font)}.st-cal{background:#fff;border:.5cqw solid #e1e1e1;border-radius:4.5cqw;margin:4cqw 5cqw 0;padding:3.5cqw 3cqw;box-shadow:0 1cqw #ebebeb}.st-month{color:#4f4f4f;font:900 4.2cqw/1 var(--font);justify-content:space-between;display:flex}.st-month i{color:#b5b5b5;font-style:normal}.st-days{text-align:center;grid-template-columns:repeat(7,1fr);margin-top:3cqw;display:grid}.st-days u{color:#4b4b4b;font:900 2.8cqw/1 var(--font);text-decoration:none}.st-week{grid-template-columns:repeat(7,1fr);height:8.8cqw;margin-top:1.1cqw;display:grid;position:relative}.st-bar{top:1.3cqw;bottom:1.3cqw;left:calc(var(--from) * 100% / 7 + .8cqw);width:calc(var(--span) * 100% / 7 - 1.6cqw);border-radius:99px;position:absolute;overflow:hidden}.st-bar-hot{background:linear-gradient(90deg,#ff5a36,#ff8a00 55%,#ffb300);border:.8cqw solid #ffe57f}.st-bar-hot.is-single{border:0}.st-bar-warm{background:linear-gradient(#fff8da,#fff2bf)}.st-bar-frozen{background:linear-gradient(90deg,#6fbef2,#56a5e6)}.st-bar-hot i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;background:#fffdf2;width:1.8cqw;height:1.8cqw;animation:2.6s linear infinite sparkle;position:absolute;top:22%;left:0}.st-bar-hot i:nth-child(2){width:1.3cqw;height:1.3cqw;animation-delay:-.9s;top:52%}.st-bar-hot i:nth-child(3){animation-delay:-1.7s;top:34%}@keyframes sparkle{0%{opacity:0;left:0}20%,80%{opacity:.9}to{opacity:0;left:100%}}.st-day{z-index:1;place-items:center;display:grid;position:relative}.st-day b{font:900 3.2cqw/1 var(--font);position:relative}.st-off b{color:#b5b5b5}.st-future b{color:#dcdcdc}.st-day.st-warm b{color:#ff9800}.st-day.st-hot b{color:#fff}.st-day.st-frozen img{object-fit:contain;width:10.6cqw;height:10.6cqw;position:absolute;top:50%;left:50%;translate:-50% -52%}.st-day.st-frozen b{color:#fff;text-shadow:0 0 .5cqw #0000008c;font-size:2.9cqw}.st-day.st-today b{color:#fff;background:#ff7347;border-radius:50%;place-items:center;width:7.6cqw;height:7.6cqw;transition:scale .5s cubic-bezier(.34,1.56,.64,1) 1.1s;display:grid}.scr-hint[data-tap=hint] .g-tool:nth-child(4) .g-tile:after,.scr-hint[data-tap=next] .h-next:after,.scr-hint[data-tap=done] .h-done:after{content:"";pointer-events:none;background:#1cb0f652;border:1cqw solid #1cb0f6;border-radius:50%;width:15cqw;height:15cqw;margin:-7.5cqw 0 0 -7.5cqw;animation:.5s ease-out both tap;position:absolute;top:50%;left:50%}@keyframes tap{0%{opacity:1;scale:.25}45%{opacity:1;scale:.8}to{opacity:0;scale:1.3}}.scr-hint[data-tap=hint] .g-tool:nth-child(4) .g-tile{translate:0 .8cqw;box-shadow:0 .3cqw #c6dee8}.l-list li{transition:translate .7s cubic-bezier(.34,1.3,.64,1) 1s}.motion [data-pop]:not(.is-in) .l-list li.is-me{translate:0 100%}.motion [data-pop]:not(.is-in) .l-list li.is-me+li{translate:0 -100%}.motion [data-pop]:not(.is-in) .d-bar i{width:calc(var(--from,var(--fill)) * 100%)}.motion [data-pop]:not(.is-in) .st-day.st-today b{scale:0}.p-yes i,.v-stat{transition:scale .45s cubic-bezier(.34,1.56,.64,1) .7s}.p-row:nth-child(3) .p-yes i,.v-stat:nth-child(2){transition-delay:.85s}.p-row:nth-child(4) .p-yes i,.v-stat:nth-child(3){transition-delay:1s}.p-row:nth-child(5) .p-yes i{transition-delay:1.15s}.motion [data-pop]:not(.is-in) .p-yes i,.motion [data-pop]:not(.is-in) .v-stat{scale:0}@media (prefers-reduced-motion:reduce){.scr .b-reveal{animation:none}}[data-theme=dark] .scr{color:#fff;background:#101820}[data-theme=dark] .g-btn{color:#a9b7c6;background:#1b2733}[data-theme=dark] .g-stats span{color:#a9b7c6}[data-theme=dark] .g-stats b,[data-theme=dark] .g-tool small{color:#fff}[data-theme=dark] .g-tile{background:#2a2a2a;box-shadow:0 1.1cqw #202020}[data-theme=dark] .g-badge{border-color:#101820}[data-theme=dark] .g-pad b{color:#fff}[data-theme=dark] .g-pad small{color:#d7d7d7}[data-theme=dark] .h-sheet{background:#1b1b1b;box-shadow:0 2cqw 6cqw #0000008c}[data-theme=dark] .h-title{color:#fff}[data-theme=dark] .h-page{color:#d7d7d7}[data-theme=dark] .h-dots i{background:#3a3a3a}[data-theme=dark] .scr-daily{background:#101820}[data-theme=dark] .d-goal,[data-theme=dark] .d-q{background:#1b1b1b;box-shadow:0 1cqw #3a3a3a}[data-theme=dark] .d-bar{background:#2a2a2a}[data-theme=dark] .d-bar>span{color:#d7d7d7}[data-theme=dark] .d-quests>small,[data-theme=dark] .l-sub,[data-theme=dark] .bd-title,[data-theme=dark] .v-sub{color:#a9b7c6}[data-theme=dark] .l-board{border-top-color:#242424}[data-theme=dark] .l-list li{background:#101820;border-bottom-color:#242424}[data-theme=dark] .l-list li.is-me{background:#3a2e14}[data-theme=dark] .l-xp,[data-theme=dark] .bd-grid figcaption{color:#d7d7d7}[data-theme=dark] .scr-victory{background:radial-gradient(circle at 50% 12%,#12314a,#101820 55%)}[data-theme=dark] .v-rays path{fill:#16324b}[data-theme=dark] .v-mode{color:#7f8c99}[data-theme=dark] .v-board{background:#101820;box-shadow:0 0 0 .6cqw #3a3a3a,0 1.4cqw 0 .6cqw #3a3a3a}[data-theme=dark] .v-stat b{background:#1b1b1b}[data-theme=dark] .p-no{color:#4a4466}[data-theme=dark] .board .b-cell{fill:#101820}[data-theme=dark] .board .b-peer{fill:#27466b}[data-theme=dark] .board .b-same{fill:#236a9e}[data-theme=dark] .board .b-thin{stroke:#3e4c5e}[data-theme=dark] .board .b-thick,[data-theme=dark] .board .b-frame{stroke:#7c8da3}[data-theme=dark] .board .b-digit,[data-theme=dark] .board .b-sum{fill:#fff}[data-theme=dark] .board .b-note{fill:#b9c6d6}[data-theme=dark] .board .b-cage{stroke:#8496ad}[data-theme=dark] .board .b-shade{fill-opacity:.42}[data-theme=dark] .board .b-t0,[data-theme=dark] .board .b-v0{fill:#5ca8e0;fill-opacity:.4}[data-theme=dark] .board .b-t1,[data-theme=dark] .board .b-v1{fill:#9b7ce0;fill-opacity:.4}[data-theme=dark] .board .b-t2,[data-theme=dark] .board .b-v2{fill:#e06cc4;fill-opacity:.4}[data-theme=dark] .board .b-t3,[data-theme=dark] .board .b-v3{fill:#5cd69b;fill-opacity:.4}[data-theme=dark] .board .b-t4,[data-theme=dark] .board .b-v4{fill:#e0b15c;fill-opacity:.4}[data-theme=dark] .board .b-t5,[data-theme=dark] .board .b-v5{fill:#e06c6c;fill-opacity:.4}[data-theme=dark] .board [class^=b-v]{fill-opacity:.62}[data-theme=dark] .board .hint-dim rect{fill:#0000008c}[data-theme=dark] .board .hint-lit rect{fill:#173a57}[data-theme=dark] .scr-hint[data-step="4"] .hint-digit{fill:#fff}[data-theme=dark] .scr-streak{background:#101820}[data-theme=dark] .st-sum div,[data-theme=dark] .st-cal{background:#1b1b1b;border-color:#3a3a3a;box-shadow:0 1cqw #0a0f14}[data-theme=dark] .st-sum b,[data-theme=dark] .st-month,[data-theme=dark] .st-days u{color:#fff}[data-theme=dark] .st-sum small,[data-theme=dark] .st-off b{color:#7f8c99}[data-theme=dark] .st-future b{color:#3e4c5e}