/* Uses the actual App paper, marker and reconstructed nine-slice ink assets. */
body.app-ink{background:linear-gradient(180deg,#fff9ec,#fce5c4);background-attachment:fixed;--line:rgba(33,24,15,.12);--soft-shadow:0 1px 1px rgba(110,70,30,.08),0 12px 26px -16px rgba(110,70,30,.38)}
body.app-ink:before{content:"";position:fixed;inset:0;background:url('ink/paper-grain-girl.png?v=88b5067b3b38') 0 0/128px 128px;opacity:.35;pointer-events:none;z-index:0}
.app-ink #app{position:relative;z-index:1}.app-ink .proposal-bar{background:#21180f0a;color:var(--muted)}.app-ink .proposal-bar button{border-color:#21180f22}.app-ink .proposal-bar>a{color:var(--ink)}
.app-ink .site-header{border-bottom:0}.app-ink .brand strong{font-size:31px;font-weight:750;letter-spacing:-.03em}.app-ink .brand .brand-red{color:var(--red);font-size:inherit;margin:0;vertical-align:baseline}.app-ink .brand>span{border:0;padding-left:0;opacity:.5;font-weight:700;letter-spacing:.1em}.app-ink .site-header nav{font-weight:500}.app-ink .nav-download{color:var(--ink);background:var(--paper);box-shadow:var(--soft-shadow);padding:11px 22px}.app-ink .nav-download:hover{background:#fff2dd}.app-ink .language{padding:10px 0}
.app-ink h1,.app-ink h2,.app-ink h3{letter-spacing:-.025em}.app-ink h1{font-weight:600}.app-ink.english h1{font-weight:700;letter-spacing:-.04em}.app-ink .marker-word{position:relative;white-space:nowrap;display:inline-block;z-index:1}.app-ink .marker-word:after{content:"";position:absolute;inset:-.72em -.76em;background:url('ink/mark-circle.png?v=88b5067b3b38') center/100% 100% no-repeat;pointer-events:none;z-index:-1}.app-ink .marker-word.wide:after{background-image:url('ink/mark-circle-wide.png?v=88b5067b3b38');inset:-.65em -.6em}
.app-ink .eyebrow{letter-spacing:.065em;font-weight:500;color:#a75832}.app-ink .intro{color:#8b674e;font-weight:400}.app-ink .button.primary{position:relative;isolation:isolate;border:0;background:transparent;box-shadow:none!important;min-height:56px;padding:15px 25px;font-weight:600;font-size:14px;border-radius:28px;gap:17px;transition:transform .2s var(--ease)}
.app-ink .button.primary:before,.app-ink .button.primary:after{content:"";position:absolute;inset:-8px;border:0 solid transparent;border-inline-width:48px;pointer-events:none;z-index:-1;border-image-slice:0 144 fill;border-image-width:0 48px;border-image-repeat:stretch}
.app-ink .button.primary:before{border-image-source:url('ink/pill-fill-girl.png?v=88b5067b3b38');transform:translate(3px,2.5px);transition:transform .15s}
.app-ink .button.primary:after{border-image-source:url('ink/pill-line.png?v=88b5067b3b38')}
.app-ink .button.primary:hover{transform:translateY(-2px)}.app-ink .button.primary:active{transform:scale(.97)}.app-ink .button.primary:active:before{transform:translate(0,0)}.app-ink .try-link{border:0;background:var(--paper);border-radius:100px;box-shadow:var(--soft-shadow);padding:15px 21px;font-weight:500}.app-ink .micro{font-size:11px;letter-spacing:0}.app-ink .phone{box-shadow:0 18px 30px -20px #6e461e55;background:#21180f;border-width:1.5px;padding:5px;border-radius:31px}.app-ink .phone img{border-radius:24px}.app-ink .outline-button{border:0;background:var(--paper);box-shadow:var(--soft-shadow);padding:12px 19px}.app-ink .outline-button:hover{background:#fff5e6}
/* A: one orange ink hero + its red button; everything around it is lighter. */
.app-ink .hero-editorial{min-height:673px;padding-top:24px;padding-bottom:32px;grid-template-columns:1.12fr 1fr;gap:50px}.app-ink .hero-editorial .hero-copy{padding:0}.ink-hero-message{position:relative;padding:34px 32px 32px;isolation:isolate;margin:0 0 32px;border-radius:28px}
.ink-hero-message:before{content:"";position:absolute;inset:0;border-radius:28px;background:linear-gradient(180deg,#ffddb8,#ffc690);transform:translate(3px,2.5px);z-index:-2}
.ink-hero-message:after{content:"";position:absolute;inset:-8px;border:48px solid transparent;border-image:url('ink/hero-line.png?v=88b5067b3b38') 144 /48px stretch;pointer-events:none;z-index:-1}
.ink-hero-message>.eyebrow{font-size:11px;margin-bottom:28px;color:#b04e27}.ink-hero-message h1{font-size:69px;line-height:1.2;color:var(--ink);margin:0}.ink-hero-message .intro{font-size:14px;margin:25px 0 0;color:#8b5634;line-height:1.8}
.app-ink.english .ink-hero-message h1{font-size:57px;line-height:1.1}.app-ink.english .ink-hero-message .intro{font-size:14px}.app-ink .hero-editorial .hero-actions{gap:17px;padding-left:4px}.app-ink .hero-editorial .micro{padding-left:4px;margin-top:19px}
.app-ink .editorial-scene{height:607px}.app-ink .scene-orbit{background:linear-gradient(150deg,#fffcf4bb,#f4ddbf77);width:440px;height:460px;left:29px;top:67px;border:0;border-radius:42% 47% 40% 52%;transform:rotate(-8deg)}.app-ink .scene-orbit:before{display:none}.app-ink .hero-phone{width:238px;left:113px;top:34px;transform:translate(var(--px),var(--py)) rotate(-4deg)}
.app-ink .scene-spark,.app-ink .vertical-note{display:none}.app-ink .floating-note{background:var(--paper);border:0;box-shadow:var(--soft-shadow);left:-2px;top:148px;padding:16px 18px;gap:12px;border-radius:19px;animation:none;transform:rotate(-6deg)}.app-ink .floating-note strong{font-weight:600;font-size:19px}.app-ink .floating-note .face.mad{background:var(--red);border-color:var(--ink);border-width:3px}.app-ink .floating-note .face.mad .mouth{background:transparent;border:3px solid var(--ink);border-bottom:0;border-radius:50% 50% 0 0;height:19%;left:33.3%;top:56%;width:33.3%}
.app-ink .float-bubble{box-shadow:none;border:0;background:transparent!important;width:73px!important;height:73px!important;font-size:0!important;right:0;top:273px!important}.app-ink .float-bubble:before{content:"";position:absolute;inset:0;background:url('ink/ink-bubbles.png?v=88b5067b3b38') center/contain no-repeat}.app-ink .little-receipt{border:0;box-shadow:var(--soft-shadow);clip-path:none;border-radius:19px;right:-4px;bottom:26px;transform:rotate(4deg);width:238px;padding:21px 23px}.app-ink .little-receipt strong{font-weight:600;font-size:16px}.app-ink .receipt-dashes{border-top-style:solid}.app-ink .little-receipt small{font-size:10px}
/* White auxiliary cards mirror the app's grouped rows, without ink around each one. */
.app-ink .facts{border:0;background:var(--paper);border-radius:24px;padding:28px 31px;box-shadow:var(--soft-shadow);gap:25px}.app-ink .facts>div+div{border-color:#21180f14;padding-left:28px}.app-ink .facts strong{font-size:31px;font-weight:600}.app-ink .facts strong span{font-size:16px}.app-ink .facts-caption i{color:var(--red);font-size:42px}.app-ink .facts-caption span{font-size:12px}.app-ink .feature-layout{border:0;box-shadow:var(--soft-shadow);border-radius:26px}.app-ink .feature-art{background:linear-gradient(145deg,#fff1dd,#f7dcc0);min-height:580px}.app-ink .feature-art[data-mode="1"]{background:linear-gradient(145deg,#eeeffa,#dde2f5)}.app-ink .feature-art[data-mode="2"]{background:linear-gradient(145deg,#eee5fa,#d7c3f0)}.app-ink .feature-shape{border:0;background:#fffcf42e}.app-ink .feature-shape:before{display:none}.app-ink .feature-phone{width:225px;box-shadow:0 18px 30px -20px #6e461e55;transform:rotate(3deg)}.app-ink .mode-tabs{gap:7px}.app-ink .mode-tabs button[aria-selected=true]{background:var(--red);color:var(--paper)}.app-ink .activity-pills span{border:0;background:#f3eadf;font-weight:400}.app-ink .small-features article{background:var(--paper);border:0;border-radius:26px;box-shadow:var(--soft-shadow)}.app-ink .small-icon{height:46px;font-size:0;position:relative}.app-ink .small-icon:before{content:"";width:48px;height:48px;display:block;background:url('ink/ink-write.png?v=88b5067b3b38') center/contain no-repeat}.app-ink .privacy-card .small-icon:before{background-image:url('ink/ink-hold.png?v=88b5067b3b38')}.app-ink .timer-options button{background:#f6eddf;border:0;border-radius:100px;padding:10px 20px}.app-ink .timer-options button[aria-pressed=true]{background:#ffe9ba;box-shadow:none}.app-ink .privacy-tags span{border:0;background:#f3eadf}.app-ink .closing{border-top-color:#21180f1a}.app-ink footer{border-color:#21180f14}.app-ink .closing h2{font-weight:600}.app-ink #toast{border:0;background:var(--paper);box-shadow:var(--soft-shadow)}
.app-ink .bubble-demo{position:relative;border:0;overflow:visible;background:transparent!important;box-shadow:none!important;border-radius:28px;isolation:isolate}.app-ink .bubble-demo:before{content:"";position:absolute;inset:0;border-radius:28px;background:linear-gradient(145deg,#f7efff,#e6d7f7);transform:translate(3px,2.5px);z-index:-2}.app-ink .bubble-demo:after{content:"";position:absolute;inset:-8px;border:48px solid transparent;border-image:url('ink/frame-line.png?v=88b5067b3b38') 144 /48px stretch;pointer-events:none;z-index:-1}.app-ink .bubble-field{border-radius:24px}.app-ink .rage-bubble:not(.float-bubble){box-shadow:none;border-width:2px}.app-ink .pill-label{border:0;padding-left:0;background:transparent;color:#9b714f}.app-ink .progress i{background:var(--red)}.app-ink .progress{background:#21180f13}
/* B: the playable board has the App's game-stage frame. */
.app-ink .hero-play h1{font-weight:600;font-size:82px;line-height:1.14}.app-ink.english .hero-play h1{font-size:72px;font-weight:700}.app-ink .hero-play .intro{margin-top:25px}.app-ink .hero-play .button{padding:12px 24px;min-height:51px;font-size:13px}.app-ink .small-sticker{border:0;background:var(--paper);box-shadow:var(--soft-shadow);border-radius:22px;font-size:25px;font-weight:600}.app-ink .orbit-star{display:none}.app-ink .left-side>.face{background:var(--red);border-width:5px}.app-ink .play-bubble{box-shadow:none}.app-ink .smash-game{position:relative;isolation:isolate;background:transparent;border:0;box-shadow:none;padding:21px 25px 17px;border-radius:28px}.app-ink .smash-game:before{content:"";position:absolute;inset:0;border-radius:28px;background:linear-gradient(145deg,#fffcf4,#fef0dc);transform:translate(3px,2.5px);z-index:-2}.app-ink .smash-game:after{content:"";position:absolute;inset:-8px;border:48px solid transparent;border-image:url('ink/frame-line.png?v=88b5067b3b38') 144 /48px stretch;pointer-events:none;z-index:-1}.app-ink .smash-slab{background:linear-gradient(160deg,#e2d0f2,#cdb9ed);border:0;box-shadow:none;border-radius:20px;overflow:visible}.app-ink .smash-slab:after{content:"";position:absolute;inset:-8px;border:36px solid transparent;border-image:url('ink/card-line.png?v=88b5067b3b38') 108 /36px stretch;pointer-events:none}.app-ink .smash-slab strong{font-weight:600}.app-ink .bolt{display:none}.app-ink .smash-wrap{height:196px;margin-inline:-6px;padding-inline:6px}.app-ink .cracks{border-radius:20px;overflow:hidden}.app-ink .smash-fragment:after{display:none}.app-ink .reset-game{border:0;background:var(--paper);box-shadow:var(--soft-shadow);padding:9px 17px}.app-ink .hero-play .hero-copy>.eyebrow{color:#a75832}
/* C: companionship keeps its gentler motion, but uses the same ink and buttons. */
.app-ink .hero-studio h1{font-size:82px;color:var(--ink);font-weight:600}.app-ink.english .hero-studio h1{font-size:64px;font-weight:700}.app-ink .studio-message{border:0;background:transparent;box-shadow:none;isolation:isolate;border-radius:22px}.app-ink .studio-message:before{content:"";position:absolute;inset:0;border-radius:22px;background:var(--paper);transform:translate(3px,2.5px);z-index:-2}.app-ink .studio-message:after{content:"";position:absolute;inset:-8px;border:36px solid transparent;border-image:url('ink/card-line.png?v=88b5067b3b38') 108 /36px stretch;pointer-events:none;z-index:-1}.app-ink .studio-message p{font-weight:600}.app-ink .cloud-one{background:linear-gradient(145deg,#eee4f8,#dbc7ef)}.app-ink .cloud-two{background:linear-gradient(145deg,#ffe8cb,#ffd2ac)}.app-ink .studio-companion .face{box-shadow:none;border-width:4px}.app-ink .studio-spark{display:none}.app-ink .studio-phone{box-shadow:0 18px 30px -20px #6e461e55}.app-ink .comfort-button{color:#a75832;font-weight:500}.app-ink .facts-caption i{color:var(--red)}.app-ink .studio-companion>span{color:#8b674e}
@media(max-width:1320px){.app-ink .hero-editorial{gap:30px;grid-template-columns:1.12fr 1fr}.ink-hero-message{padding:32px 28px}.ink-hero-message h1{font-size:60px}.app-ink.english .ink-hero-message h1{font-size:49px}.app-ink .editorial-scene{margin-left:-10px}.app-ink .facts strong{font-size:29px}.app-ink .hero-actions{gap:14px}.app-ink .hero-studio h1{font-size:70px}.app-ink.english .hero-studio h1{font-size:56px}}
@media(max-width:1050px){.ink-hero-message{padding:28px 22px}.ink-hero-message h1{font-size:48px}.app-ink.english .ink-hero-message h1{font-size:39px}.ink-hero-message .intro{font-size:12px}.app-ink.english .ink-hero-message .intro{font-size:12px}.app-ink .editorial-scene{margin-left:-92px}.app-ink .hero-editorial{min-height:645px;height:auto;gap:20px}.app-ink .hero-editorial .hero-actions{flex-direction:row;gap:13px}.app-ink .button.primary{font-size:11px;padding-inline:17px}.app-ink .try-link{font-size:10px;padding-inline:13px}.app-ink .facts{gap:10px;padding-inline:23px}.app-ink .facts strong{font-size:25px}.app-ink .facts>div+div{padding-left:18px}.app-ink .facts-caption span{font-size:10px}.app-ink .hero-studio h1{font-size:59px}.app-ink.english .hero-studio h1{font-size:46px}.app-ink .small-sticker{font-size:19px;padding-inline:17px}}
@media(max-width:760px){.app-ink .proposal-bar{font-size:8px}.app-ink .site-header{height:79px}.app-ink .brand strong{font-size:25px}.app-ink .nav-download{padding:9px 14px;font-size:10px}.app-ink .hero-editorial{min-height:0;gap:0;padding-top:24px;padding-bottom:25px}.ink-hero-message{padding:23px 23px 24px;margin-bottom:25px;border-radius:24px}.ink-hero-message:before{border-radius:24px}.ink-hero-message h1{font-size:46px;line-height:1.17}.ink-hero-message>.eyebrow{font-size:8px;margin-bottom:19px}.ink-hero-message .intro{font-size:11px;line-height:1.8;margin-top:19px}.app-ink.english .ink-hero-message h1{font-size:37px;line-height:1.08}.app-ink.english .ink-hero-message .intro{font-size:11px;line-height:1.7}.app-ink .hero-editorial .hero-actions{gap:13px;padding-left:2px}.app-ink .button.primary{min-height:49px;font-size:11px;padding:13px 19px}.app-ink .try-link{padding:12px 15px;font-size:10px}.app-ink .micro{font-size:9px}.app-ink .hero-editorial .micro{padding-left:2px;margin-top:16px}.app-ink .editorial-scene{height:388px;margin:18px 0 0;width:100%}.app-ink .scene-orbit{width:292px;height:307px;left:33px;top:42px}.app-ink .hero-phone{width:148px;left:113px;top:20px;border-radius:24px;padding:4px}.app-ink .phone img{border-radius:19px}.app-ink .floating-note{left:0;top:110px;border-radius:15px;padding:12px 14px;gap:8px}.app-ink .floating-note strong{font-size:14px}.app-ink .floating-note .face.mad{border-width:2px}.app-ink .float-bubble{width:55px!important;height:55px!important;top:197px!important;right:0}.app-ink .little-receipt{width:181px;right:0;bottom:13px;padding:17px 18px;border-radius:15px}.app-ink .little-receipt strong{font-size:12px}.app-ink .little-receipt small{font-size:8px}.app-ink .facts{padding:24px 19px;gap:9px;border-radius:22px}.app-ink .facts strong,.app-ink.english .facts strong{font-size:22px}.app-ink .facts strong span{font-size:11px}.app-ink .facts>div+div{padding-left:15px}.app-ink.english .facts strong{font-size:19px}.app-ink .facts p{font-size:8px}.app-ink .feature-art{min-height:427px}.app-ink .feature-phone{width:177px;border-radius:25px;padding:4px}.app-ink .mode-tabs{gap:5px}.app-ink .mode-tabs button{padding-inline:12px}.app-ink .outline-button{font-size:9px;padding:9px 12px}.app-ink .small-features article{border-radius:22px}.app-ink .small-icon{height:38px;margin-bottom:21px}.app-ink .small-icon:before{width:42px;height:42px}.app-ink .timer-options button{font-size:11px;padding:9px 18px}.app-ink .bubble-demo{border-radius:24px}.app-ink .bubble-demo:before{border-radius:24px}.app-ink .bubble-field{margin-bottom:20px}.app-ink .hero-play h1{font-size:49px;line-height:1.17}.app-ink.english .hero-play h1{font-size:42px;line-height:1.1}.app-ink .hero-play .intro{margin-top:20px}.app-ink .hero-play .button{min-height:49px;font-size:11px}.app-ink .smash-game{border-radius:24px;padding:19px 18px 15px}.app-ink .smash-game:before{border-radius:24px}.app-ink .smash-wrap{height:162px}.app-ink .smash-slab{border-radius:20px}.app-ink .smash-slab strong{font-size:26px}.app-ink .hero-studio h1{font-size:55px;line-height:1.2}.app-ink.english .hero-studio h1{font-size:39px;line-height:1.14}.app-ink .studio-message{border-radius:20px}.app-ink .studio-message:before{border-radius:20px}.app-ink .studio-companion .face{border-width:3px}.app-ink .studio-phone{width:153px;border-radius:24px;padding:4px}.app-ink .studio-scene{height:449px;margin-top:22px}}
@media(max-width:380px){.ink-hero-message{padding-inline:20px}.ink-hero-message h1{font-size:43px}.app-ink.english .ink-hero-message h1{font-size:34px}.app-ink .hero-editorial .hero-actions{gap:11px}.app-ink .button.primary{padding-inline:15px;font-size:10px}.app-ink .try-link{font-size:9px;padding-inline:13px}.app-ink .hero-phone{left:101px}.app-ink .scene-orbit{left:24px}.app-ink .facts{padding-inline:17px}.app-ink .facts strong{font-size:20px}.app-ink .facts>div+div{padding-left:12px}.app-ink.english .facts strong{font-size:18px}.app-ink .hero-play h1{font-size:45px}.app-ink.english .hero-play h1{font-size:39px}.app-ink .hero-studio h1{font-size:51px}.app-ink.english .hero-studio h1{font-size:36px}.app-ink .mode-tabs button{padding-inline:9px}}
.app-ink.motion-off .hero-phone{transform:rotate(-4deg)}
.app-ink .left-side>.face.mad .mouth{background:transparent;border:4px solid var(--ink);border-bottom:0;border-radius:50% 50% 0 0;height:19%;left:33.3%;top:56%;width:33.3%}
.app-ink .left-side>.face.mad:after{content:"";position:absolute;right:-5%;top:-8%;width:34%;height:34%;background:url('ink/vein.png?v=88b5067b3b38') center/contain no-repeat}
/* Published footer: keep support, terms, motion control and the existing ICP link. */
.app-ink.published .footer-brand{display:block}.app-ink.published .footer-brand p{margin-top:6px}.app-ink.published .footer-links{display:flex;align-items:flex-start;flex-wrap:wrap;gap:18px}.app-ink.published #motion{border:1px solid var(--line);border-radius:100px;padding:2px 10px;background:var(--paper);font-size:10px;line-height:1.7}.app-ink.published .beian{font-size:10px}.published-noscript{max-width:1240px;margin:15px auto;padding:10px 20px;font-size:12px}
.app-ink.published .phone img{height:auto}