.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}}.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-glow .scene-stage{animation:enter-develop 1.6s cubic-bezier(.22,1,.36,1) both}@keyframes enter-develop{0%{filter:brightness(2.2) saturate(.6)}to{filter:none}}.fx-glow{position:absolute;top:50%;left:50%;width:160cqmax;height:160cqmax;margin:-80cqmax 0 0 -80cqmax;pointer-events:none;background:radial-gradient(circle closest-side,#fffcf0,#ffe4b4d9 18%,#ffc88c59 42%,#ffbe8200 70%);animation:fx-glow 1.5s cubic-bezier(.22,1,.36,1) both}@keyframes fx-glow{0%{transform:scale(.05);opacity:0}18%{transform:scale(.45);opacity:1}to{transform:scale(1.4);opacity:0}}.fx-curtain{position:absolute;top:0;bottom:0;width:50.5%;pointer-events:none;background:repeating-linear-gradient(90deg,#00000047 0,#00000047 1.5cqw,#ffffff0d 3.5cqw,#00000047 6cqw),linear-gradient(180deg,#2a1830,#1a0f22 60%,#120a18);animation:fx-curtain-left 1.6s cubic-bezier(.65,0,.25,1) .35s both}.fx-curtain.left{left:0;box-shadow:inset -3cqw 0 4cqw #00000073}.fx-curtain.right{right:0;box-shadow:inset 3cqw 0 4cqw #00000073;animation-name:fx-curtain-right}@keyframes fx-curtain-left{to{transform:translate(-102%)}}@keyframes fx-curtain-right{to{transform:translate(102%)}}.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)}}@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}}.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-chat{width:min(86%,300px);display:flex;justify-content:flex-end}.art-bubble{width:78%;padding:4px 4px 8px;border-radius:18px 18px 4px;background:#2f6bf2;color:#fff}.art-preview{display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;background:#00000038}.art-preview img{width:36px;height:36px;border-radius:9px}.art-preview strong{display:block;font-size:13px;font-weight:600;line-height:1.25}.art-preview span{display:block;font-size:11.5px;opacity:.7}.art-url{display:block;padding:6px 8px 0;font-size:13px;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.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;background:linear-gradient(160deg,#1d2a55,#10142e)}.es-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,245,220,.95),rgba(255,220,160,.3) 30%,transparent 60%);animation:es-glow 2.4s ease-out infinite}@keyframes es-glow{0%{transform:scale(.2);opacity:0}25%{opacity:1}70%,to{transform:scale(2.2);opacity:0}}.es-zoom:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:6px;border:1.5px solid rgba(255,255,255,.8);animation:es-zoom 2.4s var(--ease-out) infinite}@keyframes es-zoom{0%{transform:scale(1.8);opacity:0}50%,85%{transform:none;opacity:1}to{opacity:0}}.es-curtain:before,.es-curtain:after{content:"";position:absolute;top:0;bottom:0;width:50%;background:#3a3348;animation:es-curtain-l 2.4s cubic-bezier(.7,0,.2,1) infinite}.es-curtain:before{left:0;box-shadow:inset -3px 0 6px #0006}.es-curtain:after{right:0;box-shadow:inset 3px 0 6px #0006;animation-name:es-curtain-r}@keyframes es-curtain-l{0%,15%{transform:none}60%,to{transform:translate(-100%)}}@keyframes es-curtain-r{0%,15%{transform:none}60%,to{transform:translate(100%)}}.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:before,.entrance-sample:after,.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-size{position:absolute;top:50%;left:-7cqw;width:7cqw;min-width:28px;transform:translate(4px,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font:600 15px/1 var(--ui-font);letter-spacing:0;animation:beat-size-in .2s ease both}@keyframes beat-size-in{0%{opacity:0}}.beat-size button{position:relative;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:inherit;opacity:.8;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;-webkit-tap-highlight-color:transparent}.beat-size button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid currentColor;border-radius:inherit;opacity:.55}.beat-size button:after{content:"";position:absolute;top:-4px;right:-6px;bottom:-4px;left:-6px}.beat-size .size-up{font-size:16px}.beat-size .size-down{font-size:10px}.beat-size button:active{transform:scale(.86)}.beat-size button:disabled{opacity:.3}.beat-line{position:relative;height:.9em;margin:0 6%;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 25%,currentColor 75%,transparent);opacity:.3}.beat-grip{position:absolute;right:calc(-6% - 7cqw);top:50%;width:28px;height:28px;margin-top:-14px;touch-action:none;cursor:ns-resize}.beat-grip:after{content:"";position:absolute;right:4px;top:10px;width:18px;height:8px;border-radius:4px;border:1.5px solid currentColor;opacity:.9}.beat-line.dragging{z-index:2}.beat-line:before,.beat-grip:after{transition:opacity .2s ease,transform .32s cubic-bezier(.34,1.56,.64,1)}.beat-line.dragging:before{opacity:.85;transform:scaleY(1.5)}.beat-line.dragging .beat-grip:after{transform:scale(1.2)}.beat-line.merging:before{background:repeating-linear-gradient(90deg,currentColor 0 6px,transparent 6px 11px);opacity:.9}.beat-line.merging .beat-grip:after{border-style:dashed}.canvas.break-dragging .canvas-mirror [data-n]{display:inline-block}.row-split{position:absolute;right:calc(-7cqw + 1px);width:28px;height:28px;margin-top:-14px;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}.row-split:before{content:"";width:16px;height:16px;border-radius:50%;background:linear-gradient(#ebebeb99,#ebebeb99) center / 8px 1.5px no-repeat,linear-gradient(#ebebeb99,#ebebeb99) center / 1.5px 8px no-repeat,#9696962e;transition:background-color .15s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.row-split:active:before{background-color:#96969666;transform:scale(.88)}.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}.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}}.tab-page>:not(.tabbar),.chat-items,.chat-head{animation:page-in .32s var(--ease-out) both}@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-list li{animation:row-in .36s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 40ms)}.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)}
