@charset "UTF-8";
:root{--cream:#fff4dd;--paper:#fffcf4;--ink:#21180f;--muted:#766558;--red:#f24738;--orange:#ff9d2e;--yellow:#ffe05d;--purple:#6f4bff;--line:rgba(33,24,15,.18);--ease:cubic-bezier(.22,.8,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-text-size-adjust:100%}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible,[role=tabpanel]:focus-visible{outline:3px solid var(--purple);outline-offset:5px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h1,h2{letter-spacing:-.045em}h3{letter-spacing:-.025em}em{font-style:normal}::selection{background:#f8c4b6}.wrap{max-width:1240px;margin-inline:auto}.section{padding-block:90px;scroll-margin-top:50px}.proposal-bar{height:39px;background:#21180f;color:#fff4dd;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:11px;letter-spacing:.03em;position:relative;z-index:10}.proposal-bar a{opacity:.8}.proposal-bar i{font-style:normal;opacity:.3;margin:0 8px}.proposal-bar button{background:transparent;border:1px solid #fff4dd55;border-radius:100px;color:inherit;padding:3px 12px;font-size:10px}.site-header{height:101px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:116px}.brand>span{font-size:11px;letter-spacing:.13em;border-left:1px solid var(--line);padding-left:15px}.brand strong{font-size:32px;letter-spacing:-.06em;line-height:1}.brand strong span{font-size:10px;vertical-align:top;margin-left:5px}.site-header nav{display:flex;gap:34px;font-size:13px;font-weight:500}.site-header nav a:hover,.language:hover{color:var(--red)}.header-actions{display:flex;align-items:center;gap:30px}.language{font-size:12px}.language span{opacity:.4;margin-left:5px}.nav-download{background:var(--ink);color:var(--paper);border-radius:100px;padding:10px 20px;font-size:12px}.nav-download:hover{background:var(--red)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.09em;display:flex;align-items:center;gap:10px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:100%;flex-shrink:0}.hero{position:relative}.hero-editorial,.hero-studio{display:grid;grid-template-columns:1.06fr 1fr;gap:30px;padding-top:27px;padding-bottom:20px;align-items:center;min-height:652px}.hero-copy{position:relative;z-index:2}.hero-copy>.eyebrow{margin-bottom:27px}h1{font-size:82px;font-weight:700;line-height:1.15;margin-left:-4px}h1 em{color:var(--red)}.intro{margin:24px 0 32px;font-size:16px;line-height:1.85;color:var(--muted)}.hero-actions{display:flex;gap:24px;align-items:center}.button{display:inline-flex;gap:14px;justify-content:center;align-items:center;padding:15px 24px;border:1.5px solid var(--ink);border-radius:100px;font-size:13px;font-weight:600;min-height:51px;transition:transform .2s var(--ease),box-shadow .2s}.button.primary{background:var(--red);color:var(--paper);box-shadow:3px 4px 0 var(--ink)}.button:hover{transform:translateY(-3px);box-shadow:5px 7px 0 var(--ink)}.button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.apple{display:none}.try-link{font-size:12px;white-space:nowrap;border-bottom:1px solid var(--ink);padding:5px 0}.try-link span{margin-left:6px}.micro{font-size:11px;color:var(--muted);margin-top:17px;letter-spacing:.01em}.english h1{font-size:66px;line-height:1.07;letter-spacing:-.065em}.english .intro{font-size:15px}.editorial-scene{height:592px;position:relative;--px:0px;--py:0px}.scene-orbit{width:497px;height:497px;border-radius:50%;position:absolute;left:21px;top:49px;background:radial-gradient(ellipse at 30% 25%,#ffe9c3,#f7c4ad 70%,#edb7a8);border:1px solid #21180f0e}.scene-orbit:before{content:"";position:absolute;inset:-15px;border:1px solid #21180f10;border-radius:50%}.phone{padding:7px;background:var(--ink);border:2px solid var(--ink);border-radius:33px;box-shadow:12px 17px 30px #21180f12;position:relative;overflow:hidden}.phone img{width:100%;border-radius:24px}.hero-phone{position:absolute;left:151px;top:48px;width:225px;transform:translate(var(--px),var(--py)) rotate(-7deg);z-index:2}.scene-spark{position:absolute;font-size:79px;line-height:1;font-weight:400}.spark-one{color:var(--red);right:3px;top:70px;transform:rotate(9deg)}.spark-two{color:var(--ink);left:45px;bottom:67px;font-size:42px}.vertical-note{font-size:9px;letter-spacing:.16em;writing-mode:vertical-rl;position:absolute;right:0;top:236px;opacity:.55}.floating-note{position:absolute;left:9px;top:184px;border:1.5px solid var(--ink);border-radius:14px;box-shadow:3px 4px var(--ink);background:linear-gradient(130deg,#fff1a1,#ffe391);display:flex;align-items:center;gap:13px;padding:14px 18px;z-index:3;transform:rotate(-5deg)}.floating-note .face{width:47px;height:47px;border-width:2px}.floating-note small{font-size:10px;display:block}.floating-note strong{font-size:21px;line-height:1.4}.float-bubble{position:absolute!important;left:auto!important;right:15px;top:287px!important;z-index:3;width:92px!important;height:92px!important;font-size:52px!important;transform:rotate(7deg)}.little-receipt{position:absolute;right:3px;bottom:40px;z-index:4;background:var(--paper);border:1.5px solid var(--ink);padding:18px 22px 23px;width:243px;transform:rotate(5deg);box-shadow:3px 4px 0 var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,95% 94%,90% 100%,85% 94%,80% 100%,75% 94%,70% 100%,65% 94%,60% 100%,55% 94%,50% 100%,45% 94%,40% 100%,35% 94%,30% 100%,25% 94%,20% 100%,15% 94%,10% 100%,5% 94%,0 100%)}.little-receipt>span{font-size:10px;display:block;color:var(--muted)}.little-receipt strong{font-size:17px;display:block;margin:5px 0 10px;letter-spacing:-.03em}.receipt-dashes{border-top:1px dashed var(--line);margin-bottom:9px}.little-receipt small{font-size:10px;color:var(--muted)}
/* Tuanzi proportions follow the app's 30 x 30 face sketch, drawn with plain elements. */
.face{display:inline-block;position:relative;width:92px;height:92px;border-radius:50%;background:var(--paper);border:2.5px solid var(--ink);flex-shrink:0}.face i{position:absolute;display:block}.face .eye{width:13.33%;height:13.33%;border-radius:50%;background:var(--ink);top:33.33%}.face .eye.left{left:26.67%}.face .eye.right{left:60%}.face .mouth{left:33.33%;top:51.67%;width:33.33%;height:16.67%;border:4px solid var(--ink);border-top:0;border-radius:0 0 50% 50%}.face .cheek{width:16.67%;height:11.67%;top:50%;background:#ff9fac;border-radius:50%}.face .cheek.left{left:11.67%}.face .cheek.right{left:71.67%}.face .brow{display:none}.face.mad{background:linear-gradient(130deg,#ffd795,#ffad51)}.face.mad .cheek{display:none}.face.mad .brow{display:block;background:var(--ink);width:26.67%;height:6.67%;border-radius:10px;top:20%}.face.mad .brow.left{left:20%;transform:rotate(20deg)}.face.mad .brow.right{left:53.33%;transform:rotate(-20deg)}.face.mad .mouth{height:6.67%;width:26.67%;left:36.67%;top:60%;border:0;background:var(--ink);border-radius:10px}.face.wink .eye.right{height:13%;width:21%;top:33%;left:55%;background:transparent;border:3px solid var(--ink);border-bottom:0;border-radius:50% 50% 0 0}
.facts{display:grid;grid-template-columns:1fr .75fr 1.2fr .85fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:29px 0 31px;gap:40px;align-items:center}.facts>div+div{border-left:1px solid var(--line);padding-left:38px}.facts strong{font-size:37px;line-height:1.3;font-weight:600;letter-spacing:-.04em}.facts strong span{font-size:18px;margin-left:5px}.facts p{font-size:11px;color:var(--muted);margin-top:3px;letter-spacing:.04em}.facts-caption{display:flex;align-items:center;justify-content:space-between}.facts-caption span{font-size:14px;line-height:1.35;font-weight:600;letter-spacing:-.02em}.facts-caption i{font-size:51px;font-style:normal;line-height:1;color:var(--red)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}.section-head .eyebrow{margin-bottom:17px}h2{font-size:45px;font-weight:600}.section-head>p{max-width:360px;font-size:13px;color:var(--muted);padding-bottom:3px}.feature-layout{display:grid;grid-template-columns:1fr .9fr;border-radius:24px;background:var(--paper);border:1px solid var(--line);min-height:600px;overflow:hidden}.feature-copy{padding:51px 56px}.mode-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:46px}.mode-tabs button{background:transparent;border-radius:100px;font-size:12px;font-weight:500;padding:10px 13px;white-space:nowrap}.mode-tabs button span{font-size:8px;margin-right:7px;opacity:.5}.mode-tabs button i{display:none}.mode-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.mode-tabs button:hover{background:#f1e6d8}.mode-tabs button[aria-selected=true]:hover{background:var(--ink)}#mode-panel h3{font-size:30px;margin-bottom:20px}#mode-panel>p{font-size:14px;color:var(--muted);line-height:1.85;max-width:400px}.activity-pills{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 40px}.activity-pills span{border:1px solid var(--line);border-radius:100px;font-size:10px;padding:6px 12px}.text-link{display:inline-block;border-bottom:1px solid var(--ink);font-size:12px;padding-bottom:4px}.text-link:hover{color:var(--red);border-color:var(--red)}.feature-art{background:linear-gradient(140deg,#fff0d1,#f7d9c3);position:relative;min-height:580px;display:flex;align-items:center;justify-content:center;transition:background .4s}.feature-shape{position:absolute;width:80%;aspect-ratio:1;border:1px solid #21180f15;border-radius:50%}.feature-shape:before{content:"";position:absolute;inset:25px;border:1px solid #21180f15;border-radius:50%}.feature-phone{width:208px;transform:rotate(5deg);box-shadow:12px 12px 0 #21180f15}.feature-label{position:absolute;bottom:20px;left:20px;font-size:9px;letter-spacing:.1em}.feature-art[data-mode="1"]{background:linear-gradient(130deg,#e4eafa,#d0def0)}.feature-art[data-mode="2"]{background:linear-gradient(130deg,#eee5fb,#e1d0f7)}.outline-button{border:1px solid var(--ink);border-radius:100px;background:transparent;padding:10px 18px;font-size:12px;white-space:nowrap;transition:background .2s}.outline-button:hover{background:var(--paper)}.try-section{padding-top:0}.bubble-demo{display:grid;grid-template-columns:.8fr 1fr;border:1.5px solid var(--ink);border-radius:24px;overflow:hidden;background:linear-gradient(130deg,#f4eaff,#e8ddf5)}.bubble-copy{padding:62px 54px}.pill-label{font-size:10px;border:1px solid #21180f44;border-radius:100px;padding:5px 10px;display:inline-block;margin-bottom:18px}.bubble-copy h3{font-size:31px}.bubble-response{font-size:13px;color:var(--muted);margin-top:16px;min-height:48px}.demo-score{display:flex;align-items:center;gap:13px;margin-top:35px;font-size:11px}.progress{height:6px;flex:1;background:#21180f12;border-radius:100px;overflow:hidden}.progress i{display:block;background:var(--purple);height:100%;border-radius:100px;transition:width .4s}.score-value{font-size:11px;white-space:nowrap}.demo-disclaimer{font-size:9px;color:var(--muted);margin-top:17px;line-height:1.6}.bubble-field{height:410px;position:relative;overflow:hidden}.rage-bubble{width:82px;height:82px;border:1.5px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#ffe9f1,#fba2bc);box-shadow:4px 5px 0 #21180f33;font-size:36px;line-height:1;transition:transform .23s,opacity .2s;position:absolute}.rage-bubble .face{width:70%;height:70%;border:0;background:none}.rage-bubble:hover{transform:scale(1.09) rotate(4deg)}.rage-bubble:active{transform:scale(.91)}.rage-bubble.popped{transform:scale(1.25);opacity:0;pointer-events:none}.b-0{left:12%;top:17%;width:101px;height:101px;background:radial-gradient(circle at 30% 25%,#ffdf9c,#ffb078)}.b-1{left:40%;top:10%;background:radial-gradient(circle at 30% 25%,#edf4ff,#aed0f4)}.b-2{left:65%;top:19%;width:98px;height:98px}.b-3{left:28%;top:43%;width:92px;height:92px;background:radial-gradient(circle at 30% 25%,#fff5c5,#f4d475)}.b-4{left:61%;top:48%;width:70px;height:70px;background:radial-gradient(circle at 30% 25%,#f8f0ff,#c9b0f2)}.b-5{left:7%;top:65%;width:63px;height:63px;background:radial-gradient(circle at 30% 25%,#edf4ff,#aed0f4)}.b-6{left:42%;top:73%;width:79px;height:79px;background:radial-gradient(circle at 30% 25%,#ffdf9c,#ffb078)}.b-7{left:77%;top:75%;width:55px;height:55px;background:radial-gradient(circle at 30% 25%,#f8f0ff,#c9b0f2)}.small-features{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:0}.small-features article{border-radius:24px;border:1px solid var(--line);padding:42px 42px 46px}.note-card{background:linear-gradient(135deg,#ffefd0,#f4dbb7)}.privacy-card{background:linear-gradient(130deg,#eeedf6,#dedff0)}.small-icon{font-size:40px;line-height:1;margin-bottom:23px}.small-features .eyebrow{font-size:9px;margin-bottom:14px}.small-features h3{font-size:28px;margin-bottom:20px}.small-features p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:380px}.timer-options{display:flex;gap:10px;margin-top:25px}.timer-options button{background:transparent;border:1px solid #21180f44;border-radius:10px;padding:8px 18px;font-size:12px}.timer-options button[aria-pressed=true]{background:var(--paper);border-color:var(--ink);box-shadow:2px 2px var(--ink)}.timer-message{font-size:11px;margin-top:17px;color:var(--muted)}.privacy-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.privacy-tags span{font-size:10px;padding:5px 10px;border:1px solid var(--line);border-radius:100px}.faq-section{display:grid;grid-template-columns:.9fr 1.2fr;gap:80px;padding-top:0}.faq-section .eyebrow{margin-bottom:18px}.faq-section h2{font-size:36px}.faq-items{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{padding:23px 0;display:flex;justify-content:space-between;gap:20px;font-size:14px;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:20px;line-height:1.3;font-weight:300}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.8;color:var(--muted);max-width:95%;padding:0 0 25px}.closing{border-top:1px solid var(--ink);text-align:center;padding-top:64px;padding-bottom:80px}.closing .face{width:61px;height:61px;margin-bottom:22px}.closing .face .mouth{border-width:3px}.closing h2{font-size:40px}.closing>p{color:var(--muted);font-size:13px;margin:18px 0 27px}footer{border-top:1px solid var(--line);padding:29px 0 35px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}footer>div{display:flex;gap:27px}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,15px);opacity:0;padding:12px 22px;border:1px solid var(--ink);border-radius:100px;background:var(--paper);box-shadow:3px 3px var(--ink);z-index:30;font-size:12px;pointer-events:none;transition:.2s;max-width:90vw;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%,0)}.particle{position:fixed;width:9px;height:9px;border-radius:2px;pointer-events:none;z-index:50;animation:burst .65s ease-out forwards}@keyframes burst{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}.reveal.entered{animation:rise .65s var(--ease) both}@keyframes rise{from{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
/* B: a wide, centered, genuinely playable stage. */
.play{background:radial-gradient(circle at 70% 15%,#ffe8bb55,transparent 32%),var(--cream)}.play .site-header{border-bottom:0}.hero-play{text-align:center;padding-top:23px;padding-bottom:36px}.hero-play .hero-copy>.eyebrow{justify-content:center;margin-bottom:21px}.hero-play h1{font-size:84px;line-height:1.08}.hero-play h1 em{color:var(--ink);position:relative}.hero-play h1 em:after{content:"";position:absolute;left:-5px;right:-8px;height:12px;bottom:5px;background:#f8b39a;z-index:-1;transform:rotate(-1deg)}.hero-play .intro{font-size:13px;line-height:1.65;margin:17px 0 19px}.hero-play .hero-actions{justify-content:center}.hero-play .micro{display:none}.hero-play .button{padding:11px 22px;min-height:45px;font-size:12px}.hero-play .try-link{display:none}.english .hero-play h1{font-size:77px}.play-scene{display:grid;grid-template-columns:1fr 2.4fr 1fr;gap:38px;align-items:center;margin:32px 0 0}.play-side{position:relative;height:270px}.left-side>.face{position:absolute;left:44px;top:34px;width:116px;height:116px;transform:rotate(-14deg)}.orbit-caption{font-size:9px;letter-spacing:.14em;position:absolute;left:65px;top:6px;transform:rotate(-8deg)}.orbit-star{color:var(--red);font-size:53px;position:absolute;right:16px;top:4px;line-height:1}.play-bubble{width:68px!important;height:68px!important;left:110px!important;top:172px!important;font-size:36px!important}.right-side .orbit-star{left:8px;top:211px;font-size:39px;color:var(--purple)}.small-sticker{position:absolute;left:13px;right:8px;top:49px;background:linear-gradient(140deg,#eee2fe,#cebae8);border:1.5px solid var(--ink);border-radius:15px;box-shadow:4px 5px var(--ink);font-weight:600;font-size:26px;line-height:1.3;padding:28px 20px;transform:rotate(9deg)}.lower{top:230px;left:72px;white-space:nowrap;transform:rotate(4deg)}.smash-game{background:var(--paper);border:1.5px solid var(--ink);border-radius:18px;box-shadow:5px 6px var(--ink);padding:19px 22px 14px;text-align:left}.game-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.03em;color:var(--muted);align-items:center}.game-top>span:first-child{display:flex;align-items:center;gap:8px}.smash-wrap{height:185px;display:flex;align-items:center;justify-content:center;margin-top:15px}.smash-slab{position:relative;width:100%;height:175px;padding:28px;background:linear-gradient(140deg,#ddd6c8,#c8bdab);border:2px solid var(--ink);border-radius:12px;box-shadow:3px 5px var(--ink);touch-action:manipulation;overflow:hidden}.smash-slab strong{font-size:33px;line-height:1.25;letter-spacing:-.05em;display:block;position:relative;z-index:1}.english .smash-slab strong{font-size:31px}.bolt{position:absolute;width:6px;height:6px;border-radius:50%;background:#21180f55}.bolt1{left:12px;top:12px}.bolt2{right:12px;top:12px}.bolt3{left:12px;bottom:12px}.bolt4{right:12px;bottom:12px}.cracks{position:absolute;inset:0;pointer-events:none}.cracks i{position:absolute;height:2px;background:var(--ink);transform-origin:0 0}.game-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:19px}.hit-count{font-variant-numeric:tabular-nums}.smash-result{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:100%;height:100%}.smash-result .face{width:55px;height:55px}.smash-result .mouth{border-width:2.5px}.smash-result strong{font-size:22px;letter-spacing:-.025em}.reset-game{font-size:10px;border-radius:100px;border:1px solid var(--ink);background:#fff0aa;padding:7px 15px}.hero-play>.demo-disclaimer{font-size:9px;opacity:.7}.play .facts{margin-top:10px}.play .feature-layout,.play .bubble-demo,.play .small-features article{border:1.5px solid var(--ink);box-shadow:4px 5px var(--ink)}.play .feature-layout{border-radius:18px}.play .mode-tabs button[aria-selected=true]{background:var(--red)}.play .bubble-demo{background:linear-gradient(130deg,#fff1b9,#f5ddb2)}.play .note-card{background:linear-gradient(140deg,#ffe4d9,#f5c4b6)}.play .privacy-card{background:linear-gradient(135deg,#eee4fa,#d6c4ef)}
/* C: a quieter companion studio, with a soft collage and deliberate negative space. */
.studio{background:#fff8e9}.studio .site-header{border-color:#21180f14}.hero-studio{grid-template-columns:1fr 1.12fr;min-height:663px}.hero-studio h1{font-size:88px;line-height:1.16}.hero-studio h1 em{color:#856784}.studio .hero-copy .eyebrow{letter-spacing:.055em}.studio .button.primary{background:var(--ink);box-shadow:3px 4px #bfb1bf}.studio .button.primary:hover{box-shadow:5px 7px #bfb1bf}.studio-scene{height:597px;position:relative;--px:0px;--py:0px}.studio-cloud{position:absolute}.cloud-one{width:430px;height:430px;top:87px;right:18px;border-radius:42% 53% 42% 53%;background:linear-gradient(125deg,#efe2fa,#d9cce9);transform:rotate(13deg)}.cloud-two{width:165px;height:159px;bottom:42px;left:43px;border-radius:50% 43% 50% 42%;background:linear-gradient(135deg,#ffe7cc,#f8ccb0)}.studio-phone{position:absolute;right:61px;top:69px;width:213px;transform:translate(var(--px),var(--py)) rotate(8deg);z-index:2;box-shadow:12px 16px 0 #8571891f}.studio-message{position:absolute;left:12px;top:32px;width:274px;background:var(--paper);border:1px solid #21180f77;border-radius:20px;padding:25px 25px 22px;z-index:4;box-shadow:0 7px 18px #21180f08;transform:rotate(-5deg)}.message-label{font-size:9px;letter-spacing:.13em;color:var(--muted)}.studio-message p{font-size:25px;line-height:1.35;letter-spacing:-.04em;margin-top:18px;min-height:67px;font-weight:600}.comfort-button{font-size:10px;border:0;border-top:1px solid var(--line);width:100%;padding:12px 0 0;margin-top:15px;text-align:left;background:transparent;color:#856784}.comfort-button:hover{color:var(--red)}.studio-companion{position:absolute;left:28px;bottom:52px;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:3;transform:rotate(-9deg)}.studio-companion .face{width:144px;height:144px;border-width:2px;box-shadow:3px 5px #21180f}.studio-companion .face .mouth{border-width:7px}.studio-companion>span{font-size:10px;color:var(--muted);max-width:180px;text-align:center}.studio-spark{position:absolute;right:10px;top:37px;font-size:58px;color:#a385a4;line-height:1;transform:rotate(10deg)}.english .hero-studio h1{font-size:66px;line-height:1.12}.studio .facts{border-color:#21180f66}.studio .facts-caption i{color:#a385a4}.studio .feature-art{background:linear-gradient(130deg,#f4eafb,#e0d3ec)}.studio .feature-layout{border-color:#21180f44}.studio .bubble-demo{background:linear-gradient(135deg,#f9e4dc,#ecd4d0);border-color:#21180f77}.studio .progress i{background:#957595}.studio .note-card{background:linear-gradient(140deg,#f7e8d5,#efdbcc)}.studio .privacy-card{background:linear-gradient(130deg,#f0e9f5,#e2d8ee)}.studio .closing{border-color:#21180f55}.studio .feature-phone{box-shadow:12px 12px 0 #85718920}
.hero-copy>*{animation:rise .7s var(--ease) both}.hero-copy>h1{animation-delay:.07s}.hero-copy>.intro{animation-delay:.14s}.hero-copy>.hero-actions{animation-delay:.21s}.hero-copy>.micro{animation-delay:.26s}.editorial-scene,.studio-scene,.play-scene{animation:rise 1s var(--ease) both}.floating-note{animation:note-drift 7s ease-in-out infinite}.studio-companion .face{animation:companion-breathe 8s ease-in-out infinite}@keyframes note-drift{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(-4deg)}}@keyframes companion-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .reveal{opacity:1}.motion-off .hero-phone{transform:rotate(-7deg)}.motion-off .studio-phone{transform:rotate(8deg)}.motion-off .button:hover,.motion-off .rage-bubble:hover{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(min-width:1400px){.editorial .hero-copy{padding-bottom:3px}}
@media(max-width:1320px){.wrap{margin-inline:48px}.hero-editorial,.hero-studio{gap:10px}h1{font-size:71px}.english h1{font-size:57px}.hero-studio h1{font-size:77px}.english .hero-studio h1{font-size:57px}.hero-actions{gap:18px}.editorial-scene{transform:scale(.92);transform-origin:center right}.studio-scene{transform:scale(.95);transform-origin:center right}.feature-copy{padding:43px 34px}.mode-tabs button{padding:10px}.facts strong{font-size:33px}}
@media(max-width:1050px){.wrap{margin-inline:32px}.hero-editorial,.hero-studio{grid-template-columns:1fr 1fr;min-height:570px}h1{font-size:59px}.english h1{font-size:45px}.hero-studio h1{font-size:61px}.english .hero-studio h1{font-size:48px}.hero-copy>.eyebrow{font-size:9px}.intro{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.editorial-scene{transform:scale(.79);width:540px;margin-left:-120px}.studio-scene{transform:scale(.8);width:580px;margin-left:-120px}.hero-editorial,.hero-studio{height:610px}.site-header nav{gap:20px}.header-actions{gap:18px}.facts{gap:18px}.facts>div+div{padding-left:20px}.facts strong{font-size:27px}.facts-caption span{font-size:12px}.feature-layout{grid-template-columns:1.1fr 1fr}.feature-copy{padding:32px 24px}.mode-tabs{gap:0}.mode-tabs button{font-size:10px;padding:9px 7px}.mode-tabs button span{display:none}#mode-panel h3{font-size:26px}.section{padding-block:70px}.try-section,.small-features,.faq-section{padding-top:0}.section-head>p{max-width:260px}h2{font-size:38px}.bubble-copy{padding:43px 32px}.bubble-field{height:400px}.bubble-copy h3{font-size:27px}.small-features article{padding:35px 29px}.small-features h3{font-size:25px}.play-scene{grid-template-columns:.6fr 2.4fr .6fr;gap:18px}.left-side>.face{left:0;width:90px;height:90px}.orbit-caption{left:0}.play-bubble{left:40px!important}.small-sticker{font-size:20px;left:0;padding:25px 15px}.right-side .orbit-star{left:0}.lower{left:15px;font-size:7px}.hero-play .hero-actions{align-items:center;flex-direction:row}.hero-play h1{font-size:76px}.english .hero-play h1{font-size:68px}}
@media(max-width:760px){.wrap{margin-inline:22px}.proposal-bar{height:35px;padding-inline:15px;font-size:9px}.proposal-bar>span{font-size:9px}.proposal-bar i{margin-inline:4px}.proposal-bar button{font-size:9px;padding:2px 9px}.site-header{height:79px;gap:16px}.brand img{width:94px}.brand>span{display:none}.brand strong{font-size:28px}.site-header nav{display:none}.header-actions{gap:17px}.nav-download{padding:8px 12px;font-size:10px}.language{font-size:11px}.hero-editorial,.hero-studio{display:flex;flex-direction:column;align-items:stretch;gap:0;height:auto;min-height:0;padding-top:31px;padding-bottom:22px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:.055em;margin-bottom:19px}h1{font-size:51px;letter-spacing:-.05em;line-height:1.16;margin-left:-2px}.english h1{font-size:39px;line-height:1.08;letter-spacing:-.06em}.intro{margin:18px 0 21px;font-size:13px;line-height:1.8}.english .intro{font-size:12px}.intro br{display:none}.hero-actions{flex-direction:row;align-items:center;gap:19px}.button{padding:12px 18px;font-size:11px;min-height:45px;gap:12px}.try-link{font-size:10px}.micro{margin-top:13px;font-size:9px}.editorial-scene{transform:none;transform-origin:center;width:100%;height:398px;margin:12px 0 0}.scene-orbit{width:302px;height:302px;left:25px;top:40px}.hero-phone{width:147px;left:116px;top:29px;border-radius:25px;padding:5px}.phone img{border-radius:18px}.floating-note{left:0;top:131px;padding:11px 13px;gap:8px;border-radius:11px}.floating-note .face{width:34px;height:34px}.floating-note small{font-size:8px}.floating-note strong{font-size:15px}.floating-note .mouth{border-width:2px}.float-bubble{right:0;top:207px!important;width:60px!important;height:60px!important;font-size:32px!important}.spark-one{font-size:54px;right:4px;top:45px}.spark-two{font-size:28px;left:13px;bottom:36px}.vertical-note{font-size:6px;top:125px;right:0}.little-receipt{width:181px;right:2px;bottom:23px;padding:13px 15px 18px}.little-receipt strong{font-size:12px;margin:4px 0 7px}.little-receipt small,.little-receipt>span{font-size:7px}.receipt-dashes{margin-bottom:6px}.facts{grid-template-columns:1fr .65fr 1.05fr;gap:11px;padding:23px 0}.facts>div+div{padding-left:15px}.facts strong{font-size:24px;white-space:nowrap}.facts strong span{font-size:12px;margin-left:2px}.facts p{font-size:8px;letter-spacing:0}.facts .facts-caption{display:none}.english .facts strong{font-size:20px}.english .facts p{font-size:8px;line-height:1.6}.section{padding-block:53px}h2{font-size:30px;line-height:1.22}.section-head{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:26px}.section-head .eyebrow{font-size:8px;margin-bottom:13px}.section-head>p{font-size:11px;max-width:100%}.feature-layout{display:flex;flex-direction:column;min-height:0;border-radius:18px}.feature-copy{padding:28px 24px 31px}.mode-tabs{gap:7px;margin-bottom:29px;padding-bottom:17px}.mode-tabs button{font-size:10px;padding:8px 12px}#mode-panel h3{font-size:25px;margin-bottom:14px}#mode-panel>p{font-size:12px}.activity-pills{gap:6px;margin:20px 0 24px}.activity-pills span{font-size:9px;padding:5px 10px}.text-link{font-size:11px}.feature-art{min-height:412px}.feature-phone{width:160px;border-radius:26px;padding:5px;transform:rotate(4deg)}.feature-label{font-size:7px;bottom:16px;left:16px}.try-section,.small-features,.faq-section{padding-top:0}.try-section .section-head{flex-direction:row;align-items:flex-end;gap:14px}.try-section h2{font-size:26px}.outline-button{font-size:9px;padding:8px 11px}.bubble-demo{display:flex;flex-direction:column;border-radius:18px}.bubble-copy{padding:27px 25px 21px}.pill-label{font-size:8px;margin-bottom:13px}.bubble-copy h3{font-size:26px}.bubble-response{font-size:11px;margin-top:12px;min-height:0}.demo-score{margin-top:20px;font-size:9px}.score-value{font-size:9px}.bubble-copy .demo-disclaimer{font-size:8px;margin-top:10px}.bubble-field{height:320px;margin:0 7px 15px}.rage-bubble{width:64px;height:64px;font-size:29px}.b-0{width:79px;height:79px;left:6%;top:8%}.b-1{left:38%;top:4%}.b-2{left:66%;top:14%;width:76px;height:76px}.b-3{left:25%;top:40%;width:70px;height:70px}.b-4{left:61%;top:47%;width:55px;height:55px}.b-5{left:5%;top:70%;width:52px;height:52px}.b-6{left:40%;top:72%;width:64px;height:64px}.b-7{left:77%;top:76%;width:44px;height:44px}.face .mouth{border-width:3px}.small-features{grid-template-columns:1fr;gap:19px}.small-features article{border-radius:18px;padding:30px 25px}.small-features h3{font-size:25px;margin-bottom:14px}.small-features p:not(.eyebrow){font-size:12px}.small-icon{font-size:33px;margin-bottom:18px}.timer-options button{font-size:11px;padding:8px 17px}.timer-message{font-size:10px}.privacy-tags span{font-size:9px}.faq-section{grid-template-columns:1fr;gap:28px}.faq-section h2{font-size:30px}.faq-section .eyebrow{font-size:8px;margin-bottom:13px}summary{padding-block:19px;font-size:12px}details p{font-size:11px;padding-bottom:21px}.closing{padding:40px 0 51px}.closing h2{font-size:28px}.closing>p{font-size:11px;margin:16px 0 23px}.closing .face{width:54px;height:54px}.closing .face .mouth{border-width:2px}footer{flex-direction:column;padding:24px 0 31px;font-size:9px;gap:12px}footer>div{gap:18px}#toast{font-size:10px;bottom:19px;padding:10px 15px}.hero-play{padding-top:25px;padding-bottom:23px}.hero-play .hero-copy>.eyebrow{font-size:8px;margin-bottom:17px}.hero-play h1{font-size:51px;line-height:1.13}.english .hero-play h1{font-size:43px;line-height:1.07}.hero-play .intro{font-size:11px;margin:16px 0 20px}.hero-play .hero-actions{flex-direction:row}.hero-play .button{font-size:11px}.hero-play h1 em:after{height:8px;bottom:2px}.play-scene{grid-template-columns:1fr;margin-top:29px;gap:0}.play-side{display:none}.smash-game{padding:15px 16px 12px;border-radius:13px;box-shadow:3px 4px var(--ink)}.game-top{font-size:8px}.smash-wrap{height:151px;margin-top:13px}.smash-slab{height:145px;padding:20px}.smash-slab strong,.english .smash-slab strong{font-size:27px}.game-footer{font-size:9px;margin-top:14px}.hero-play>.demo-disclaimer{font-size:8px;margin-top:13px}.play .facts{margin-top:2px}.play .feature-layout,.play .bubble-demo,.play .small-features article{box-shadow:3px 4px var(--ink)}.hero-studio h1{font-size:59px;line-height:1.12}.english .hero-studio h1{font-size:41px;line-height:1.1}.studio-scene{transform:none;width:100%;height:448px;margin:18px 0 0}.cloud-one{width:284px;height:295px;top:96px;right:0}.cloud-two{width:125px;height:120px;left:10px;bottom:29px}.studio-phone{width:151px;right:22px;top:87px;border-radius:25px;padding:5px}.studio-message{width:195px;left:1px;top:19px;padding:17px 17px 15px;border-radius:14px}.message-label{font-size:7px}.studio-message p{font-size:20px;margin-top:12px;min-height:53px}.comfort-button{font-size:8px;margin-top:10px;padding-top:10px}.studio-companion{left:18px;bottom:33px;gap:12px}.studio-companion .face{width:98px;height:98px}.studio-companion .face .mouth{border-width:5px}.studio-companion>span{font-size:8px;max-width:138px}.studio-spark{font-size:40px;right:7px;top:29px}}
@media(max-width:380px){.wrap{margin-inline:18px}.proposal-bar{padding-inline:10px}.proposal-bar>span{font-size:8px}.hero-actions{gap:14px}.button{padding-inline:14px;font-size:10px}.hero-copy>.eyebrow{font-size:8px}h1{font-size:48px}.english h1{font-size:36px}.english .hero-studio h1{font-size:38px}.hero-studio h1{font-size:54px}.brand img{width:87px}.facts strong{font-size:22px}.facts>div+div{padding-left:11px}.hero-phone{left:100px}.scene-orbit{left:13px}.floating-note{left:0}.small-features h3{font-size:23px}.mode-tabs button{padding-inline:9px}.english .mode-tabs button{padding-inline:8px}.bubble-copy h3{font-size:24px}.try-section h2{font-size:24px}.english .hero-play h1{font-size:40px}.hero-play h1{font-size:48px}.smash-slab strong,.english .smash-slab strong{font-size:25px}.privacy-tags{gap:5px}.privacy-tags span{padding-inline:8px}}
.studio-message p{text-wrap:balance}.right-side .orbit-star{right:auto;left:10px;top:207px}.smash-wrap{position:relative;overflow:hidden}.smash-fragment{position:absolute;pointer-events:none;z-index:3;box-shadow:none}
@media(max-width:760px){.cloud-one{right:28px}}