:root{--bg:#fff3f1;--bg-deep:#fbe3e0;--ink:#22265c;--ink-2:#555a88;--ink-3:#868bb3;--card:#ffffffc7;--card-solid:snow;--line:#22265c1a;--accent:#2f3bd0;--blue:#2f3bd0;--pink:#e8457e;--pink-ink:#c22b63;--sun:#ffc84a;--danger:#c22b63;--shadow:0 1px 2px #22265c0f, 0 10px 30px -8px #22265c33;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.22, 1, .36, 1);--radius:18px;--display:"Zen Maru Gothic", ui-rounded, "Hiragino Maru Gothic ProN", system-ui, sans-serif;--hand:"Gochi Hand", "Comic Sans MS", cursive;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--display);color:var(--ink);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}body{background:radial-gradient(120% 90% at 50% 38%, var(--sky-1,#fff8f6) 0%, var(--sky-2,var(--bg)) 55%, var(--sky-3,var(--bg-deep)) 100%)}@property --sky-1{syntax:"<color>";inherits:true;initial-value:#fff8f6}@property --sky-2{syntax:"<color>";inherits:true;initial-value:#fff3f1}@property --sky-3{syntax:"<color>";inherits:true;initial-value:#fbe3e0}html{transition:--sky-1 .9s var(--ease), --sky-2 .9s var(--ease), --sky-3 .9s var(--ease)}html.is-swipe-poster{transition:none}button{font:inherit;color:inherit;cursor:pointer}#app{-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.stage{touch-action:none;position:absolute;inset:0}.zoom-slider{left:50%;top:min(max(calc(100% - 194px - env(safe-area-inset-bottom,0px)), calc(var(--caption-end,0px) + 2px)), calc(100% - 96px - env(safe-area-inset-bottom,0px)));z-index:4;touch-action:none;cursor:pointer;width:min(240px,64vw);height:44px;position:absolute;transform:translate(-50%)}#app:not(.is-world) .zoom-slider{display:none}.zoom-slider,.to-computer{transition:opacity .3s var(--ease)}.zoom-slider{transition:opacity .3s var(--ease), top .5s var(--ease)}.is-swiping .zoom-slider,.is-swiping .to-computer{opacity:0;pointer-events:none}.zoom-slider-line{background:#22265c24;border-radius:1px;height:2px;transition:background .25s;position:absolute;top:calc(50% - 1px);left:12px;right:12px}.zoom-slider-thumb{width:10px;height:10px;transition:transform .35s var(--spring), background .25s, box-shadow .25s;background:#22265c52;border-radius:50%;margin:-5px 0 0 -5px;position:absolute;top:50%}.zoom-slider.is-active .zoom-slider-line{background:#22265c47}.zoom-slider.is-active .zoom-slider-thumb{background:var(--blue);transform:scale(1.6);box-shadow:0 0 0 5px #2f3bd029}.zoom-lens{z-index:3;pointer-events:none;visibility:hidden;background:radial-gradient(120% 90% at 50% 38%, var(--sky-1,#fff8f6) 0%, var(--sky-2,var(--bg)) 55%, var(--sky-3,var(--bg-deep)) 100%) no-repeat;box-shadow:0 22px 44px -14px rgba(34, 38, 92, calc(.4 * var(--glass,0))), 0 0 0 .5px rgba(34, 38, 92, calc(.12 * var(--glass,0)));border-radius:30px;position:absolute;top:0;left:0;overflow:hidden}.zoom-lens.is-on{visibility:visible}.zoom-lens canvas{width:100%;height:100%;display:block}.swipe-sky,.swipe-poster{pointer-events:none;position:absolute;inset:0}.swipe-sky{opacity:0}.swipe-poster,.is-swiping .stage{will-change:transform}.swipe-poster canvas{width:100%;height:100%;display:block}.swipe-peek{z-index:6;box-sizing:border-box;pointer-events:none;opacity:0;text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0 24px;display:flex;position:fixed;top:0;left:0}.swipe-peek-chevron{color:var(--ink-3);animation:peek-bob 1.4s var(--ease) infinite}.swipe-peek.is-prev .swipe-peek-chevron{order:3;animation-name:peek-bob-down;transform:rotate(180deg)}.swipe-peek-tag{background:var(--sun);color:var(--ink);border-radius:999px;padding:2px 12px;font-size:13px;font-weight:700}.swipe-peek-name{max-width:100%;font-family:var(--display);letter-spacing:-.02em;color:var(--blue);text-wrap:balance;font-size:26px;font-weight:900;line-height:1.15}.swipe-peek.is-hint{gap:4px}.swipe-peek.is-hint .swipe-peek-tag{color:var(--ink-2);background:0 0;padding:0;font-size:15px}.swipe-peek.is-hint .swipe-peek-name{letter-spacing:0;color:var(--ink-3);font-family:inherit;font-size:13px;font-weight:700}.swipe-cue{left:50%;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:3;color:var(--ink);opacity:.22;pointer-events:none;animation:cue-lift 7s var(--ease) 4s infinite;margin-left:-13px;transition:opacity .3s;position:fixed}.swipe-cue[hidden]{display:none}.is-swiping .swipe-cue,.is-on-card .swipe-cue{opacity:0;animation-play-state:paused}@keyframes cue-lift{0%,78%,to{opacity:.22;transform:none}84%,94%{opacity:.42;transform:translateY(6px)}89%{opacity:.3;transform:translateY(1px)}}@media (prefers-reduced-motion:reduce){.swipe-cue{animation:none}}.garden-caption{z-index:2;color:#22265cd1;text-align:center;text-wrap:balance;text-shadow:0 0 14px #fff3f1e6;pointer-events:none;opacity:0;width:min(330px,100vw - 48px);transition:opacity .7s var(--ease), transform .7s var(--ease);margin:0 0 0 calc(min(330px,100vw - 48px)/-2);font-size:15px;font-weight:500;line-height:1.45;position:absolute;top:0;left:50%;transform:translateY(8px)}.garden-caption.is-on{opacity:1;transform:none}.is-dark-sky .topbar .brand-name,.is-dark-sky .brand-sub{color:#e6fff1}.is-dark-sky .garden-caption{color:#e6fff1e0;text-shadow:0 0 14px #000000e6}.is-dark-sky .hint,.is-dark-sky .radar-caption{color:#e6fff199}.is-dark-sky .zoom-slider-line,.is-dark-sky .zoom-slider.is-active .zoom-slider-line{background:#e6fff13d}.is-dark-sky .zoom-slider-thumb{background:#e6fff199}.garden-caption.is-side{text-align:left;text-wrap:pretty;width:clamp(220px,24vw,300px);margin:0;font-size:16px;line-height:1.6;left:22px;transform:translateY(-6px)}.garden-caption.is-side.is-on{transform:none}.is-swiping .garden-caption,.is-on-card .garden-caption,.zoom-lens.is-on~.garden-caption{opacity:0;transition-duration:.15s}.zoom-teach{z-index:6;background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-width:230px;box-shadow:var(--shadow);color:var(--ink);text-align:center;pointer-events:none;opacity:0;transition:opacity .3s var(--ease), transform .4s var(--spring);border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:16px 18px 14px;font-size:14px;font-weight:700;line-height:1.35;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92)}.zoom-teach.is-on{opacity:1;transform:translate(-50%,-50%)}.zoom-teach-finger{width:44px;height:44px;position:relative}.zoom-teach-finger:before,.zoom-teach-finger i{content:"";border-radius:50%;position:absolute;top:50%;left:50%}.zoom-teach-finger:before{background:var(--blue);width:18px;height:18px;animation:teach-press 1.6s var(--ease) infinite;margin:-9px 0 0 -9px}.zoom-teach-finger i{border:2px solid var(--blue);width:44px;height:44px;animation:teach-ring 1.6s var(--ease) infinite;margin:-22px 0 0 -22px}@keyframes teach-press{0%,to{transform:scale(1)}20%,80%{transform:scale(.78)}}@keyframes teach-ring{0%,20%{opacity:0;transform:scale(.4)}35%{opacity:.7}80%,to{opacity:0;transform:scale(1)}}.swipe-peek.is-waiting .swipe-peek-name{animation:peek-wait 1s var(--ease) infinite alternate}@keyframes peek-bob{50%{transform:translateY(-5px)}}@keyframes peek-bob-down{0%,to{transform:rotate(180deg)}50%{transform:rotate(180deg)translateY(-5px)}}@keyframes peek-wait{to{opacity:.45}}.offer-card{z-index:4;padding:calc(112px + env(safe-area-inset-top,0px)) 16px calc(18px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:var(--blue);touch-action:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.brand-name{transition:color .3s}.is-on-card .topbar .brand-name{color:#fff3f1}.offer-card[hidden]{display:none}.is-on-card .zoom-slider,.is-on-card .to-computer{opacity:0;pointer-events:none}.offer-sheet{background:var(--card-solid);text-align:center;box-sizing:border-box;border-radius:30px;width:100%;max-width:420px;padding:28px 18px 22px;position:relative;box-shadow:0 24px 48px -20px #0a0e3c99}.offer-sheet:before{content:"";background:var(--sun);opacity:.92;border-radius:3px;width:96px;height:24px;position:absolute;top:-11px;left:calc(50% - 48px);transform:rotate(-4deg)}.offer-note{font:27px/1 var(--hand);color:var(--pink-ink);margin:2px 0 8px;transform:rotate(-3deg)}.offer-title{font-family:var(--display);letter-spacing:-.02em;color:var(--blue);text-wrap:balance;margin:0 0 6px;font-size:25px;font-weight:900;line-height:1.15}.offer-tagline{font:22px/1.15 var(--hand);color:var(--pink-ink);transform-origin:0;margin:0 0 18px;transform:rotate(-2deg)}.offer-steps{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.offer-steps li{flex-direction:column;align-items:center;gap:6px;display:flex}.offer-fig{width:100%;max-width:104px;color:var(--pink);position:relative}.offer-fig>svg{width:100%;height:auto;display:block;overflow:visible}.offer-fig .sun{fill:var(--sun)}.offer-num{width:30px;height:30px;font:19px/1 var(--hand);color:var(--pink-ink);place-items:center;display:grid;position:absolute;top:-8px;left:-6px;transform:rotate(-6deg)}.offer-num svg{width:100%;height:100%;color:var(--pink);position:absolute;inset:0}.offer-step{color:var(--ink);font-size:12.5px;font-weight:700;line-height:1.3}.offer-aside{font:19px/1.2 var(--hand);color:var(--ink-2);margin:16px 6px 20px;transform:rotate(-1.5deg)}.offer-cta{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.offer-more{color:var(--ink-2);margin:14px 0 0;font-size:12.5px}.offer-swipe{color:#fff3f1cc;flex-direction:column;align-items:center;gap:2px;margin:0;font-size:12.5px;display:flex}.offer-swipe svg{animation:peek-bob 1.4s var(--ease) infinite}.offer-card.is-in .offer-sheet{animation:offer-pop .6s var(--spring) both}.offer-card.is-in .offer-note{animation:offer-note .7s var(--spring) .15s both}.offer-card.is-in .offer-steps li{animation:offer-pop .6s var(--spring) calc(.3s + var(--i) * .13s) both}.offer-card.is-in .offer-aside,.offer-card.is-in .offer-cta{animation:offer-pop .6s var(--spring) .75s both}.offer-card.is-in .offer-cta{animation-delay:.85s}@keyframes offer-pop{0%{opacity:0;transform:translateY(14px)scale(.9)}}@keyframes offer-note{0%{opacity:0;transform:rotate(-14deg)scale(.6)}}@media (height<=700px){.offer-card{padding-top:calc(104px + env(safe-area-inset-top,0px));gap:10px}.offer-title{margin-bottom:14px;font-size:21px}.offer-aside{margin:10px 4px 14px;font-size:17px}.offer-more{display:none}}.topbar{pointer-events:none;z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:22px;right:22px}.topbar>*{pointer-events:auto}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-link{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-link:not([href]){cursor:default}.brand-mark{flex:none;width:26px;height:26px;display:inline-block}.brand-mark svg{width:100%;height:100%;display:block;overflow:visible}.brand-mark.big{width:52px;height:52px}.brand-mark .mark-drop{transform-box:fill-box;transform-origin:50% 100%;animation:drip 7s var(--ease) infinite}@keyframes drip{0%,70%{transform:none}80%{transform:translateY(6%)scaleY(.94)}90%{transform:none}}@media (prefers-reduced-motion:reduce){.brand-mark .mark-drop{animation:none}}.brand-name{color:var(--ink);display:inline-flex}.brand-name svg{width:auto;height:21px;display:block}.topbar .brand-mark{display:none}.brand-sub{color:var(--ink-3);font-size:13px}.controls{align-items:center;gap:8px;display:flex}.btn{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:38px;height:38px;box-shadow:var(--shadow);color:var(--ink);transition:transform .35s var(--spring), background .2s;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.btn:hover{background:#ffffffeb;transform:translateY(-1px)}.btn:active{transition-duration:80ms;transform:scale(.92)}.btn:focus-visible,.tool:focus-visible,.cta:focus-visible,.menu button:focus-visible,.pop-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-donate{white-space:nowrap;color:#a8214f;background:#ffe3ec;padding:0 14px 0 11px;font-size:13px;font-weight:700}.btn-donate:hover{background:#ffd0de}.btn-donate svg{transition:transform .4s var(--spring)}.btn-donate:hover svg{transform:scale(1.18)}.btn-next{text-decoration:none}.btn-mode{color:var(--ink-2);font-size:12.5px;font-weight:700}.btn-mode.is-on{color:var(--accent)}.mode-icon{display:inline-flex}.volume{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:38px;box-shadow:var(--shadow);color:var(--ink-2);border-radius:12px;align-items:center;gap:6px;padding:0 12px 0 3px;display:inline-flex}.volume-toggle{width:32px;height:32px;color:var(--ink-2);transition:background .2s, color .2s, transform .35s var(--spring);background:0 0;border:0;border-radius:9px;flex:none;place-items:center;padding:0;display:grid}.volume-toggle:hover{color:var(--ink);background:#22265c12}.volume-toggle:active{transform:scale(.9)}.volume-toggle.is-off,.volume-toggle.is-off:hover{background:var(--ink);color:#fff}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:92px;height:18px}input[type=range]::-webkit-slider-runnable-track{background:#22265c1f;border-radius:4px;height:4px}input[type=range]::-moz-range-track{background:#22265c1f;border-radius:4px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;transition:transform .3s var(--spring);background:#fff;border-radius:50%;margin-top:-5px;box-shadow:0 0 0 1px #22265c26,0 2px 6px #22265c33}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #22265c26,0 2px 6px #22265c33}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.25)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[hidden]{display:none!important}.session{--phase:var(--ink-3);margin:0 auto;position:relative}.session[data-phase=focus]{--phase:var(--blue)}.session[data-phase=break]{--phase:var(--sun)}.session[data-phase=long]{--phase:var(--pink)}.session-pill{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:38px;box-shadow:var(--shadow);transition:transform .35s var(--spring), background .2s;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 14px 0 10px;display:inline-flex}.session-pill:hover{background:#ffffffeb;transform:translateY(-1px)}.session-pill:active{transition-duration:80ms;transform:scale(.95)}.session.is-open .session-pill{background:#fff}.pill-ring{width:22px;height:22px}.pill-label{color:var(--ink-2);font-size:12.5px;font-weight:700}.session:not([data-phase=idle]) .pill-label{color:var(--phase)}.pill-time{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:14px;font-weight:700}.session.is-paused .pill-time,.session.is-paused .dial-time{animation:1.6s ease-in-out infinite blink}@keyframes blink{50%{opacity:.35}}.ring-track{fill:none;stroke:#22265c1a}.ring-bar{fill:none;stroke:var(--phase);stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .6s linear,stroke .4s;transform:rotate(-90deg)}.pill-ring circle{stroke-width:3px}.dial-ring circle{stroke-width:5px}.session-panel{overscroll-behavior:contain;background:var(--card-solid);width:300px;max-height:calc(100vh - 84px);box-shadow:var(--shadow), 0 0 0 1px var(--line);opacity:0;transform-origin:top;pointer-events:none;transition:opacity .18s, transform .4s var(--spring);border-radius:20px;padding:14px;position:absolute;top:calc(100% + 10px);left:50%;overflow-y:auto;transform:translate(-50%,-6px)scale(.96)}.session.is-open .session-panel{opacity:1;pointer-events:auto;transform:translate(-50%)}.seg{background:#22265c0d;border-radius:12px;gap:2px;padding:3px;display:flex}.seg button{transition:background .2s, box-shadow .2s, transform .35s var(--spring);background:0 0;border:0;border-radius:9px;flex-direction:column;flex:1;align-items:center;gap:1px;padding:6px 4px;display:flex}.seg button b{font-size:12.5px;font-weight:700}.seg button span{color:var(--ink-3);font-size:11px}.seg button:hover:not(:disabled){transform:translateY(-1px)}.seg button.is-active{background:#fff;box-shadow:0 1px 3px #22265c1f}.seg button:disabled{opacity:.4;cursor:default}.dial{width:132px;height:132px;margin:16px auto 6px;position:relative}.dial-ring{width:100%;height:100%}.dial-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dial-time{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.dial-phase{color:var(--ink-3);margin-top:2px;font-size:12px}.session:not([data-phase=idle]) .dial-phase{color:var(--phase);font-weight:700}.cycle-dots{justify-content:center;gap:6px;height:8px;display:flex}.cycle-dots i{width:7px;height:7px;transition:background .3s, transform .4s var(--spring);background:#22265c1f;border-radius:50%}.cycle-dots i.done{background:var(--blue)}.cycle-dots i.now{box-shadow:inset 0 0 0 1.5px var(--blue);background:0 0;animation:2.4s ease-in-out infinite breathe-dot}@keyframes breathe-dot{50%{transform:scale(1.3)}}.session-tip{text-align:center;min-height:34px;color:var(--ink-2);margin:10px 4px 12px;font-size:12.5px;line-height:1.4}.session-actions{gap:6px;display:flex}.session-primary{background:var(--ink);color:#fff;height:40px;transition:transform .35s var(--spring), background .2s;border:0;border-radius:12px;flex:1;font-size:14px;font-weight:700}.session-primary:hover{transform:translateY(-1px)}.session-primary:active,.session-icon:active{transition-duration:80ms;transform:scale(.94)}.session-icon{width:40px;height:40px;color:var(--ink-2);transition:transform .35s var(--spring), background .15s;background:#22265c0f;border:0;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.session-icon:hover{background:#22265c1a}.session-sep{background:var(--line);height:1px;margin:14px 0 12px}.pill-ask,.pomodoro-intro{display:none}.session[data-state=ask] .pill-ask{color:var(--ink);align-items:center;gap:7px;font-size:13.5px;font-weight:700;display:inline-flex}.session[data-state=ask] .pill-ask svg{color:var(--accent)}.session[data-state=ask] .pill-ring,.session[data-state=ask] .pill-label,.session[data-state=ask] .pill-time,.session[data-state=ask] .session-body{display:none}.session[data-state=ask] .pomodoro-intro{padding:4px 4px 2px;display:block}.pomodoro-intro h3{font-family:var(--display);margin:0 0 8px;font-size:18px;font-weight:700}.pomodoro-intro p{color:var(--ink-2);margin:0 0 10px;font-size:13px;line-height:1.5}.pomodoro-choice{align-items:center;gap:12px;margin:14px 0 10px;display:flex}.pomodoro-no{color:var(--ink-2);text-underline-offset:3px;background:0 0;border:0;padding:8px 4px;font-size:13px;text-decoration:underline}.pomodoro-no:hover{color:var(--ink)}.pomodoro-intro .pomodoro-later{color:var(--ink-3);margin:0;font-size:11.5px}.menu-ambiance{padding:4px 10px 8px;position:relative}.ambiance-name{align-items:center;gap:4px;display:inline-flex}.info-tip{color:var(--ink-3);cursor:help;background:0 0;border:0;border-radius:50%;padding:2px;display:inline-flex}.info-tip svg{width:14px;height:14px}.info-tip:hover,.info-tip:focus-visible,.info-tip.is-open{color:var(--accent)}.menu-ambiance .tip{background:var(--ink);color:#fff3f1;width:270px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .18s, transform .25s var(--spring);border-radius:14px;margin:0;padding:12px 14px;font-size:12.5px;font-weight:400;line-height:1.5;position:absolute;top:-4px;right:calc(100% + 14px);transform:translate(4px)}:is(.menu-ambiance:has(.info-tip:hover) .tip,.menu-ambiance:has(.info-tip:focus-visible) .tip,.menu-ambiance:has(.info-tip.is-open) .tip){opacity:1;transform:none}@media (width<=700px){.menu-ambiance .tip{z-index:1;width:auto;top:30px;left:6px;right:6px}}.ambiance-head,.ambiance-scale{justify-content:space-between;display:flex}.ambiance-head{font-size:12px;font-weight:700}.ambiance-value{color:var(--accent)}.ambiance input{width:100%;margin:4px 0 0}.ambiance-scale{color:var(--ink-3);font-size:10.5px}.check{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;display:flex}.check input{width:15px;height:15px;accent-color:var(--accent);flex:none;margin:0}.today{border-top:1px solid var(--line);color:var(--ink-2);align-items:center;gap:8px;margin-top:14px;padding-top:12px;font-size:12px;display:flex}.today-flowers{gap:3px;display:flex}.today-flowers i{width:9px;height:9px;animation:pop .5s var(--spring);border-radius:50%;box-shadow:inset 0 0 0 2.5px #ffffff8c,0 0 0 1px #22265c14}.menu-wrap{position:relative}.menu{border-radius:var(--radius);background:var(--card-solid);min-width:230px;box-shadow:var(--shadow), 0 0 0 1px var(--line);opacity:0;transform-origin:100% 0;pointer-events:none;transition:opacity .18s, transform .35s var(--spring);padding:6px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px)scale(.96)}.menu.is-open{opacity:1;pointer-events:auto;transform:none}.menu-title{color:var(--ink-3);padding:8px 10px 4px;font-size:11px;font-weight:700}.menu button{text-align:left;width:100%;color:var(--ink);transition:background .15s, transform .3s var(--spring);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.menu button svg{color:var(--ink-3);flex:none}.menu button:hover{background:#22265c0d;transform:translate(2px)}.menu .menu-check{opacity:0;margin-left:auto;transition:opacity .2s;display:inline-flex}.menu [aria-checked=true] .menu-check{opacity:1}.menu .menu-check svg{color:var(--accent)}.menu button.danger,.menu button.danger svg{color:var(--danger)}.menu-sep{background:var(--line);height:1px;margin:6px 8px}.gardens{position:relative}.garden-switch{text-align:left;background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:0;max-width:340px;min-height:38px;box-shadow:var(--shadow);color:var(--ink);transition:background .2s, transform .35s var(--spring);border:0;border-radius:12px;align-items:center;gap:10px;padding:5px 5px 5px 13px;font-size:13.5px;font-weight:700;display:inline-flex}.garden-switch:hover,.garden-switch[aria-expanded=true]{background:#ffffffeb;transform:translateY(-1px)}.garden-switch:active{transition-duration:80ms;transform:scale(.95)}.garden-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.garden-more{background:var(--sun);height:28px;color:var(--ink);white-space:nowrap;border-radius:9px;flex:none;align-items:center;gap:2px;padding:0 6px 0 10px;font-size:12px;transition:background .2s;display:inline-flex}.garden-switch:hover .garden-more{background:#ffbb24}.garden-switch svg{transition:transform .3s var(--spring);flex:none}.garden-switch[aria-expanded=true] svg{transform:rotate(180deg)}.garden-name{text-wrap:balance;line-height:1.2}@media (width<=1040px){.garden-name{max-width:150px}}@media (width<=700px){.garden-switch{gap:6px;padding-left:10px}.garden-name{max-width:none}.garden-more{padding:0 6px}.garden-more-label{display:none}}.garden-item{border-radius:10px;align-items:center;transition:background .15s;display:flex}.garden-item:hover{background:#22265c0d}.garden-item button.garden-open{flex:1;min-width:0}.garden-item button.garden-open:hover{background:0 0}.garden-dot{background:#22265c26;border-radius:50%;flex:none;width:7px;height:7px;margin:0 4px}.garden-item.is-current .garden-dot{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent)}.garden-item.is-current .gname{font-weight:700}.garden-kind{color:var(--ink-3);flex:none;display:inline-flex}.garden-kind svg{width:15px;height:15px}.garden-item.is-current .garden-kind{color:var(--accent)}.models-toggle svg:last-child{transition:transform .25s var(--ease);margin-left:auto}.models-toggle[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.models button{padding-left:38px}.gname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gname-input{outline:2px solid var(--accent);min-width:0;height:26px;font:inherit;color:var(--ink);background:#fff;border:0;border-radius:6px;flex:1;padding:0 6px;font-size:14px}.garden-item button.garden-act{color:var(--ink-3);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;place-items:center;width:30px;height:30px;padding:0;display:grid}.garden-item:hover button.garden-act,.garden-item button.garden-act:focus-visible{opacity:1}.garden-item:not(:hover):not(:has(:focus-visible)) button.garden-act{display:none}.garden-item button.garden-act:hover{background:#22265c14;transform:none}.garden-item button[data-act=delete]:hover svg{color:var(--danger)}.world-label{flex-direction:column;min-width:0;display:flex}.world-label small{color:var(--ink-3);font-size:12px}.gardens-dialog{z-index:25;-webkit-backdrop-filter:blur(10px)saturate(1.05);backdrop-filter:blur(10px)saturate(1.05);background:#fff3f18c;grid-template-rows:minmax(0,1fr);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gd-card{width:min(1240px,100%);height:min(760px,100%);box-shadow:var(--shadow), 0 0 0 1px var(--line);animation:rise .55s var(--spring) both;background:#ffffffeb;border-radius:26px;flex-direction:column;padding:24px 26px 22px;display:flex}.gd-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.gd-head h2{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.gd-sub{color:var(--ink-3);margin:2px 0 0;font-size:13px}.gd-close{width:36px;height:36px;color:var(--ink-2);background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.gd-close:hover{background:#22265c0d}.gd-cols{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);gap:14px;min-height:0;display:grid}.gd-chip{border-radius:99px;align-self:center;margin:0 0 6px;padding:2px 10px;font-size:11px;font-weight:700}.gd-chip.featured{color:#7a5200;background:#fff0c4}.gd-featured{padding:14px 16px 16px}.gd-featured .gd-chip{align-self:flex-start}.gd-still{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;margin:0 0 8px;display:flex}.gd-still canvas{z-index:1;width:auto;max-width:100%;height:auto;max-height:100%;animation:gd-arrive .7s var(--spring) backwards, gd-float 6s ease-in-out .7s infinite;transition:scale .5s var(--spring);flex:none;display:block;position:relative}.gd-shadow{width:56%;height:18px;animation:gd-arrive-shadow .7s var(--ease) backwards, gd-shadow 6s ease-in-out .7s infinite;background:radial-gradient(closest-side,#22265c3d,#22265c00);border-radius:50%;flex:none;margin-top:-6px}.gd-featured:hover .gd-still canvas{scale:1.025}.gd-still canvas{cursor:pointer}.gd-still canvas:hover{scale:1.04}@keyframes gd-arrive{0%{opacity:0;translate:0 10px;scale:.96}}@keyframes gd-float{0%,to{translate:0}50%{translate:0 -7px}}@keyframes gd-arrive-shadow{0%{opacity:0}}@keyframes gd-shadow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.84)}}@media (prefers-reduced-motion:reduce){.gd-still canvas,.gd-shadow{animation:none}}.gd-col.gd-featured h3{text-align:left;font-size:22px}.gd-f-place{color:var(--ink-3);margin:0 0 6px;font-size:12.5px}.gd-f-text{color:var(--ink-2);margin:0 0 12px;font-size:14px;line-height:1.5}.gd-f-actions{flex-wrap:wrap;gap:8px;display:flex}.gd-btn{height:36px;color:var(--ink);font:inherit;cursor:pointer;background:#22265c0f;border:0;border-radius:12px;align-items:center;padding:0 14px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.gd-btn:hover{background:#22265c1a}.gd-btn.primary{background:var(--ink);color:#fff}.gd-btn.primary:hover{background:color-mix(in srgb, var(--ink) 88%, var(--accent))}.partner-item{color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;text-decoration:none;display:flex}.partner-item:hover{background:#22265c0d}.gd-tag{color:#a8214f;background:#ffdfe8;border-radius:99px;flex:none;margin-left:auto;padding:1px 7px;font-size:10.5px;font-style:normal;font-weight:700}.gd-tag.example{color:#7a5200;background:#fff0c4}.gd-tag.new{color:#22265c;background:#ffc84a}.gd-cols[hidden],.gd-gallery[hidden]{display:none}.gd-more .gd-all{color:var(--blue);background:color-mix(in srgb, var(--blue) 8%, transparent);font-weight:700}.gd-more .gd-all:hover{background:color-mix(in srgb, var(--blue) 14%, transparent)}.gd-count{background:var(--card-solid);border-radius:99px;padding:1px 8px;font-size:12px;font-weight:700}.gd-more .gd-all[hidden]{display:none}.gd-more .gd-all span{flex:1}.gd-more .gd-all svg{color:currentColor}.gd-more .gd-all svg:last-child{transition:transform .25s var(--ease)}.gd-more .gd-all:hover svg:last-child{transform:translate(3px)}.gd-gallery{min-height:0;animation:gw-in .35s var(--ease) both;flex-direction:column;flex:1;display:flex}@keyframes gw-in{0%{opacity:0;transform:translateY(8px)}}.gw-bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:16px;display:grid}.gw-back{height:36px;color:var(--ink);font:inherit;cursor:pointer;background:#22265c0d;border:0;border-radius:12px;justify-self:start;align-items:center;gap:6px;padding:0 12px 0 8px;font-size:13.5px;font-weight:700;display:inline-flex}.gw-back:hover{background:#22265c1a}.gw-title{text-align:center;font-family:var(--display);margin:0;font-size:20px;font-weight:700}.gw-search{background:var(--card-solid);width:min(280px,100%);height:38px;box-shadow:0 0 0 1px var(--line);color:var(--ink-3);transition:box-shadow .2s var(--ease);border-radius:99px;justify-self:end;align-items:center;gap:8px;padding:0 12px;display:flex}.gw-search:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent)}.gw-search svg{flex:none}.gw-search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.gw-search input::placeholder{color:var(--ink-3)}.gw-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-content:start;gap:14px;min-height:0;margin:0 -6px;padding:4px 6px 8px;display:grid;overflow-y:auto}.gw-card{background:var(--card-solid);box-shadow:0 0 0 1px var(--line);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s var(--ease);border:0;border-radius:18px;flex-direction:column;gap:8px;padding:8px 8px 12px;text-decoration:none;display:flex}.gw-card[hidden]{display:none}.gw-card:hover,.gw-card:focus-visible{box-shadow:0 0 0 1px var(--line), 0 14px 26px -16px #22265c73;transform:translateY(-3px)}.gw-card.is-current{box-shadow:0 0 0 2px var(--accent)}.gw-still{aspect-ratio:300/190;background:color-mix(in srgb, var(--accent) 6%, var(--card-solid));border-radius:12px;place-items:center;margin:0;display:grid;position:relative;overflow:hidden}.gw-still>img,.gw-still>canvas{opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease), transform .5s var(--ease);display:block;transform:scale(.97)}.gw-still.is-drawn>img,.gw-still.is-drawn>canvas{opacity:1;transform:none}.gw-card:hover .gw-still.is-drawn>img,.gw-card:hover .gw-still.is-drawn>canvas{transform:scale(1.03)}.gw-sign{background:var(--card-solid);width:44px;height:44px;box-shadow:0 0 0 1px var(--line);color:var(--accent);border-radius:50%;place-items:center;display:grid}.gw-still .gd-tag{margin:0;position:absolute;top:8px;left:8px}.gw-card .world-label{padding:0 4px;font-size:14.5px;font-weight:700}.gw-card .world-label small{font-weight:400}.gw-none{text-align:center;color:var(--ink-3);grid-column:1/-1;margin:40px 0;font-size:14px}.gd-foot-link{color:var(--ink-2);padding:6px 10px;font-size:13px;text-decoration:none;display:block}.gd-foot-link:hover{color:var(--accent)}.gd-tabs{flex-wrap:wrap;justify-content:center;gap:4px;margin:8px 0;display:flex}.gd-tabs:empty{display:none}.gd-tabs button{color:var(--ink-2);font:inherit;cursor:pointer;background:#22265c0d;border:0;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.gd-tabs button.on{background:var(--ink);color:#fff}.gd-tabs span{opacity:.7}.gd-mine h3{margin-bottom:2px}.gd-col{background:var(--card-solid);min-height:0;box-shadow:0 0 0 1px var(--line);border-radius:18px;flex-direction:column;padding:14px 12px 12px;display:flex}.gd-art{--bg:var(--card-solid);width:104px;height:78px;color:var(--pink);flex:none;margin:0 auto 4px}.gd-art svg{width:100%;height:100%;display:block}.gd-art .sun{fill:color-mix(in srgb, var(--sun) 60%, var(--card-solid))}.gd-col h3{font-family:var(--display);text-align:center;margin:0;font-size:17px;font-weight:700}.gd-hint{text-align:center;color:var(--ink-3);margin:2px 0 10px;font-size:12px;line-height:1.4}.gd-list{flex:auto;min-height:0;margin:0 -4px;padding:0 4px;overflow-y:auto}.gd-list.fit{position:relative;overflow:hidden}.gd-list.fit>[hidden]{display:none}.gd-empty{text-align:center;color:var(--ink-3);margin:6px 4px;font-size:12.5px}.gd-more{border-top:1px solid var(--line);flex:none;margin-top:6px;padding-top:8px}.garden-item button.garden-open,.gd-list .world-item,.gd-more button{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.gd-list .world-item:hover,.gd-more button:hover{background:#22265c0d}.gd-more button svg,.gd-list .world-item svg{color:var(--ink-3);flex:none}.world-item.is-current{font-weight:700;background:color-mix(in srgb, var(--accent) 10%, transparent)!important}@media (width<=1100px){.gd-card{height:auto;max-height:100%;overflow-y:auto}.gd-cols{flex:none;grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.gd-list{max-height:240px}.gd-list[data-list=worlds]{flex:1 1 0;min-height:240px;max-height:none}.gd-still{flex:none}}@media (width<=700px){.gardens-dialog{padding:10px}.gd-card{padding:18px 16px}.gd-head{flex-wrap:wrap}.gd-cols{grid-template-columns:1fr}.gw-bar{grid-template-columns:auto 1fr}.gw-search{grid-column:1/-1;width:100%}.gw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.gardens-dialog.is-phone .gd-featured{display:none}.menu .world-item.is-current svg{color:var(--accent)}.is-world .dock,.is-world .menu [data-action=publish],.is-world .menu [data-action=daylight],.is-world .menu [data-action=clear]{display:none}.is-world .menu .menu-sep:has(+[data-action=clear]){display:none}.hint-world,.is-world .hint-garden{display:none}.is-world .hint-world{display:inline}.world-arrow{z-index:2;background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:44px;box-shadow:var(--shadow);color:var(--ink-2);opacity:0;pointer-events:none;transition:opacity .6s var(--ease), transform .35s var(--spring), color .2s;border:0;border-radius:99px;align-items:center;padding:0 11px;font-size:13px;font-weight:700;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.world-arrow.prev{left:18px}.world-arrow.next{flex-direction:row-reverse;right:18px}.is-awake .world-arrow{opacity:.85;pointer-events:auto;transition-duration:.25s,.35s,.2s}.is-awake .world-arrow:hover{opacity:1;color:var(--ink)}.world-arrow.prev:hover{transform:translate(-2px,-50%)}.world-arrow.next:hover{transform:translate(2px,-50%)}.world-arrow-name{white-space:nowrap;max-width:0;transition:max-width .4s var(--ease), margin .4s var(--ease);overflow:hidden}.world-arrow:hover .world-arrow-name,.world-arrow:focus-visible .world-arrow-name{max-width:220px;margin:0 4px 0 6px}.world-arrow.next:hover .world-arrow-name,.world-arrow.next:focus-visible .world-arrow-name{margin:0 6px 0 4px}.world-arrow:focus-visible{opacity:1;pointer-events:auto}.dock{background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);z-index:4;border-radius:22px;gap:2px;padding:6px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.tool{touch-action:none;width:62px;height:70px;transition:transform .4s var(--spring), background .2s, box-shadow .2s;background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:1px;padding:3px 0 0;display:flex;position:relative}.tool-icon{pointer-events:none;place-items:center;width:44px;height:44px;display:grid}.tool-erase .tool-icon{color:var(--ink-2)}.tool-label{color:var(--ink-2);white-space:nowrap;pointer-events:none;font-size:10.5px;font-weight:700}.tool-key{color:var(--ink-3);opacity:0;pointer-events:none;font-size:9px;font-weight:700;transition:opacity .2s;position:absolute;top:5px;right:7px}.tool:hover{transform:translateY(-4px)}.tool:hover .tool-key{opacity:1}.tool:active{transition-duration:80ms;transform:translateY(-1px)scale(.92)}.tool.is-active{box-shadow:0 6px 16px -6px #22265c4d, 0 0 0 1px var(--line);background:#fff;transform:translateY(-6px)}.tool.is-active:after{content:"";background:var(--ink);width:4px;height:4px;animation:pop .4s var(--spring);border-radius:50%;margin-left:-2px;position:absolute;bottom:-9px;left:50%}.tool.is-active .tool-label{color:var(--ink)}@keyframes pop{30%{transform:scale(1.05) rotate(var(--tilt,0deg))}to{opacity:0;transform:scale(.7) rotate(calc(var(--tilt,0deg) * 3))}}.radar{background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);z-index:3;transition:transform .35s var(--spring);border-radius:22px;padding:8px 8px 6px;position:absolute;bottom:20px;right:22px}.radar canvas{cursor:grab;touch-action:none;width:132px;height:132px;display:block}.radar.is-dragging{transform:scale(1.04)}.radar.is-dragging canvas{cursor:grabbing}.radar-walk{width:100%;height:30px;color:var(--ink-2);transition:background .2s, color .2s, transform .35s var(--spring);background:#22265c0d;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:700;display:flex}.radar-walk:hover{background:#22265c17}.radar-walk:active{transform:scale(.95)}.radar-walk.is-on{background:var(--accent);color:#fff}.radar-walk.is-on svg{animation:1.2s ease-in-out infinite stroll}@keyframes stroll{50%{transform:translateY(-1.5px)rotate(-6deg)}}.radar-caption{text-align:center;color:var(--ink-3);padding-top:2px;font-size:10.5px;font-weight:700}.hint{color:var(--ink-3);pointer-events:none;z-index:2;flex-direction:column;gap:6px;font-size:12px;display:flex;position:absolute;bottom:24px;left:22px}.walk-arrow{pointer-events:none;z-index:1;width:100%;height:100%;transition:opacity .5s var(--ease);position:absolute;inset:0}.walk-arrow path{fill:none;stroke:var(--pink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.walk-arrow-note{font-family:var(--hand);text-anchor:end;fill:var(--pink-ink);font-size:22px;animation:.5s ease-out both walk-arrow-note}@keyframes walk-arrow-note{0%{opacity:0}}.walk-arrow-line{animation:.7s cubic-bezier(.5,0,.3,1) .4s both walk-arrow-draw}.walk-arrow-head{animation:.2s ease-out 1.05s both walk-arrow-draw}@keyframes walk-arrow-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.walk-arrow.is-leaving{opacity:0}@media (prefers-reduced-motion:reduce){.walk-arrow path,.walk-arrow-note{animation:none}}.popover{border-radius:var(--radius);background:var(--card-solid);width:224px;box-shadow:var(--shadow), 0 0 0 1px var(--line);opacity:0;transform-origin:50% 100%;pointer-events:none;z-index:6;padding:12px;transition:opacity .15s,scale .2s;position:absolute;top:0;left:0;translate:-50% -100%;scale:.85}.popover.is-open{opacity:1;pointer-events:auto;transition:opacity .18s, scale .45s var(--spring);scale:1}.popover:after{content:"";background:var(--card-solid);width:10px;height:10px;box-shadow:1px 1px 0 var(--line);margin-left:-5px;position:absolute;bottom:-5px;left:50%;rotate:45deg}.pop-head{align-items:flex-start;gap:10px;display:flex}.pop-dot{border-radius:50%;flex:none;width:10px;height:10px;margin-top:5px}.pop-title{font-size:14px;font-weight:700}.pop-hint{color:var(--ink-3);margin-top:1px;font-size:12px}.pop-vol{color:var(--ink-2);justify-content:space-between;align-items:center;gap:10px;margin:12px 0 10px;font-size:12px;display:flex}.pop-vol input{flex:1}.pop-actions{gap:6px;display:flex}.pop-btn{height:32px;transition:transform .3s var(--spring), background .15s;background:#22265c0d;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.pop-btn:hover{background:#22265c17}.pop-btn:active{transform:scale(.93)}.pop-btn.danger{color:var(--danger)}@property --clear{syntax:"<length>";inherits:false;initial-value:0}.intro{z-index:10;place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow-y:auto}.intro:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(12px)saturate(1.15);backdrop-filter:blur(12px)saturate(1.15);animation:veil-in .7s var(--ease) both;background:radial-gradient(#0000 45%,#22265c29);position:absolute;inset:0}@keyframes veil-in{0%{opacity:0;-webkit-backdrop-filter:blur()saturate();backdrop-filter:blur()saturate()}}.intro.is-leaving{pointer-events:none}.intro.is-leaving:before{--clear:80vmax;-webkit-mask-image:radial-gradient(circle at var(--x,50%) var(--y,50%), transparent var(--clear), #000 calc(var(--clear) + 140px));-webkit-mask-image:radial-gradient(circle at var(--x,50%) var(--y,50%), transparent var(--clear), #000 calc(var(--clear) + 140px));mask-image:radial-gradient(circle at var(--x,50%) var(--y,50%), transparent var(--clear), #000 calc(var(--clear) + 140px));transition:--clear 1.05s cubic-bezier(.45,0,.25,1)}.intro-card{background:var(--card-solid);max-width:440px;box-shadow:8px 10px 0 var(--sun), 0 30px 60px -24px #22265c73;text-align:center;transform:rotate(var(--tilt,0deg));animation:rise .9s var(--spring) both, print .5s var(--spring) .3s both;border-radius:30px;padding:40px 36px 32px;position:relative}.intro .brand-mark{color:var(--blue)}.intro.is-leaving .intro-card{animation:pop .4s var(--ease) forwards}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.96) rotate(var(--tilt,0deg))}}@keyframes print{0%{box-shadow:0 0 0 var(--sun), 0 30px 60px -24px #22265c73}}@media (prefers-reduced-motion:reduce){.intro:before,.intro-card{animation-duration:10ms;animation-delay:0s}.intro.is-leaving:before{opacity:0;transition:opacity .4s;-webkit-mask-image:none;mask-image:none}}.intro h1{text-wrap:balance;color:var(--blue);margin:14px 0 8px;font-size:34px;line-height:1.15}.intro-lead{color:var(--ink-2);margin:0 0 18px;font-size:15.5px;line-height:1.6}.intro-note{color:#a8214f;text-align:left;background:#ffe9ee;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin:0 0 24px;padding:10px 14px;font-size:13.5px;line-height:1.4;display:flex}.intro-note svg{flex:none}.intro-kicker{color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;margin:16px 0 0;font-size:14px;display:flex}.intro-kicker+h1{margin-top:10px}.intro-tag{background:var(--sun);color:var(--ink);border-radius:999px;padding:2px 12px;font-size:13px;font-weight:700}.intro-hand{font:30px/1 var(--hand);color:var(--pink-ink);margin:14px 0 0;transform:rotate(-3deg)}.intro-hand+h1{margin-top:6px}.intro-place{color:var(--ink-2);margin:0 0 10px;font-size:14px}.intro-welcome{color:var(--ink);margin:0 0 14px;font-size:16px;font-weight:500;line-height:1.55}.intro-welcome.is-hand{font:27px/1.25 var(--hand);margin:4px 0 16px}.intro-logo{object-fit:contain;max-width:200px;max-height:56px;margin:0 auto;display:block}.intro-link{color:var(--ink-2);border-bottom:2px solid color-mix(in srgb, var(--pink) 45%, transparent);margin:-6px 0 14px;font-size:13px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.intro-link:hover{color:var(--ink);border-color:var(--pink)}.intro-fine{color:var(--ink-3);margin:18px 0 0;font-size:12px}.cta{background:var(--blue);color:#fff;border:0;border-radius:999px;min-height:54px;padding:0 30px;font-size:17px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 6px #1a2390}.cta:hover{transform:translateY(-1px);box-shadow:0 7px #1a2390}.cta:active{transition-duration:80ms;transform:translateY(4px);box-shadow:0 2px #1a2390}.intro.is-veil{cursor:pointer}.intro.is-veil .intro-card{cursor:auto}.intro.is-brief .intro-card{--tilt:-2deg;animation:drop .75s var(--spring) both, print .5s var(--spring) .35s both;padding:22px 40px 30px}.intro.is-brief.is-leaving .intro-card{animation:pop .4s var(--ease) forwards}@keyframes drop{0%{opacity:0;transform:translateY(-28px)scale(.86)rotate(-9deg)}}.intro.is-brief .intro-hand{margin:0;font-size:26px}.intro.is-brief h1{margin:4px 0 20px;font-size:32px}.intro .cta:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.intro .cta{position:relative}.intro .cta.is-tugged{box-shadow:0 7px #1a2390}.intro .cta.is-pressed,.intro.is-leaving .cta{transition-duration:80ms;transform:translateY(4px);box-shadow:0 2px #1a2390}.tether{pointer-events:none;z-index:11;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tether-thread{fill:none;stroke:var(--pink);stroke-width:4px;stroke-linecap:round;stroke-dasharray:0 11;animation:.7s linear infinite thread-flow}.tether-knot{fill:var(--sun);stroke:var(--pink);stroke-width:2px}.tether-thread,.tether-knot{opacity:0;transition:opacity .2s var(--ease)}.tether.is-on .tether-thread,.tether.is-on .tether-knot{opacity:1}.tether.is-reeling .tether-thread,.tether.is-reeling .tether-knot{opacity:0;transition-duration:.26s}.tether-ring{fill:none;stroke:var(--sun);opacity:0}@keyframes thread-flow{to{stroke-dashoffset:-11px}}@media (prefers-reduced-motion:reduce){.tether-thread{animation:none}}.about{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:12;opacity:0;transition:opacity .25s var(--ease);background:#fff3f18c;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.about.is-open{opacity:1}.about-card{overscroll-behavior:contain;background:var(--card-solid);width:min(520px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow), 0 0 0 1px var(--line);transition:transform .45s var(--spring);-webkit-user-select:text;user-select:text;border-radius:24px;padding:28px 30px 26px;position:relative;overflow-y:auto;transform:translateY(14px)scale(.97)}.about.is-open .about-card{transform:none}.about-close{width:34px;height:34px;color:var(--ink-2);transition:background .15s, transform .3s var(--spring);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.about-close:hover{background:#22265c0f}.about-close:active{transform:scale(.9)}.about-head{align-items:center;gap:14px;display:flex}.about-head h2{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.about-version{color:var(--ink-3);font-size:12px}.about-lead{color:var(--ink-2);margin:16px 0 6px;font-size:14.5px;line-height:1.55}.about h3{color:var(--ink-3);margin:20px 0 8px;font-size:11px;font-weight:700}.about p,.about li{color:var(--ink-2);font-size:13.5px;line-height:1.55}.about p{margin:0}.about ul{margin:0;padding-left:18px}.about li+li{margin-top:4px}.about-keys{color:var(--ink-2);grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;font-size:13px;display:grid}.about-keys dt,.about-keys dd{margin:0}.about-keys kbd{box-shadow:0 0 0 1px var(--line);color:var(--ink);white-space:nowrap;background:#22265c0f;border-radius:6px;padding:1px 6px;font-family:inherit;font-size:11.5px;font-weight:700;line-height:1.6;display:inline-block}.donate-card{width:min(460px,100%)}.donate-title{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.donate-title svg{color:var(--accent)}.donate-lead{margin:10px 0 14px!important}.goal{background:color-mix(in srgb, var(--accent) 9%, var(--card-solid));border-radius:14px;margin:0 0 14px;padding:12px 14px}.goal-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;font-size:13.5px;display:flex}.goal-head b{font-weight:700}.goal-head span{color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none}.goal-bar{background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:3px;height:6px;overflow:hidden}.goal-bar i{border-radius:inherit;background:var(--accent);height:100%;transition:width .8s var(--ease);display:block}.about .goal{margin-top:10px}.about-thanks{color:var(--ink-2);font-size:13px;margin-top:12px!important}.donate-frame{background:#f9f9f9;border-radius:14px;height:min(620px,100vh - 260px);position:relative;overflow:hidden}.donate-frame iframe{opacity:0;border:0;width:100%;height:100%;transition:opacity .3s;display:block}.donate-frame.is-loaded iframe{opacity:1}.donate-loading{color:var(--ink-3);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.donate-frame.is-loaded .donate-loading{display:none}.donate-foot{color:var(--ink-3)!important;margin-top:10px!important;font-size:12px!important}.donate-foot a{color:inherit}.kofi{background:var(--accent);color:#fff;box-shadow:0 8px 18px -10px color-mix(in srgb, var(--accent) 80%, transparent);transition:transform .35s var(--spring), box-shadow .25s;border:0;border-radius:12px;align-items:center;gap:8px;margin-top:12px;padding:9px 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.kofi:hover{box-shadow:0 12px 22px -10px color-mix(in srgb, var(--accent) 80%, transparent);transform:translateY(-2px)}.kofi:active{transform:scale(.96)}.toasts{pointer-events:none;z-index:20;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:112px;left:50%;transform:translate(-50%)}.toast{color:#fff;white-space:nowrap;animation:toast-in .45s var(--spring);transition:opacity .4s, transform .4s var(--ease);background:#22265ceb;border-radius:999px;align-items:center;gap:12px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.toast-action{pointer-events:auto;color:#fff;transition:background .15s, transform .3s var(--spring);background:#ffffff29;border:0;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700}.toast-action:hover{background:#ffffff47}.toast-action:active{transform:scale(.94)}.toast.is-leaving{opacity:0;transform:translateY(6px)scale(.96)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.9)}}@media (width<=1040px){.hint{display:none}.volume input{width:64px}.pill-label{display:none}.radar{top:74px;bottom:auto}}@media (width<=700px){.topbar{top:12px;left:12px;right:12px}.brand-name svg{height:19px}.brand-sub,.volume input,.mode-label,.pill-label{display:none}.volume{padding:0 3px}.session{position:static}.session-panel{width:auto;left:0;right:0;transform:translateY(-6px)scale(.96)}.session.is-open .session-panel{transform:none}.dock{justify-content:space-between;gap:0;padding:4px;bottom:10px;left:8px;right:8px;transform:none}.tool{flex:1;width:auto;min-width:0;height:50px}.tool-label,.tool-key{display:none}.tool-icon{width:30px;height:30px}.radar{border-radius:16px;padding:4px;top:62px;bottom:auto;right:12px}.radar canvas{width:88px;height:88px}.radar-caption{display:none}.toasts{bottom:84px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.community-card{width:min(880px,100%)}.community-title{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.community-title svg{color:var(--accent)}.community-bar{justify-content:space-between;align-items:center;gap:12px;margin:14px 0 16px;display:flex}.community .seg{flex:none}.community .seg button{white-space:nowrap;color:var(--ink-2);padding:6px 14px;font-size:13px;font-weight:700}.community .seg button[aria-selected=true]{color:var(--ink);background:#fff;box-shadow:0 1px 3px #22265c1f}.btn-publish{background:var(--ink);color:#fff;height:36px;transition:transform .35s var(--spring);border:0;border-radius:11px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.btn-publish:hover{transform:translateY(-1px)}.btn-publish:active{transform:scale(.96)}.community-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.cg-card{text-align:left;transition:background .2s, transform .4s var(--spring), box-shadow .2s;background:0 0;border:0;border-radius:16px;gap:6px;padding:8px 8px 10px;display:grid}.cg-card:hover{box-shadow:0 0 0 1px var(--line), 0 8px 20px -10px #22265c40;background:#fff;transform:translateY(-2px)}.cg-card:active{transform:scale(.97)}.cg-preview{aspect-ratio:240/147;background:radial-gradient(120% 90% at 50% 38%, #fff8f6 0%, var(--bg) 70%);border-radius:12px;overflow:hidden}.cg-preview canvas{width:100%;height:auto;animation:cg-in .4s var(--ease) both;display:block}@keyframes cg-in{0%{opacity:0;transform:scale(.96)}}.cg-meta{gap:1px;padding:0 4px;display:grid}.cg-meta b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.cg-meta span{color:var(--ink-3);font-size:12px}.community-note:empty{display:none}.community-note{text-align:center;color:var(--ink-3)!important;margin:18px 0 4px!important}.community-more{background:#22265c0f;border:0;border-radius:10px;margin:16px auto 0;padding:8px 16px;font-size:13px;font-weight:700;display:block}.publish-card{width:min(460px,100%)}.publish-preview{background:radial-gradient(120% 90% at 50% 38%, #fff8f6 0%, var(--bg) 70%);border-radius:14px;margin:14px 0 12px;overflow:hidden}.publish-preview canvas{width:100%;height:auto;display:block}.publish-field{gap:5px;margin-bottom:12px;display:grid}.publish-field span{color:var(--ink-2);font-size:12.5px;font-weight:700}.publish-field em{color:var(--ink-3);font-style:normal;font-weight:400}.publish-field input{height:40px;box-shadow:0 0 0 1px var(--line);font:inherit;background:#fff;border:0;border-radius:10px;outline:none;padding:0 12px;font-size:14px;transition:box-shadow .2s}.publish-field input:focus{box-shadow:0 0 0 2px var(--accent)}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.publish-note{color:var(--ink-3)!important;font-size:12.5px!important}.publish-msg{color:var(--danger)!important;margin:10px 0 0!important;font-size:13.5px!important}.publish-msg:empty{display:none}.publish-msg.is-ok{color:var(--ink)!important;font-size:14.5px!important}.publish-actions{justify-content:flex-end;margin-top:16px;display:flex}.intro h1,.about-head h2,.donate-title,.community-title{font-family:var(--display);letter-spacing:-.02em;font-weight:900}.fog{z-index:9;cursor:grab;touch-action:none;position:absolute;inset:0}.fog canvas{width:100%;height:100%;display:block}.fog-hint{font-family:var(--hand);color:var(--ink-2);pointer-events:none;transition:opacity 1.2s var(--ease);align-items:center;gap:12px;margin:0;font-size:32px;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.fog-hint.is-gone{opacity:0}.fog-hand{width:22px;height:22px;animation:fog-wipe 2.4s var(--ease) infinite;background:#22265c40;border-radius:50%;box-shadow:0 0 0 6px #22265c14}@keyframes fog-wipe{0%,to{transform:translate(-14px)}50%{transform:translate(14px)}}.fog-skip{color:var(--ink-2);font:inherit;cursor:pointer;background:#fff9;border:0;border-radius:999px;padding:8px 16px;font-size:14px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.fog-skip:hover{color:var(--ink);background:#ffffffd9}@media (prefers-reduced-motion:reduce){.fog-hand{animation:none}}.gift-invite{max-width:380px;box-shadow:var(--shadow), 0 0 0 1px var(--line);text-align:center;z-index:15;animation:rise .9s var(--spring) both;transition:opacity .4s var(--ease);background:#ffffffeb;border-radius:22px;margin:0 auto;padding:22px 20px 16px;position:fixed;bottom:16px;left:12px;right:12px}.gift-invite.is-leaving{opacity:0}.gift-invite p{color:var(--ink-2);margin:0 18px 14px;font-size:15px;line-height:1.5}.gift-invite-close{color:var(--ink-2);background:0 0;border:0;padding:6px;position:absolute;top:8px;right:8px}.to-computer{left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:4;background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:calc(100vw - 24px);color:var(--ink-2);font:inherit;text-align:center;border:0;border-radius:999px;align-items:center;gap:2px;width:max-content;padding:7px 4px 7px 14px;font-size:12.5px;line-height:1.4;display:flex;position:absolute;transform:translate(-50%)}.to-computer[hidden]{display:none}.to-computer-send{font-size:inherit;color:inherit;background:0 0;border:0;padding:0}.to-computer-close{width:26px;height:26px;color:var(--ink-3);background:0 0;border:0;border-radius:50%;place-items:center;margin:-4px 0 -4px 4px;padding:0;transition:background .15s,color .15s;display:grid}.to-computer-close:active{color:var(--ink);background:#22265c14}.to-computer u{text-underline-offset:2px;color:color-mix(in srgb, var(--accent) 72%, var(--ink))}@media (width<=700px){.toasts{left:12px;right:12px;transform:none}.toast-action{white-space:nowrap;flex:none}.toast{white-space:normal;text-align:center;border-radius:18px;max-width:calc(100vw - 24px)}.intro-card{min-width:0;max-width:100%}}@media (width<=520px){.session{display:none}.topbar{flex-wrap:wrap;row-gap:8px}.topbar .controls{width:100%}.btn-next{margin-right:auto}.topbar .btn-share,.topbar .btn-mode,.radar{display:none}.topbar .radar-walk{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:auto;height:38px;box-shadow:var(--shadow);border-radius:12px;margin:0;padding:0 13px;font-size:13px}.topbar .radar-walk.is-on{background:var(--accent)}.btn-next .next-label{display:none}.btn-next:not(:has(.next-short)){padding:0 10px}}@media (width>=521px){.btn-next .next-short,.menu .menu-phone{display:none}}