@font-face{font-family:Fredoka;src:url('assets/fredoka.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{--ink:#231c2d;--muted:#716779;--pink:#f42aa3;--cyan:#0dd5e7;--yellow:#ffe600;--purple:#9b61e5;--lavender:#f3eaff;--line:#e9dff1;--body:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:Fredoka,var(--body)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #087c91;outline-offset:6px}button{border:0}button:disabled{cursor:default}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section-space{padding-block:118px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--yellow);padding:12px 18px;border-radius:12px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(35,28,45,.07);backdrop-filter:blur(18px)}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brandmark{display:block;position:relative;width:174px;aspect-ratio:766/157;overflow:hidden;flex:none}.brandmark img{position:absolute;width:122.845953%;max-width:none;left:-9.921671%;top:-48.407643%;filter:brightness(1.08);mix-blend-mode:multiply}.desktop-nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:650}.desktop-nav a{position:relative;padding:14px 0}.desktop-nav a:after{content:'';position:absolute;left:0;bottom:4px;height:3px;width:100%;background:var(--pink);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .2s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:22px}.locale-toggle{font-size:12px;font-weight:650;background:none;padding:8px;border-radius:9px}.locale-toggle:hover{background:var(--lavender)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:var(--display);font-weight:650;border:2px solid var(--ink);background:var(--yellow);border-radius:18px;box-shadow:3px 4px 0 var(--ink);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:4px 7px 0 var(--ink)}.button-small{padding:11px 17px;font-size:16px}.button-small .pop-icon{width:23px;height:23px}.menu-toggle{display:none;background:var(--lavender);width:42px;height:42px;border-radius:12px}.mobile-nav{padding:0 24px 20px;border-top:1px solid var(--line)}.mobile-nav:not([hidden]){display:grid;gap:4px}.mobile-nav a{padding:12px 4px;font-weight:650}
.pop-icon{display:inline-block;width:48px;height:48px;flex-shrink:0;vertical-align:middle;background-size:400% 400%;background-repeat:no-repeat;background-image:url('assets/navigation.webp')}.icon-forward{background-position:66.6667% 66.6667%}.icon-more{background-position:0 100%}.icon-star{background-position:33.3333% 66.6667%}.icon-studio{background-position:66.6667% 33.3333%}.icon-gacha{background-position:100% 33.3333%}.icon-works{background-position:33.3333% 0}.icon-community{background-position:100% 0}.icon-palette{background-image:url('assets/creation.webp');background-position:0 66.6667%}.icon-face{background-image:url('assets/creation.webp');background-position:100% 33.3333%}.icon-hair{background-image:url('assets/creation.webp');background-position:33.3333% 66.6667%}.icon-bubble{background-image:url('assets/creation.webp');background-position:0 33.3333%}.icon-clothing{background-image:url('assets/features.webp');background-position:0 100%}.icon-play{background-image:url('assets/tools.webp');background-position:33.3333% 0}
.hero{min-height:760px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;position:relative;padding-block:48px 58px;gap:4px}.hero-copy{position:relative;z-index:2;max-width:590px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.11em;font-weight:750}.eyebrow-dot{height:8px;width:8px;background:var(--pink);border-radius:50%;box-shadow:0 0 0 5px #fff0f9;margin-right:3px}.hero h1{font-family:var(--display);font-size:clamp(58px,6.5vw,96px);font-weight:650;letter-spacing:-.055em;line-height:.99;margin:24px 0 28px}.hero h1>span{display:block}.hero h1 .story-word{color:var(--pink);position:relative;width:max-content;padding-bottom:4px}.story-word:after{content:'';position:absolute;left:1px;right:-16px;bottom:0;height:11px;background:var(--yellow);border-radius:60%;transform:rotate(-3deg);z-index:-1}.hero-description{font-size:17px;line-height:1.8;max-width:410px;color:var(--muted);margin:0 0 27px}.store-buttons{display:flex;gap:12px;flex-wrap:wrap}.store-button{display:flex;align-items:center;justify-content:center;gap:11px;background:var(--ink);color:#fff;border-radius:15px;padding:11px 18px 12px;border:2px solid var(--ink);min-height:61px;transition:transform .2s,box-shadow .2s}.store-button:hover{transform:translateY(-4px);box-shadow:0 6px 0 #dcc4f5}.store-button svg{width:24px;height:29px;flex:none}.store-button>span{display:grid;gap:1px}.store-button small{font-size:10px;font-weight:500;line-height:1.3}.store-button strong{font-size:20px;font-weight:650;letter-spacing:-.6px;line-height:1.1}.store-button-outline{background:#fff;color:var(--ink);border-color:#d8cce4}.hero-bottom{margin-top:17px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.hero-bottom>span{font-size:11px;color:#817589}.tour-button{display:flex;gap:7px;align-items:center;background:transparent;font-size:13px;font-weight:650;padding:0}.tour-button .pop-icon{width:26px;height:26px}.tour-button:hover{color:#9e2484}.hero-art{position:relative;width:115%;margin-left:-3%;isolation:isolate;--px:0px;--py:0px}.hero-character{width:100%;position:relative;z-index:1;transform:translate(var(--px),var(--py));transition:transform .5s ease-out;filter:drop-shadow(0 18px 14px #49236a12)}.hero-glow{position:absolute;inset:20% 9% 5%;border-radius:50%;background:radial-gradient(ellipse,#f8dcff66,transparent 70%);z-index:-1}.hero-sticker{position:absolute;right:12%;top:1%;z-index:3;background:#fff;box-shadow:5px 5px 0 var(--cyan);border:2px solid var(--ink);font-family:var(--display);font-size:25px;line-height:.95;letter-spacing:-.7px;font-weight:650;padding:16px 22px;transform:rotate(11deg);border-radius:15px}.hero-sticker i{display:block;position:absolute;bottom:9px;right:13px;width:24px;height:4px;background:var(--pink);border-radius:50%;transform:rotate(-8deg)}.floating-note{position:absolute;left:1%;bottom:16%;z-index:3;display:flex;gap:3px;align-items:center;border:2px solid var(--ink);border-radius:13px;background:white;box-shadow:4px 4px 0 #e1c7ff;transform:rotate(-7deg);padding:8px 13px 8px 4px;font-family:var(--display);font-size:16px;font-weight:600}.floating-note .pop-icon{width:40px;height:40px}.hero-spark{position:absolute;color:var(--purple);left:9%;top:5%;height:36px;width:36px;transform:rotate(-12deg)}
.ticker{overflow:hidden;background:var(--yellow);padding:17px 0;transform:rotate(-1.5deg);margin:2px -8px 0;border-block:2px solid var(--ink)}.ticker-track{display:flex;gap:42px;align-items:center;width:max-content;animation:ticker 38s linear infinite}.ticker-track span{font-family:var(--display);font-size:22px;letter-spacing:.025em;font-weight:650}.ticker i{font-style:normal;font-size:28px;line-height:1}@keyframes ticker{to{transform:translateX(-50%)}}
.create-section{display:grid;grid-template-columns:1.04fr .96fr;gap:95px;align-items:center;padding-top:140px}.creator-art{position:relative;min-height:680px;display:flex;align-items:center;justify-content:center;isolation:isolate}.creator-orbit{position:absolute;width:100%;height:74%;border-radius:46% 50% 44% 50%;background:#f5edff;transform:rotate(-9deg);z-index:-2;background-image:radial-gradient(#bca6d844 .8px,transparent .8px);background-size:14px 14px}.creator-paint{position:absolute;width:120%;max-width:none;transform:rotate(-15deg);top:35%;left:-9%;z-index:-1}.phone-shell{position:relative;width:278px;border:8px solid var(--ink);border-radius:42px;box-shadow:10px 14px 0 #d8c5ef,0 22px 35px #2510341c;overflow:hidden;background:white;transform:rotate(-4deg)}.phone-shell>img{width:100%;aspect-ratio:360/780;object-fit:cover;object-position:top}.phone-island{height:16px;background:var(--ink);position:absolute;top:7px;left:34%;width:32%;border-radius:15px;z-index:1}.art-label{position:absolute;z-index:3;display:flex;gap:6px;align-items:center;background:white;border:2px solid var(--ink);border-radius:16px;padding:10px 15px;font-family:var(--display);font-size:18px;line-height:1.05;box-shadow:4px 4px 0 var(--pink)}.label-top{top:6%;left:-5%;transform:rotate(-7deg)}.label-top .pop-icon{width:44px;height:44px}.label-bottom{bottom:7%;right:-6%;transform:rotate(5deg);font-size:15px;box-shadow:4px 4px 0 var(--cyan)}.label-bottom .pop-icon{width:32px;height:32px}.section-kicker{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-kicker>span{font-family:var(--display);font-size:15px;font-weight:600;display:grid;place-items:center;width:34px;height:34px;border:1.5px solid currentColor;border-radius:50%}.section-kicker p{margin:0;font-size:10px;font-weight:750;letter-spacing:.11em}.section-copy h2,.studio-heading h2,.inside-heading h2,.download-inner h2{font-family:var(--display);font-weight:600;font-size:clamp(38px,4.7vw,66px);letter-spacing:-.045em;line-height:1.05;margin:0 0 24px}h2 em{font-style:normal;color:var(--pink)}.section-description{font-size:16px;color:var(--muted);line-height:1.85;max-width:440px}.detail-list{margin:28px 0 25px;display:grid;gap:20px}.detail-list>div{display:flex;align-items:center;gap:17px}.detail-icon{display:grid;place-items:center;height:58px;width:58px;border-radius:16px;background:#e7fbfe;transform:rotate(-4deg)}.detail-icon .pop-icon{height:47px;width:47px}.pink-icon{background:#ffedf7;transform:rotate(4deg)}.yellow-icon{background:#fffbd8;transform:rotate(-3deg)}.detail-list p{display:grid;gap:5px;margin:0}.detail-list strong{font-size:15px;font-weight:700}.detail-list p>span{font-size:13px;color:var(--muted);line-height:1.5}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;border-bottom:2px solid #f3c4e9;padding-bottom:4px;transition:gap .2s}.text-link .pop-icon{width:25px;height:25px}.text-link:hover{gap:17px}
.studio-section{position:relative;background:#261735;color:white;overflow:hidden;isolation:isolate}.studio-section:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#a97edc21 .7px,transparent .7px);background-size:17px 17px;z-index:-1}.studio-section:after{content:'';position:absolute;left:65%;top:0;width:500px;height:500px;background:radial-gradient(#9c33ad22,transparent 70%);z-index:-1}.studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:42px}.studio-heading .section-kicker>span{color:var(--cyan)}.studio-heading .section-kicker p{color:#d6bee8}.studio-heading h2{margin:0}.studio-heading h2 em{color:#f8b0e7}.studio-intro{max-width:350px;color:#d4c6df;font-size:15px;line-height:1.85;margin:0 0 5px}.comic-demo{padding:9px;background:white;color:var(--ink);border-radius:28px;box-shadow:9px 9px 0 #0dd5e780;position:relative;border:2px solid #fff}.comic-demo:before{content:'';position:absolute;top:-14px;right:8%;width:110px;height:26px;background:var(--yellow);transform:rotate(5deg);opacity:.94;z-index:2;clip-path:polygon(1% 0,100% 5%,97% 100%,0 93%)}.comic-toolbar{padding:16px 22px 19px;display:flex;align-items:center;justify-content:space-between;gap:15px}.studio-word{display:flex;gap:8px;align-items:center;font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.6px}.studio-word .pop-icon{width:36px;height:36px}.preview-label{font-size:9px;letter-spacing:.1em;color:var(--muted);font-weight:700}.comic-stage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:2.15;background:#d7c9ff url('assets/classroom.webp') center 45%/cover;border:3px solid var(--ink);border-radius:17px;transition:background-color .3s}.comic-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#a287d92b,transparent 50%);z-index:-1}.scene-corner{position:absolute;left:16px;bottom:14px;color:var(--ink);background:var(--yellow);font-size:9px;letter-spacing:.12em;font-weight:750;z-index:3;padding:6px 10px;transform:rotate(-4deg);border:1.5px solid var(--ink);border-radius:5px}.actor{position:absolute;height:67%;width:28%;object-fit:contain;object-position:bottom;bottom:3%;z-index:1;filter:drop-shadow(0 8px 4px #42304a28);transition:transform .4s,left .4s,right .4s,opacity .2s}.actor-left{left:17%;transform:rotate(-3deg)}.actor-right{right:17%;transform:rotate(3deg)}.speech{position:absolute;margin:0;width:33%;padding:20px 22px;font-family:var(--display);font-size:clamp(17px,2.15vw,31px);font-weight:550;line-height:1.12;text-align:center;background:white;border:3px solid var(--ink);border-radius:35px;z-index:2;box-shadow:0 5px 0 #8a5ab81c;white-space:pre-line;min-height:90px;display:grid;place-items:center}.speech:after{content:'';position:absolute;bottom:-16px;width:24px;height:24px;background:white;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:skewY(-27deg) rotate(33deg)}.speech-left{left:10%;top:7%;transform:rotate(-3deg)}.speech-left:after{right:25%}.speech-right{right:9%;top:13%;transform:rotate(3deg)}.speech-right:after{left:25%;transform:skewY(27deg) rotate(57deg)}.scene-reaction{position:absolute;right:45%;top:40%;font-family:var(--display);font-size:58px;color:#f82586;font-weight:700;-webkit-text-stroke:3px white;paint-order:stroke fill;transform:rotate(8deg);display:none;z-index:3}.comic-stage[data-scene='reaction']{background-image:repeating-conic-gradient(from 10deg at 50% 55%,#ffe5f5 0deg 15deg,#ffc8e9 15deg 30deg)}.comic-stage[data-scene='reaction'] .scene-reaction{display:block;animation:pop-in .35s}.comic-stage[data-scene='entrance']{background-image:repeating-conic-gradient(from 0deg at 50% 55%,#fff0a1 0deg 15deg,#ffe05e 15deg 30deg)}.comic-stage[data-scene='entrance'] .actor-left{left:36%;transform:rotate(0deg) scale(1.12)}.comic-stage[data-scene='entrance'] .actor-right,.comic-stage[data-scene='entrance'] .speech-right{opacity:0;pointer-events:none}.comic-stage[data-scene='entrance'] .speech-left{left:33%;top:7%;width:35%}.scene-controls{padding:19px 15px 12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.scene-tabs{display:flex;gap:8px;flex-wrap:wrap}.scene-tab{background:#f5effc;color:#69567f;border:1.5px solid #e8ddf3;padding:10px 15px;border-radius:11px;font-size:11px;font-weight:650;transition:background .2s,transform .2s}.scene-tab:hover{transform:translateY(-2px)}.scene-tab.selected{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.dialogue-button{display:flex;align-items:center;gap:6px;background:white;font-size:11px;font-weight:700;padding:4px;white-space:nowrap}.dialogue-button .pop-icon{height:28px;width:28px}.dialogue-button:hover{color:#b5228a}.studio-footnote{display:flex;justify-content:space-between;align-items:center;margin-top:27px;gap:30px}.studio-footnote p{font-size:11px;color:#bfaacf;line-height:1.7;margin:0}.studio-footnote .text-link{border-color:#7c516f;white-space:nowrap}.studio-footnote .pop-icon{filter:brightness(1.5)}@keyframes pop-in{from{transform:rotate(-20deg) scale(.4)}to{transform:rotate(8deg) scale(1)}}
.inside-heading{margin-bottom:45px}.inside-heading h2{margin:0}.inside-heading h2 em{color:#9256c7}.world-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:27px}.works-card,.gacha-card{position:relative;border-radius:28px;overflow:hidden;padding:33px 35px 22px;min-height:640px}.works-card{background:#f4edfc;border:1px solid #e9dcf8}.gacha-card{background:#211132;color:white;border:1px solid #41254c;isolation:isolate}.feature-heading{display:flex;align-items:center;gap:10px}.feature-heading>.pop-icon{height:35px;width:35px}.feature-tag{font-size:9px;letter-spacing:.09em;font-weight:750;color:#806394}.works-card h3,.gacha-card h3{font-family:var(--display);font-size:clamp(32px,3.4vw,45px);letter-spacing:-.035em;line-height:1.04;font-weight:550;margin:18px 0 13px}.works-card>p,.gacha-card>p{max-width:360px;font-size:13px;line-height:1.8;color:#776283;margin:0}.book-shelf{position:relative;height:355px;margin:30px 0 0;display:flex;align-items:center;justify-content:center;gap:5px;perspective:900px}.comic-book{height:300px;width:47%;max-width:205px;position:relative;border:3px solid var(--ink);border-radius:7px 13px 13px 7px;box-shadow:5px 5px 0 #5d4676,9px 10px 0 #3a294b,12px 15px 20px #4a246524;overflow:hidden;background-color:#fed8ef;background-image:radial-gradient(#ef8ed677 .8px,transparent .8px);background-size:10px 10px;transform:rotate(-10deg);z-index:2}.comic-book:before{content:'';position:absolute;inset:0 auto 0 0;width:8px;background:#542b7355;border-right:1px solid #25163455;z-index:4}.comic-book img{position:absolute;height:73%;width:95%;object-fit:contain;left:2%;bottom:10px;z-index:1}.book-top{background:var(--yellow);border-bottom:2px solid var(--ink);font-size:7px;text-align:center;font-weight:750;letter-spacing:.05em;padding:6px 3px;position:relative;z-index:2}.book-title{position:relative;z-index:3;display:block;font-family:var(--display);font-weight:650;font-size:28px;line-height:.85;letter-spacing:-.02em;padding:10px 9px;transform:rotate(-4deg)}.book-issue{position:absolute;bottom:0;left:0;right:0;background:white;border-top:2px solid var(--ink);padding:6px 9px;text-align:center;font-weight:750;font-size:6px;letter-spacing:.04em;z-index:2}.book-two{transform:rotate(10deg);background-color:#bfecf5;margin-left:-5px;z-index:1}.book-two .book-top{background:#d5c1f8}.book-two .book-title{color:#4a2865}.book-star{position:absolute;right:0;top:36%;height:62px;width:62px;z-index:4;transform:rotate(13deg)}.feature-caption{display:block;text-align:center;font-size:8px;font-weight:700;letter-spacing:.09em;color:#8b729d;margin-top:8px}.gacha-card .feature-tag{color:#c9a3e7}.gacha-card>p{color:#cbb7d9}.gacha-card h3{color:white}.machine-stage{height:360px;position:relative;display:flex;justify-content:center;align-items:center;margin-top:4px;isolation:isolate}.machine-stage>img{max-height:104%;width:88%;object-fit:contain;object-position:center;position:relative;filter:drop-shadow(0 12px 15px #a257ff44);animation:machine-float 5s ease-in-out infinite}.machine-spotlight{position:absolute;inset:0 -30px -5px;background:radial-gradient(ellipse at 50% 80%,#3dd7e243,transparent 50%),radial-gradient(ellipse at 50% 30%,#9c52d94a,transparent 64%);z-index:-1}.machine-star{position:absolute;font-size:31px;color:#ffe558;text-shadow:0 0 20px #f4b5ff}.star-one{left:8%;top:15%;transform:rotate(14deg)}.star-two{right:4%;top:46%;font-size:45px;color:#2edeee}.star-three{left:13%;bottom:9%;font-size:21px;color:#ff77c9}.gacha-tour{display:flex;justify-content:center;align-items:center;gap:12px;background:#43265b;border:1px solid #8152a4;padding:10px 19px;border-radius:13px;margin:0 auto;color:#f8eafa;font-family:var(--display);font-size:16px}.gacha-tour>.pop-icon{height:26px;width:26px}.gacha-tour:hover{background:#593479}.community-note{display:flex;align-items:center;gap:20px;margin-top:34px;padding:26px 30px;border-block:1px solid var(--line)}.community-note>.pop-icon:first-child{width:52px;height:52px}.community-note>.pop-icon:last-child{margin-left:auto;width:35px;height:35px;transform:rotate(12deg)}.community-note p{display:grid;gap:7px;margin:0}.community-note strong{font-family:var(--display);font-size:23px;font-weight:550;letter-spacing:-.3px}.community-note p>span{font-size:13px;color:var(--muted);line-height:1.7}@keyframes machine-float{50%{transform:translateY(-8px) rotate(1deg)}}
.faq-section{padding:0 0 105px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-section h2{font-family:var(--display);font-size:37px;font-weight:550;line-height:1.05;letter-spacing:-1px;margin:15px 0}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list summary{cursor:pointer;font-size:15px;font-weight:650;list-style:none;position:relative;padding-right:30px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:-5px;font-family:var(--display);font-size:27px;font-weight:400;color:#9f64c5}.faq-list details[open] summary:after{content:'−'}.faq-list details>p{font-size:13px;color:var(--muted);line-height:1.9;margin:16px 25px 0 0}.download-section{position:relative;background:#fff6fd;border-block:1px solid #f8e2f2;overflow:hidden}.download-section:before,.download-section:after{content:'';position:absolute;top:15%;width:410px;height:470px;background:url('assets/paint.webp') center/200% 100% no-repeat;opacity:.8;pointer-events:none}.download-section:before{left:-245px;transform:rotate(24deg);background-position:left}.download-section:after{right:-250px;transform:rotate(-22deg);background-position:right}.download-inner{text-align:center;padding-block:90px 85px;position:relative}.download-inner>.eyebrow{display:block;font-size:10px;color:#865d8b}.download-inner h2{font-size:clamp(46px,6.5vw,89px);margin:20px 0 23px;line-height:1}.download-inner>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.8;max-width:400px;margin:0 auto 26px}.download-inner .store-buttons{justify-content:center}.download-note{display:block;margin-top:20px;font-size:11px;color:#947e9c}.download-doodle{position:absolute;top:22%;left:18%;width:66px;height:66px;transform:rotate(-17deg)}.site-footer{padding-block:44px;display:flex;align-items:center;justify-content:space-between;gap:32px}.site-footer .brandmark{width:140px}.site-footer>div>p{font-size:11px;color:#8d7b96;margin:12px 0 0}.footer-links{display:flex;gap:24px;align-items:center;font-size:11px;color:var(--muted)}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.copyright{font-size:10px;line-height:1.8;color:#9b8ba4;margin:0}
.tour-dialog{padding:16px 17px;border:2px solid var(--ink);border-radius:22px;background:#fff;width:min(500px,calc(100% - 30px));max-height:95dvh;color:var(--ink);box-shadow:8px 9px 0 #ac79dd80}.tour-dialog::backdrop{background:#150e28d9;backdrop-filter:blur(10px)}.tour-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:12px}.tour-dialog h2{font-family:var(--display);font-weight:550;font-size:21px;letter-spacing:-.5px;margin:0}.tour-dialog-header button{display:grid;place-items:center;flex:none;background:var(--lavender);height:36px;width:36px;font-size:25px;border-radius:12px}.tour-dialog video{display:block;margin:auto;max-height:72dvh;width:100%;background:#241336;border-radius:13px;object-fit:contain}.tour-dialog>p{text-align:center;font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:0}.modal-open{overflow:hidden}.reveal-enabled [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal-enabled [data-reveal].is-visible{opacity:1;transform:none}
.legal-content{max-width:760px;margin:70px auto 100px;line-height:1.9;padding-inline:28px}.legal-content h1{font-family:var(--display);font-size:52px;font-weight:600;letter-spacing:-2px;line-height:1.1}.legal-content h2{font-family:var(--display);font-size:25px;font-weight:550;margin-top:35px;letter-spacing:-.4px}.legal-content p{color:#665a70;font-size:15px}.legal-content a{color:#a12685;text-decoration:underline;text-underline-offset:3px}.legal-content .muted{font-size:12px}.legal-content .website-note{padding:20px 25px;background:var(--lavender);border-radius:16px;margin-top:32px}.legal-content .website-note p{margin:0;font-size:13px}
@media(min-width:1600px){.hero-art{width:110%}.hero{min-height:840px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.desktop-nav{gap:22px}.header-inner{gap:20px}.header-actions{gap:14px}.brandmark{width:153px}.hero{min-height:680px}.hero h1{font-size:75px}.hero-art{width:119%;margin-left:-5%}.hero-description{font-size:15px;max-width:360px}.hero-sticker{font-size:20px;padding:12px 16px}.floating-note{font-size:13px;padding:5px 10px 5px 2px}.floating-note .pop-icon{width:32px;height:32px}.create-section{gap:55px}.creator-art{min-height:610px}.phone-shell{width:250px}.label-top{left:-1%;font-size:15px}.label-bottom{right:-4%;font-size:12px}.studio-intro{max-width:310px;font-size:14px}.works-card,.gacha-card{padding:28px 27px 20px}.feature-tag{font-size:8px}.comic-book{height:270px}.book-title{font-size:25px}.book-shelf{height:320px}.machine-stage{height:340px}.world-grid{gap:20px}.footer-links{gap:15px}.site-footer{gap:24px}.download-doodle{left:12%}}
@media(max-width:800px){.container{width:calc(100% - 48px)}.header-inner{height:77px}.brandmark{width:143px}.desktop-nav{display:none}.hero{padding-block:48px 46px;grid-template-columns:1.04fr .96fr;min-height:630px;gap:0}.hero h1{font-size:61px;letter-spacing:-.055em;margin-top:20px}.hero-description{font-size:14px;line-height:1.8;max-width:315px}.hero-art{width:135%;margin-left:-13%}.hero .eyebrow{font-size:9px}.store-button{padding:10px 12px;gap:8px;min-height:56px;border-radius:13px}.store-button strong{font-size:17px}.store-button small{font-size:8px}.store-button svg{width:21px;height:25px}.store-buttons{gap:8px}.hero-bottom>span{font-size:10px}.hero-sticker{right:11%;top:-3%;font-size:18px;padding:10px 13px}.floating-note{left:1%;bottom:8%;font-size:12px}.hero-spark{left:11%;top:0}.ticker-track span{font-size:19px}.ticker{padding-block:13px}.section-space{padding-block:85px}.create-section{gap:35px}.creator-art{min-height:530px}.phone-shell{width:215px;border-width:6px;border-radius:33px}.phone-island{height:13px;top:6px}.section-kicker p{font-size:8px;letter-spacing:.06em}.section-kicker>span{width:29px;height:29px;font-size:13px}.section-copy h2,.studio-heading h2,.inside-heading h2{font-size:44px}.section-description{font-size:14px}.detail-list{gap:18px}.detail-icon{height:47px;width:47px;border-radius:13px}.detail-icon .pop-icon{width:38px;height:38px}.detail-list>div{gap:12px}.detail-list strong{font-size:13px}.detail-list p>span{font-size:11px}.label-top{left:-8%;top:1%;font-size:13px;padding:9px}.label-top .pop-icon{width:35px;height:35px}.label-bottom{right:-11%;bottom:2%;font-size:11px;padding:6px 9px}.label-bottom .pop-icon{width:26px;height:26px}.section-copy .text-link{font-size:11px}.studio-heading{gap:35px}.studio-intro{font-size:12px;max-width:245px}.studio-word{font-size:20px}.comic-toolbar{padding:12px 12px 15px}.comic-toolbar .preview-label{font-size:8px}.comic-stage{aspect-ratio:1.75}.speech{font-size:20px;padding:15px 12px;min-height:75px}.actor{height:66%;width:32%}.actor-left{left:15%}.actor-right{right:15%}.scene-controls{padding:15px 5px 8px;gap:7px}.scene-tab{padding:9px 10px;font-size:9px}.dialogue-button{font-size:9px}.dialogue-button .pop-icon{width:24px;height:24px}.studio-footnote{gap:25px}.studio-footnote p{font-size:10px;max-width:290px}.studio-footnote .text-link{font-size:11px}.works-card,.gacha-card{padding:25px 22px 18px;min-height:585px}.feature-tag{font-size:7px;letter-spacing:.05em}.feature-heading>.pop-icon{width:30px;height:30px}.works-card h3,.gacha-card h3{font-size:32px}.works-card>p,.gacha-card>p{font-size:11px}.comic-book{height:245px;width:48%}.book-title{font-size:22px;padding-top:8px}.book-top{font-size:5px}.book-issue{font-size:5px}.book-shelf{height:290px;margin-top:22px}.book-star{height:43px;width:43px;right:-10px}.feature-caption{font-size:6px;line-height:1.6}.machine-stage{height:315px}.gacha-tour{font-size:13px;padding:10px 12px}.community-note{padding:23px 12px;gap:15px}.community-note strong{font-size:21px}.community-note p>span{font-size:12px}.faq-section{padding-bottom:85px;gap:35px;grid-template-columns:.75fr 1.25fr}.faq-section h2{font-size:31px}.faq-list summary{font-size:13px}.faq-list details>p{font-size:12px}.download-inner{padding-block:80px}.download-doodle{width:48px;height:48px;left:6%;top:26%}.download-section:before{left:-300px}.download-section:after{right:-305px}.site-footer{flex-wrap:wrap;gap:28px}.footer-links{gap:19px}.copyright{flex-basis:100%;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between}.copyright br{display:none}}
@media(max-width:580px){html{scroll-padding-top:88px}.container{width:calc(100% - 40px)}.header-inner{height:72px;gap:15px}.brandmark{width:139px}.header-actions{gap:11px}.locale-toggle{font-size:11px;padding:6px}.header-download{display:none}.menu-toggle{display:grid;place-items:center}.menu-toggle .pop-icon{height:31px;width:31px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;padding-bottom:27px;min-height:0;gap:25px}.hero-copy{max-width:100%}.hero .eyebrow{font-size:8px;letter-spacing:.09em;margin-left:3px}.eyebrow-dot{width:7px;height:7px;box-shadow:0 0 0 4px #fff0f9}.hero h1{font-size:clamp(55px,13.8vw,79px);line-height:.98;letter-spacing:-.05em;margin:22px 0 24px}.hero h1>span{display:inline}.hero h1>span:first-child:after,.hero h1>span:nth-child(2):after{content:' ';white-space:pre}.hero h1 .story-word{display:inline-block;padding-bottom:0}.story-word:after{height:8px;bottom:1px;right:-8px}.hero-description{font-size:14px;max-width:100%;line-height:1.8;margin-bottom:22px}.hero .store-buttons{gap:10px}.store-button{padding:11px 16px;min-height:58px;gap:9px}.store-button strong{font-size:18px}.store-button small{font-size:8px}.hero-bottom{margin-top:14px;gap:12px;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.hero-bottom>span{font-size:9px}.tour-button{font-size:10px}.tour-button .pop-icon{width:23px;height:23px}.hero-art{width:112%;margin-left:-6%;margin-top:10px;max-width:560px;align-self:center}.hero-character{width:100%}.hero-sticker{right:11%;top:0%;font-size:20px;padding:12px 15px;border-radius:13px}.hero-spark{height:27px;width:27px;left:12%;top:4%}.floating-note{left:5%;bottom:11%;font-size:13px;padding:5px 11px 5px 3px}.floating-note .pop-icon{width:31px;height:31px}.ticker{transform:rotate(-2deg);margin-top:4px;padding-block:11px}.ticker-track{gap:27px}.ticker-track span{font-size:17px}.ticker i{font-size:22px}.section-space{padding-block:70px}.create-section{display:flex;flex-direction:column-reverse;gap:30px}.section-copy{width:100%}.section-kicker{gap:10px;margin-bottom:19px}.section-kicker p{font-size:9px;letter-spacing:.09em}.section-kicker>span{width:30px;height:30px}.section-copy h2,.studio-heading h2,.inside-heading h2{font-size:49px;margin-bottom:21px;letter-spacing:-.04em}.section-description{font-size:14px;line-height:1.9;max-width:none}.detail-list{margin:26px 0;gap:19px}.detail-list strong{font-size:14px}.detail-list p>span{font-size:12px}.detail-icon{width:51px;height:51px;border-radius:14px}.detail-icon .pop-icon{width:43px;height:43px}.detail-list>div{gap:15px}.section-copy .text-link{font-size:12px}.creator-art{width:100%;min-height:590px;margin-top:5px}.creator-orbit{width:102%;height:80%}.phone-shell{width:252px;border-width:7px;border-radius:38px}.phone-island{height:15px}.label-top{left:-1%;top:4%;font-size:15px;padding:9px 11px}.label-top .pop-icon{width:36px;height:36px}.label-bottom{bottom:5%;right:-1%;font-size:12px;padding:8px 10px}.label-bottom .pop-icon{width:30px;height:30px}.creator-paint{top:33%;width:132%;left:-16%}.studio-heading{display:block;margin-bottom:30px}.studio-heading h2{font-size:49px;margin:0 0 23px}.studio-intro{max-width:none;font-size:13px;line-height:1.9}.comic-demo{padding:6px;border-radius:20px;box-shadow:6px 6px 0 #0dd5e780}.comic-demo:before{width:78px;height:20px;top:-10px;right:8%}.comic-toolbar{padding:8px 6px 12px;gap:8px}.studio-word{font-size:17px;gap:3px}.studio-word .pop-icon{height:29px;width:29px}.preview-label{display:none}.comic-stage{aspect-ratio:1.18;border-width:2px;border-radius:12px;background-position:center}.speech{font-size:16px;width:45%;padding:11px 8px;min-height:70px;border-width:2px;border-radius:25px}.speech-left{left:4%;top:7%}.speech-right{right:3%;top:18%}.speech:after{width:16px;height:16px;border-width:2px;bottom:-11px}.actor{height:60%;width:47%;bottom:3%}.actor-left{left:6%}.actor-right{right:5%}.scene-reaction{font-size:41px;top:42%;right:40%}.scene-corner{font-size:7px;left:8px;bottom:9px;padding:4px 7px}.comic-stage[data-scene='entrance'] .actor-left{left:26%}.comic-stage[data-scene='entrance'] .speech-left{left:24%;width:54%;top:8%}.scene-controls{flex-direction:column;align-items:stretch;gap:13px;padding:13px 2px 7px}.scene-tabs{gap:5px;justify-content:center;flex-wrap:nowrap}.scene-tab{font-size:9px;padding:9px 8px;min-height:35px;line-height:1.3}.dialogue-button{align-self:center;font-size:11px;gap:5px}.dialogue-button .pop-icon{height:26px;width:26px}.studio-footnote{align-items:flex-start;flex-direction:column;gap:17px;margin-top:25px}.studio-footnote p{max-width:none;font-size:10px}.studio-footnote .text-link{font-size:12px}.inside-heading{margin-bottom:31px}.inside-heading h2{font-size:43px;line-height:1.08}.world-grid{display:flex;flex-direction:column;gap:23px}.works-card,.gacha-card{min-height:0;padding:27px 25px 23px;border-radius:24px}.feature-heading>.pop-icon{height:33px;width:33px}.feature-tag{font-size:8px;letter-spacing:.07em}.works-card h3,.gacha-card h3{font-size:38px;margin-top:18px}.works-card>p,.gacha-card>p{font-size:12px;max-width:none;line-height:1.9}.book-shelf{height:330px;margin:30px 0 4px}.comic-book{height:282px;max-width:180px;width:48%}.book-title{font-size:27px}.book-top{font-size:6px}.book-issue{font-size:6px}.book-star{right:-5px;top:40%;width:55px;height:55px}.feature-caption{font-size:7px;margin:8px -8px 0;letter-spacing:.06em}.machine-stage{height:370px}.machine-stage>img{height:104%;width:100%}.gacha-tour{font-size:16px;padding:11px 18px;margin:3px auto 0}.gacha-tour>.pop-icon{width:28px;height:28px}.community-note{padding:25px 0;gap:14px;align-items:flex-start;margin-top:26px}.community-note>.pop-icon:first-child{height:43px;width:43px}.community-note>.pop-icon:last-child{display:none}.community-note strong{font-size:21px;line-height:1.15}.community-note p>span{font-size:12px;line-height:1.8}.faq-section{display:block;padding:0 0 65px}.faq-section h2{font-size:35px;margin:0 0 14px}.faq-list details{padding-block:22px}.faq-list summary{font-size:14px}.faq-list details>p{font-size:12px}.download-inner{padding-block:69px 65px}.download-inner>.eyebrow{font-size:8px;letter-spacing:.06em}.download-inner h2{font-size:62px;letter-spacing:-.045em;margin-top:23px}.download-inner>p:not(.eyebrow){font-size:13px;max-width:285px}.download-note{font-size:10px}.download-doodle{height:40px;width:40px;left:0%;top:25%;transform:rotate(-20deg)}.download-section:before{left:-353px;opacity:.7}.download-section:after{right:-355px;opacity:.7}.site-footer{padding-block:33px;gap:28px;align-items:flex-start}.site-footer .brandmark{width:135px}.site-footer>div>p{font-size:10px}.footer-links{font-size:11px;flex-direction:column;align-items:flex-start;gap:14px}.copyright{font-size:9px;display:block;line-height:1.9}.copyright br{display:block}.tour-dialog h2{font-size:19px}.tour-dialog video{max-height:66dvh}.legal-content{margin-block:40px 65px;padding-inline:22px}.legal-content h1{font-size:43px}}
@media(max-width:359px){.container{width:calc(100% - 32px)}.hero h1{font-size:52px}.hero .store-buttons{gap:7px}.store-button{padding:10px 12px;gap:7px}.store-button strong{font-size:16px}.store-button svg{width:21px;height:25px}.hero-bottom{gap:8px}.creator-art{min-height:545px}.phone-shell{width:231px}.label-bottom{font-size:10px}.scene-tab{font-size:8px;padding-inline:6px}.download-inner h2{font-size:54px}.download-doodle{width:31px;height:31px;left:-2%}.book-title{font-size:24px}.comic-book{height:260px}.book-shelf{height:307px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-enabled [data-reveal]{opacity:1;transform:none}.hero-character{transform:none}}

/* Keep decorative paint inside the page, without changing section layouts. */
main{overflow:clip}html:lang(zh-CN) .hero h1{font-size:clamp(48px,5.3vw,76px);line-height:1.14}
@media(max-width:580px){html:lang(zh-CN) .hero h1{font-size:45px;line-height:1.19}}