.stickers{position:absolute;left:0;right:0;top:var(--inset-top, 0px);bottom:var(--inset-bottom, 0px);pointer-events:none}.sticker{position:absolute;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:calc(var(--s) * 100cqmin);aspect-ratio:var(--ratio, 1);transform:translate(-50%,-50%) rotate(var(--r))}.sticker-in{width:100%;height:100%}.sticker-in>img{display:block;width:100%;height:100%;object-fit:contain}.stickers,.stickers *,.sticker-grid,.sticker-grid *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sticker-in[class*=in-]{animation:.55s var(--delay, 0ms) both}.sticker-in.in-pop{animation-name:sticker-pop;animation-timing-function:cubic-bezier(.3,1.6,.5,1)}.sticker-in.in-fade{animation-name:sticker-fade-in;animation-duration:.7s;animation-timing-function:ease}.sticker-in.in-zoom{animation-name:sticker-zoom-in;animation-timing-function:cubic-bezier(.2,.9,.3,1)}.sticker-in.in-drop{animation-name:sticker-drop-in;animation-duration:.75s;animation-timing-function:linear}.sticker-in.in-slide{animation-name:sticker-slide-in;animation-duration:.6s;animation-timing-function:cubic-bezier(.2,1.2,.4,1)}.sticker-in.in-spin{animation-name:sticker-spin-in;animation-duration:.7s;animation-timing-function:cubic-bezier(.2,1.1,.4,1)}@keyframes sticker-pop{0%{opacity:0;transform:scale(.2) rotate(-14deg)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes sticker-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sticker-zoom-in{0%{opacity:0;transform:scale(2.4)}50%{opacity:1}to{opacity:1;transform:none}}@keyframes sticker-drop-in{0%{opacity:0;transform:translateY(-120%);animation-timing-function:cubic-bezier(.5,0,1,.6)}10%{opacity:1}55%{transform:translateY(0) scale(1.08,.9);animation-timing-function:cubic-bezier(.2,.7,.4,1)}75%{transform:translateY(-12%) scale(.97,1.04);animation-timing-function:cubic-bezier(.5,0,.8,.5)}to{opacity:1;transform:none}}@keyframes sticker-slide-in{0%{opacity:0;transform:translate(-140%) rotate(-12deg)}40%{opacity:1}to{opacity:1;transform:none}}@keyframes sticker-spin-in{0%{opacity:0;transform:scale(0) rotate(-300deg)}50%{opacity:1}to{opacity:1;transform:none}}.sticker-in[class*=out-]{animation:.45s ease-in both}.sticker-in.out-fade{animation-name:sticker-fade-out;animation-timing-function:ease}.sticker-in.out-pop{animation-name:sticker-pop-out}.sticker-in.out-shrink{animation-name:sticker-shrink-out}.sticker-in.out-fly{animation-name:sticker-fly-out;animation-duration:.5s}.sticker-in.out-drop{animation-name:sticker-drop-out;animation-duration:.5s;animation-timing-function:cubic-bezier(.5,0,1,.5)}@keyframes sticker-fade-out{to{opacity:0}}@keyframes sticker-pop-out{40%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.1)}}@keyframes sticker-shrink-out{to{opacity:0;transform:scale(0) rotate(90deg)}}@keyframes sticker-fly-out{25%{transform:translateY(8%) rotate(-4deg)}to{opacity:0;transform:translate(30%,-160%) rotate(18deg)}}@keyframes sticker-drop-out{15%{transform:translateY(-8%)}to{opacity:0;transform:translateY(160%) rotate(14deg)}}.stickers.editing{z-index:1}.stickers.editing .sticker{pointer-events:auto;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent}.stickers.editing .sticker:active{cursor:grabbing}.stickers.editing .sticker.on:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:1.5px dashed rgba(255,255,255,.85);border-radius:10px;filter:drop-shadow(0 0 1px rgba(0,0,0,.6));pointer-events:none}.sticker-x,.sticker-grip{position:absolute;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#111;background:#fff;box-shadow:0 2px 8px #00000059;transform:translate(-50%,-50%) rotate(calc(var(--r) * -1));border:0;padding:0;touch-action:none;animation:fade-in .2s ease both}.sticker-x{left:-6px;top:-6px;cursor:pointer}.sticker-grip{left:calc(100% + 6px);top:calc(100% + 6px);cursor:nwse-resize}.sticker-x:after,.sticker-grip:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%}.sticker-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,62px);grid-auto-columns:62px;gap:8px;overflow-x:auto;padding:6px max(16px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));scroll-padding-inline:16px;overscroll-behavior-x:contain;scrollbar-width:none}.sticker-grid::-webkit-scrollbar{display:none}.sticker-pick{display:grid;place-items:center;padding:6px;border:0;border-radius:14px;background:#ffffff0f;cursor:pointer;transition:transform .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.sticker-pick:active{transform:scale(.9);background:#ffffff1f}.sticker-pick:disabled{opacity:.35;cursor:default}.sticker-pick>svg,.sticker-pick>img{width:100%;height:100%;object-fit:contain;pointer-events:none}.sticker-pick.ghost{background:#ffffff0d;animation:sticker-wait 1.2s ease-in-out infinite alternate}@keyframes sticker-wait{to{background:#ffffff1a}}.sticker-note{text-align:center}.giphy-search{display:flex;align-items:center;gap:8px;height:40px;margin:4px max(16px,env(safe-area-inset-right)) 6px max(16px,env(safe-area-inset-left));padding:0 12px;border-radius:12px;background:#ffffff14;color:var(--muted)}.giphy-search input{flex:1;min-width:0;height:100%;border:0;outline:none;background:none;color:var(--text);font:inherit;font-size:16px}.giphy-search input::placeholder{color:var(--muted)}.giphy-search button{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:50%;background:#ffffff29;color:var(--text);cursor:pointer}.giphy-mark{flex:none;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff9}.motion-sample{display:block;width:44px;height:44px}.motion-sample .sticker-in{display:block}.motion-sample .sticker-in>img{width:100%;height:100%;object-fit:contain}.motion-sample .sticker-in[class*=out-]{animation-delay:.6s}.motion-sample .sticker-in[class*=in-]{animation-delay:.15s}.screen-range{padding:18px max(30px,env(safe-area-inset-right)) 0 max(30px,env(safe-area-inset-left))}.screen-range-track{position:relative;height:36px;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.screen-range-rail,.screen-range-fill{position:absolute;top:50%;height:6px;margin-top:-3px;border-radius:3px}.screen-range-rail{left:0;right:0;background:#ffffff1f}.screen-range-fill{background:linear-gradient(90deg,#ff5e62,#7c3aed);transition:left .18s var(--ease-out),right .18s var(--ease-out)}.screen-range-tick{position:absolute;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffff59}.screen-range-tick.in{background:#ffffffe6}.screen-range-thumb{position:absolute;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #0006;transition:left .18s var(--ease-out),transform .15s ease;outline:none}.screen-range-thumb:focus-visible{box-shadow:0 0 0 3px #ffffff59,0 2px 10px #0006}.screen-range-track:active .screen-range-thumb{transform:scale(1.08)}.screen-range-labels{position:relative;height:18px;margin-top:4px}.screen-range-labels span{position:absolute;transform:translate(-50%);font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;transition:color .15s ease}.screen-range-labels span.in{color:var(--text)}.screen-range-say{margin:14px 0 0;text-align:center;font-size:12.5px;color:var(--muted)}.stk{display:block;width:100%;height:100%;overflow:visible}.stk [class*=a-],.a-confetti>*{transform-box:fill-box;transform-origin:center}.stk.still *,.sticker-pick .stk *{animation:none!important}@media(prefers-reduced-motion:reduce){.stk *{animation:none!important}}.a-beat{animation:stk-beat 1.2s ease-in-out infinite}@keyframes stk-beat{0%,70%,to{transform:scale(1)}14%{transform:scale(1.13)}28%{transform:scale(.98)}42%{transform:scale(1.08)}}.a-flicker{transform-origin:50% 100%;animation:stk-flicker .9s ease-in-out infinite alternate}@keyframes stk-flicker{0%{transform:skew(-3deg) scaleY(1)}50%{transform:skew(2deg) scaleY(1.05)}to{transform:skew(-1deg) scaleY(.97)}}.a-core{transform-origin:50% 100%;animation:stk-core .6s ease-in-out infinite alternate}@keyframes stk-core{to{transform:scaleY(1.12) scaleX(.92)}}.a-trail{animation:stk-trail 1.1s ease-in-out infinite alternate}.a-trail-2{animation-delay:-.5s}@keyframes stk-trail{0%{translate:0 0}to{translate:-3px 2px}}.a-twinkle{animation:stk-twinkle 1.5s ease-in-out infinite}.a-twinkle.d2{animation-delay:.5s}.a-twinkle.d3{animation-delay:1s}@keyframes stk-twinkle{0%,to{transform:scale(.6) rotate(0)}50%{transform:scale(1) rotate(45deg)}}.a-shake{animation:stk-shake 1.4s ease-in-out infinite}@keyframes stk-shake{0%,50%,to{transform:rotate(0)}8%{transform:rotate(-8deg)}16%{transform:rotate(7deg)}24%{transform:rotate(-6deg)}32%{transform:rotate(5deg)}40%{transform:rotate(-2deg)}}.a-tear{animation:stk-tear .9s ease-in infinite}.a-tear.r{animation-delay:.45s}@keyframes stk-tear{0%{transform:translateY(-4px) scale(0)}25%{transform:translateY(0) scale(1)}80%{transform:translateY(16px) scale(.9)}to{transform:translateY(20px) scale(0)}}.a-bob{animation:stk-bob 1.6s ease-in-out infinite alternate}@keyframes stk-bob{to{transform:translateY(-5px)}}.a-jaw{animation:stk-jaw 1.6s ease-in-out infinite}@keyframes stk-jaw{0%,50%,to{transform:translateY(0)}10%,30%{transform:translateY(5px)}20%,40%{transform:translateY(0)}}.a-sway{transform-origin:50% 90%;animation:stk-sway 2s ease-in-out infinite alternate}@keyframes stk-sway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.a-quiver{animation:stk-quiver .16s linear infinite alternate}@keyframes stk-quiver{to{transform:translate(.6px,-.4px)}}.a-glint{animation:stk-glint 1.2s ease-in-out infinite alternate}@keyframes stk-glint{to{transform:scale(1.35)}}.a-roll{animation:stk-roll 2.6s ease-in-out infinite}@keyframes stk-roll{0%,15%,to{transform:translate(0)}30%{transform:translate(-5px,-6px)}45%{transform:translateY(-10px)}60%{transform:translate(5px,-6px)}75%{transform:translateY(-9px)}}.a-glance{animation:stk-glance 2.8s ease-in-out infinite}@keyframes stk-glance{0%,30%,to{transform:translate(-7px)}40%,75%{transform:translate(7px)}}.a-pop{animation:stk-pop 1.4s ease-in-out infinite}@keyframes stk-pop{0%,60%,to{transform:scale(1) rotate(0)}15%{transform:scale(1.14) rotate(-4deg)}30%{transform:scale(.97) rotate(2deg)}}.a-confetti>*{animation:stk-confetti 1.6s cubic-bezier(.2,.8,.4,1) infinite}.a-confetti>:nth-child(2){animation-delay:.08s}.a-confetti>:nth-child(3){animation-delay:.04s}.a-confetti>:nth-child(4){animation-delay:.12s}.a-confetti>:nth-child(5){animation-delay:.1s}.a-confetti>:nth-child(6){animation-delay:.02s}@keyframes stk-confetti{0%{translate:-26px 26px;scale:0}30%{translate:0 0;scale:1;rotate:20deg}80%{translate:2px 6px;scale:1;rotate:50deg}to{translate:2px 10px;scale:0;rotate:60deg}}.a-tilt{transform-origin:0% 100%;animation:stk-tilt 1.6s ease-out infinite}@keyframes stk-tilt{0%{transform:rotate(-6deg)}10%{transform:rotate(3deg)}30%,to{transform:rotate(0)}}.a-flip{animation:stk-flip 2.2s ease-in-out infinite}@keyframes stk-flip{0%,50%,to{transform:rotate(0) scale(1)}15%{transform:rotate(-14deg) scale(1.1)}30%{transform:rotate(10deg) scale(.98)}40%{transform:rotate(-3deg)}}.a-break{transform-origin:50% 100%;animation:stk-break 2.2s ease-in-out infinite}.a-break.r{animation-name:stk-break-r}@keyframes stk-break{0%,30%,to{transform:none}50%,80%{transform:translate(-4px) rotate(-9deg)}}@keyframes stk-break-r{0%,30%,to{transform:none}50%,80%{transform:translate(4px) rotate(9deg)}}.a-float{animation:stk-float 2.4s ease-in-out infinite alternate}@keyframes stk-float{0%{transform:translateY(4px) rotate(-3deg)}to{transform:translateY(-6px) rotate(3deg)}}.a-boo{animation:stk-boo 1.2s ease-in-out infinite alternate}@keyframes stk-boo{to{transform:scale(1.1,1.35)}}.a-bounce{transform-origin:50% 100%;animation:stk-bounce .9s cubic-bezier(.3,0,.6,1) infinite}@keyframes stk-bounce{0%,to{transform:translateY(0) scale(1.06,.94)}15%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(.97,1.04)}}.a-zap{animation:stk-zap 1.8s linear infinite}@keyframes stk-zap{0%,30%,to{transform:scale(1)}4%{transform:scale(.9) rotate(4deg)}8%{transform:scale(1.14) rotate(-4deg)}12%{transform:scale(.96) rotate(2deg)}16%{transform:scale(1.04)}}.a-pucker{animation:stk-pucker 1.6s ease-in-out infinite}@keyframes stk-pucker{0%,50%,to{transform:scale(1)}20%{transform:scale(.86,1.08)}35%{transform:scale(1.06,.96)}}.a-rise{animation:stk-rise 1.6s ease-out infinite}@keyframes stk-rise{0%,20%{transform:translate(-10px,14px) scale(0)}45%{transform:translate(-3px,2px) scale(1)}85%{transform:translate(3px,-8px) scale(1)}to{transform:translate(4px,-10px) scale(0)}}.a-steam{animation:stk-steam 2s ease-in-out infinite}.a-steam.d2{animation-delay:1s}@keyframes stk-steam{0%{transform:translateY(8px) scale(.2,0)}35%{transform:translateY(0) scale(1)}75%{transform:translateY(-6px) scale(1)}to{transform:translateY(-9px) scale(.6,0)}}.a-rock{animation:stk-rock 2.6s ease-in-out infinite alternate}@keyframes stk-rock{0%{transform:rotate(-8deg)}to{transform:rotate(6deg)}}.a-zz{animation:stk-zz 2.2s ease-out infinite}.a-zz.d2{animation-delay:1.1s}@keyframes stk-zz{0%{transform:translate(-6px,8px) scale(0)}30%{transform:translate(-2px,2px) scale(1)}80%{transform:translate(4px,-7px) scale(1)}to{transform:translate(6px,-10px) scale(0)}}.a-spin{animation:stk-spin 14s linear infinite}@keyframes stk-spin{to{transform:rotate(360deg)}}.a-drop{animation:stk-drop 1s linear infinite}.a-drop.d2{animation-delay:.33s}.a-drop.d3{animation-delay:.66s}@keyframes stk-drop{0%{transform:translateY(-10px) scale(0)}20%{transform:translateY(-5px) scale(1)}80%{transform:translateY(10px) scale(1)}to{transform:translateY(14px) scale(0)}}.a-drift{transform-origin:50% 100%;animation:stk-drift 3s ease-in-out infinite alternate}@keyframes stk-drift{0%{transform:translateY(4px) rotate(-5deg)}to{transform:translateY(-5px) rotate(5deg)}}.a-hop{animation:stk-hop .8s ease-in-out infinite alternate}.a-hop.d2{animation-delay:.4s}@keyframes stk-hop{0%{transform:translateY(2px) rotate(-4deg)}to{transform:translateY(-7px) rotate(4deg)}}.a-lid{transform-origin:0% 100%;animation:stk-lid 2s cubic-bezier(.3,1.4,.5,1) infinite}@keyframes stk-lid{0%,40%,to{transform:none}55%,75%{transform:translateY(-9px) rotate(-10deg)}}.a-arc path{stroke-dasharray:150;animation:stk-arc 3s ease-in-out infinite}.a-arc path:nth-child(2){animation-delay:.12s}.a-arc path:nth-child(3){animation-delay:.24s}@keyframes stk-arc{0%{stroke-dashoffset:150}35%,80%{stroke-dashoffset:0}to{stroke-dashoffset:-150}}.a-nod{animation:stk-nod 1.3s ease-in-out infinite}@keyframes stk-nod{0%,60%,to{transform:rotate(0)}15%{transform:rotate(-8deg) translateY(2px)}35%{transform:rotate(4deg)}}.a-droop{transform-origin:50% 0%;animation:stk-droop 1.8s ease-in-out infinite alternate}@keyframes stk-droop{to{transform:translateY(4px) scaleY(1.06) skew(-3deg)}}.scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;container-type:size;background:#05060f;isolation:isolate}.scene-stage{position:absolute;top:0;right:0;bottom:0;left:0}.scene-stage{opacity:0;transition:opacity .6s ease}.scene-stage.ready{opacity:1}.bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#05060f;background-size:cover;background-position:center}.bg-warp{width:100%;height:100%;object-fit:cover;display:block}.bg-warp.pending{opacity:0}.look-sample{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate}.look-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 78% 64% at 50% 48%,transparent 42%,rgba(0,0,0,.42) 72%,rgba(0,0,0,.9) 100%)}.look-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-size:160px 160px;mix-blend-mode:overlay}.message-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(10cqh,calc(var(--inset-top, 0px) + 2cqh)) 7cqw max(10cqh,calc(var(--inset-bottom, 0px) + 2cqh));pointer-events:none;transition:padding .35s cubic-bezier(.32,.72,0,1)}.message-box{position:relative;max-width:86cqw}.message{position:relative;margin:0;text-align:center;line-height:1.32;white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:balance}.reveal-unit{display:inline;animation-delay:var(--d, 0ms);animation-fill-mode:both}.reveal-unit.word,.reveal-unit.sweep{display:inline-block}.reveal-unit.sweep{animation-name:reveal-light;animation-duration:calc(1.1s * var(--pace, 1));animation-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes reveal-light{0%{opacity:0}to{opacity:1}}.reveal-unit.char{animation-name:reveal-ink;animation-duration:calc(.32s * var(--pace, 1));animation-timing-function:ease-out}@keyframes reveal-ink{0%{opacity:0}to{opacity:1}}.reveal-unit.word{animation-name:reveal-rise;animation-duration:calc(1.2s * var(--pace, 1));animation-timing-function:cubic-bezier(.22,1,.36,1)}@keyframes reveal-rise{0%{opacity:0;transform:translateY(.22em)}to{opacity:1;transform:none}}.reveal-whole.instant{animation:reveal-settle calc(1.8s * var(--pace, 1)) cubic-bezier(.22,1,.36,1) var(--d, 0ms) both}@keyframes reveal-settle{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.reveal-unit.roll{display:inline-block;vertical-align:top;animation-name:reveal-roll-clip;animation-duration:calc(1.7s * var(--pace, 1));animation-timing-function:linear}@keyframes reveal-roll-clip{0%,99%{clip-path:inset(-.5em -.5em 0 -.5em)}to{clip-path:none}}.roll-in{display:inline-block;transform-origin:0 100%;animation:reveal-roll calc(.85s * var(--pace, 1)) cubic-bezier(.2,1.3,.35,1) calc(var(--d, 0ms) + var(--j, 0) * 26ms) both}@keyframes reveal-roll{0%{transform:translateY(110%) rotate(8deg)}to{transform:none}}.reveal-unit.roll .brush,.reveal-unit.roll .expr{--after: calc(.6s * var(--pace, 1))}.nb{white-space:nowrap}.reveal-unit.drop{display:inline-block;transform-origin:50% 100%;animation-name:reveal-drop;animation-duration:calc(.75s * var(--pace, 1));animation-timing-function:ease-out}@keyframes reveal-drop{0%{opacity:0;transform:translateY(-.9em) scale(.85,1.25)}42%{opacity:1;transform:translateY(0) scale(1.16,.78)}68%{transform:translateY(-.07em) scale(.97,1.05)}to{opacity:1;transform:none}}.reveal-unit.decode{position:relative}.decode-real{animation:reveal-ink calc(.16s * var(--pace, 1)) ease-out calc(var(--d, 0ms) + .42s * var(--pace, 1)) both}.decode-fake{position:absolute;left:50%;top:0;transform:translate(-50%);opacity:0;white-space:pre;animation:reveal-decode calc(.42s * var(--pace, 1)) linear var(--d, 0ms) forwards}@keyframes reveal-decode{0%,99.9%{opacity:.7}to{opacity:0}}.brush-line .decode-fake,.brush-echo .decode-fake{display:none}.recap{animation:reveal-settle calc(1.2s * var(--pace, 1)) cubic-bezier(.22,1,.36,1) both}.recap .message+.message{margin-top:.7em}.moods{position:absolute;top:max(9cqh,calc(var(--inset-top, 0px) + 1.5cqh));left:6cqw;right:6cqw;display:flex;flex-wrap:wrap;gap:1.6cqw;pointer-events:none;opacity:0;transform:translateY(-.8cqh);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1)}.moods.on{opacity:1;transform:none}.mood-chip{display:inline-flex;align-items:center;gap:1.6cqw;padding:1.6cqw 3.4cqw 1.6cqw 2.6cqw;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);background:var(--chip-fill);font-family:Inter,system-ui,sans-serif;font-size:3.6cqw;font-weight:500;letter-spacing:.01em}.mood-emoji{font-size:4.2cqw;line-height:1}.enter-zoom .scene-stage{animation:enter-zoom 3.2s cubic-bezier(.16,1,.3,1) both}@keyframes enter-zoom{0%{transform:scale(1.16)}to{transform:none}}.enter-iris .scene-stage.ready{animation:enter-iris 1.4s cubic-bezier(.65,0,.2,1) both}@keyframes enter-iris{0%{transform:scale(1.12)}to{transform:none}}.fx-iris{position:absolute;left:50%;top:50%;width:0;height:0;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 0 150vmax #07070c;animation:fx-iris 1.4s cubic-bezier(.65,0,.2,1) .1s both}@keyframes fx-iris{to{width:180cqmax;height:180cqmax}}.enter-focus .scene-stage.ready{animation:enter-focus 1.5s cubic-bezier(.3,0,.2,1) both}@keyframes enter-focus{0%{filter:blur(22px) brightness(1.2) saturate(1.3);transform:scale(1.07)}to{filter:none;transform:none}}.enter-glitch .scene-stage.ready{animation:enter-glitch 1.1s steps(1,end) both}@keyframes enter-glitch{0%{opacity:0}6%{opacity:1;transform:translate(-4%);clip-path:inset(10% 0 55% 0);filter:hue-rotate(80deg) saturate(2)}12%{transform:translate(5%);clip-path:inset(48% 0 8% 0);filter:hue-rotate(-60deg) contrast(1.5)}18%{transform:translate(-2%) scaleY(1.04);clip-path:inset(0 0 30% 0);filter:invert(.15) saturate(2.4)}26%{transform:translate(3%);clip-path:inset(30% 0 0 0);filter:hue-rotate(140deg)}34%{transform:none;clip-path:inset(0 0 0 0);filter:contrast(1.4) saturate(1.8)}44%{transform:translate(-1.5%);clip-path:inset(62% 0 14% 0);filter:hue-rotate(-90deg)}52%{transform:translate(1%);clip-path:inset(0 0 0 0);filter:saturate(1.6)}64%{transform:translate(-.5%);filter:hue-rotate(30deg)}76%,to{transform:none;clip-path:inset(0 0 0 0);filter:none;opacity:1}}.fx-glitch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(transparent 22%,rgba(255,40,120,.55) 22% 24%,transparent 24% 61%,rgba(40,220,255,.5) 61% 62.5%,transparent 62.5%),repeating-linear-gradient(transparent 0 2px,#ffffff0f 2px,#ffffff0f 3px);animation:fx-glitch 1.1s steps(1,end) both}@keyframes fx-glitch{0%{opacity:0}6%{opacity:1;transform:translateY(0)}18%{opacity:1;transform:translateY(18%)}30%{opacity:.7;transform:translateY(-26%)}44%{opacity:1;transform:translateY(9%)}60%{opacity:.4;transform:translateY(-8%)}76%,to{opacity:0}}.fx-shutter{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;pointer-events:none}.fx-shutter i{flex:1 1 0;margin-bottom:-1px;background:#07070c;transform-origin:100% 50%;animation:fx-shutter .8s cubic-bezier(.7,0,.2,1) calc(.25s + var(--i) * .07s) both}.fx-shutter i:nth-child(2n){transform-origin:0 50%}@keyframes fx-shutter{to{transform:scaleX(0)}}.page{transition:opacity calc(.5s * var(--pace, 1)) ease,transform calc(.5s * var(--pace, 1)) ease}.page.leaving{opacity:0;transform:translateY(-1.5cqh)}.page-measure{position:absolute;visibility:hidden;pointer-events:none;left:0;right:0;top:0}.page-dots{position:absolute;left:0;right:0;bottom:max(6cqh,calc(var(--inset-bottom, 0px) + 2cqh));display:flex;justify-content:center;gap:1.6cqw;pointer-events:none}.page-dots i{width:1.6cqw;height:1.6cqw;border-radius:1cqw;background:currentColor;opacity:.35;transition:width .4s cubic-bezier(.22,1,.36,1),opacity .4s ease}.page-dots i.on{width:5cqw;opacity:.9}.page-tap{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:pan-y}@media(prefers-reduced-motion:reduce){.scene-stage{animation:none!important}.moods{transform:none}.page{transition:opacity .6s ease;transform:none!important}.reveal-unit,.reveal-whole,.recap{animation:reveal-calm .9s ease var(--d, 0ms) both!important}}@keyframes reveal-calm{0%{opacity:0}to{opacity:1}}.expr{display:inline-block;animation-delay:calc(var(--d, 0ms) + var(--after, 0ms));animation-fill-mode:both;transform-origin:50% 70%}.reveal-unit.word .expr{--after: calc(.45s * var(--pace, 1))}.reveal-unit.sweep .expr{--after: calc(.7s * var(--pace, 1))}p>.expr{--after: calc(.18s * var(--pace, 1))}.reveal-whole>.expr{--after: calc(1s * var(--pace, 1))}.expr-pop{animation-name:expr-pop;animation-duration:.7s;animation-timing-function:cubic-bezier(.3,0,.3,1)}@keyframes expr-pop{0%{transform:none}30%{transform:translateY(-.2em) scale(1.06)}55%{transform:translateY(.03em) scale(.99)}78%{transform:translateY(-.04em)}to{transform:none}}.expr-shout{animation-name:expr-shout;animation-duration:.75s;animation-timing-function:ease-out}@keyframes expr-shout{0%{transform:none}15%{transform:scale(1.05)}27%{transform:scale(1.05) translate(-.04em) rotate(-1.5deg)}39%{transform:scale(1.04) translate(.04em) rotate(1.5deg)}51%{transform:scale(1.03) translate(-.025em) rotate(-.5deg)}63%{transform:scale(1.02) translate(.015em)}to{transform:none}}.expr-swell{animation-name:expr-swell;animation-duration:1.7s;animation-timing-function:ease-in-out}@keyframes expr-swell{0%{transform:none}45%{transform:scale(1.08)}to{transform:none}}.expr-wobble{animation-name:expr-wobble;animation-duration:.9s;animation-timing-function:ease-in-out}@keyframes expr-wobble{0%{transform:none}18%{transform:rotate(-7deg)}36%{transform:rotate(6deg)}54%{transform:rotate(-4deg)}72%{transform:rotate(2deg)}to{transform:none}}.expr-nod{animation-name:expr-nod;animation-duration:1s;animation-timing-function:ease-in-out}@keyframes expr-nod{0%{transform:none}35%{transform:rotate(-5deg) translateY(-.03em)}70%{transform:rotate(1.5deg)}to{transform:none}}.brush{--bd: var(--d, 0ms);position:relative;display:inline-block;white-space:nowrap;line-height:1;transform-origin:50% 70%}.brush-fill{position:absolute;left:0;top:0;white-space:nowrap}.brush i{position:relative;display:inline-block;font-style:inherit;transform-origin:50% 85%;padding:.3em .15em;margin:-.3em -.15em}.brush-line i{color:transparent}.brush-fill i{color:var(--ink)}.brush-echo{position:absolute;left:0;top:0;white-space:nowrap}.brush-echo.near{--k: 1;--lag: 60ms;color:#ff5e62}.brush-echo.far{--k: 2;--lag: .12s;color:#7c3aed}.brush-echo i{color:inherit;opacity:0}.reveal-unit.word .brush{--after: calc(.45s * var(--pace, 1))}.reveal-unit.sweep .brush{--after: calc(.7s * var(--pace, 1))}p>.brush{--after: calc(.18s * var(--pace, 1))}.reveal-whole>.brush{--after: calc(1s * var(--pace, 1))}.brush,.brush i,.brush:before,.brush:after{animation-fill-mode:both}.brush-love{--ink: #ff8fb3;font:italic 500 1.24em/1 Lora,Georgia,serif;letter-spacing:-.01em;margin:0 .03em;animation:brush-beat 2.6s ease-out calc(var(--bd) + var(--after) + .9s) infinite}.scene-light .brush-love{--ink: #d6245e}.brush-love .brush-fill i{animation:brush-rise .9s cubic-bezier(.22,1,.36,1) calc(var(--bd) + var(--after) * .4 + var(--i) * 70ms) 1 both}.brush-love .brush-echo i{opacity:1}.brush-love .brush-echo{transform-origin:50% 55%;animation:brush-ripple 2.6s cubic-bezier(.2,.7,.3,1) calc(var(--bd) + var(--after) + .9s + var(--lag)) infinite}@keyframes brush-rise{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}@keyframes brush-beat{0%,40%,to{transform:none}7%{transform:scale(1.07)}15%{transform:scale(1.01)}23%{transform:scale(1.045)}}@keyframes brush-ripple{0%,6%{opacity:0;transform:none}8%{opacity:.85;transform:scale(1.02)}34%{opacity:0;transform:scale(calc(1 + .09 * var(--k)))}to{opacity:0;transform:scale(calc(1 + .09 * var(--k)))}}.brush-love:after{content:"";position:absolute;right:-.34em;top:-.18em;width:.36em;height:.33em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 20.5C5.5 15.6 2 12.2 2 7.9 2 4.9 4.3 2.6 7.2 2.6c2 0 3.6 1 4.8 2.7 1.2-1.7 2.8-2.7 4.8-2.7 2.9 0 5.2 2.3 5.2 5.3 0 4.3-3.5 7.7-10 12.6z' fill='none' stroke='%23ff8fb3' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;opacity:0;animation:brush-heart 2.8s cubic-bezier(.22,1,.36,1) calc(var(--bd) + var(--after) + .5s) 1}.scene-light .brush-love:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 20.5C5.5 15.6 2 12.2 2 7.9 2 4.9 4.3 2.6 7.2 2.6c2 0 3.6 1 4.8 2.7 1.2-1.7 2.8-2.7 4.8-2.7 2.9 0 5.2 2.3 5.2 5.3 0 4.3-3.5 7.7-10 12.6z' fill='none' stroke='%23d6245e' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E")}@keyframes brush-heart{0%{opacity:0;transform:translateY(.25em) scale(.5) rotate(-10deg)}18%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translate(.25em,-.9em) rotate(12deg)}}.brush-hype{--fill: linear-gradient(180deg, #ffd27a 12%, #ff8a5c 42%, #ff5e62 62%, #a855f7 92%);font:400 1.5em/1 Bebas Neue,Arial Narrow,sans-serif;letter-spacing:.015em;text-transform:uppercase;margin:0 .05em}.scene-light .brush-hype{--fill: linear-gradient(180deg, #ff8a00 10%, #ff5e62 45%, #c026d3 70%, #6d28d9 95%)}.brush-hype .brush-fill i{color:transparent;background:var(--fill);-webkit-background-clip:text;background-clip:text}.brush-hype .brush-fill i{animation:brush-launch .7s cubic-bezier(.2,1.4,.4,1) calc(var(--bd) + var(--after) * .3 + var(--i) * 40ms) 1 both,brush-stretch 3.2s cubic-bezier(.3,1.6,.5,1) calc(var(--bd) + var(--after) + 1.4s + var(--i) * 45ms) infinite}.brush-hype .brush-echo i{animation:brush-launch-trail .9s cubic-bezier(.2,.9,.3,1) calc(var(--bd) + var(--after) * .3 + var(--i) * 40ms + var(--lag)) 1 both}@keyframes brush-launch{0%{opacity:0;transform:translateY(.7em) scaleY(1.3)}45%{opacity:1;transform:translateY(-.06em) scaleY(1.08)}to{opacity:1;transform:none}}@keyframes brush-launch-trail{0%{opacity:0;transform:translateY(.7em) scaleY(1.3)}30%{opacity:.9;transform:translateY(calc(.12em * var(--k))) scaleY(1.15)}to{opacity:0;transform:translateY(calc(.05em * var(--k)))}}@keyframes brush-stretch{0%,20%,to{transform:none}7%{transform:translateY(-.05em) scaleY(1.12)}}.brush-lol{--ink: #ffd84a;font:800 1.12em/1 Montserrat,system-ui,sans-serif;letter-spacing:-.025em;margin:0 .03em}.scene-light .brush-lol{--ink: #e07800}.brush-lol :is(.brush-fill,.brush-echo) i{transform:rotate(var(--tilt));animation:brush-giggle 1.9s cubic-bezier(.45,0,.25,1) calc(var(--bd) + var(--after) + var(--i) * 70ms + var(--lag, 0ms) * 1.4) infinite}.brush-lol .brush-echo i{animation:brush-giggle 1.9s cubic-bezier(.45,0,.25,1) calc(var(--bd) + var(--after) + var(--i) * 70ms + var(--lag) * 1.4) infinite,brush-ghost 1.9s linear calc(var(--bd) + var(--after) + var(--i) * 70ms + var(--lag) * 1.4) infinite}@keyframes brush-ghost{0%,2%,34%,to{opacity:0}8%,22%{opacity:.8}}@keyframes brush-giggle{0%,40%,to{transform:rotate(var(--tilt))}10%{transform:translateY(-.2em) rotate(calc(var(--tilt) * -1.6)) scale(.94,1.08)}21%{transform:translateY(.02em) rotate(var(--tilt)) scale(1.1,.9)}30%{transform:rotate(var(--tilt)) scale(.98,1.02)}}.brush-sarcasm{--ink: #c9b8ff;font:400 1.02em/1 Courier Prime,Courier New,monospace;letter-spacing:0;margin:0 .04em;animation:brush-roll 3.6s cubic-bezier(.45,0,.2,1) calc(var(--bd) + var(--after) + .7s) infinite}.scene-light .brush-sarcasm{--ink: #6d28d9}@keyframes brush-roll{0%,44%,to{transform:none}14%,30%{transform:translateY(-.05em) rotate(-4deg)}}.brush-sarcasm .brush-echo i{opacity:1}.brush-sarcasm .brush-echo{opacity:0;transform-origin:50% 70%;animation:brush-smear 3.6s cubic-bezier(.45,0,.2,1) calc(var(--bd) + var(--after) + .7s) infinite}@keyframes brush-smear{0%,2%,22%,32%,to{opacity:0;transform:none}8%{opacity:.75;transform:translateY(calc(.025em * var(--k))) rotate(calc(1.6deg * var(--k)))}16%{opacity:.3;transform:rotate(calc(.4deg * var(--k)))}38%{opacity:.6;transform:translateY(calc(-.02em * var(--k))) rotate(calc(-1.4deg * var(--k)))}46%{opacity:0;transform:none}}.brush-grr{--ink: #ff3b3b;--split: #22d3ee;font:400 1.12em/1 Archivo Black,system-ui,sans-serif;letter-spacing:.01em;text-transform:uppercase;margin:0 .05em;animation:brush-shake 2.4s linear calc(var(--bd) + var(--after)) infinite}.scene-light .brush-grr{--ink: #d4141f;--split: #0891b2}.brush-grr .brush-echo{display:none}.brush-grr .brush-line i{color:var(--split);transform:translate(-.05em);animation:brush-split 2.4s steps(1) calc(var(--bd) + var(--after)) infinite}.brush-grr .brush-fill i{animation:brush-slice 2.4s steps(1) calc(var(--bd) + var(--after) + var(--i) * 20ms) infinite}@keyframes brush-shake{0%,18%,to{transform:none}3%{transform:translate(-.04em) rotate(-1.5deg)}6%{transform:translate(.04em) rotate(1.5deg)}9%{transform:translate(-.03em) rotate(-1deg)}12%{transform:translate(.02em)}}@keyframes brush-split{0%,20%,to{transform:translate(-.05em)}3%{transform:translate(-.12em,.03em)}7%{transform:translate(.06em,-.02em)}11%{transform:translate(-.09em)}15%{transform:translate(-.03em)}}@keyframes brush-slice{0%,18%,to{clip-path:none;transform:none}4%{clip-path:inset(18% 0 52% 0);transform:translate(.08em)}8%{clip-path:inset(55% 0 12% 0);transform:translate(-.07em)}12%{clip-path:inset(36% 0 30% 0);transform:translate(.05em)}}.brush-feels{--fill: linear-gradient(180deg, #d6e6ff 15%, #9fc0ff 55%, #b9a4ff 95%);--t: calc(var(--bd) + var(--after) * .3 + var(--i) * .14s);font:500 1.5em/1 Caveat,Segoe Print,cursive;letter-spacing:.01em;margin:0 .04em}.scene-light .brush-feels{--fill: linear-gradient(180deg, #2f5fb3 20%, #3b4fc4 60%, #6d28d9 100%)}.brush-feels i{--droop: calc(.035em * var(--i))}.brush-feels .brush-fill i{color:transparent;background:var(--fill);-webkit-background-clip:text;background-clip:text;transform:translateY(var(--droop));animation:brush-settle 2s linear var(--t) 1 both,brush-sink 4.4s ease-in-out calc(var(--t) + 2s) infinite}.brush-feels .brush-echo.near{color:#a78bfa}.brush-feels .brush-echo.far{color:#7c3aed}.brush-feels .brush-echo i{transform-origin:50% 0%;animation:brush-run 4.4s ease-in-out calc(var(--t) + 2s + var(--lag) * 3) infinite}@keyframes brush-settle{0%{opacity:0;transform:translateY(-.16em);animation-timing-function:ease-out}40%{opacity:1;transform:translateY(-.16em);animation-timing-function:cubic-bezier(.45,0,.3,1)}to{opacity:1;transform:translateY(var(--droop))}}@keyframes brush-sink{0%,to{transform:translateY(var(--droop))}50%{transform:translateY(calc(var(--droop) + .06em))}}@keyframes brush-run{0%,10%{opacity:0;transform:translateY(var(--droop))}35%{opacity:.5;transform:translateY(calc(var(--droop) + .1em * var(--k))) scaleY(1.06)}75%,to{opacity:0;transform:translateY(calc(var(--droop) + .28em * var(--k))) scaleY(1.18)}}.brush-gross{--spot: #3d6b10;--spot2: #4f8216;--slime: linear-gradient(180deg, #e2fa7a 8%, #a6e43c 45%, #69b82a 92%);font:700 1.2em/1 Fredoka,system-ui,sans-serif;letter-spacing:-.01em;margin:0 .04em;animation:brush-jelly 3.4s cubic-bezier(.3,0,.3,1) calc(var(--bd) + var(--after) + 1.1s) infinite;transform-origin:50% 90%}.scene-light .brush-gross{--spot: #1f4206;--spot2: #2a5409;--slime: linear-gradient(180deg, #8fd11f 8%, #4f9a16 50%, #2f6e0c 95%)}.brush-gross .brush-fill i{color:transparent;background:radial-gradient(circle at 30% 35%,var(--spot) 0 .055em,transparent .07em) calc(var(--i) * .13em) calc(var(--i) * .07em) / .36em .4em,radial-gradient(circle at 70% 70%,var(--spot2) 0 .04em,transparent .055em) calc(var(--i) * -.09em) .1em / .29em .33em,var(--slime);-webkit-background-clip:text;background-clip:text;animation:brush-plop .75s cubic-bezier(.3,1.5,.5,1) calc(var(--bd) + var(--after) * .4 + var(--i) * 60ms) 1 both}.brush-gross .brush-echo{display:none}@keyframes brush-plop{0%{opacity:0;transform:translateY(-.45em) scale(.8,1.2)}45%{opacity:1;transform:translateY(.03em) scale(1.22,.78)}70%{transform:scale(.94,1.06)}to{opacity:1;transform:none}}@keyframes brush-jelly{0%,36%,to{transform:none}6%{transform:scale(1.06,.93) skew(-3deg)}13%{transform:scale(.96,1.05) skew(2.5deg)}20%{transform:scale(1.03,.98) skew(-1.5deg)}27%{transform:scale(.99,1.01) skew(.6deg)}}@media(prefers-reduced-motion:reduce){.expr,.brush,.brush i{animation:none!important}.brush-love:after,.brush-echo{display:none}}.motion{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.motion i{position:absolute;display:block}.art-copy{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.aurora-veil{top:-2%;right:-3%;bottom:-2%;left:-3%;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(180deg,transparent 3%,#000 13%,#000 28%,transparent 40%);mask-image:linear-gradient(180deg,transparent 3%,#000 13%,#000 28%,transparent 40%);transform-origin:50% 32%;opacity:0;animation:aurora-sway 17s ease-in-out infinite;will-change:transform,opacity}.aurora-veil.second{animation-duration:23s;animation-delay:-9s;animation-direction:reverse}@keyframes aurora-sway{0%,to{opacity:.05;transform:translate(-1.4%) scaleY(1)}50%{opacity:.42;transform:translate(1.4%) scaleY(1.05)}}.twinkle{width:var(--s);height:var(--s);margin:calc(var(--s) / -2);border-radius:50%;background:radial-gradient(circle,#f4f7ff 0,#f4f7ff,#f4f7ff00 70%);opacity:0;animation:twinkle var(--dur) ease-in-out var(--delay) infinite}@keyframes twinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:var(--peak);transform:scale(1)}}.shooting-star{top:9%;left:62%;width:22%;height:1px;background:linear-gradient(90deg,#f0f4ff00,#f0f4ffb3);transform-origin:100% 50%;opacity:0;animation:shooting-star 13s cubic-bezier(.3,0,.6,1) 5s infinite}@keyframes shooting-star{0%,91%{opacity:0;transform:rotate(-24deg) translate(0) scaleX(.2)}93%{opacity:.8}97%,to{opacity:0;transform:rotate(-24deg) translate(-140%) scaleX(1)}}.ocean-swell{position:absolute;left:0;right:0;top:42%;bottom:0;overflow:hidden;perspective:90px;perspective-origin:50% 0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 65%,transparent);mask-image:linear-gradient(180deg,transparent,#000 15%,#000 65%,transparent);opacity:.1}.ocean-swell span{position:absolute;left:-150%;right:-150%;bottom:0;height:1400px;background:repeating-linear-gradient(180deg,#e1fcf600 0,#e1fcf600 22px,#e1fcf6bf,#e1fcf600 48px,#e1fcf600 70px);transform-origin:50% 100%;animation:ocean-swell 8s linear infinite;will-change:transform}@keyframes ocean-swell{0%{transform:rotateX(80deg) translateY(0)}to{transform:rotateX(80deg) translateY(70px)}}.ocean-sun{position:absolute;left:50%;top:42%;width:90%;aspect-ratio:2;margin:-22.5% 0 0 -45%;background:radial-gradient(closest-side,#fffdec8c,#fffdec00);mix-blend-mode:screen;animation:breathe 9s ease-in-out infinite;--low: .25;--high: .6}@keyframes breathe{0%,to{opacity:var(--low);transform:scale(.96)}50%{opacity:var(--high);transform:scale(1.04)}}.glint{width:var(--w);height:1.5px;margin-left:calc(var(--w) / -2);border-radius:1px;background:linear-gradient(90deg,#fffceb00,#fffcea,#fffceb00);opacity:0;animation:glint var(--dur) ease-in-out var(--delay) infinite}@keyframes glint{0%,62%,to{opacity:0;transform:scaleX(.4)}78%{opacity:var(--peak);transform:scaleX(1)}}.golden-sun{position:absolute;left:64%;top:69.5%;width:70%;aspect-ratio:1;margin:-35% 0 0 -35%;background:radial-gradient(closest-side,#ffeec899,#ffdcaa2e 45%,#ffdcaa00);mix-blend-mode:screen;animation:breathe 10s ease-in-out infinite;--low: .2;--high: .55}.golden-leak{position:absolute;top:-20%;right:-40%;bottom:30%;left:-20%;background:linear-gradient(120deg,#ffd6aa80,#ffbe961f 30%,#ffbe9600 55%);mix-blend-mode:screen;transform-origin:0 0;animation:golden-leak 14s ease-in-out infinite}@keyframes golden-leak{0%,to{opacity:.1;transform:rotate(0)}50%{opacity:.55;transform:rotate(2.5deg)}}.mote{width:var(--s);height:var(--s);margin:calc(var(--s) / -2);border-radius:50%;background:radial-gradient(circle,#fff3d6 0,#fff3d6 30%,#fff3d600 70%);opacity:0;animation:mote var(--dur) linear var(--delay) infinite}@keyframes mote{0%{opacity:0;transform:translate(0)}20%{opacity:var(--peak)}80%{opacity:var(--peak)}to{opacity:0;transform:translate(var(--drift),var(--rise))}}.midnight-halo{position:absolute;left:70%;top:21%;width:60%;aspect-ratio:1;margin:-30% 0 0 -30%;background:radial-gradient(closest-side,#c8beff47,#9682f014 50%,#9682f000);mix-blend-mode:screen;animation:breathe 8s ease-in-out infinite;--low: .35;--high: .9}.midnight-cloud{position:absolute;left:0;top:13%;width:90%;height:12%;background:radial-gradient(closest-side,#aaa0dc17,#aaa0dc0a 55%,#aaa0dc00);animation:midnight-cloud 46s linear infinite}@keyframes midnight-cloud{0%{opacity:0;transform:translate(-80%)}15%,85%{opacity:1}to{opacity:0;transform:translate(160%)}}.neon-street{-webkit-mask-image:linear-gradient(180deg,transparent 70%,#000 78%);mask-image:linear-gradient(180deg,transparent 70%,#000 78%);mix-blend-mode:screen;opacity:.35;animation:neon-street 5s ease-in-out infinite}@keyframes neon-street{0%,to{transform:translate(-.6%) scaleY(1)}50%{transform:translate(.6%) scaleY(1.008)}}.bokeh{width:var(--s);height:var(--s);margin:calc(var(--s) / -2);border-radius:50%;background:radial-gradient(circle,rgba(var(--c),.9) 0,rgba(var(--c),.9) 45%,rgba(var(--c),0) 72%);mix-blend-mode:screen;opacity:0;animation:bokeh var(--dur) ease-in-out var(--delay) infinite}@keyframes bokeh{0%,to{opacity:0;transform:translateY(0) scale(.85)}50%{opacity:var(--peak);transform:translateY(var(--rise)) scale(1)}}.neon-flicker{position:absolute;left:2%;top:9%;width:26%;height:28%;background:radial-gradient(closest-side,#ff46a059,#ff46a000);mix-blend-mode:screen;opacity:.6;animation:neon-flicker 7s steps(1) infinite}@keyframes neon-flicker{0%,86%,to{opacity:.6}87%{opacity:.15}88%{opacity:.55}89%{opacity:.1}91%{opacity:.6}}.riso-plate{mix-blend-mode:multiply;opacity:.28;-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent);mask-image:radial-gradient(closest-side,#000 72%,transparent);-webkit-mask-size:66% 32%;mask-size:66% 32%;-webkit-mask-position:90% 5%;mask-position:90% 5%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:riso-plate 11s ease-in-out infinite}.riso-plate.second{mix-blend-mode:darken;opacity:.2;animation-duration:14s;animation-direction:reverse}@keyframes riso-plate{0%,to{transform:translate(0)}30%{transform:translate(4px,-3px)}65%{transform:translate(-3px,2px)}}.riso-roller{position:absolute;left:0;right:0;top:0;height:30%;background:linear-gradient(180deg,#ff5c8c00,#ff5c8c12 50%,#ff5c8c00);mix-blend-mode:multiply;animation:riso-roller 16s ease-in-out infinite}@keyframes riso-roller{0%{transform:translateY(-100%)}to{transform:translateY(340%)}}.chrome-sheen{mix-blend-mode:screen;filter:brightness(1.6) contrast(1.2);-webkit-mask-image:linear-gradient(115deg,transparent 44%,#000 50%,transparent 56%);mask-image:linear-gradient(115deg,transparent 44%,#000 50%,transparent 56%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:.4;animation:chrome-sheen 9s cubic-bezier(.45,0,.55,1) infinite}@keyframes chrome-sheen{0%{-webkit-mask-position:100% 0;mask-position:100% 0}60%,to{-webkit-mask-position:0% 0;mask-position:0% 0}}.glitch-motion{--glitch: 6.4s}.glitch-split{mix-blend-mode:lighten;opacity:0;animation:glitch-split var(--glitch) steps(1) infinite}.glitch-split.magenta{filter:contrast(3) brightness(.7) sepia(1) saturate(6) hue-rotate(275deg);--dx: -5px}.glitch-split.cyan{filter:contrast(3) brightness(.7) sepia(1) saturate(6) hue-rotate(140deg);--dx: 5px}@keyframes glitch-split{0%,81%,86%,90%,92%,to{opacity:0;transform:none}82%{opacity:.9;transform:translate(var(--dx))}84%{opacity:.7;transform:translate(calc(var(--dx) * -.6))}91%{opacity:.6;transform:translate(calc(var(--dx) * .5))}}.glitch-tear{clip-path:inset(var(--top) 0 var(--bottom) 0);opacity:0;animation:glitch-tear var(--glitch) steps(1) infinite}@keyframes glitch-tear{0%,81%,86%,90%,92%,to{opacity:0;transform:none}82%{opacity:1;transform:translate(var(--shift))}83.5%{opacity:1;transform:translate(var(--shift2))}85%{opacity:1;transform:translate(calc(var(--shift) * -.5))}91%{opacity:1;transform:translate(var(--shift2))}}.glitch-block{height:1.6%;opacity:0;mix-blend-mode:screen;animation:glitch-block var(--glitch) steps(1) infinite}.glitch-block.a{left:12%;top:27%;width:34%;background:#ff28788c}.glitch-block.b{left:58%;top:61%;width:22%;height:1%;background:#00dcff80;animation-delay:.06s}.glitch-block.c{left:30%;top:78%;width:46%;height:.6%;background:#ebf0ff73;animation-delay:.12s}@keyframes glitch-block{0%,82%,84%,85.5%,91%,92%,to{opacity:0}83%,85%,91.5%{opacity:1}}.glitch-scan{position:absolute;left:0;right:0;top:0;height:18%;background:linear-gradient(180deg,#a0c8ff00,#a0c8ff12 88%,#a0c8ff00);animation:glitch-scan 8s linear infinite}@keyframes glitch-scan{0%{transform:translateY(-100%)}to{transform:translateY(560%)}}@media(prefers-reduced-motion:reduce){.motion{display:none}}.signin{position:relative;display:flex;flex-direction:column;min-height:100dvh;max-width:480px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow:hidden}.signin:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(70% 42% at 50% 22%,rgba(255,106,92,.13) 0%,transparent 70%),radial-gradient(80% 50% at 50% 30%,rgba(109,40,217,.2) 0%,transparent 72%),radial-gradient(90% 55% at 100% 100%,rgba(98,60,190,.14) 0%,transparent 70%),var(--ink)}.signin-top{display:flex;align-items:center;justify-content:space-between;height:40px}.signin-back,.signin-lang{width:38px;height:38px;border-radius:50%;background:#ffffff12;display:grid;place-items:center}.signin-back svg{transform:rotate(180deg)}.signin-back:active,.signin-lang:active{transform:scale(.94)}.signin-step{flex:1;display:flex;flex-direction:column;animation:signin-in .5s var(--ease-out) both}@keyframes signin-in{0%{opacity:0;transform:translateY(14px)}}.signin-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0 28px;text-align:center}.signin-title{display:flex;flex-direction:column;margin:0;font-family:"Montserrat",var(--ui-font);font-weight:700;font-size:clamp(32px,9.4vw,44px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.signin-title-accent{color:var(--accent)}.signin-title-dot{color:#7c3aed}.signin-step.typing .signin-hero{flex:0 0 auto;padding:max(6vh,28px) 0 30px}.signin-sub{margin:14px auto 0;max-width:320px;font-size:15px;line-height:1.45;color:var(--muted);text-wrap:pretty}.signin-sub strong{display:block;margin-top:2px;color:var(--text);font-weight:600;word-break:break-all}.signin-mark{position:relative;width:84px;height:84px;margin-bottom:30px}.signin-mark img{position:relative;display:block;width:84px;height:84px;border-radius:22px;box-shadow:0 0 0 1px #ffffff1a,0 18px 50px -10px #ff5e6273,0 10px 60px #6d28d959;animation:signin-breathe 4.2s ease-in-out infinite}@keyframes signin-breathe{50%{transform:translateY(-3px) scale(1.02)}}.signin-spark{position:absolute;left:50%;bottom:40%;width:4px;height:4px;border-radius:50%;background:#ffb070;opacity:0;animation:signin-spark 3.6s ease-out infinite}.signin-spark:nth-child(3n){background:#ff5e62;width:3px;height:3px}.signin-spark:nth-child(4n){background:#a678ff;width:3px;height:3px}.signin-spark:nth-child(1){--x: -38px;animation-delay:0s}.signin-spark:nth-child(2){--x: 30px;animation-delay:.45s}.signin-spark:nth-child(3){--x: -14px;animation-delay:.9s}.signin-spark:nth-child(4){--x: 46px;animation-delay:1.3s}.signin-spark:nth-child(5){--x: -50px;animation-delay:1.75s}.signin-spark:nth-child(6){--x: 10px;animation-delay:2.2s}.signin-spark:nth-child(7){--x: 36px;animation-delay:2.6s}.signin-spark:nth-child(8){--x: -28px;animation-delay:3s}.signin-spark:nth-child(9){--x: 20px;animation-delay:3.3s}@keyframes signin-spark{0%{opacity:0;transform:translate(0) scale(1)}15%{opacity:1}to{opacity:0;transform:translate(var(--x),-96px) scale(.4)}}.signin-panel{display:flex;flex-direction:column;gap:12px;width:100%;max-width:380px;margin:0 auto}.signin .google-box{min-height:0}.signin .google-box.ready{min-height:44px}.signin-or{display:flex;align-items:center;gap:12px;margin:2px 0;color:var(--muted);font-size:13px}.signin-or:before,.signin-or:after{content:"";flex:1;height:1px;background:currentColor;opacity:.22}.signin .google-box:not(.ready)+.signin-or{display:none}.signin-email{display:flex;align-items:center;height:54px;padding:0 6px 0 20px;border-radius:27px;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff14;transition:box-shadow .2s ease,background .2s ease}.signin-email:focus-within{background:#ffffff17;box-shadow:inset 0 0 0 1.5px #ff9d5cb3}.signin-email input{flex:1;min-width:0;height:100%;border:0;background:none;color:var(--text);font:inherit;font-size:17px}.signin-email input::placeholder{color:var(--muted)}.signin-email input:focus-visible{outline:none}.signin-go{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--text);color:var(--ink);transition:transform .2s var(--ease-out),opacity .2s ease,background .2s ease}.signin-go:disabled{background:#ffffff1f;color:#fff6}.signin-go.busy{background:var(--text)}.signin-go:not(:disabled):active{transform:scale(.9)}.signin-spin{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:signin-spin .7s linear infinite}@keyframes signin-spin{to{transform:rotate(360deg)}}.signin-note{margin:0;font-size:13.5px;line-height:1.45;color:var(--muted);text-align:center}.signin-note.error{color:#ff8f8f}.signin-fine{margin:6px 0 0;font-size:12px;line-height:1.5;color:#f5f5f766;text-align:center;text-wrap:balance}.signin-fine a{color:#f5f5f7b3;text-decoration:none}.signin-code{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.signin-code[data-shake]{animation:signin-shake .4s ease}@keyframes signin-shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.signin-code input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:none;color:transparent;caret-color:transparent;font-size:16px;opacity:.01}.signin-cell{display:grid;place-items:center;aspect-ratio:5 / 6;max-height:64px;border-radius:14px;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff14;font-family:"Montserrat",var(--ui-font);font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;transition:box-shadow .15s ease,background .15s ease,transform .15s var(--ease-out)}.signin-cell.filled{background:#ffffff1a;animation:signin-pop .18s var(--ease-out)}@keyframes signin-pop{0%{transform:scale(.9)}}.signin-cell.here{box-shadow:inset 0 0 0 1.5px var(--accent)}.signin-cell.here:not(.filled):after{content:"";width:2px;height:26px;border-radius:1px;background:var(--accent);animation:signin-caret 1s steps(1) infinite}@keyframes signin-caret{50%{opacity:0}}.signin-code.busy .signin-cell{animation:signin-wait 1s ease-in-out infinite}.signin-code.busy .signin-cell:nth-child(2){animation-delay:.08s}.signin-code.busy .signin-cell:nth-child(3){animation-delay:.16s}.signin-code.busy .signin-cell:nth-child(4){animation-delay:.24s}.signin-code.busy .signin-cell:nth-child(5){animation-delay:.32s}.signin-code.busy .signin-cell:nth-child(6){animation-delay:.4s}@keyframes signin-wait{50%{background:#ff9d5c38}}.signin-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;margin-top:4px}.signin-link{padding:9px 14px;border-radius:18px;font-size:14.5px;font-weight:600;color:var(--text)}.signin-link:disabled{color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}.signin-link:not(:disabled):active{background:#ffffff14}.signin-face{margin-bottom:24px;font-family:"Montserrat",var(--ui-font);box-shadow:0 0 0 4px #ffffff0f,0 16px 40px -8px #6d28d980;transition:background .3s ease}.signin-name{height:58px;padding:0 20px;border:0;border-radius:18px;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff14;color:var(--text);font:inherit;font-size:20px;font-weight:600;text-align:center;transition:box-shadow .2s ease}.signin-name::placeholder{color:var(--muted);font-weight:500}.signin-name:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px #ff9d5cb3}.signin-handle{margin:-2px 0 4px;font-size:13px;line-height:1.45;color:var(--muted);text-align:center;text-wrap:balance}.signin-age{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;background:#ffffff0d;font-size:13.5px;line-height:1.45;color:var(--muted);cursor:pointer;transition:background .2s ease,color .2s ease}.signin-age.on{background:#ff9d5c1a;color:var(--text)}.signin-age input{position:absolute;opacity:0;pointer-events:none}.signin-age a{color:var(--text)}.signin-box{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;margin-top:-1px;border-radius:7px;box-shadow:inset 0 0 0 1.5px #ffffff59;color:transparent;transition:background .2s ease,box-shadow .2s ease,color .2s ease}.signin-age.on .signin-box{background:var(--accent);box-shadow:none;color:var(--ink)}.signin-age input:focus-visible+.signin-box{outline:2px solid var(--accent);outline-offset:2px}.signin-btn{height:54px;margin-top:4px;border-radius:27px;background:var(--text);color:var(--ink);font-size:16.5px;font-weight:650;transition:transform .15s ease,opacity .2s ease}.signin-btn:not(:disabled):active{transform:scale(.98)}.signin-btn:disabled{opacity:.35}@media(min-width:960px){.signin{min-height:0;max-width:440px;margin:7vh auto;padding:22px 36px 32px;border-radius:28px;background:#111113b8;box-shadow:inset 0 0 0 1px var(--line),0 40px 120px -30px #000c;overflow:visible}.signin-hero{padding:18px 0 32px}.signin-back:hover,.signin-lang:hover{background:#ffffff1f}.signin-link:not(:disabled):hover{background:#ffffff0f}}@media(prefers-reduced-motion:reduce){.signin-step,.signin-mark img,.signin-spark,.signin-code[data-shake],.signin-cell.filled{animation:none}.signin-spark{display:none}}.tab-ghost{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px dashed currentColor;opacity:.9}.tab-me{box-shadow:0 0 0 2px var(--ink),0 0 0 3.5px #ffffff80!important;font-size:11px!important}.tabbar-btn.on .tab-me{box-shadow:0 0 0 2px var(--ink),0 0 0 3.5px #fff!important}.guest-chip-dot{width:7px;height:7px;border-radius:50%;background:#f5b74e}.profile-card.guest{padding-bottom:14px}.guest-face{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:2px dashed rgba(255,255,255,.3);color:var(--muted);flex:0 0 auto}.profile-name-static{font-size:22px;font-weight:700}.guest-tag{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:#f5c77e}.join-card{margin:0 0 22px;padding:20px 20px 14px;border-radius:20px;background:linear-gradient(160deg,#ff9d5c29,#6d28d92e);box-shadow:inset 0 0 0 1px #ffffff17}.join-card h2{margin:0 0 10px;font-family:"Montserrat",var(--ui-font);font-size:22px;letter-spacing:-.02em}.join-card ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:14.5px;color:#f5f5f7d1}.join-card li{display:flex;gap:9px}.join-card li:before{content:"✓";flex:0 0 auto;color:var(--accent);font-weight:700}.join-card .sheet-btn{margin-top:16px}.join-signin{display:block;width:100%;padding:12px 0 2px;font-size:14px;font-weight:600;color:var(--muted)}.home{--card-h: clamp(280px, calc(100svh - 400px) , 520px);--card-w: calc(var(--card-h) * 9 / 16);min-height:100%;padding-bottom:calc(120px + env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 50% 0%,#1b1220 0%,transparent 60%),var(--ink);overflow-x:hidden}.home-top{display:flex;align-items:center;justify-content:space-between;max-width:1080px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}.home-lang{width:36px;height:36px;border-radius:50%;background:var(--surface-2)}.home-hero{text-align:center;padding-top:26px}.home-title{display:flex;flex-direction:column;margin:0 auto;padding:0 20px;max-width:640px;font-family:"Montserrat",var(--ui-font);font-weight:700;font-size:clamp(30px,8.6vw,56px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.home-title-accent{color:var(--accent)}.home-title-dot{color:#7c3aed}.home-sub{margin:14px auto 0;padding:0 24px;max-width:420px;font-size:15px;line-height:1.45;color:var(--muted);text-wrap:pretty}.home-examples{margin-top:22px}.home-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px calc(50% - var(--card-w) / 2) 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.home-row::-webkit-scrollbar{display:none}.home-card{position:relative;flex:0 0 var(--card-w);height:var(--card-h);border-radius:24px;overflow:hidden;scroll-snap-align:center;background:var(--surface);box-shadow:0 0 0 1px var(--line);transform:scale(.9);opacity:.5;transition:transform .45s var(--ease-out),opacity .45s ease;cursor:pointer}.home-card.on{transform:none;opacity:1;cursor:default}.home-card .page-dots{display:none}.home-from{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;margin:0;padding:3px 10px 3px 3px;border-radius:14px;background:#00000052;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:11.5px;font-weight:500;pointer-events:none}.home-from-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffffff2e}.home-caption{margin:12px 0 0;font-size:12px;color:var(--muted);letter-spacing:.01em}.home-dots{display:flex;justify-content:center;gap:2px;margin-top:4px}.home-dots button{width:18px;height:18px;display:grid;place-items:center}.home-dots button:after{content:"";width:5px;height:5px;border-radius:3px;background:#ffffff40;transition:width .3s var(--ease-out),background .3s ease}.home-dots button.on:after{width:14px;background:var(--text)}.home-btn{display:block;width:100%;height:54px;border-radius:27px;background:var(--text);color:var(--ink);font-size:17px;font-weight:600;letter-spacing:-.01em;transition:transform .15s ease}.home-btn:active{transform:scale(.98)}.home-cta{position:fixed;z-index:3;left:0;right:0;bottom:0;padding:28px max(20px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:linear-gradient(transparent,#000 46%)}.home-cta .home-btn{max-width:440px;margin:0 auto}.home-perks{margin:9px 0 0;font-size:12px;color:var(--muted);white-space:pre}.home-how{max-width:1080px;margin:0 auto;padding:72px 20px 0}.home-h2{margin:0;text-align:center;font-family:"Montserrat",var(--ui-font);font-weight:700;font-size:clamp(26px,7vw,40px);letter-spacing:-.03em}.home-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}.home-step{position:relative;padding:18px 18px 22px;border-radius:24px;background:var(--surface)}.home-step-num{position:absolute;top:16px;left:16px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-3);font-size:12px;font-weight:600}.home-step h3{margin:18px 0 0;font-size:19px;font-weight:600;letter-spacing:-.01em}.home-step p{margin:6px 0 0;font-size:15px;line-height:1.45;color:var(--muted)}.home-step-art{display:grid;place-items:center;height:132px;border-radius:16px;background:var(--surface-2);overflow:hidden}.art-write{display:flex;align-items:center;width:min(86%,300px);min-height:46px;padding:0 6px 0 16px;border-radius:23px;background:var(--surface-3);font-size:15px}.art-write span:first-child{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.art-caret{flex:0 0 auto;width:2px;height:18px;margin:0 auto 0 2px;border-radius:1px;background:var(--accent)}.art-send{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;margin-left:8px;border-radius:50%;background:var(--text);color:var(--ink)}.art-style{display:flex;gap:8px;align-items:center}.art-style img{width:46px;height:68px;border-radius:10px;object-fit:cover;opacity:.75}.art-style img.on{width:54px;height:80px;opacity:1;box-shadow:0 0 0 2px var(--surface-2),0 0 0 4px var(--text)}.art-send-sheet{width:min(80%,280px);display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.art-friends{display:flex;justify-content:space-between}.art-friend{display:grid;justify-items:center;gap:5px;opacity:.6}.art-friend.on{opacity:1}.art-friend small{font-size:11px;color:var(--muted)}.art-friend.on small{color:var(--text);font-weight:600}.art-face{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:16px;font-weight:700;color:#fff}.art-friend.on .art-face{box-shadow:0 0 0 2px var(--surface-2),0 0 0 4px var(--text)}.art-face-0{background:linear-gradient(135deg,#ff7a59,#c13584)}.art-face-1{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.art-face-2{background:linear-gradient(135deg,#10b981,#0e7490)}.art-face-3{background:linear-gradient(135deg,#f59e0b,#ef4444)}.art-check{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--text);color:var(--ink);box-shadow:0 0 0 2px var(--surface-2)}.art-or{display:flex;align-items:center;gap:8px}.art-link{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--surface-3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.art-link svg{flex:0 0 auto;color:var(--muted)}.art-share{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface-3)}.home-closer{max-width:440px;margin:0 auto;padding:80px 20px 0;text-align:center}.home-closer p{margin:10px 0 24px;font-size:15px;color:var(--muted)}.home-closer .home-btn{display:none}.home-foot{display:flex;justify-content:center;align-items:center;gap:18px;padding:56px 20px 0;font-size:13px;color:var(--muted)}.home-foot a{color:var(--muted);text-decoration:none;padding:4px 0}@media(min-width:760px){.home{--card-h: clamp(380px, calc(100svh - 420px) , 520px);padding-bottom:48px}.home-hero{padding-top:48px}.home-sub{font-size:17px;max-width:480px}.home-cta{position:static;padding:26px 20px 0;background:none}.home-cta .home-btn{width:300px}.home-examples{margin-top:34px}.home-cta{order:-1}.home-hero{display:flex;flex-direction:column}.home-title{order:-3}.home-sub{order:-2}.home-row{gap:18px}.home-card{transform:scale(.94);opacity:.6}.home-steps{grid-template-columns:repeat(3,1fr);gap:16px}.home-how{padding-top:96px}.home-closer .home-btn{display:block}}.home-top-actions{display:flex;align-items:center;gap:8px}.home-signin{height:36px;padding:0 16px;border-radius:18px;background:var(--surface-2);color:var(--text);font-size:14px;font-weight:600;transition:transform .15s ease}.home-signin:active{transform:scale(.95)}:root{--ink: #000;--surface: #111113;--surface-2: #1d1d21;--surface-3: #2a2a30;--line: rgba(255, 255, 255, .08);--text: #f5f5f7;--muted: rgba(245, 245, 247, .52);--accent: #ff9d5c;--ease-out: cubic-bezier(.32, .72, 0, 1);--ui-font: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--text);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0;-webkit-user-select:none;user-select:none}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;background:var(--ink)}.topbar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 18px max(16px,env(safe-area-inset-left));background:linear-gradient(rgba(0,0,0,.38),transparent);animation:fade-in .4s ease both}.topbar.on-light{background:linear-gradient(rgba(255,255,255,.28),transparent)}.topbar.on-light .icon-btn.glass{background:#00000073;color:#fff}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar .icon-btn{width:34px;height:34px}.brand{display:flex;align-items:center;gap:8px}.brand-icon{width:28px;height:28px;border-radius:7px}.brand-word{height:17px;width:auto}.pill{height:34px;padding:0 16px 0 13px;border-radius:17px;display:inline-flex;align-items:center;gap:6px;background:var(--text);color:var(--ink);font-size:14px;font-weight:600;transition:transform .15s ease}.pill:active{transform:scale(.95)}.frame-host{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}.frame{position:relative;overflow:hidden;border-radius:18px;box-shadow:0 0 0 1px var(--line),0 18px 50px #0009;transform:translateZ(0)}.frame.bare{border-radius:0;box-shadow:none}.frame-inner{position:absolute;top:0;left:0;transform-origin:0 0}.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;transition:transform .15s ease,background .2s ease}.icon-btn:active{transform:scale(.9)}.icon-btn.glass{background:#ffffff1f;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:inset 0 0 0 .5px #ffffff2e}.rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:none;place-items:center;padding:24px;background:var(--ink);color:var(--muted);font-size:15px;text-align:center}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.rotate-hint{display:grid}}.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;background:var(--ink)}.fullscreen-bar{position:absolute;top:calc(12px + env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;justify-content:space-between;animation:fade-in .4s ease .2s both}@media(min-width:601px){.fullscreen .frame-host,.studio .frame-host{padding:24px}.fullscreen .frame.bare,.studio .frame.bare{border-radius:32px;box-shadow:0 0 0 1px var(--line)}.frame{border-radius:28px}}.dock-slot{position:absolute;left:0;right:0;bottom:0;z-index:2}.dock{position:relative;display:flow-root;background:#111113db;-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);border-radius:22px 22px 0 0;box-shadow:0 -1px 0 var(--line);padding-bottom:env(safe-area-inset-bottom);min-height:92px}.toolbar{display:flex;gap:2px;overflow-x:auto;justify-content:center;padding:10px 10px 12px;animation:dock-in .32s var(--ease-out) both}.toolbar::-webkit-scrollbar{display:none}.tool{flex:1 1 0;max-width:96px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:6px 0;border-radius:14px;scroll-snap-align:start;color:var(--text);transition:transform .15s ease,background .2s ease}.tool span{font-size:11px;color:var(--muted);letter-spacing:.01em}.tool:active{transform:scale(.92);background:var(--surface-2)}.panel{animation:dock-in .36s var(--ease-out) both}@keyframes dock-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel-head{position:relative;height:50px;display:grid;place-items:center;padding:0 52px}.panel-title{font-size:15px;font-weight:600}.tabs{display:flex;gap:4px;padding:3px;border-radius:999px;background:var(--surface-2)}.tab{height:30px;padding:0 clamp(9px,3.4vw,14px);border-radius:999px;font-size:13px;font-weight:500;color:var(--muted);transition:background .2s ease,color .2s ease}.tab.on{background:var(--text);color:var(--ink);font-weight:600}.panel-body{animation:fade-in .25s ease both}.panel-done{position:absolute;right:max(14px,env(safe-area-inset-right));top:9px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--text);color:var(--ink);transition:transform .15s ease}.panel-done:active{transform:scale(.88)}.panel-body{padding:2px 0 18px;min-height:150px}.panel-note{margin:12px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));font-size:12.5px;line-height:1.45;text-align:center;color:var(--muted)}.rail{display:flex;gap:12px;overflow-x:auto;padding:6px max(16px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));scroll-padding-inline:16px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}.rail-wrap{position:relative}.rail-arrow{position:absolute;top:50%;width:28px;height:28px;margin-top:-22px;border-radius:50%;display:none;place-items:center;background:var(--text);color:var(--ink);box-shadow:0 2px 10px #0006;opacity:0;transition:opacity .2s ease}.rail-arrow.start{left:6px;transform:scaleX(-1)}.rail-arrow.end{right:6px}@media(hover:hover)and (pointer:fine){.rail-arrow{display:grid}.rail-wrap:hover .rail-arrow{opacity:1}}.rail>:first-child{margin-left:auto}.rail>:last-child{margin-right:auto}.tile{flex:0 0 auto;width:66px;display:flex;flex-direction:column;align-items:center;gap:8px;scroll-snap-align:start}.tile-face{position:relative;width:66px;height:66px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:var(--surface-2);box-shadow:0 0 0 0 transparent;transition:transform .18s var(--ease-out),box-shadow .2s ease}.tile.tall .tile-face{height:92px}.tile:active .tile-face{transform:scale(.93)}.tile.dim{opacity:.35}.color-swatch{width:38px;height:38px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff29}.tile.on .tile-face{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text)}.tile-label{max-width:76px;font-size:11px;line-height:1.25;text-align:center;color:var(--muted);transition:color .2s ease}.tile.on .tile-label{color:var(--text);font-weight:600}.swatch-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.font-sample{color:var(--text);line-height:1}.mood-sample{font-size:30px;line-height:1}.mood-foot{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.mood-foot .panel-note{margin:0}.mood-form{display:flex;gap:8px;padding:8px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.mood-form input{height:46px;border:0;border-radius:14px;background:var(--surface-2);color:var(--text);font:inherit;font-size:16px;padding:0 14px}.mood-form input::placeholder{color:var(--muted)}.mood-form input:focus{outline:none;box-shadow:inset 0 0 0 1px #fff3}.mood-emoji-btn{flex:0 0 46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);font-size:24px;line-height:1}.mood-emoji-btn.on{box-shadow:inset 0 0 0 1px #ffffff59}.mood-emoji-btn.bad{box-shadow:inset 0 0 0 1px var(--accent)}.emoji-group{flex:0 0 auto;align-self:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.emoji-option{flex:0 0 44px;height:44px;border-radius:12px;font-size:26px;line-height:1;transition:transform .15s ease,background .2s ease}.emoji-option:active{transform:scale(.9)}.emoji-option.on{background:var(--surface-3);box-shadow:inset 0 0 0 1.5px var(--text)}.emoji-type{display:block;width:calc(100% - 32px);margin:6px auto 0;height:36px;border:0;border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;font-size:16px;text-align:center}.emoji-type::placeholder{color:var(--muted);font-size:13px}.emoji-type:focus{outline:none;box-shadow:inset 0 0 0 1px #fff3}.mood-label-input{flex:1;min-width:0}.mood-save{flex:0 0 auto;height:46px;padding:0 18px;border-radius:14px;background:var(--text);color:var(--ink);font-size:14px;font-weight:600}.mood-save:disabled{opacity:.35}.speed-name{margin:2px 0 10px;text-align:center;font-size:15px;font-weight:600;color:var(--text)}.speed-row{display:flex;align-items:center;gap:12px;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}.speed-end{font-size:12px;color:var(--muted)}.speed-track{position:relative;flex:1;height:32px}.speed-track:before,.speed-track:after{content:"";position:absolute;left:11px;top:50%;height:3px;margin-top:-1.5px;border-radius:2px}.speed-track:before{right:11px;background:var(--surface-3)}.speed-track:after{width:calc((100% - 22px) * var(--pct) / 100%);background:var(--text)}.speed-ticks{position:absolute;top:0;right:11px;bottom:0;left:11px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:1}.speed-ticks i{width:7px;height:7px;margin:0 -3.5px;border-radius:50%;background:var(--surface-3)}.speed-ticks i.on{background:var(--text)}.speed-track input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:2;cursor:pointer}.speed-track input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000080}.speed-track input::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:#fff}.speed-track input:focus-visible{outline:none}.speed-track input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--text);outline-offset:3px}.reveal-sample{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap}.reveal-sample i{font-style:normal;display:inline-block}.rs-fade{-webkit-mask-image:linear-gradient(90deg,#000 40%,transparent 60%);mask-image:linear-gradient(90deg,#000 40%,transparent 60%);-webkit-mask-size:250% 100%;mask-size:250% 100%;animation:rs-sweep 2.6s ease-in-out infinite}@keyframes rs-sweep{0%,10%{-webkit-mask-position:100% 0;mask-position:100% 0}55%,85%{-webkit-mask-position:0 0;mask-position:0 0;opacity:1}to{-webkit-mask-position:0 0;mask-position:0 0;opacity:0}}.rs-typewriter i{animation:rs-type 2.6s steps(1) infinite both;white-space:pre}@keyframes rs-type{0%{opacity:0}8%,85%{opacity:1}to{opacity:0}}.rs-word i{animation:rs-word 2.6s var(--ease-out) infinite both}.rs-word i+i{animation-delay:.35s}@keyframes rs-word{0%{opacity:0;transform:translateY(6px)}25%,80%{opacity:1;transform:none}to{opacity:0;transform:none}}.rs-instant{animation:rs-instant 2.6s ease infinite}@keyframes rs-instant{0%{opacity:0;transform:scale(.96)}30%,80%{opacity:1;transform:none}to{opacity:0}}.entrance-sample{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#07070c}.es-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.es-zoom .es-art{animation:es-zoom 2.6s cubic-bezier(.16,1,.3,1) infinite}@keyframes es-zoom{0%{transform:scale(1.5);opacity:0}12%{opacity:1}70%,to{transform:none}}.es-iris .es-art{animation:es-iris 2.6s cubic-bezier(.65,0,.2,1) infinite}@keyframes es-iris{0%,8%{clip-path:circle(0% at 50% 50%);transform:scale(1.15)}55%,to{clip-path:circle(75% at 50% 50%);transform:none}}.es-focus .es-art{animation:es-focus 2.6s cubic-bezier(.3,0,.2,1) infinite}@keyframes es-focus{0%,8%{filter:blur(8px) brightness(1.25);transform:scale(1.1)}60%,to{filter:none;transform:none}}.es-glitch .es-art{animation:es-glitch 2.6s steps(1,end) infinite}@keyframes es-glitch{0%{opacity:0}4%{opacity:1;transform:translate(-8%);clip-path:inset(10% 0 50% 0);filter:hue-rotate(90deg) saturate(2)}9%{transform:translate(9%);clip-path:inset(50% 0 10% 0);filter:hue-rotate(-70deg)}14%{transform:translate(-4%);clip-path:inset(0 0 35% 0);filter:saturate(2.4)}20%{transform:translate(3%);clip-path:inset(30% 0 0 0);filter:hue-rotate(150deg)}27%,to{transform:none;clip-path:inset(0);filter:none;opacity:1}}.es-slats{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.es-slats i{flex:1;margin-bottom:-1px;background:#07070c;transform-origin:100% 50%;animation:es-slat 2.6s cubic-bezier(.7,0,.2,1) calc(var(--i) * .08s) infinite both}.es-slats i:nth-child(2n){transform-origin:0 50%}@keyframes es-slat{0%,10%{transform:none}45%,to{transform:scaleX(0)}}.rs-roll{display:inline-flex;overflow:hidden;padding:2px 0}.rs-roll i{white-space:pre;animation:rs-roll 2.6s cubic-bezier(.2,1.3,.35,1) calc(var(--i) * .06s) infinite both}@keyframes rs-roll{0%{transform:translateY(120%) rotate(8deg)}30%,85%{transform:none;opacity:1}to{transform:none;opacity:0}}.rs-drop i{white-space:pre;transform-origin:50% 100%;animation:rs-drop 2.6s ease-out calc(var(--i) * .08s) infinite both}@keyframes rs-drop{0%{opacity:0;transform:translateY(-12px) scale(.85,1.25)}12%{opacity:1;transform:translateY(0) scale(1.16,.78)}20%,85%{opacity:1;transform:none}to{opacity:0}}.slider-row{display:flex;align-items:center;gap:14px;margin-top:16px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.slider-row label{font-size:13px;color:var(--muted)}.slider{position:relative;flex:1;display:flex;align-items:center;gap:10px}.slider input{flex:1;height:28px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(var(--text),var(--text)) 0 50% / var(--pct) 3px no-repeat,linear-gradient(var(--surface-3),var(--surface-3)) 0 50% / 100% 3px no-repeat}.slider input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000080}.slider input::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#fff}.slider-value{width:34px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.reset{height:28px;padding:0 11px;border-radius:14px;background:var(--surface-2);font-size:12px;transition:opacity .2s ease}.reset:disabled{opacity:.35;cursor:default}.message-field{position:relative;margin:14px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));border-radius:14px;background:var(--surface-2)}.reply-chip+.message-field{margin-top:10px}.message-field textarea,.message-mirror-text{width:100%;border:0;font:inherit;font-size:16px;line-height:1.45;padding:11px 14px;white-space:pre-wrap;overflow-wrap:break-word}.message-field textarea{position:relative;display:block;border-radius:14px;resize:none;max-height:91.6px;overflow-y:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--text);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.message-field textarea::-webkit-scrollbar{width:3px}.message-field textarea::-webkit-scrollbar-track{background:transparent;margin:10px 0}.message-field textarea::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:2px}.message-mirror{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:14px;pointer-events:none}.message-mirror-text{color:transparent}.beat-break{background:linear-gradient(transparent calc(50% - .5px),rgba(255,255,255,.22) calc(50% - .5px),rgba(255,255,255,.22) calc(50% + .5px),transparent calc(50% + .5px))}.message-field textarea::placeholder{color:var(--muted)}.message-field textarea:focus{outline:none;box-shadow:inset 0 0 0 1px #fff3}@media(prefers-reduced-motion:reduce){.reveal-sample,.reveal-sample i,.entrance-sample *,.toolbar,.panel{animation:none!important}}.sheet{padding:14px 20px calc(18px + env(safe-area-inset-bottom))}.sheet-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:34px;margin-bottom:12px}.sheet-title{margin:0;font-size:17px;font-weight:600;text-align:center;padding:0 36px}.sheet-back{position:absolute;left:-6px;width:34px;height:34px;border-radius:17px;background:var(--surface-2);font-size:22px;line-height:1;padding-bottom:3px}.sheet-input{display:block;width:100%;height:48px;padding:0 16px;border:0;border-radius:14px;background:var(--surface-2);color:var(--text);font:inherit;font-size:17px;text-align:center}.sheet-input::placeholder{color:var(--muted)}.sheet-input:focus{outline:none;box-shadow:inset 0 0 0 1px #ffffff38}.sheet-note{margin:10px 0 0;font-size:13px;line-height:1.45;color:var(--muted);text-align:center}.sheet-note.error{color:#ff8f8f}.sheet-btn{display:block;width:100%;height:48px;margin-top:14px;border-radius:24px;background:var(--text);color:var(--ink);font-size:16px;font-weight:600;transition:transform .15s ease,opacity .2s ease}.sheet-btn:active{transform:scale(.98)}.sheet-btn:disabled{opacity:.6}.link-box{margin-top:6px}.link-row{display:flex;align-items:center;gap:8px;margin-top:12px;padding:6px 6px 6px 14px;border-radius:14px;background:var(--surface-2)}.link-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--text)}.link-copy{flex:0 0 auto;height:34px;padding:0 14px;border-radius:10px;background:var(--surface-3);font-size:13px;font-weight:600}.pill.ghost{padding:0 14px;background:#0000004d;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar.on-light .pill.ghost{background:#00000073}.pill-name{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill:disabled{opacity:.7}.toast{position:fixed;left:50%;top:calc(64px + env(safe-area-inset-top));z-index:10;transform:translate(-50%);padding:9px 16px;border-radius:18px;background:#111113e6;font-size:14px;font-weight:500;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}}.notice{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px max(24px,env(safe-area-inset-left));background:var(--ink);text-align:center}.notice .sheet-btn{max-width:320px}.notice-title{margin:0;font-size:20px;font-weight:600}.notice-text{margin:10px 0 8px;max-width:320px;font-size:14px;line-height:1.5;color:var(--muted)}.send-btn{position:absolute;right:6px;bottom:6px;width:34px;height:34px;border-radius:17px;display:grid;place-items:center;background:var(--text);color:var(--ink);transition:opacity .2s ease,transform .15s ease}.send-btn:active{transform:scale(.92)}.send-btn:disabled{opacity:.25}.message-field:has(.send-btn) textarea,.message-field:has(.send-btn) .message-mirror-text{padding-right:52px}.app-row{display:flex;justify-content:space-between;gap:4px;padding:2px 4px 0}.app-btn{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--text);font-size:12px;font-weight:500;text-decoration:none;-webkit-tap-highlight-color:transparent}.app-btn svg{display:block;border-radius:15px;transition:transform .15s ease}.app-btn:active svg{transform:scale(.92)}.share-actions{display:flex;gap:8px;margin-top:16px}.share-action{flex:1;height:46px;border-radius:23px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--surface-2);color:var(--text);font-size:15px;font-weight:600;transition:transform .15s ease}.share-action:active{transform:scale(.97)}.sheet-link{display:block;margin:12px auto 0;padding:8px 12px;font-size:15px;font-weight:600;color:var(--text)}.sheet-link.with-icon{display:flex;align-items:center;gap:7px}.sheet-links{display:flex;justify-content:center;gap:8px;margin-top:12px}.sheet-links .sheet-link{display:inline-flex;align-items:center;gap:7px;margin:0;padding:8px 14px;border-radius:18px}.sheet-links .sheet-link:active{background:var(--surface-2)}.reveal-page .fullscreen-bar{align-items:center;min-height:40px}.reveal-from{display:inline-flex;align-items:center;gap:8px;margin:0;max-width:70%;padding:4px 14px 4px 4px;border-radius:18px;background:#00000052;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:13px;font-weight:500;white-space:nowrap}.reveal-from-icon{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ffffff2e}.reveal-from-name{overflow:hidden;text-overflow:ellipsis}.end-actions{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:36px;pointer-events:none;animation:end-in .7s cubic-bezier(.22,1,.36,1) both}@keyframes end-in{0%{opacity:0;transform:scale(.96)}}.end-btn{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:600}.end-btn-circle{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#00000052;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 0 0 1px #ffffff29;transition:transform .15s ease}.end-btn.primary .end-btn-circle{background:#fff;color:#000;box-shadow:none}.end-btn:active .end-btn-circle{transform:scale(.93)}.end-btn-label{padding:3px 10px;border-radius:10px;background:#00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reply-chip{display:flex;align-items:center;gap:6px;width:fit-content;max-width:100%;margin:14px auto 0;padding:5px 6px 5px 12px;border-radius:14px;background:var(--surface-2);font-size:13px;color:var(--text)}.reply-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-chip button{flex:0 0 auto;width:22px;height:22px;border-radius:11px;display:grid;place-items:center;background:var(--surface-3)}.list-page{min-height:100dvh;max-width:560px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:var(--ink)}.list-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;margin-bottom:18px}.list-head h1{margin:0;font-size:17px;font-weight:600}.list-back{position:absolute;left:0;width:36px;height:36px;border-radius:18px;display:grid;place-items:center;background:var(--surface-2);color:var(--text)}.list-back svg{transform:scaleX(-1)}.list-empty{margin:18vh auto 0;max-width:300px;text-align:center;color:var(--muted);font-size:15px}.list-empty p{margin:0}.list-note{margin:0;color:var(--muted);font-size:14px}.list-section{margin:28px 0 10px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.stat{padding:14px 8px 12px;border-radius:16px;background:var(--surface);text-align:center}.stat b{display:block;font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}.stat span{font-size:12px;color:var(--muted)}.ember-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ember-item{display:block;padding:14px 16px;border-radius:16px;background:var(--surface);color:var(--text);text-decoration:none;transition:transform .15s ease}.ember-item:active{transform:scale(.985)}.ember-text{margin:0;font-size:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ember-meta{margin:6px 0 0;font-size:12px;color:var(--muted)}.ember-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}.tag{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:12px;background:var(--surface-2);font-size:12px;color:var(--muted)}.tag.on{color:var(--text)}.tag.on svg{color:var(--accent)}.admin-key{max-width:320px;margin:16vh auto 0}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kpi{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;background:var(--surface)}.kpi-label{font-size:13px;line-height:1.3;color:var(--muted)}.kpi b{font-size:34px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}.kpi-sub{font-size:12px;color:var(--muted)}.facts{margin:0;border-radius:16px;background:var(--surface);overflow:hidden}.facts div{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;font-size:14px}.facts div+div{border-top:1px solid var(--surface-2)}.facts dt{color:var(--muted)}.facts dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}.facts small{margin-left:6px;font-weight:400;color:var(--muted)}.bars{list-style:none;margin:0;padding:0;display:grid;gap:10px}.bars li{display:grid;grid-template-columns:92px 1fr 36px;align-items:center;gap:10px;font-size:14px}.bar-label{color:var(--muted);white-space:nowrap}.bar-track{height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:4px;background:var(--accent)}.bar-value{text-align:right;font-variant-numeric:tabular-nums}.days{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.days th{padding:0 0 8px;font-size:12px;font-weight:500;color:var(--muted);text-align:right}.days td{padding:9px 0;border-top:1px solid var(--surface-2);text-align:right}.days th:first-child,.days td:first-child{text-align:left}.lang-toggle{color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em}.list-head .lang-toggle{position:absolute;right:0;width:36px;height:36px;background:var(--surface-2);color:var(--text);box-shadow:none}.privacy-intro{margin:0 0 4px;font-size:16px;line-height:1.5}.privacy-list{margin:0;padding-left:18px;display:grid;gap:8px}.privacy-list li,.privacy-text{font-size:15px;line-height:1.5;color:var(--muted)}.privacy-text{margin:0}.privacy-text a{color:var(--text)}.sheet-privacy{display:block;margin-top:12px;text-align:center;font-size:13px;color:var(--muted);text-decoration:none}.admin-day{margin:-10px 0 16px;text-align:center;font-size:13px;color:var(--muted)}.seed-card{padding:16px;border-radius:18px;background:var(--surface)}.seed-card label{display:block;font-size:14px;font-weight:600}.seed-row{display:flex;gap:8px;align-items:center;margin-top:10px}.seed-input{flex:1;min-width:0;height:44px;padding:0 14px;border:0;border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.seed-input:focus{outline:none;box-shadow:inset 0 0 0 1px #ffffff40}.seed-row .pill{height:44px;border-radius:22px;padding:0 18px}.seed-help{margin:8px 0 0;font-size:12px;line-height:1.45;color:var(--muted)}.targets-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.targets-score{font-size:13px;color:var(--muted)}.focus-card{margin-bottom:10px;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.focus-card.good{background:color-mix(in srgb,#5fd49a 12%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,#5fd49a 30%,transparent)}.focus-label{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.focus-card b{display:block;margin-top:4px;font-size:16px;font-weight:600}.focus-card p{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--text);opacity:.85}.focus-card.good p{margin:0}.target-list{list-style:none;margin:0;padding:0;border-radius:16px;background:var(--surface);overflow:hidden}.target{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 16px}.target+.target{border-top:1px solid var(--surface-2)}.target-text{display:flex;flex-direction:column;gap:2px;min-width:0}.target-name{font-size:14px}.target-goal{font-size:12px;color:var(--muted)}.target-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.target-value{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.target-status{font-size:11px;font-weight:600}.target-status.met{color:#5fd49a}.target-status.below{color:var(--accent)}.target-status.early{color:var(--muted)}.target-bar{grid-column:1 / -1;height:4px;margin-top:6px;border-radius:2px;background:var(--surface-2);overflow:hidden}.target-bar span{display:block;height:100%;border-radius:2px}.target-bar .met{background:#5fd49a}.target-bar .below{background:var(--accent)}.target-bar .early{background:var(--muted)}.targets-note{margin-top:8px;font-size:12px}.facts-gap{margin-top:8px}.dash{display:flex;flex-direction:column}.dash-col{display:contents}.dash .seed-card{order:1}.dash .targets{order:2}.dash-embers{order:3}.dash-shares{order:4}.dash-countries{order:5}.dash-days{order:6}.dash .targets-head .list-section{margin-top:28px}.dash-top{display:none}@media(min-width:960px){.admin-page{max-width:1240px;padding-left:32px;padding-right:32px}.admin-page .list-head{justify-content:flex-start;margin-bottom:2px}.admin-page .list-head h1{font-size:24px;letter-spacing:-.01em}.admin-page .admin-day{margin:0 0 24px;text-align:left}.dash{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.dash-top{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0}.dash-top div{display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:16px 18px;border-radius:18px;background:var(--surface)}.dash-top dt{font-size:13px;line-height:1.3;color:var(--muted)}.dash-top dd{margin:0;font-size:32px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}.dash-top small{margin-left:4px;font-size:14px;font-weight:500;color:var(--muted)}.dash-col{display:flex;flex-direction:column;gap:20px;min-width:0}.dash .dash-col>*{order:0}.dash .list-section,.dash .targets-head .list-section{margin-top:0}.dash-days,.dash-shares,.dash-countries{padding:18px 20px;border-radius:18px;background:var(--surface)}.dash-days .days td,.dash-countries .days td{border-top-color:var(--surface-2)}.dash-embers .facts{background:var(--surface)}.dash .focus-card{margin-bottom:12px;padding:18px 20px}.dash .focus-card b{font-size:19px}.dash .target-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;background:none;border-radius:0;overflow:visible}.dash .target{align-content:start;padding:16px 18px;border-radius:16px;background:var(--surface)}.dash .target+.target{border-top:0}.dash .target-value{font-size:26px}.dash .targets-head{margin-bottom:10px}}.dash-senders{order:7}.senders-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.senders{min-width:620px}.senders th,.senders td{white-space:nowrap}.senders th+th,.senders td+td{padding-left:18px}.senders th:nth-child(2),.senders td:nth-child(2){text-align:left}.senders td{vertical-align:top}.senders .zero{color:var(--muted)}.sender-name{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;font-weight:600}.sender-flag{margin-right:6px;font-weight:400}.sender-joined{display:block;margin-top:2px;font-size:12px;color:var(--muted)}.sender-via{max-width:180px;overflow:hidden;text-overflow:ellipsis}.sender-last{color:var(--muted)}.senders-more{display:block;margin:12px auto 0;padding:6px 14px;border:0;border-radius:14px;background:var(--surface-2);color:var(--text);font:inherit;font-size:13px;cursor:pointer}@media(min-width:960px){.dash-senders{padding:18px 20px;border-radius:18px;background:var(--surface)}.dash-senders .targets-head{margin-bottom:10px}}.age-check{display:flex;align-items:flex-start;gap:10px;margin:14px 2px 0;font-size:13px;line-height:1.45;color:var(--muted);text-align:left;cursor:pointer}.age-check input{flex:0 0 auto;width:20px;height:20px;margin:0;accent-color:var(--accent)}.age-check a{color:var(--text)}.terms-contact{margin-top:28px}.reveal-foot{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:8px;white-space:nowrap}.reveal-report{padding:6px 12px;border-radius:14px;background:#00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fffc;font-size:12px;text-decoration:none;animation:fade-in .4s ease both}.remove-input{font-size:15px;font-weight:500}.pill.danger{background:#ff6b6b;color:#fff}.seed-help.error{color:#ff8f8f}.dash .remove-card{order:7}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#0000008c;animation:fade-in .2s ease both}.confirm{width:100%;max-width:320px;padding:22px 20px 14px;border-radius:22px;background:var(--surface);text-align:center;box-shadow:0 0 0 1px var(--line)}.confirm h2{margin:0;font-size:18px;font-weight:600}.confirm p{margin:8px 0 18px;font-size:14px;line-height:1.45;color:var(--muted)}.confirm .confirm-leave{margin-top:6px;color:#ff8f8f}.switch-row{display:flex;align-items:center;gap:14px;width:calc(100% - 32px);margin:4px 16px 0;padding:10px 14px;border-radius:14px;background:var(--surface-2);color:var(--text);text-align:left}.switch-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.switch-text b{font-size:14px;font-weight:600}.switch-text span{font-size:12px;line-height:1.35;color:var(--muted)}.switch{position:relative;flex:0 0 auto;width:40px;height:24px;border-radius:12px;background:var(--surface-3);transition:background .2s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s cubic-bezier(.22,1,.36,1)}.switch-row[aria-checked=true] .switch{background:var(--accent)}.switch-row[aria-checked=true] .switch:after{transform:translate(16px)}.size-end{display:inline-block;width:16px;text-align:center;font-weight:600;color:var(--text)}.size-end.small{font-size:11px}.size-end.big{font-size:19px}.frame-inner{container-type:size}.canvas{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;z-index:1}.canvas>.reply-chip{margin-top:6px}.canvas-scroll{flex:1;min-height:0;width:100%;overflow-y:auto;display:flex;flex-direction:column;padding:16px 0 24px;scrollbar-width:none}.canvas-scroll::-webkit-scrollbar{display:none}.canvas-field{position:relative;width:86cqw;margin:auto;line-height:1.32}.beat{position:relative}.canvas-mirror,.beat textarea{margin:0;padding:0;border:0;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere}.canvas-mirror{min-height:1.32em}.beat textarea{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;resize:none;background:transparent;color:inherit;-webkit-text-fill-color:transparent;caret-color:currentColor;outline:none}.beat textarea::placeholder{color:inherit;-webkit-text-fill-color:currentColor;opacity:.45}.canvas.painting .beat textarea{pointer-events:none}.canvas.painting .canvas-mirror{position:relative;z-index:1}.paint-word{cursor:pointer;border-radius:.12em;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.paint-word:active{background:#ffffff24}.paint-word.painted{text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.2em}.beat-line{position:relative;height:1.1em;margin:0 4%;font-size:16px;transition:transform .42s cubic-bezier(.34,1.5,.64,1)}.beat-line:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,currentColor 22%,currentColor calc(50% - 17px),transparent calc(50% - 17px),transparent calc(50% + 17px),currentColor calc(50% + 17px),currentColor 78%,transparent);opacity:.22}.beat-num{position:absolute;left:50%;top:50%;min-width:20px;height:16px;margin:-8px 0 0 -10px;display:grid;place-items:center;font:600 10px/1 "Inter",var(--ui-font);letter-spacing:.04em;font-variant-numeric:tabular-nums;opacity:.45;pointer-events:none}.beat-grip{position:absolute;left:-4%;right:-4%;top:50%;height:30px;margin-top:-15px;z-index:1;touch-action:none;cursor:ns-resize;-webkit-tap-highlight-color:transparent}.beat-line.dragging{z-index:2}.beat-line:before,.beat-num{transition:opacity .2s ease,transform .32s cubic-bezier(.34,1.56,.64,1)}.beat-grip:hover~.beat-num{opacity:.8}.beat-line.dragging:before{opacity:.7}.beat-line.dragging .beat-num{opacity:1;transform:scale(1.25)}.beat-line.merging:before{background:repeating-linear-gradient(90deg,currentColor 0 5px,transparent 5px 10px);opacity:.8}.beat-line.merging .beat-num{opacity:0;transform:scale(.6)}.canvas.break-dragging .canvas-mirror [data-n]{display:inline-block}.divider-well{position:absolute;left:50%;bottom:12px;width:92px;height:44px;margin-left:-46px;z-index:3;touch-action:none;cursor:grab;color:#fff;-webkit-tap-highlight-color:transparent;animation:row-split-in .25s ease both}@keyframes row-split-in{0%{opacity:0;transform:scale(.8)}}.divider-well:before,.divider-ghost:before{content:"";position:absolute;left:8px;right:8px;top:50%;height:1.5px;margin-top:-.75px;border-radius:1px;background:linear-gradient(90deg,transparent,currentColor 30%,currentColor calc(50% - 11px),transparent calc(50% - 11px),transparent calc(50% + 11px),currentColor calc(50% + 11px),currentColor 70%,transparent);opacity:.75}.divider-well:after,.divider-ghost:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;background:linear-gradient(currentColor,currentColor) center / 12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center / 1.5px 12px no-repeat;opacity:.9;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.divider-well:active:after{transform:rotate(90deg) scale(1.1)}.divider-well.lifted{opacity:.35}.divider-ghost{position:absolute;z-index:5;width:100px;height:24px;margin:-12px 0 0 -50px;pointer-events:none;animation:row-split-in .18s ease both}.divider-ghost:before{opacity:.95;height:2px}.divider-mark{position:absolute;z-index:4;width:3px;margin-left:-5px;border-radius:2px;background:currentColor;pointer-events:none;animation:divider-mark .9s ease-in-out infinite}@keyframes divider-mark{0%,to{opacity:1}50%{opacity:.45}}.canvas-send{position:absolute;right:14px;bottom:12px;width:44px;height:44px;border-radius:22px;display:grid;place-items:center;background:var(--text);color:var(--ink);transition:opacity .2s ease,transform .15s ease}.canvas-send:active{transform:scale(.92)}.canvas-send:disabled{opacity:.3}.fx-sample{font-size:22px;font-weight:700;color:var(--text);line-height:1}.fx-sample .brush{--d: 0ms;--after: .2s}.fullscreen-bar{z-index:3}.fullscreen-bar-end{display:flex;align-items:center;gap:8px}.bar-in{animation:fade-in .4s ease both}.reply-prompt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:0 max(24px,env(safe-area-inset-right)) 40px max(24px,env(safe-area-inset-left));cursor:text;animation:fade-in .6s ease .15s both}.reply-prompt.preview,.reply-prompt.preview button{pointer-events:none}.reply-blank{max-width:100%;padding:6px 4px 14px;border-bottom:1px solid currentColor;border-color:color-mix(in srgb,currentColor 30%,transparent);font-size:clamp(21px,6vw,25px);line-height:1.15;text-align:center;cursor:text}.reply-blank-line{display:inline-flex;align-items:center;max-width:100%}.reply-blank-text{opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-blank-caret{flex:0 0 auto;width:2px;height:1.05em;margin-left:3px;border-radius:1px;background:currentColor;animation:qr-caret 1.1s steps(1) infinite}@keyframes qr-caret{50%{opacity:0}}.reply-options{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:340px;font-size:15px}.reply-option{min-height:40px;padding:8px 16px;border-radius:20px;background:#00000057;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 0 0 1px #ffffff29;color:#fff;font-family:var(--ui-font);font-weight:600;line-height:1.1;animation:qr-in .5s cubic-bezier(.22,1,.36,1) calc(.45s + var(--i, 0) * 70ms) both;transition:transform .15s ease}.reply-option:active{transform:scale(.94)}@keyframes qr-in{0%{opacity:0;transform:translateY(8px)}}.reply-prompt.stacked{gap:18px}.reply-prompt.stacked .reply-options{flex-direction:column;flex-wrap:nowrap;align-items:stretch;width:min(100%,340px);max-width:none}.reply-prompt.stacked .reply-option{min-height:48px;border-radius:24px;padding:10px 18px}.reply-prompt.stacked .reply-blank{width:min(100%,340px);font-size:clamp(18px,5vw,21px)}.reply-from{align-self:center;display:inline-flex;align-items:center;gap:7px;margin-bottom:4px;padding:4px 11px 4px 4px;border-radius:14px;background:#00000052;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffd9;font:600 12.5px/1 var(--ui-font);animation:qr-in .5s cubic-bezier(.22,1,.36,1) .35s both}.reply-from-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#ffffff2e}@media(prefers-reduced-motion:reduce){.reply-option,.reply-prompt,.reply-from,.reply-blank-caret{animation:none}}.qr-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px max(16px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));font-size:14px}.qr-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:5px 5px 5px 14px;border-radius:18px;background:var(--surface-2);color:var(--text);font-family:var(--ui-font);font-weight:600}.qr-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-chip button{flex:0 0 auto;width:24px;height:24px;border-radius:12px;display:grid;place-items:center;background:var(--surface-3);color:var(--muted)}.qr-ideas{display:flex;gap:8px;overflow-x:auto;padding:12px max(16px,env(safe-area-inset-right)) 2px max(16px,env(safe-area-inset-left));font-size:14px;scrollbar-width:none}.qr-ideas::-webkit-scrollbar{display:none}.qr-idea{flex:0 0 auto;min-height:36px;padding:7px 14px;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff24;color:var(--text);font-family:var(--ui-font);font-weight:600;transition:transform .15s ease}.qr-idea:active{transform:scale(.94)}.qr-aa{font-size:20px;line-height:1}.qr-love{color:#ff8fb3;font-family:Lora,Georgia,serif;font-style:italic;font-weight:500;font-size:1.12em;letter-spacing:-.01em}.qr-hype{color:#ff8a5c;font-family:Bebas Neue,Arial Narrow,sans-serif;font-weight:400;font-size:1.3em;letter-spacing:.03em;text-transform:uppercase}.qr-lol{color:#ffd84a;font-family:Montserrat,system-ui,sans-serif;font-weight:800;letter-spacing:-.02em}.qr-sarcasm{color:#c9b8ff;font-family:Courier Prime,Courier New,monospace;font-weight:400}.qr-grr{color:#ff3b3b;font-family:Archivo Black,system-ui,sans-serif;font-weight:400;font-size:.95em;letter-spacing:.01em;text-transform:uppercase}.qr-feels{color:#b4d0ff;font-family:Caveat,Segoe Print,cursive;font-weight:500;font-size:1.4em;letter-spacing:0}.qr-gross{color:#9be03a;font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:1.05em;letter-spacing:-.01em}.fullscreen:has(.reply-prompt.has-reasons) .moods{opacity:0;transition:opacity .4s ease}.reply-prompt.has-reasons{justify-content:flex-start;overflow-y:auto;padding-top:calc(72px + env(safe-area-inset-top));padding-bottom:48px}.reply-prompt.has-reasons>:first-child{margin-top:auto}.reply-prompt.has-reasons>:last-child{margin-bottom:auto}.reply-prompt.has-reasons .reply-blank{flex-shrink:0}.mood-reasons{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(100%,340px);flex-shrink:0}.why-card{display:flex;flex-direction:column;gap:6px;padding:13px 16px;border-radius:20px;background:#0000005c;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 0 0 1px #ffffff24;color:#fff;font-family:var(--ui-font);text-align:left;cursor:pointer;animation:qr-in .5s cubic-bezier(.22,1,.36,1) calc(.45s + var(--i, 0) * 70ms) both;transition:transform .15s ease,opacity .4s ease,box-shadow .4s ease}.why-card:active:not(:disabled){transform:scale(.97)}.why-card:disabled{cursor:default}.why-card.dim{opacity:.55}.why-card.open{box-shadow:inset 0 0 0 1.5px #ffffffbf}.why-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.why-card-mood{display:inline-flex;align-items:center;gap:7px;font-size:16px;font-weight:600}.why-card-emoji{font-size:17px}.why-card-tap{flex:0 0 auto;font-size:12px;font-weight:500;color:#ffffff8c}.why-card-text{font-size:15px;font-weight:500;line-height:1.3;filter:blur(6px);opacity:.75;-webkit-user-select:none;user-select:none;transition:filter .5s ease,opacity .5s ease,font-size .3s ease;overflow-wrap:anywhere}.why-card.open .why-card-text{filter:none;opacity:1;font-size:17px;-webkit-user-select:text;user-select:text}.why-foot{align-self:center;font:500 12px/1.3 var(--ui-font);color:#fff9;text-align:center}@media(prefers-reduced-motion:reduce){.why-card{animation:none}}.why-list{display:flex;flex-direction:column;gap:8px;padding:8px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.why-row{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;border-radius:14px;background:var(--surface-2)}.why-mood{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;max-width:40%;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.why-emoji{font-size:17px}.why-input{flex:1;min-width:0;height:38px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:16px}.why-input::placeholder{color:var(--muted)}.why-input:focus{outline:none;background:#ffffff0f}.list-tabs{width:max-content;margin:0 auto 18px}.ember-from{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:12.5px;font-weight:600;color:var(--muted)}.ember-from-icon{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2)}.account-form{max-width:380px;margin:4vh auto 0;display:flex;flex-direction:column;gap:12px}.account-intro{margin:0 0 6px;font-size:15px;line-height:1.45;color:var(--muted);text-align:center}.account-form .sheet-btn{margin-top:4px}.account-form .sheet-note,.account-form .age-check{margin-top:0}.code-input{text-align:center;font-size:24px;letter-spacing:.3em;font-variant-numeric:tabular-nums}.username-field{display:flex;align-items:center;gap:2px;height:52px;padding:0 6px 0 16px;border-radius:14px;background:var(--surface-2);font-size:17px}.username-field>span{color:var(--muted)}.username-field input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--text);font:inherit;font-size:17px}.username-field input::placeholder{color:var(--muted)}.username-field input:focus{outline:none}.username-add{flex:0 0 auto;height:38px;padding:0 16px;border-radius:10px;background:var(--text);color:var(--ink);font-size:14px;font-weight:600}.username-add:disabled{opacity:.35}.avatar{flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff5e62,#6d28d9);color:#fff;font-weight:700;line-height:1}.invite-box{margin-bottom:18px;padding:14px 16px;border-radius:16px;background:var(--surface)}.invite-label{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--muted)}.invite-box .sheet-note{text-align:left;margin-top:8px;font-size:12.5px}.friends-add{margin-bottom:22px}.friends-add .sheet-note{text-align:left}.friend-group{margin-bottom:22px}.friend-group h2{margin:0 0 8px 4px;font-size:13px;font-weight:600;color:var(--muted)}.friend-group ul{list-style:none;margin:0;padding:0;border-radius:16px;background:var(--surface);overflow:hidden}.friend-row{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 14px}.friend-row+.friend-row{border-top:1px solid var(--line)}.friend-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.friend-name b{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-name span{font-size:12.5px;color:var(--muted)}.friend-actions{display:flex;gap:6px}.row-btn{height:32px;padding:0 12px;border-radius:16px;background:var(--surface-2);font-size:13px;font-weight:600;color:var(--text)}.row-btn.on{background:var(--text);color:var(--ink)}.row-btn.danger{color:#ff8f8f}.friends-empty{margin:0;padding:16px;font-size:14px;line-height:1.45;color:var(--muted)}.invite-page{gap:4px}.invite-page .avatar{margin-bottom:14px}.invite-handle{margin:2px 0 0;font-size:14px;color:var(--muted)}.friend-picker{margin:0 -20px 14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.friend-rail{display:flex;gap:6px;overflow-x:auto;padding:2px 20px 4px;scrollbar-width:none;scroll-snap-type:x proximity}.friend-rail::-webkit-scrollbar{display:none}.friend-pick{flex:0 0 64px;display:flex;flex-direction:column;align-items:center;gap:6px;scroll-snap-align:start;transition:transform .15s ease}.friend-pick:active{transform:scale(.94)}.friend-pick-face{position:relative;border-radius:50%;box-shadow:0 0 0 2px transparent;transition:box-shadow .2s ease}.friend-pick.on .friend-pick-face{box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--text)}.friend-pick.done{opacity:.55}.friend-pick-check{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--text);color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.friend-pick-name{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}.friend-pick.on .friend-pick-name{color:var(--text)}.friend-picker .sheet-note{margin-top:8px}.friend-send{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 40px);margin:10px 20px 0}.friends-cta{margin:0 auto 12px;font-size:14px;color:var(--muted)}.account-handle{margin-top:8px}.account-row{display:flex;align-items:center;gap:12px;width:100%;margin:14px 0 0;padding:12px 14px;border-radius:16px;background:var(--surface-2);color:var(--text);text-align:left}.list-page .account-row{margin:0 0 14px;background:var(--surface)}.account-row>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.account-row b{font-size:15px;font-weight:600}.account-row>span>span{font-size:12.5px;line-height:1.4;color:var(--muted)}.account-row>svg:last-child{color:var(--muted)}.inbox-btn{position:relative}.badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ff5e62;color:#fff;font-size:10.5px;font-weight:700;line-height:17px;text-align:center}.install-card{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;border-radius:16px;background:var(--surface)}.install-icon{flex:0 0 auto;width:44px;height:44px;border-radius:11px}.install-bell{flex:0 0 auto;width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:var(--surface-2);color:var(--accent)}.install-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.install-text b{font-size:15px;font-weight:600}.install-text span{font-size:12.5px;line-height:1.4;color:var(--muted)}.install-btn{flex:0 0 auto;height:34px;padding:0 14px;border-radius:17px;background:var(--text);color:var(--ink);font-size:13px;font-weight:600}.ember-list li.unread .ember-item{box-shadow:inset 0 0 0 1px #ff9d5c73}.new-dot{margin-left:auto;padding:2px 8px;border-radius:10px;background:var(--accent);color:var(--ink);font-size:11px;font-weight:700}.ember-actions{display:flex;justify-content:flex-end;gap:14px;margin:6px 6px 0;font-size:12px}.ember-actions a,.ember-actions button{color:var(--muted);text-decoration:none}.ember-sealed{color:var(--muted)}.google-box{display:flex;justify-content:center;min-height:0}.google-box.ready{min-height:44px}.google-box:not(.ready)+.account-or{display:none}.account-or{display:flex;align-items:center;gap:12px;margin:4px 0;color:var(--muted);font-size:13px}.account-or:before,.account-or:after{content:"";flex:1;height:1px;background:currentColor;opacity:.25}.invite-handle{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-size:17px;font-weight:600;color:var(--text)}.handle-change{padding:6px 12px;margin-right:-8px;border-radius:14px;font-size:14px;font-weight:600;color:var(--muted)}.handle-change:active{background:var(--surface-2)}.handle-edit{margin-bottom:12px}.spark-btn.on{background:var(--text);color:var(--ink)}.spark-title{display:inline-flex;align-items:center;gap:7px}.spark-title svg{color:var(--accent)}.spark-close{position:absolute;left:max(14px,env(safe-area-inset-left));top:9px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);transition:transform .15s ease}.spark-close:active{transform:scale(.88)}.spark-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(16px,env(safe-area-inset-left));padding:4px max(16px,env(safe-area-inset-right)) 6px max(16px,env(safe-area-inset-left));scrollbar-width:none}.spark-row::-webkit-scrollbar{display:none}.spark-card{flex:0 0 auto;width:148px;min-height:118px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:13px 14px 12px;border-radius:18px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);text-align:left;scroll-snap-align:start;animation:qr-in .45s cubic-bezier(.22,1,.36,1) calc(var(--i, 0) * 40ms) both;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.spark-card:active{transform:scale(.95)}.spark-card.on{background:var(--surface-3);box-shadow:inset 0 0 0 1.5px var(--text)}.spark-q{font-size:13px;line-height:1.3;font-weight:500;color:var(--text)}.spark-a{font-size:19px;line-height:1.05}.spark-more{width:92px;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px;font-weight:600;text-align:center}.spark-send{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - (2*max(16px,env(safe-area-inset-left))));margin:12px auto 0}.spark-deck .panel-note{text-align:center;margin-bottom:14px}.spark-back{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:min(100%,340px);flex-shrink:0}.spark-option{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:9px 18px;border-radius:26px;background:#00000057;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 0 0 1px #ffffff29;color:#fff;text-align:left;animation:qr-in .5s cubic-bezier(.22,1,.36,1) calc(.45s + var(--i, 0) * 70ms) both;transition:transform .15s ease}.spark-option:active{transform:scale(.96)}.spark-option .spark-q{color:#ffffffeb;font-size:14px;font-family:var(--ui-font)}.spark-option .spark-a{flex:0 0 auto;font-size:18px}.reply-prompt:has(.spark-back){justify-content:flex-start;overflow-y:auto;padding-top:calc(72px + env(safe-area-inset-top));padding-bottom:48px}.reply-prompt:has(.spark-back)>:first-child{margin-top:auto}.reply-prompt:has(.spark-back)>:last-child{margin-bottom:auto}@media(prefers-reduced-motion:reduce){.spark-card,.spark-option{animation:none}}.tab-page{min-height:100dvh;max-width:560px;margin:0 auto;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:var(--ink)}.tab-head{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-bottom:10px}.tab-head h1{margin:0;font-size:30px;font-weight:700;letter-spacing:-.02em}.tab-head-actions{display:flex;gap:8px}.tab-head .icon-btn{width:38px;height:38px;background:var(--surface-2);color:var(--text);box-shadow:none}.tab-head .spark-head{color:var(--accent)}.tab-page .account-row{margin:0 0 12px;background:var(--surface)}.chats-empty{margin-top:22vh;display:grid;gap:16px}.chat-list{list-style:none;margin:0;padding:0}.chat-row{width:100%;display:flex;align-items:center;gap:13px;padding:10px 2px;text-align:left;border-radius:14px;transition:background .15s ease}.chat-row:active{background:var(--surface)}.chat-list li+li .chat-row{border-top:1px solid var(--line);border-radius:0}.chat-face{flex:0 0 auto;position:relative;display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.3)}.chat-face.ring:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--accent)}.chat-face.links{width:48px;height:48px;background:var(--surface-2);color:var(--muted)}.chat-who{flex:1;min-width:0;display:grid;gap:3px}.chat-who b{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-status{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--muted);min-width:0}.chat-status.hot{color:var(--accent);font-weight:600}.chat-status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{flex:0 0 auto;align-self:flex-start;margin-top:4px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.chat-mark{flex:0 0 auto;width:10px;height:10px;border-radius:3px}.chat-mark.new{background:var(--accent)}.chat-mark.opened{box-shadow:inset 0 0 0 1.6px currentColor}.chat-mark.sent{width:0;height:0;border-radius:0;border-left:9px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}.chat-page{min-height:100dvh;max-width:560px;margin:0 auto;display:flex;flex-direction:column;background:var(--ink)}.chat-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:center;min-height:56px;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));background:#000000d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chat-head .list-back{left:max(16px,env(safe-area-inset-left))}.chat-head-who{display:inline-flex;align-items:center;gap:9px;font-size:16px}.chat-items{flex:1;list-style:none;margin:0;padding:16px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:flex-end;gap:10px}.chat-item{display:flex}.chat-item.out{justify-content:flex-end}.chat-card{width:min(72%,300px);min-height:112px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:14px 15px 11px;border-radius:20px;color:#fff;text-align:left;text-shadow:0 1px 8px rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px #ffffff1a;transition:transform .15s ease}.chat-card:active{transform:scale(.97)}.chat-card-text{font-size:16px;line-height:1.3;font-weight:500;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.chat-card-meta{font-size:11.5px;opacity:.78}.chat-card.sealed{min-height:90px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent);text-shadow:none}.chat-card-new{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--accent)}.chat-card.sealed .chat-card-meta{color:var(--muted);opacity:1}.chat-compose{position:sticky;bottom:0;display:grid;gap:10px;padding:10px max(16px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#000000db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.chat-compose .sheet-btn{margin:0}.chat-sparks{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*max(16px,env(safe-area-inset-left)));padding:0 max(16px,env(safe-area-inset-left))}.chat-sparks::-webkit-scrollbar{display:none}.chat-spark{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;background:var(--surface-2);font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}.chat-spark svg{color:var(--accent)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:space-around;align-items:flex-end;padding:8px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#0a0a0ce6;-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);border-top:1px solid var(--line)}.tabbar-btn{flex:1;max-width:120px;display:grid;justify-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--muted);transition:color .2s ease}.tabbar-btn.on{color:var(--text)}.tabbar-icon{position:relative;height:26px;display:grid;place-items:center}.tabbar-icon .badge{position:absolute;top:-4px;right:-10px}.tabbar-plus{width:54px;height:36px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ff8a4c,#c55bd6);box-shadow:0 4px 16px #ff78504d;transition:transform .15s ease}.tabbar-create{color:var(--text)}.tabbar-create:active .tabbar-plus{transform:scale(.92)}.row-ember{color:var(--accent)}.reveal-back svg{transform:scaleX(-1)}.fullscreen-bar:has(.reveal-back){gap:8px}.tab-head h1+.mood-saved{margin-left:auto}.mood-saved{font-size:13px;font-weight:600;color:var(--muted);opacity:0;transition:opacity .25s ease}.mood-saved.on{opacity:1}.mood-intro{margin:-4px 0 18px;font-size:14px;line-height:1.45;color:var(--muted)}.mood-section{margin:22px 0 10px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.mood-now .mood-section{margin-top:0}.mood-empty{margin:0;padding:18px;border-radius:16px;border:1px dashed rgba(255,255,255,.14);font-size:14px;color:var(--muted);text-align:center}.mood-card{margin-bottom:8px;padding:12px 12px 10px 14px;border-radius:16px;background:var(--surface-2);animation:dock-in .3s var(--ease-out) both}.mood-card-head{display:flex;align-items:center;gap:10px}.mood-card-head b{flex:1;font-size:16px;font-weight:600}.mood-card-emoji{font-size:26px;line-height:1}.mood-card-x{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:var(--surface-3)}.mood-card-why{width:100%;margin-top:10px;padding:9px 12px;border:0;border-radius:11px;background:#0000004d;color:var(--text);font:400 14px/1.3 var(--ui-font)}.mood-card-why::placeholder{color:var(--muted)}.mood-card-why:focus{outline:none;box-shadow:inset 0 0 0 1px #ffffff38}.mood-note{margin:4px 2px 0;font-size:12.5px;line-height:1.4;color:var(--muted)}.mood-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.mood-pick{display:grid;justify-items:center;gap:6px;padding:12px 4px 10px;border-radius:16px;background:var(--surface);transition:transform .15s ease,background .2s ease,opacity .2s ease}.mood-pick:active{transform:scale(.94)}.mood-pick.on{background:var(--surface-3);box-shadow:inset 0 0 0 1.5px var(--text)}.mood-pick.dim{opacity:.35}.mood-pick-emoji{font-size:28px;line-height:1}.mood-pick-label{font-size:12px;font-weight:500;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mood-pick.on .mood-pick-label{color:var(--text);font-weight:600}.mood-own{margin-top:12px}.mood-own-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:999px;background:var(--surface-2);font-size:14px;font-weight:600}.mood-own-btn:disabled{opacity:.4}.mood-own-panel{padding:12px 0 6px;border-radius:18px;background:var(--surface);overflow:hidden}.mood-own-panel .mood-form{margin:0 12px}.mood-send{margin-top:22px}.profile-card{display:flex;align-items:center;gap:14px;padding:6px 0 18px}.profile-who{flex:1;min-width:0;display:grid;gap:4px}.profile-name{width:100%;padding:4px 8px;margin-left:-8px;border:0;border-radius:10px;background:transparent;color:var(--text);font:700 22px/1.2 var(--ui-font)}.profile-name:focus{outline:none;background:var(--surface-2)}.profile-handle{font-size:14px;color:var(--muted)}.profile-group .mood-section{margin-top:24px}.profile-group .link-box,.profile-group .link-box .sheet-note{margin:0}.lang-choice{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--surface-2)}.lang-choice button{flex:1;padding:10px;border-radius:10px;font-size:15px;font-weight:600;color:var(--muted);transition:background .2s ease,color .2s ease}.lang-choice button.on{background:var(--surface-3);color:var(--text)}.profile-links{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:32px;font-size:14px}.profile-links a{color:var(--muted);text-decoration:none}.profile-signout{margin-left:auto;color:#ff7a7a;font-weight:600;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.tab-page>*,.chat-items,.chat-head,.chat-list li{animation:none!important}}.tab-head{min-height:52px;margin-bottom:14px}.tab-brand{display:flex;align-items:center}.tab-brand{gap:8px}.tab-brand img{width:auto;display:block}.tab-brand-icon{height:26px;border-radius:7px}.tab-brand-word{height:19px}.tab-head .icon-btn{width:40px;height:40px}.friend-group h2,.mood-section{margin:26px 0 10px 2px;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.chat-row{padding:11px 6px;margin:0 -6px;width:calc(100% + 12px);border-radius:16px}.chat-list li+li .chat-row{border-top:0;border-radius:16px}.chat-list li+li{position:relative}.chat-list li+li:before{content:"";position:absolute;top:0;left:70px;right:0;height:1px;background:var(--line)}.chat-who b{font-size:16.5px;letter-spacing:-.01em}.chat-status{font-size:14px}.chat-face{box-shadow:inset 0 0 0 1px #ffffff1f}.chat-face.ring:after{top:-4px;right:-4px;bottom:-4px;left:-4px;border:2.5px solid transparent;background:linear-gradient(135deg,#ffb070,#ff6a5c,#c55bd6) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.chat-row.skeleton{pointer-events:none}.chat-row.skeleton .chat-face{width:52px;height:52px;background:var(--surface-2)}.chat-row.skeleton .chat-who i{display:block;height:11px;border-radius:6px;background:var(--surface-2);width:46%}.chat-row.skeleton .chat-who i+i{width:72%;opacity:.6}.chat-row.skeleton .chat-face,.chat-row.skeleton i{animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.empty-state{margin:14vh auto 0;max-width:300px;display:grid;justify-items:center;gap:10px;text-align:center}.empty-state h2{margin:6px 0 0;font-size:21px;font-weight:700;letter-spacing:-.01em}.empty-state p{margin:0 0 12px;font-size:15px;line-height:1.45;color:var(--muted)}.empty-state .sheet-btn{width:100%}.empty-mark{width:76px;height:76px;border-radius:22px;box-shadow:0 12px 40px #ff6e4640;animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-5px)}}.chat-head{justify-content:flex-start;padding-left:calc(max(16px,env(safe-area-inset-left)) + 48px);border-bottom:1px solid var(--line)}.chat-head .list-back{top:calc(10px + env(safe-area-inset-top))}.chat-head-name{display:grid;line-height:1.2}.chat-head-name b{font-size:16px}.chat-head-name span{font-size:12px;color:var(--muted)}.chat-items{gap:8px;padding-top:20px}.chat-day{align-self:center;margin:10px 0 4px;padding:4px 10px;border-radius:999px;background:var(--surface);font-size:11.5px;font-weight:600;color:var(--muted)}.chat-card{position:relative;overflow:hidden;width:min(66%,260px);min-height:0;aspect-ratio:3 / 4;justify-content:flex-end;padding:14px;border-radius:22px;isolation:isolate;box-shadow:inset 0 0 0 1px #ffffff1a,0 8px 24px #00000059}.chat-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:cover;background-position:center;transform:scale(1.02)}.chat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 42%);pointer-events:none}.chat-card-text{margin:auto 0;text-align:center;font-size:19px;line-height:1.25;-webkit-line-clamp:5}.chat-card-meta{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;font-size:11.5px;font-weight:500;color:#fff;opacity:.85;text-shadow:0 1px 6px rgba(0,0,0,.5)}.chat-item.out .chat-card-meta{align-self:flex-end}.chat-card.sealed{aspect-ratio:auto;min-height:150px;justify-content:center;align-items:center;gap:8px;text-align:center;background:var(--surface);box-shadow:inset 0 0 0 1px #ffffff14}.chat-card-glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:-1;background:var(--face);filter:blur(40px);opacity:.55;animation:glow 4s ease-in-out infinite}@keyframes glow{50%{opacity:.85;transform:scale(1.08)}}.chat-card-mark{width:40px;height:40px;border-radius:12px;animation:float 4s ease-in-out infinite}.chat-card.sealed .chat-card-new{color:#fff;font-size:15px}.chat-card.sealed .chat-card-meta{align-self:center;color:#ffffffbf}.chat-sparks{-webkit-mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 28px),transparent)}.compose-btn{display:flex;align-items:center;justify-content:center;gap:8px}.friend-group ul{background:var(--surface)}.friend-row{padding:12px 12px 12px 14px;min-height:66px}.friend-actions{align-items:center}.row-btn{height:34px;padding:0 14px;border-radius:17px;display:inline-flex;align-items:center;gap:6px}.row-btn.row-ember{color:var(--ink);background:linear-gradient(135deg,#ffb070,#ff7a59)}.row-more{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);font-size:9px;letter-spacing:1px}.invite-box{padding:16px;border-radius:20px;background:linear-gradient(160deg,#ff8a4c24,#c55bd61a),var(--surface);box-shadow:inset 0 0 0 1px #ffffff0f}.friends-add .username-field{border-radius:16px}.profile-card{padding:10px 0 20px}.profile-card .chat-face{box-shadow:0 10px 30px #0006,inset 0 0 0 1px #ffffff26}.profile-group .link-box .sheet-note{text-align:left;font-size:13px;line-height:1.45}.profile-group .link-row{margin-top:10px}.settings-list{margin-top:28px;display:grid;border-radius:16px;background:var(--surface);overflow:hidden}.settings-list>*{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 16px;font-size:15px;color:var(--text);text-decoration:none;text-align:left}.settings-list>*+*{border-top:1px solid var(--line)}.settings-list svg{color:var(--muted)}.settings-danger{color:#ff7a7a!important;font-weight:600}.profile-foot{margin:40px 0 8px;display:grid;justify-items:center;gap:8px;font-size:12px;color:var(--muted)}.profile-foot img{height:20px;width:auto;opacity:.5}.mood-card{background:linear-gradient(160deg,#ffffff0f,#ffffff05),var(--surface-2)}.tabbar-btn{transition:color .2s ease,transform .15s ease}.tabbar-btn:active{transform:scale(.92)}.tabbar-icon svg{position:relative;transition:stroke-width .2s ease}.tabbar-btn:not(.tabbar-create) .tabbar-icon:before{content:"";position:absolute;left:50%;top:50%;width:54px;height:30px;margin:-15px 0 0 -27px;border-radius:15px;background:linear-gradient(180deg,#ffffff21,#ffffff12);box-shadow:inset 0 0 0 .5px #ffffff29;opacity:0;transform:scale(.6,.8);transition:opacity .25s ease,transform .4s cubic-bezier(.34,1.4,.64,1)}.tabbar-btn.on .tabbar-icon:before{opacity:1;transform:none;animation:tab-pill .45s cubic-bezier(.34,1.4,.64,1) both}@keyframes tab-pill{0%{opacity:0;transform:scale(.6,.8)}}@media(prefers-reduced-motion:reduce){.tabbar-btn.on .tabbar-icon:before{animation:none}}.tabbar-btn.on .tabbar-icon svg{stroke-width:2}.tabbar-btn:not(.on):not(.tabbar-create) .tabbar-icon{opacity:.7}.tabbar-btn.on .tabbar-label{color:var(--text)}.mood-intro{margin-bottom:12px}.mood-steps{margin:0 0 22px;padding:0;list-style:none;counter-reset:step;display:grid;gap:8px}.mood-steps li{counter-increment:step;display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.4;color:var(--text)}.mood-steps li:before{content:counter(step);flex:0 0 auto;width:20px;height:20px;margin-top:-1px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--ink);background:linear-gradient(135deg,#ffb070,#ff7a59)}.mood-card-lock{position:relative;display:block;margin-top:10px}.mood-card-lock svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--accent);pointer-events:none}.mood-card-lock .mood-card-why{margin-top:0;padding-left:34px}.mood-card-hint{margin:7px 2px 0;font-size:12px;color:var(--accent)}.why-preview{position:relative;overflow:hidden;isolation:isolate;display:flex;justify-content:center;padding:22px 16px;border-radius:22px;background:linear-gradient(160deg,#1d2b4a,#0b1020);box-shadow:inset 0 0 0 1px #ffffff14}.why-preview-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:cover;background-position:center}.why-preview-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040}.why-preview .mood-reasons{pointer-events:none}.canvas-play{position:absolute;left:14px;bottom:12px;width:44px;height:44px;border-radius:22px;display:grid;place-items:center;color:#fff;background:#14141873;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #ffffff29;transition:transform .15s ease}.canvas-play:active{transform:scale(.92)}.canvas-play svg{margin-left:2px}.tabbar-brand,.head-create,.tabbar-more{display:none}.tab-brand-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(min-width:900px){:root{--side: 76px}.tabbar{top:0;right:auto;width:var(--side);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;padding:26px 12px 20px;border-top:0;border-right:1px solid var(--line);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.tabbar-brand{order:-1;display:flex;align-items:center;height:50px;padding:0 12px;margin-bottom:auto}.tabbar-brand-icon{width:26px;height:26px;border-radius:7px}.tabbar-create{order:1}.tab-profile{order:2}.tabbar-more{order:3;display:block;position:relative;margin-top:auto}.tabbar-more>.tabbar-btn{width:100%}.tabbar-btn{flex:none;max-width:none;display:flex;align-items:center;gap:16px;height:50px;padding:0 13px;border-radius:12px;font-size:15px;font-weight:500;color:var(--text);transition:background .15s ease,transform .15s ease}.tabbar-btn:hover{background:var(--surface)}.tabbar-btn.on{font-weight:700}.tabbar-btn .tabbar-icon:before{display:none}.tabbar-btn:not(.on) .tabbar-icon{opacity:.85}.tabbar-icon{height:auto}.tabbar-label{display:none;white-space:nowrap}.tabbar-plus{width:auto;height:auto;border-radius:0;background:none;box-shadow:none;color:inherit}.tab-page{max-width:none;margin:0 0 0 var(--side);padding:36px max(28px,calc((100vw - var(--side) - 600px) / 2)) 56px}.tab-head{margin-bottom:20px}.head-create{display:grid}.chats-desk{margin-left:var(--side);height:100dvh;display:grid;grid-template-columns:minmax(320px,400px) minmax(0,1fr)}.chats-pane{overflow-y:auto;padding:30px 18px 24px 22px;border-right:1px solid var(--line)}.chats-pane .tab-head{margin-bottom:16px}.chats-pane .tab-brand img{display:none}.chats-pane .tab-brand-title{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-size:24px;font-weight:700;letter-spacing:-.02em}.chats-pane .empty-state{margin-top:10vh}.chat-row:hover{background:var(--surface)}.chat-row.on{background:var(--surface-2)}.chat-row.on+*,.chat-list li:has(.chat-row.on)+li:before,.chat-list li:has(.chat-row:hover)+li:before{opacity:0}.chat-pane{min-width:0;min-height:0;display:flex;flex-direction:column}.chat-pane .chat-page{flex:1;min-height:0;max-width:none;margin:0}.chat-pane .chat-head{position:static;padding:0 28px;min-height:76px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.chat-pane .chat-head-name b{font-size:17px}.chat-pane .chat-items{flex:1;min-height:0;overflow-y:auto;justify-content:flex-start;padding:24px 32px}.chat-pane .chat-items>:first-child{margin-top:auto}.chat-pane .chat-card{width:240px}.chat-pane .chat-card:hover{transform:translateY(-2px)}.chat-pane .chat-compose{position:static;padding:16px 32px 22px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.chat-pane .compose-btn{max-width:420px;justify-self:center;width:100%}.chat-welcome{margin:auto;max-width:340px;display:grid;justify-items:center;gap:10px;text-align:center}.chat-welcome h2{margin:8px 0 0;font-size:22px;font-weight:700}.chat-welcome p{margin:0 0 14px;font-size:15px;line-height:1.45;color:var(--muted)}.chat-welcome .sheet-btn{width:auto;padding:0 28px}.tab-page.mood-page.has-preview{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:44px;align-content:start;padding-left:max(28px,calc((100vw - var(--side) - 960px) / 2));padding-right:max(28px,calc((100vw - var(--side) - 960px) / 2))}.mood-page>*{grid-column:1}.mood-page>.mood-preview-col{grid-column:2;grid-row:1 / span 8;position:sticky;top:36px;align-self:start}.mood-page>.mood-preview-col .mood-section{margin-top:12px}.mood-page:not(.has-preview) .mood-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mood-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.mood-pick:hover:not(.on){background:var(--surface-2)}.mood-send{max-width:360px}.friend-row .row-btn:hover,.row-more:hover{filter:brightness(1.15)}.settings-list>:hover{background:var(--surface-2)}.list-page.account-page{max-width:420px;margin:8vh auto 0;min-height:0;padding:32px 36px 36px;border-radius:24px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}}@media(min-width:1264px){:root{--side: 244px}.tabbar-label{display:inline}}@media(min-width:900px)and (prefers-reduced-motion:no-preference){.tabbar-btn:active{transform:scale(.97)}}.face-photo{overflow:hidden;background:var(--surface-2)}.face-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.face-emoji{text-shadow:none;font-weight:400;box-shadow:inset 0 0 0 1px #ffffff1f}.face-emoji,.face-pick{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.reveal-from-face{flex:0 0 auto;font-size:12px}.profile-face{position:relative;flex:0 0 auto;padding:0;border-radius:50%;transition:transform .15s ease}.profile-face:active{transform:scale(.96)}.profile-face .chat-face{box-shadow:0 10px 30px #0006,inset 0 0 0 1px #ffffff26}.profile-face-badge{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--text);color:var(--ink);box-shadow:0 0 0 3px var(--ink)}.face-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;background:#0000008c;animation:face-fade .2s ease both}.face-sheet{width:100%;max-width:480px;max-height:92dvh;overflow-y:auto;padding:14px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:var(--surface);box-shadow:0 -1px 0 var(--line);animation:face-rise .32s var(--ease-out) both}.face-close{position:absolute;right:0;top:50%;translate:0 -50%;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--muted)}.face-preview{display:flex;justify-content:center;padding:6px 0 16px}.face-preview .chat-face{box-shadow:0 14px 40px #00000073,inset 0 0 0 1px #ffffff26;transition:background .25s ease}.face-actions{display:flex;justify-content:center;gap:8px}.face-action{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:19px;background:var(--surface-2);font-size:14px;font-weight:600;transition:transform .15s ease}.face-action:active{transform:scale(.97)}.face-action.quiet{background:transparent;color:var(--muted)}.face-label{margin:22px 0 10px;font-size:13px;font-weight:500;color:var(--muted);text-align:center}.face-row{display:flex;gap:10px;margin:0 -20px;padding:4px 20px 6px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:20px;scrollbar-width:none}.face-row::-webkit-scrollbar{display:none}.face-pick{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;font-size:26px;line-height:1;scroll-snap-align:start;box-shadow:inset 0 0 0 1px #ffffff1f;transition:transform .18s var(--ease-out),box-shadow .18s ease}.face-pick:active{transform:scale(.94)}.face-pick.on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text)}.face-colors{display:flex;justify-content:center;gap:12px;margin-top:14px}.face-color{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff26;transition:transform .18s var(--ease-out),box-shadow .18s ease}.face-color.on{transform:scale(1.12);box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--text)}.face-sheet .sheet-btn{margin-top:22px}.face-crop{position:relative;margin:4px auto 0;overflow:hidden;border-radius:20px;background:#000;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.face-crop:active{cursor:grabbing}.face-crop img{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;pointer-events:none}.face-crop-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 200px #0000008c,inset 0 0 0 1.5px #ffffffd9;pointer-events:none}.face-zoom{display:block;width:220px;margin:18px auto 0;accent-color:var(--text)}@keyframes face-fade{0%{opacity:0}}@keyframes face-rise{0%{transform:translateY(100%)}}@media(min-width:900px){.face-scrim{align-items:center}.face-sheet{border-radius:24px;box-shadow:0 30px 80px #0009}.face-row{flex-wrap:wrap;justify-content:center;margin:0;padding:4px 0 6px;overflow:visible}}@media(prefers-reduced-motion:reduce){.face-scrim,.face-sheet,.confirm-scrim,.confirm-sheet{animation:none}}:root{--app-bg: radial-gradient(120% 60% at 50% 0%, #1b1220 0%, transparent 60%), radial-gradient(90% 55% at 100% 100%, rgba(98, 60, 190, .16) 0%, transparent 70%), var(--ink)}.tab-page,.chat-page,.chats-desk,.list-page{background:var(--app-bg);background-attachment:fixed}.chat-head{background:#0a060ec7}.chat-compose{background:#0a060ed6}@media(min-width:900px){.chats-desk .chat-page{background:none}.chats-pane{background:#ffffff04}.tabbar{background:#0000002e}.more-menu{position:absolute;left:0;bottom:calc(100% + 8px);width:250px;padding:8px;border-radius:16px;background:#1f1a26;box-shadow:0 16px 40px #00000080,inset 0 0 0 1px #ffffff12;display:grid;animation:dock-in .2s var(--ease-out) both}.more-menu button{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 14px;border-radius:10px;font-size:14.5px;text-align:left}.more-menu button:hover{background:#ffffff0f}.more-menu button b{font-weight:600;color:var(--muted)}.more-menu .danger{color:#ff7a7a}}.confirm-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:flex-end;justify-content:center;background:#0009;animation:face-fade .2s ease both}.confirm-sheet{width:100%;max-width:440px;padding:22px 20px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:var(--surface);box-shadow:0 -1px 0 var(--line);animation:face-rise .32s var(--ease-out) both}.confirm-sheet h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.confirm-sheet p{margin:8px 0 0;font-size:14.5px;line-height:1.45;color:var(--muted)}.confirm-type{display:block;margin-top:18px}.confirm-type span{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.confirm-type input{width:100%;height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;font-size:16px;letter-spacing:.08em}.confirm-type input:focus{outline:none;border-color:#ff5a5f}.confirm-sheet .confirm-error{color:#ff7b7f}.confirm-danger,.confirm-cancel{display:block;width:100%;height:50px;border-radius:25px;font-size:16px;font-weight:600}.confirm-danger{margin-top:18px;background:#e5484d;color:#fff;transition:opacity .2s ease}.confirm-danger:disabled{opacity:.35}.confirm-cancel{margin-top:6px;color:var(--text)}@media(min-width:900px){.confirm-scrim{align-items:center}.confirm-sheet{border-radius:24px;padding-bottom:18px}}@media(min-width:900px){.chats-solo .tab-brand img{display:none}.chats-solo .tab-brand-title{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-size:24px;font-weight:700;letter-spacing:-.02em}.chats-solo .empty-state{margin-top:14vh}.studio-desk{left:var(--side);background:var(--app-bg);justify-content:center;gap:20px;padding:0 28px}.studio-desk .frame-host{flex:0 1 calc((100dvh - 48px) * 390 / 844 + 4px);min-width:240px;height:100%;padding:24px 2px}.studio-desk .frame.bare{box-shadow:0 0 0 1px var(--line),0 30px 80px #0000008c}.studio-panel{flex:0 0 390px;width:390px;min-width:0;overflow:hidden;align-self:flex-end;padding-bottom:24px;display:flex;flex-direction:column;justify-content:flex-end;max-height:100%}.studio-panel .dock-slot{position:static}.studio-panel .dock{border-radius:22px;box-shadow:inset 0 0 0 1px var(--line),0 20px 60px #00000073;max-height:calc(100dvh - 48px);overflow-y:auto}.studio-desk .rotate-hint{display:none}}.tour-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:flex-end;justify-content:center;background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:face-fade .25s ease both}.tour{position:relative;width:100%;max-width:440px;padding:14px 0 calc(18px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:var(--surface);box-shadow:0 -1px 0 var(--line);animation:face-rise .4s var(--ease-out) both}.tour-skip{display:block;margin:0 18px 6px auto;height:30px;padding:0 4px;font-size:14px;font-weight:600;color:var(--muted)}.tour-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.tour-row::-webkit-scrollbar{display:none}.tour-slide{flex:0 0 100%;scroll-snap-align:center;padding:0 22px;text-align:center}.tour-slide h2{margin:20px 0 0;font-family:"Montserrat",var(--ui-font);font-size:23px;font-weight:700;letter-spacing:-.03em}.tour-slide p{margin:8px auto 0;max-width:320px;font-size:15px;line-height:1.45;color:var(--muted);text-wrap:pretty}.tour-stage{position:relative;isolation:isolate;height:230px;display:grid;place-items:center;overflow:hidden;border-radius:22px;background-size:cover;background-position:center 30%;box-shadow:inset 0 0 0 1px #ffffff14}.tour-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(#06081426,#0608148c)}.tour-pic{display:grid;justify-items:center;gap:8px}.tour-pick{grid-auto-flow:row}.tour-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 12px;border-radius:20px;background:#ffffff24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 .5px #ffffff40;color:#fff;font-size:15px;font-weight:600}.tour-chip>span{font-size:19px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.tour-slide.on .tour-chip{animation:tour-pop 3.6s cubic-bezier(.34,1.5,.64,1) calc(var(--i) * .28s + .15s) infinite both}@keyframes tour-pop{0%{opacity:0;transform:translateY(14px) scale(.7)}14%,86%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px) scale(.96)}}.tour-card{position:relative;width:240px;display:grid;justify-items:start;gap:6px;padding:12px 14px;border-radius:16px;background:#0e101e8c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 .5px #fff3;color:#fff;text-align:left}.tour-card-head{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700}.tour-card-head>span{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:17px}.tour-why{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:#ffffffe6;white-space:nowrap}.tour-hide .tour-card{width:250px;padding:16px 16px 14px}.tour-hide .tour-why svg{flex:0 0 auto;opacity:.85}.tour-slide.on .tour-typed{animation:tour-type 4s steps(18,end) .3s infinite both}.tour-slide.on .tour-hide .tour-why svg{animation:tour-lock 4s ease .3s infinite both}@keyframes tour-type{0%{clip-path:inset(0 100% 0 0);filter:blur(0)}38%{clip-path:inset(0 0 0 0);filter:blur(0)}52%{filter:blur(0)}64%,94%{clip-path:inset(0 0 0 0);filter:blur(5px)}to{clip-path:inset(0 0 0 0);filter:blur(5px);opacity:0}}@keyframes tour-lock{0%,52%{transform:scale(1);color:#fff9}60%{transform:scale(1.35);color:#ffb37a}70%,to{transform:scale(1);color:#ffb37a}}.tour-unlock{gap:7px}.tour-unlock .tour-card{width:230px;padding:9px 13px;grid-template-columns:auto 1fr;align-items:center;column-gap:12px}.tour-unlock .tour-why{justify-self:end;filter:blur(5px)}.tour-slide.on .tour-pick-me{animation:tour-chosen 4.2s ease .4s infinite both}.tour-slide.on .tour-pick-me .tour-why{animation:tour-open 4.2s ease .4s infinite both}.tour-tap{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#ffffff80;box-shadow:0 0 0 1px #fff9;opacity:0;pointer-events:none}.tour-slide.on .tour-tap{animation:tour-tap 4.2s ease .4s infinite both}@keyframes tour-tap{0%,18%{opacity:0;transform:scale(1.4)}26%{opacity:1;transform:scale(.8)}34%{opacity:0;transform:scale(1.6)}to{opacity:0}}@keyframes tour-open{0%,28%{filter:blur(5px)}38%,92%{filter:blur(0)}to{filter:blur(5px)}}@keyframes tour-chosen{0%,26%{box-shadow:inset 0 0 0 .5px #fff3;transform:none}34%{transform:scale(1.04)}40%,92%{box-shadow:inset 0 0 0 1px #ffb37ad9,0 8px 30px #ff8c5a40;transform:scale(1.02)}to{box-shadow:inset 0 0 0 .5px #fff3;transform:none}}.tour-dots{display:flex;justify-content:center;gap:2px;margin-top:16px}.tour-dots button{width:18px;height:18px;display:grid;place-items:center}.tour-dots button:after{content:"";width:6px;height:6px;border-radius:3px;background:#ffffff40;transition:width .3s var(--ease-out),background .3s ease}.tour-dots button.on:after{width:18px;background:var(--text)}.tour-next{display:block;width:calc(100% - 44px);margin:12px auto 0}@media(min-width:900px){.tour-scrim{align-items:center}.tour{border-radius:28px;padding-bottom:22px;box-shadow:0 30px 80px #0009,inset 0 0 0 1px var(--line)}}@media(prefers-reduced-motion:reduce){.tour,.tour-scrim,.tour-slide.on *{animation:none!important}.tour-unlock .tour-pick-me .tour-why{filter:none}}.settings-value{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.settings-list [role=radio] svg{color:var(--text)}.sub-head{display:flex;align-items:center;gap:12px}.sub-head .list-back{position:static;flex:0 0 auto}.account-who{margin:0;font-size:15px;color:var(--muted)}.account-danger{margin-top:36px}.settings-note{margin:10px 4px 0;font-size:13px;line-height:1.45;color:var(--muted)}.sub-head{justify-content:flex-start}.help-btn{margin-right:auto;margin-left:10px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font-size:14px;font-weight:700;transition:color .2s ease,transform .15s ease}.help-btn:hover{color:var(--text)}.help-btn:active{transform:scale(.92)}.tour-write{gap:10px;color:#fff;font:600 24px/1.15 "Inter",var(--ui-font);letter-spacing:-.02em}.tour-beat{min-height:1.2em}.tour-plus{position:relative;width:80px;height:30px;color:#fff}.tour-plus:before{content:"";position:absolute;left:6px;right:6px;top:50%;height:1.5px;margin-top:-.75px;background:linear-gradient(90deg,transparent,currentColor 30%,currentColor calc(50% - 10px),transparent calc(50% - 10px),transparent calc(50% + 10px),currentColor calc(50% + 10px),currentColor 70%,transparent);opacity:.8}.tour-plus:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;background:linear-gradient(currentColor,currentColor) center / 11px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center / 1.5px 11px no-repeat}.tour-seam{width:150px;height:1px;background:#ffffff73;transform-origin:center}.tour-typed-1,.tour-typed-2{display:inline-block;clip-path:inset(0 100% 0 0)}.tour-slide.on .tour-typed-1{animation:tour-w1 5.6s steps(9,end) .3s infinite both}.tour-slide.on .tour-typed-2{animation:tour-w2 5.6s steps(15,end) .3s infinite both}.tour-slide.on .tour-plus{animation:tour-w-plus 5.6s cubic-bezier(.45,0,.25,1) .3s infinite both}.tour-slide.on .tour-seam{animation:tour-w-seam 5.6s var(--ease-out) .3s infinite both}@keyframes tour-w1{0%{clip-path:inset(0 100% 0 0)}16%,94%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:0}}@keyframes tour-w2{0%,18%{clip-path:inset(0 100% 0 0)}38%,94%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:0}}@keyframes tour-w-plus{0%,42%{transform:none;opacity:.55}46%{transform:scale(1.12);opacity:1}64%{transform:translateY(var(--lift, -64px)) scale(1.12);opacity:1}70%{transform:translateY(var(--lift, -64px));opacity:0}86%{transform:none;opacity:0}94%,to{transform:none;opacity:.55}}@keyframes tour-w-seam{0%,64%{transform:scaleX(0);opacity:0}72%,94%{transform:scaleX(1);opacity:1}to{opacity:0}}.tour-paint{gap:18px}.tour-paint-line{--d: 0ms;--after: .25s;margin:0;color:#fff;font:600 30px/1.2 "Inter",var(--ui-font);letter-spacing:-.02em;white-space:nowrap}.tour-brush-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 13px;border-radius:15px;font-size:13px;font-weight:700;color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 .5px #ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:tour-chip-in .45s var(--ease-out) both}@keyframes tour-chip-in{0%{opacity:0;transform:translateY(6px) scale(.94)}}.tour-set{position:absolute;top:0;right:0;bottom:0;left:0;align-content:center;gap:26px}.tour-backdrops,.tour-backdrops>span{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.tour-backdrops>span{background-size:cover;background-position:center 30%;opacity:0}.tour-slide.on .tour-backdrops>span{animation:tour-bg 7.2s ease calc(var(--i) * 2.4s) infinite both}@keyframes tour-bg{0%{opacity:0}8%,33%{opacity:1}41%,to{opacity:0}}.tour-backdrops:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0608141a,#06081480)}.tour-set-word{margin:0;color:#fff;font:600 26px/1.15 "Inter",var(--ui-font);letter-spacing:-.02em}.tour-slide.on .tour-set-word{animation:tour-font 7.2s ease infinite both}@keyframes tour-font{0%,30%{font-family:"Inter",var(--ui-font);font-style:normal}34%,63%{font-family:Lora,Georgia,serif;font-style:italic}67%,to{font-family:"Montserrat",var(--ui-font);font-style:normal}}.tour-tools{display:flex;gap:6px}.tour-tool{display:inline-flex;flex-direction:column;align-items:center;gap:5px;width:70px;padding:9px 0 8px;border-radius:14px;font-size:11px;font-weight:600;color:#ffffffb3;background:#0a0c1a73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tour-slide.on .tour-tool{animation:tour-tool 7.2s ease calc(var(--i) * 2.4s) infinite both}@keyframes tour-tool{0%,2%{color:#ffffffb3;box-shadow:none;transform:none}6%,30%{color:#fff;box-shadow:inset 0 0 0 1px #ffb37ad9;transform:translateY(-2px)}36%,to{color:#ffffffb3;box-shadow:none;transform:none}}.tour-play{gap:18px}.tour-play-line{margin:0;min-height:2.4em;color:#fff;font:600 25px/1.2 "Inter",var(--ui-font);letter-spacing:-.02em}.tour-play-line>span{display:inline-block;margin:0 .13em;opacity:0}.tour-slide.on .tour-play-line>span{animation:tour-word 5.6s var(--ease-out) calc(.9s + var(--i) * .28s) infinite both}@keyframes tour-word{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}9%,70%{opacity:1;transform:none;filter:blur(0)}80%,to{opacity:0}}.tour-play-btn{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#ffffff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tour-slide.on .tour-play-btn{animation:tour-play-btn 5.6s ease infinite both}@keyframes tour-play-btn{0%,6%{opacity:1;transform:scale(1)}11%{transform:scale(.85)}16%,to{opacity:0;transform:scale(1.3)}}.tour-send{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px;border-radius:18px;font-size:14px;font-weight:700;color:#1a1020;background:#fff;opacity:.35}.tour-slide.on .tour-send{animation:tour-send 5.6s ease infinite both}@keyframes tour-send{0%,52%{opacity:.3;transform:none}58%{opacity:1;transform:scale(1.06)}64%,82%{opacity:1;transform:none}92%,to{opacity:.3}}.tour-play{position:relative}@media(prefers-reduced-motion:reduce){.tour-typed-1,.tour-typed-2{clip-path:none}.tour-play-line>span{opacity:1}.tour-play-btn{display:none}.tour-backdrops>span:first-child{opacity:1}}.help-glass{font-size:16px;font-weight:700;font-family:"Montserrat",var(--ui-font)}.color-any{background:conic-gradient(from 200deg,#ff5b5b,#ffb13d,#f7e35a,#3fd18a,#3d8bff,#8b5cf6,#ff4f9a,#ff5b5b)}.color-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.tile-face:has(>.color-input){position:relative}.google-box iframe{color-scheme:light;border-radius:22px;outline:none!important}.beat-row{position:relative;-webkit-touch-callout:none}.beat-row.picked .beat{animation:beat-lift .28s cubic-bezier(.34,1.5,.64,1) both}.beat-row.picked .beat:after{content:"";position:absolute;top:-8px;right:-14px;bottom:-8px;left:-14px;border-radius:18px;border:1.5px solid color-mix(in srgb,currentColor 50%,transparent);background:color-mix(in srgb,currentColor 7%,transparent);pointer-events:none}@keyframes beat-lift{0%{transform:scale(.97)}60%{transform:scale(1.025)}to{transform:none}}.canvas.beat-picked .beat textarea{pointer-events:none;caret-color:transparent}.canvas.beat-picked .beat-row:not(.picked){opacity:.55;transition:opacity .2s ease}.canvas.beat-moving .beat-row{transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .2s ease}.canvas.beat-moving .beat-row.picked{transition:none;cursor:grabbing}.beat-tools{position:absolute;left:50%;bottom:14px;z-index:4;display:grid;grid-template-columns:auto auto auto auto auto;align-items:center;column-gap:4px;padding:5px 6px;border-radius:26px;color:#fff;background:#10101ab8;box-shadow:inset 0 0 0 .5px #ffffff2e,0 10px 30px #00000059;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-50%);animation:beat-tools-in .26s cubic-bezier(.22,1,.36,1) both}@keyframes beat-tools-in{0%{opacity:0;transform:translate(-50%,10px)}}.beat-tool{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-family:"Inter",var(--ui-font);font-weight:700;color:inherit;-webkit-tap-highlight-color:transparent}.beat-tool:active{background:#ffffff1f;transform:scale(.92)}.beat-tool:disabled{opacity:.3}.beat-tool.size-down{font-size:12px}.beat-tool.size-up{font-size:20px}.beat-delete{color:#ff8a8a}.beat-steps{display:flex;align-items:center;gap:3px;padding:0 2px}.beat-steps i{width:4px;height:4px;border-radius:2px;background:#ffffff47;transition:background .2s ease,height .2s ease}.beat-steps i.on{height:10px;background:#fff}.beat-tools-sep{width:1px;height:22px;margin:0 4px;background:#ffffff2e}.beat-hint{grid-column:1 / -1;padding:2px 8px 3px;font-size:11px;font-weight:500;text-align:center;color:#fff9;white-space:nowrap}.canvas.placeholder-strong .beat textarea::placeholder{opacity:1;transition:opacity .2s ease}.canvas-prompt{opacity:.45}.canvas.placeholder-strong .canvas-prompt{opacity:1}.beat.prompting textarea{box-sizing:border-box;text-align:left;padding-left:var(--prompt-x, 0)}.history{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:#000;color:var(--text);animation:history-in .32s var(--ease-out) both}@keyframes history-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.history-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:max(10px,env(safe-area-inset-top)) 12px 6px}.history-head h1{margin:0;text-align:center;font-size:17px;font-weight:700;letter-spacing:-.01em}.history-head .icon-btn{width:40px;height:40px;background:var(--surface-2);color:var(--text);box-shadow:none}.history-seg{align-self:center;display:inline-flex;gap:2px;margin:6px 0 12px;padding:3px;border-radius:18px;background:var(--surface-2)}.history-seg button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 16px;border-radius:15px;font-size:14px;font-weight:600;color:var(--muted);transition:background .2s,color .2s}.history-seg button.on{background:var(--surface-3);color:var(--text)}.history-scroll{flex:1;overflow-y:auto;padding:0 16px calc(150px + env(safe-area-inset-bottom))}.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:560px;margin:0 auto}@media(min-width:620px){.history-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px}}.history-card{position:relative;aspect-ratio:3 / 4;border-radius:20px}.history-card.skeleton{background:var(--surface)}.history-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden;border-radius:inherit;isolation:isolate;box-shadow:inset 0 0 0 1px #ffffff1a;transition:transform .18s var(--ease-out),box-shadow .18s}.history-face:active{transform:scale(.97)}.history-card.on:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 2.5px #fff,0 0 0 3px #ffffff24;pointer-events:none}.history-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:cover;background-position:center;transform:scale(1.02)}.history-text{font-size:17px;line-height:1.25;text-align:center;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.history-face{container-type:size}.history-face .stickers{top:8%;bottom:17%}.history-default{position:absolute;left:8px;right:8px;bottom:8px;height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 5px 0 11px;border-radius:17px;font-size:12px;font-weight:700;color:#fff;background:#00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.history-default .switch{width:34px;height:22px;background:#ffffff42}.history-default .switch:after{top:3px;left:3px;width:16px;height:16px}.history-default[aria-checked=true]{cursor:default}.history-default[aria-checked=true] .switch{background:var(--accent)}.history-default[aria-checked=true] .switch:after{transform:translate(12px)}.history-fav{position:absolute;right:6px;top:6px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.history-fav.on{color:#ff5b7f}.history-fav:active{transform:scale(.86)}.history-empty{grid-column:1 / -1;margin:18vh auto 0;max-width:260px;text-align:center;font-size:15px;line-height:1.45;color:var(--muted)}.history-bar{position:fixed;left:0;right:0;bottom:0;z-index:61;padding:16px 16px max(14px,env(safe-area-inset-bottom));background:linear-gradient(to top,#000 62%,transparent);transform:translateY(110%);transition:transform .3s var(--ease-out)}.history-bar.up{transform:none}.history-bar>*{max-width:420px;margin-left:auto;margin-right:auto}@media(prefers-reduced-motion:reduce){.history{animation:none}.history-bar{transition:none}}body:has(.history) .toast{z-index:70;background:var(--surface-3)}.sheet-links{flex-wrap:wrap;row-gap:2px}.sheet-links .sheet-link.done{color:var(--muted)}.delivered-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:2px}.delivered-note svg{color:var(--accent, #ffb36b);flex:none}.notify-nudge{margin:16px 0 4px;padding:16px 16px 14px;border-radius:20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);text-align:center}.notify-title{margin:0;font-size:16px;font-weight:650;color:var(--text);line-height:1.3}.notify-sub{margin:4px 0 14px;font-size:13px;line-height:1.45;color:var(--muted)}.quick-signin{display:flex;flex-direction:column;align-items:stretch;gap:6px}.quick-signin.busy{opacity:.6;pointer-events:none}.quick-signin .sheet-btn{margin-top:0}.quick-signin .quick-email{align-self:center;font-size:13px;color:var(--muted)}