:root{--bg:#FFFDF4;--ink:#20343B;--ink-soft:#5F757D;--teal:#00A99C;--teal-deep:#00877D;--teal-dark:#006B63;--coral:#FF6B5E;--coral-deep:#E84E41;--sun:#FFD23F;--sun-deep:#EDB800;--lav:#9D8DF1;--white:#FFFFFF;--line:#EAE4D0;--err:#E8524B;--r-lg:26px;--r-md:18px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"M PLUS Rounded 1c",sans-serif;background:var(--bg);color:var(--ink);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.confetti span{position:absolute;border-radius:50%;opacity:.5;animation:float 9s ease-in-out infinite}.confetti .sq{border-radius:6px}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-26px) rotate(14deg)}}main,header,footer{position:relative;z-index:1}.mark{width:44px;height:44px;border-radius:14px;background:var(--teal);display:grid;place-items:center;flex-shrink:0;box-shadow:0 5px 0 var(--teal-dark);transform:rotate(-4deg);position:relative}.mark svg{width:27px;height:27px}.mark .spark{position:absolute;top:-7px;right:-7px;width:18px;height:18px}header{display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,5vw,56px);background:#fffdf4e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink)}.brand-name{font-family:Zen Maru Gothic,sans-serif;font-weight:900;font-size:1.35rem;letter-spacing:.03em}.brand-name small{display:block;font-size:.6rem;font-weight:700;color:var(--teal-deep);letter-spacing:.22em;margin-top:-3px}nav{display:flex;gap:22px;align-items:center}nav a{font-size:.87rem;font-weight:700;color:var(--ink-soft);text-decoration:none;transition:.2s;display:inline-block}nav a:hover{color:var(--teal-deep);transform:translateY(-2px)}.badge-free{font-size:.8rem;font-weight:800;color:#fff;background:var(--coral);border-radius:999px;padding:7px 18px;box-shadow:0 4px 0 var(--coral-deep)}@media (max-width:640px){nav a:not(.badge-free){display:none}}.hero{max-width:1080px;margin:0 auto;padding:clamp(36px,6vw,66px) clamp(20px,5vw,56px) 20px;text-align:center}.hero-eyebrow{display:inline-block;font-size:.82rem;font-weight:800;letter-spacing:.1em;color:var(--sun-deep);background:#fff6d6;border:2px solid var(--sun);border-radius:999px;padding:6px 20px;transform:rotate(-1.5deg);margin-bottom:22px}h1{font-family:Zen Maru Gothic,sans-serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;letter-spacing:.02em;line-height:1.32}h1 .accent{background:linear-gradient(120deg,var(--teal-deep),var(--teal) 55%,var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent}.marker{background:linear-gradient(transparent 62%,#ffe9a3 62%);border-radius:4px;padding:0 2px}.hero p.lead{margin:18px auto 0;max-width:580px;color:var(--ink-soft);font-weight:500;font-size:clamp(.92rem,1.6vw,1.02rem)}.trust-line{margin-top:16px;display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:800;color:#7c4dbf;background:#f0ebfe;border:2px solid var(--lav);border-radius:999px;padding:8px 20px}.trust-line svg{width:17px;height:17px;flex-shrink:0}.app{max-width:840px;margin:36px auto 0;padding:0 clamp(20px,5vw,56px)}.stage{animation:pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.dropzone{position:relative;cursor:pointer;border-radius:var(--r-lg);background:var(--white);border:3px dashed var(--teal);box-shadow:0 10px #00a99c29;padding:clamp(36px,6vw,56px) 24px clamp(30px,5vw,44px);transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,border-color .22s;text-align:center}.dropzone:hover,.dropzone.dragover{transform:translateY(-6px) rotate(-.4deg);border-color:var(--coral);box-shadow:0 16px #ff6b5e38}.dropzone:focus-visible{outline:4px solid var(--sun);outline-offset:4px}.dz-sticker{position:absolute;top:-16px;right:22px;background:var(--sun);color:var(--ink);font-weight:900;font-size:.8rem;border-radius:999px;padding:8px 18px;transform:rotate(4deg);box-shadow:0 4px 0 var(--sun-deep)}.book{width:min(220px,60%);margin:0 auto 16px;display:block}.book .arrow{animation:bounceUp 2s ease-in-out infinite}@keyframes bounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.dz-title{font-family:Zen Maru Gothic,sans-serif;font-weight:900;font-size:clamp(1.15rem,2.4vw,1.45rem)}.dz-sub{color:var(--ink-soft);font-weight:500;font-size:.87rem;margin-top:8px}.dz-formats{display:flex;gap:9px;justify-content:center;margin-top:16px;flex-wrap:wrap}.dz-formats span{font-size:.75rem;font-weight:800;color:#fff;border-radius:999px;padding:5px 14px}.dz-formats span:nth-child(1){background:var(--teal);box-shadow:0 3px 0 var(--teal-dark)}.dz-formats span:nth-child(2){background:var(--coral);box-shadow:0 3px 0 var(--coral-deep)}.dz-formats span:nth-child(3){background:var(--lav);box-shadow:0 3px #7e6bd8}.btn{display:inline-flex;align-items:center;gap:10px;color:#fff;font-family:inherit;font-weight:800;border:none;border-radius:999px;cursor:pointer;transition:transform .15s,box-shadow .15s;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-coral{background:var(--coral);box-shadow:0 6px 0 var(--coral-deep)}.btn-coral:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 0 var(--coral-deep)}.btn-coral:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--coral-deep)}.btn-teal{background:var(--teal);box-shadow:0 6px 0 var(--teal-dark)}.btn-teal:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 0 var(--teal-dark)}.btn-ghost{background:var(--white);color:var(--ink-soft);border:3px solid var(--line);box-shadow:none;font-weight:800}.btn-ghost:hover{border-color:var(--teal);color:var(--teal-deep)}.btn-lg{padding:15px 40px;font-size:1rem}.btn-md{padding:11px 26px;font-size:.9rem}.btn-sm{padding:8px 18px;font-size:.82rem}.dz-note{font-size:.76rem;font-weight:500;color:var(--ink-soft);margin-top:14px}.panel{background:var(--white);border-radius:var(--r-md);padding:24px 26px;text-align:left;box-shadow:0 6px #20343b0f;margin-top:18px}.panel-label{display:inline-block;font-size:.76rem;font-weight:900;letter-spacing:.1em;color:#fff;border-radius:999px;padding:4px 16px;margin-bottom:16px}.pl-teal{background:var(--teal);box-shadow:0 3px 0 var(--teal-dark)}.pl-coral{background:var(--coral);box-shadow:0 3px 0 var(--coral-deep)}.pl-lav{background:var(--lav);box-shadow:0 3px #7e6bd8}.pl-sun{background:var(--sun);color:var(--ink);box-shadow:0 3px 0 var(--sun-deep)}.optional{font-weight:700;color:var(--ink-soft);font-size:.74rem;margin-left:8px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:560px){.mode-grid{grid-template-columns:1fr}}.mode-card{border:3px solid var(--line);border-radius:var(--r-md);padding:16px;cursor:pointer;background:var(--bg);display:flex;gap:14px;align-items:center;transition:.2s;font-family:inherit;text-align:left;color:var(--ink)}.mode-card:hover{transform:translateY(-3px)}.mode-card.selected{border-color:var(--teal);background:#e6f7f5}.mode-card b{font-size:.95rem;font-weight:800;display:block}.mode-card small{color:var(--ink-soft);font-weight:500;font-size:.78rem;line-height:1.55;display:block;margin-top:2px}.opt-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:560px){.opt-row{grid-template-columns:1fr}}.seg{display:flex;border:3px solid var(--line);border-radius:999px;overflow:hidden;background:var(--bg)}.seg button{flex:1;padding:11px;border:none;background:transparent;font-family:inherit;font-size:.87rem;font-weight:800;color:var(--ink-soft);cursor:pointer;border-radius:999px;transition:.2s}.seg button.on{background:var(--teal);color:#fff;box-shadow:0 3px 0 var(--teal-dark)}.field label{font-size:.82rem;font-weight:800;display:block;margin-bottom:7px}.field input{width:100%;padding:12px 16px;border:3px solid var(--line);border-radius:14px;font-family:inherit;font-weight:500;font-size:.92rem;background:var(--bg);transition:.2s}.field input:focus{outline:none;border-color:var(--teal)}.field-error{font-size:.78rem;font-weight:700;color:var(--err);margin-top:8px}.file-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--white);border-radius:var(--r-md);padding:20px 24px;box-shadow:0 6px #20343b0f}.file-summary .fs-icon{width:52px;height:52px;border-radius:16px;background:#e6f7f5;display:grid;place-items:center;flex-shrink:0}.file-summary .fs-icon svg{width:27px;height:27px}.file-summary b{font-size:1.02rem;font-weight:900}.file-summary small{display:block;color:var(--ink-soft);font-weight:500;font-size:.8rem}.file-summary .fs-clear{margin-left:auto}.ep-list{margin-top:14px;display:grid;gap:10px}.ep-row{display:flex;align-items:center;gap:14px;background:var(--white);border-radius:14px;padding:13px 18px;box-shadow:0 4px #20343b0d}.ep-thumb{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;font-weight:900;font-size:.8rem;color:#fff}.ep-row:nth-child(3n+1) .ep-thumb{background:var(--teal)}.ep-row:nth-child(3n+2) .ep-thumb{background:var(--lav)}.ep-row:nth-child(3n) .ep-thumb{background:var(--coral)}.ep-name{font-weight:800;font-size:.92rem}.ep-meta{font-size:.76rem;font-weight:500;color:var(--ink-soft)}.ep-pages{margin-left:auto;font-size:.8rem;font-weight:800;color:var(--teal-deep);background:#e6f7f5;border-radius:999px;padding:4px 14px;white-space:nowrap;align-self:flex-start;margin-top:4px}.ep-body{flex:1;min-width:0}.ep-fname{margin-top:8px;display:flex;align-items:center;gap:7px;background:var(--bg);border:2px solid var(--line);border-radius:10px;padding:6px 12px;transition:border-color .2s;max-width:340px}.ep-fname:focus-within{border-color:var(--teal)}.ep-fname svg{width:14px;height:14px;color:var(--ink-soft);flex-shrink:0}.ep-fname input{flex:1;min-width:0;border:none;background:transparent;font-family:inherit;font-weight:700;font-size:.82rem;color:var(--ink)}.ep-fname input:focus{outline:none}.ep-fname .ext{font-size:.78rem;font-weight:800;color:var(--ink-soft);flex-shrink:0}.size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width:640px){.size-grid{grid-template-columns:repeat(2,1fr)}}.size-chip{border:3px solid var(--line);border-radius:14px;background:var(--bg);font-family:inherit;padding:12px 10px;cursor:pointer;text-align:center;transition:.2s}.size-chip:hover{transform:translateY(-2px)}.size-chip.on{border-color:var(--sun);background:#fff6d6}.size-chip b{display:block;font-size:.86rem;font-weight:900;color:var(--ink)}.size-chip small{display:block;font-size:.68rem;font-weight:600;color:var(--ink-soft);margin-top:2px;line-height:1.4}.size-custom{margin-top:14px;animation:pop .3s cubic-bezier(.34,1.56,.64,1)}.size-note{font-size:.74rem;font-weight:500;color:var(--ink-soft);margin-top:8px}.start-bar{margin-top:24px;text-align:center}.start-bar .hint{font-size:.78rem;font-weight:500;color:var(--ink-soft);margin-top:12px}.conv-card{background:var(--white);border-radius:var(--r-lg);padding:clamp(30px,5vw,46px);box-shadow:0 10px #00a99c29;text-align:center}.conv-book{width:120px;margin:0 auto 10px;display:block}.conv-book .flip{animation:flip 1.4s ease-in-out infinite}@keyframes flip{0%,to{transform:scaleX(1)}50%{transform:scaleX(-.9)}}.conv-title{font-family:Zen Maru Gothic,sans-serif;font-weight:900;font-size:clamp(1.1rem,2.3vw,1.4rem)}.conv-sub{color:var(--ink-soft);font-weight:500;font-size:.85rem;margin-top:6px}.progress-wrap{max-width:480px;margin:24px auto 0}.progress-track{height:20px;border-radius:999px;background:#eaf6f4;overflow:hidden;border:3px solid #D4EEEA}.progress-fill{height:100%;border-radius:999px;background:repeating-linear-gradient(45deg,var(--teal),var(--teal) 12px,#1FC0B2 12px,#1FC0B2 24px);background-size:34px 34px;animation:slide 1s linear infinite;transition:width .5s ease}@keyframes slide{to{background-position:34px 0}}.progress-num{display:flex;justify-content:space-between;font-size:.82rem;font-weight:800;margin-top:8px}.progress-num .pct{color:var(--teal-deep)}.conv-list{max-width:480px;margin:22px auto 0;display:grid;gap:8px;text-align:left}.conv-row{display:flex;align-items:center;gap:12px;background:var(--bg);border-radius:12px;padding:11px 16px;font-size:.87rem;font-weight:700}.conv-row .st{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.conv-row.done .st{background:var(--teal)}.conv-row.doing .st{background:var(--sun)}.conv-row.wait .st{background:var(--line)}.conv-row.doing .st svg{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.conv-row .lbl{flex:1}.conv-row.wait{color:var(--ink-soft)}.conv-row small{font-weight:500;font-size:.74rem;color:var(--ink-soft)}.conv-warn{margin-top:22px;display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800;color:var(--sun-deep);background:#fff6d6;border:2px solid var(--sun);border-radius:999px;padding:7px 18px}.done-card{background:var(--white);border-radius:var(--r-lg);padding:clamp(30px,5vw,46px);box-shadow:0 10px #ffd23f73;text-align:center;position:relative;overflow:hidden}.done-card.partial{box-shadow:0 10px #00a99c29}.done-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.done-burst span{position:absolute;width:9px;height:9px;border-radius:2px;animation:burst 1.6s ease-out infinite}@keyframes burst{0%{transform:translateY(-12px) rotate(0);opacity:0}18%{opacity:.9}to{transform:translateY(130px) rotate(240deg);opacity:0}}.done-badge{width:76px;height:76px;border-radius:50%;margin:0 auto 14px;background:var(--teal);display:grid;place-items:center;box-shadow:0 6px 0 var(--teal-dark);animation:popIn .5s cubic-bezier(.34,1.8,.64,1)}.done-badge.warn{background:var(--sun);box-shadow:0 6px 0 var(--sun-deep)}@keyframes popIn{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.done-badge svg{width:38px;height:38px}.done-title{font-family:Zen Maru Gothic,sans-serif;font-weight:900;font-size:clamp(1.25rem,2.6vw,1.6rem)}.done-sub{color:var(--ink-soft);font-weight:500;font-size:.87rem;margin-top:6px}.dl-list{max-width:520px;margin:24px auto 0;display:grid;gap:10px;text-align:left}.dl-row{display:flex;align-items:center;gap:13px;background:var(--bg);border-radius:14px;padding:13px 16px}.dl-ico{width:40px;height:40px;border-radius:11px;background:#e6f7f5;display:grid;place-items:center;flex-shrink:0}.dl-ico svg{width:21px;height:21px}.dl-name{font-weight:800;font-size:.9rem;word-break:break-all}.dl-meta{font-size:.74rem;font-weight:500;color:var(--ink-soft);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ok-chip{display:inline-flex;align-items:center;gap:4px;color:var(--teal-deep);font-weight:800}.ok-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal)}.ng-chip{display:inline-flex;align-items:center;gap:4px;color:var(--sun-deep);font-weight:800}.ng-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sun)}.dl-row .btn{margin-left:auto;flex-shrink:0}.done-actions{margin-top:26px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.saved-note{margin-top:20px;display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800;color:var(--teal-deep);background:#e6f7f5;border:2px solid var(--teal);border-radius:999px;padding:7px 18px}.saved-note svg{width:15px;height:15px}.err-strip{display:flex;align-items:flex-start;gap:13px;background:#fdeceb;border:3px solid var(--err);border-radius:var(--r-md);padding:18px 20px;margin-top:14px;text-align:left}.err-strip .ei{width:34px;height:34px;border-radius:50%;background:var(--err);display:grid;place-items:center;flex-shrink:0}.err-strip .ei svg{width:18px;height:18px}.err-strip b{font-size:.92rem;font-weight:900;color:#b33630}.err-strip p{font-size:.82rem;font-weight:500;color:#8a4440;margin-top:3px}.err-strip .btn{margin-left:auto;flex-shrink:0;align-self:center}.warn-strip{display:flex;align-items:flex-start;gap:13px;background:#fff6d6;border:3px solid var(--sun);border-radius:var(--r-md);padding:18px 20px;margin-top:14px;text-align:left}.warn-strip .ei{width:34px;height:34px;border-radius:50%;background:var(--sun);display:grid;place-items:center;flex-shrink:0}.warn-strip .ei svg{width:18px;height:18px}.warn-strip b{font-size:.92rem;font-weight:900;color:#9a7b00}.warn-strip p{font-size:.82rem;font-weight:500;color:#8a7440;margin-top:3px}.steps{max-width:1080px;margin:76px auto 0;padding:0 clamp(20px,5vw,56px)}.steps h2{font-family:Zen Maru Gothic,sans-serif;font-size:clamp(1.4rem,2.8vw,1.8rem);font-weight:900;text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}@media (max-width:760px){.steps-grid{grid-template-columns:1fr}}.step{background:var(--white);border-radius:var(--r-md);padding:28px 24px;text-align:center;position:relative;transition:transform .25s}.step:hover{transform:translateY(-5px) rotate(-.5deg)}.step:nth-child(1){box-shadow:0 7px #00a99c4d}.step:nth-child(2){box-shadow:0 7px #9d8df159}.step:nth-child(3){box-shadow:0 7px #ffd23f80}.step .num{position:absolute;top:-15px;left:50%;transform:translate(-50%) rotate(-3deg);font-family:Zen Maru Gothic,sans-serif;font-weight:900;font-size:.85rem;color:#fff;border-radius:999px;padding:5px 18px}.step:nth-child(1) .num{background:var(--teal);box-shadow:0 3px 0 var(--teal-dark)}.step:nth-child(2) .num{background:var(--lav);box-shadow:0 3px #7e6bd8}.step:nth-child(3) .num{background:var(--sun);color:var(--ink);box-shadow:0 3px 0 var(--sun-deep)}.step .icon{width:58px;height:58px;margin:8px auto 14px;border-radius:18px;display:grid;place-items:center}.step:nth-child(1) .icon{background:#e6f7f5}.step:nth-child(2) .icon{background:#f0ebfe}.step:nth-child(3) .icon{background:#fff6d6}.step .icon svg{width:28px;height:28px}.step b{font-size:1rem;font-weight:800}.step p{font-size:.84rem;font-weight:500;color:var(--ink-soft);margin-top:8px}.privacy{max-width:1080px;margin:76px auto 0;padding:0 clamp(20px,5vw,56px)}.privacy-inner{border-radius:var(--r-lg);background:linear-gradient(120deg,var(--teal-deep),var(--teal));color:#fff;padding:clamp(32px,5vw,50px);display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;position:relative;overflow:hidden;box-shadow:0 10px #00877d4d}.privacy-inner:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#ffffff17;top:-60px;right:-40px}.privacy-inner:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:#ffd23f40;bottom:-40px;right:120px}@media (max-width:640px){.privacy-inner{grid-template-columns:1fr;text-align:center}}.privacy-inner .lock{width:70px;height:70px;border-radius:22px;background:#ffffff2b;display:grid;place-items:center;margin:0 auto;transform:rotate(-5deg)}.privacy-inner .lock svg{width:34px;height:34px}.privacy-inner h3{font-family:Zen Maru Gothic,sans-serif;font-size:clamp(1.15rem,2.3vw,1.45rem);font-weight:900}.privacy-inner p{font-size:.89rem;font-weight:500;opacity:.94;margin-top:9px;max-width:570px;position:relative;z-index:1}.privacy-inner .sun-txt{color:var(--sun);font-weight:900}footer{margin-top:84px;padding:36px clamp(20px,5vw,56px);background:#edf8f1;border-top-left-radius:36px;border-top-right-radius:36px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}footer .f-brand{display:flex;align-items:center;gap:11px;font-family:Zen Maru Gothic,sans-serif;font-weight:900;font-size:1.05rem}footer .f-brand .mark{width:32px;height:32px;border-radius:10px;box-shadow:0 3px 0 var(--teal-dark)}footer .f-brand .mark svg{width:19px;height:19px}footer .f-brand .mark .spark{width:13px;height:13px;top:-5px;right:-5px}footer small{color:var(--ink-soft);font-weight:500;font-size:.76rem}footer .f-links{display:flex;gap:22px;flex-wrap:wrap}footer .f-links a{font-size:.8rem;font-weight:700;color:var(--ink-soft);text-decoration:none;transition:.2s}footer .f-links a:hover{color:var(--teal-deep)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}