:root{--ink:#25212f;--muted:#777181;--purple:#7045d6;--purple-dark:#5630b5;--lavender:#f0ebfa;--line:#e9e5ef;--paper:#fcfbfe;--white:#fff;--radius:3px;--shadow:0 18px 65px #34205c0b;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a88ae9;outline-offset:4px}[hidden]{display:none!important}p{margin:0 0 1em}h1,h2,h3{line-height:1.15;margin:0;font-weight:650;letter-spacing:-.04em}h2{font-size:38px}h3{font-size:20px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.container{width:min(1160px,calc(100% - 64px));margin:auto}.brand{font-size:25px;font-weight:760;letter-spacing:-1.2px;white-space:nowrap;display:inline-flex;align-items:center;gap:0}.brand:before{content:"";width:30px;height:30px;margin-right:9px;background:url('/assets/favicon.svg') center/contain no-repeat}.brand span{color:var(--purple)}.site-nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid transparent}.site-nav-wrap{background:var(--paper);position:sticky;top:0;z-index:30;}.nav-links,.nav-actions{display:flex;align-items:center;gap:30px}.nav-links{font-size:14px;color:#6a6474}.nav-links a:hover,.text-link:hover{color:var(--purple)}.nav-actions{gap:22px;font-size:14px;font-weight:600;white-space:nowrap}.button,.btn{border:1px solid transparent;display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:44px;padding:11px 20px;border-radius:3px;font-size:14px;line-height:1.25;font-weight:600;cursor:pointer;text-decoration:none;background:var(--purple);color:#fff;transition:background .15s}.button:hover,.btn:hover{background:var(--purple-dark)}.button-light{background:white;color:var(--ink);border-color:var(--line)}.button-light:hover{background:var(--lavender)}.button-large{padding:16px 24px;min-height:54px;font-size:15px}.button svg{width:18px;height:18px}.button-plain{background:transparent;color:var(--ink)}.button-plain:hover{background:var(--lavender)}.eyebrow{font-size:12px;letter-spacing:0;font-weight:600;color:var(--purple)}.mobile-menu{display:none}.site-footer{border-top:1px solid var(--line);padding:35px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-row .brand{font-size:21px}.footer-row .brand:before{width:25px;height:25px}.footer-links{display:flex;gap:25px;font-size:13px;color:var(--muted)}.footer-note{font-size:12px;color:var(--muted);margin:20px 0 0}.badge-preview{font-size:11px;color:var(--muted)}
.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:76px;align-items:center;padding:62px 0 84px}.hero-tag{font-size:12px;color:var(--muted);margin-bottom:24px}.hero h1{font-size:clamp(42px,4.6vw,65px);letter-spacing:-.055em;line-height:1.08;max-width:580px}.hero h1 span{color:var(--ink)}.hero-copy{font-size:17px;color:var(--muted);max-width:430px;margin:25px 0 30px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:14px}.hero-formats{display:flex;gap:17px;font-size:11px;letter-spacing:.06em;color:#92899f;margin-top:24px;align-items:center}.hero-formats b{font-weight:600;border:1px solid var(--line);background:white;border-radius:3px;padding:2px 5px;font-size:10px}.demo-wrap{position:relative}.manga-demo{background:#fff;border:1px solid #e1d9ed;border-radius:3px;overflow:hidden;box-shadow:none}.demo-top{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-size:11px;color:var(--muted)}.demo-title{display:flex;align-items:center;gap:7px;color:#49414f;font-weight:600}.demo-title svg{width:15px;height:15px;color:var(--purple)}.manga-art{position:relative;aspect-ratio:1.13;overflow:hidden;background:#eee}.manga-art img{width:100%;height:100%;object-fit:cover;object-position:center 26%}.bubble-text{position:absolute;left:64%;top:8%;width:23%;height:30%;display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Comic Sans MS","Chalkboard SE",sans-serif;font-weight:650;font-size:clamp(11px,1.25vw,17px);line-height:1.4}.bubble-text.japanese{writing-mode:vertical-rl;font-family:serif;font-size:22px;letter-spacing:2px;left:66%;width:19%}.demo-bottom{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.demo-tabs{display:flex;gap:18px}.demo-tabs button{border:0;background:transparent;color:var(--muted);font-size:11px;border-radius:0;padding:6px 0;border-bottom:2px solid transparent}.demo-tabs button[aria-selected=true]{color:var(--purple);border-bottom-color:var(--purple)}.demo-bottom>span{font-size:10px;color:#99909f}.feature-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:24px 0}.feature-strip-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-strip-inner>div{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}.feature-strip svg{color:var(--purple);width:22px;height:22px}.feature-strip b{display:block;font-size:13px;color:var(--ink);font-weight:600;margin-bottom:2px}.home-section{padding:88px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:40px}.section-heading h2{margin-top:10px}.section-heading p{max-width:370px;font-size:14px;color:var(--muted);margin:0;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{padding:24px 0;border-top:1px solid var(--line)}.step-number{display:block;color:var(--purple);font-size:12px;font-weight:600;margin-bottom:20px}.step h3{font-size:18px;letter-spacing:-.025em;margin-bottom:12px}.step p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.reading-section{background:#f7f5fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.reading-copy h2{margin:10px 0 22px}.reading-copy p{font-size:14px;color:var(--muted);line-height:1.9}.reading-list{display:grid;gap:24px}.reading-item{display:flex;gap:18px}.reading-item svg{color:var(--purple);margin-top:3px}.reading-item h3{font-size:16px;letter-spacing:-.02em;margin-bottom:6px}.reading-item p{font-size:13px;color:var(--muted);line-height:1.75;margin:0}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:90px}.faq-grid h2{margin:12px 0 20px}.faq-grid p{font-size:14px;color:var(--muted);max-width:290px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:14px;font-weight:550;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px}.faq-list summary:after{content:"+";color:var(--muted);font-weight:400;font-size:19px;line-height:1.2}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:13px;line-height:1.8;margin:14px 0 0;max-width:100%}
.auth-shell{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.auth-aside{background:#f0eafa;padding:70px max(40px,calc((100vw - 1160px)/2));padding-right:60px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.auth-aside h1{font-size:45px;margin:22px 0;max-width:430px}.auth-aside p{font-size:15px;color:var(--muted);max-width:350px;line-height:1.8}.auth-mini-art{position:relative;width:min(300px,100%);height:220px;overflow:hidden;border:1px solid var(--line);margin-top:30px}.auth-mini-art img{width:100%;height:100%;object-fit:cover;object-position:50% 65%}.auth-main{display:flex;justify-content:center;align-items:center;padding:70px 45px}.auth-card{width:100%;max-width:370px}.auth-card h1{font-size:31px;margin:12px 0}.auth-card>.intro{font-size:14px;color:var(--muted);margin-bottom:30px}.form-field{display:flex;flex-direction:column;gap:8px;margin:18px 0}.form-field label{font-size:12px;font-weight:600}.form-field input{width:100%;border:1px solid #dfd8e9;border-radius:3px;padding:12px 13px;background:white;min-height:46px;font-size:14px;color:var(--ink)}.form-field input:focus{border-color:var(--purple);outline:2px solid #7045d61a}.password-input{display:flex;position:relative}.password-input input{padding-right:62px}.password-input button{position:absolute;right:9px;top:10px;padding:4px;border:0;background:transparent;font-size:11px;color:var(--muted)}.auth-card button[type=submit]{width:100%;margin-top:12px}.auth-status{font-size:12px;color:#b23a52;min-height:20px;line-height:1.6;margin-top:14px}.auth-switch{border-top:1px solid var(--line);padding-top:24px;margin-top:22px;font-size:13px;color:var(--muted);text-align:center}.auth-switch a{color:var(--purple);font-weight:600}.form-hint{font-size:11px;color:var(--muted);margin:0}.auth-preview{font-size:11px;color:var(--muted);margin-top:22px;display:flex;gap:8px;align-items:center}.auth-preview svg{width:14px;height:14px}.account-section{max-width:820px;padding:65px 0 90px}.account-section h1{font-size:38px;margin:10px 0 18px}.account-intro{color:var(--muted);font-size:14px}.account-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}.account-panel{background:white;border:1px solid var(--line);border-radius:3px;padding:26px}.account-panel h2{font-size:18px;margin-bottom:22px}.account-panel label{display:block;font-size:11px;color:var(--muted);margin-top:18px}.account-panel p{font-size:14px;margin:4px 0}.credit-number{font-size:48px;font-weight:650;letter-spacing:-.04em;line-height:1.3}.account-panel .muted{font-size:12px;color:var(--muted);line-height:1.8}.account-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:30px}.credit-log{font-size:13px;color:var(--muted);margin-top:15px}
@media(min-width:1600px){.container{width:min(1200px,calc(100% - 100px))}.hero{gap:110px}}
@media(max-width:1000px){.hero{gap:38px}.hero h1{font-size:48px}.nav-links{gap:20px}.feature-strip-inner{grid-template-columns:1fr 1fr}.reading-grid,.faq-grid{gap:45px}.hero-actions{flex-wrap:wrap}.auth-aside{padding:55px 35px}.auth-aside h1{font-size:38px}}
@media(max-width:760px){.container{width:calc(100% - 38px)}.site-nav{height:73px;gap:15px}.brand{font-size:22px}.brand:before{width:27px;height:27px}.nav-links{display:none}.nav-actions{gap:16px;font-size:12px}.nav-actions .button{min-height:38px;padding:9px 13px;font-size:12px}.hero{grid-template-columns:1fr;padding:42px 0 66px;gap:43px}.hero h1{font-size:47px;max-width:520px}.hero-copy{font-size:15px;margin:20px 0 24px}.hero-tag{margin-bottom:20px}.hero-formats{gap:14px;margin-top:20px}.demo-wrap{max-width:480px;width:calc(100% - 14px);margin:auto}.bubble-text{font-size:13px}.bubble-text.japanese{font-size:17px}.feature-strip-inner{gap:20px 12px}.feature-strip-inner>div{gap:8px;font-size:10px}.feature-strip b{font-size:11px}.feature-strip svg{width:18px;height:18px}.home-section{padding:60px 0}.section-heading{display:block;margin-bottom:26px}.section-heading p{margin-top:20px}.section-heading h2,h2{font-size:31px}.steps{grid-template-columns:1fr;gap:12px}.step{padding:24px 0}.step-number{margin-bottom:15px}.reading-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.reading-copy h2{max-width:340px}.faq-grid p{max-width:100%}.footer-row{align-items:start;flex-direction:column;gap:22px}.footer-links{gap:24px;font-size:12px}.auth-shell{grid-template-columns:1fr;min-height:calc(100vh - 73px)}.auth-aside{display:none}.auth-main{padding:55px 25px;align-items:flex-start}.account-section{padding:40px 0 65px}.account-panels{grid-template-columns:1fr}.account-bottom{flex-wrap:wrap}}

.account-chip{display:inline-flex;align-items:center;gap:8px;font-size:12px}.avatar{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:3px;background:#ece4f8;color:var(--purple);font-size:12px;font-weight:650}.manga-art img{object-position:center top}.bubble-text{top:18%;height:25%}.bubble-text.japanese{top:15%;height:31%}

#site-header{position:sticky;top:0;z-index:40}@media(max-width:760px){.site-nav .account-chip>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

@media(max-width:400px){.site-nav{gap:10px}.site-nav .brand{font-size:19px}.site-nav .brand:before{width:24px;height:24px;margin-right:6px}.site-nav .nav-actions{gap:12px}.site-nav .nav-actions .button{font-size:11px;padding:8px 10px}.site-nav .nav-actions .button svg{display:none}}