: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;inset: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;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)}.cta-pair{display:flex;gap:8px;align-items:center}.btn-nav{font-size:.8rem;font-weight:800;color:#fff!important;border-radius:999px;padding:7px 18px;text-decoration:none;transition:transform .15s,box-shadow .15s;white-space:nowrap}.btn-nav.make{background:var(--coral);box-shadow:0 4px 0 var(--coral-deep)}.btn-nav.check{background:var(--teal);box-shadow:0 4px 0 var(--teal-dark)}a.btn-nav:hover{transform:translateY(-2px)}.btn-nav.cur{transform:translateY(3px);opacity:.9}.btn-nav.make.cur{box-shadow:0 1px 0 var(--coral-deep)}.lang-sel{font-family:inherit;font-size:.8rem;font-weight:800;color:var(--ink-soft);background:var(--white);border:2px solid var(--line);border-radius:999px;padding:6px 10px;cursor:pointer;transition:.2s}.lang-sel:hover,.lang-sel:focus{border-color:var(--teal);color:var(--teal-deep);outline:none}@media (max-width:640px){nav a:not(.badge-free):not(.btn-nav){display:none}}@media (max-width:520px){header{padding:12px 16px}nav{gap:9px}.brand{gap:9px}.brand-name{font-size:1.05rem}.brand-name small{display:none}header .mark{width:34px;height:34px;border-radius:11px}header .mark svg{width:20px;height:20px}.btn-nav{font-size:.74rem;padding:6px 12px}.badge-free{font-size:.74rem;padding:6px 13px}.lang-sel,.lang-select{font-size:.74rem;padding:5px 7px;max-width:88px}.lang-link{padding:5px 11px!important}}@media (max-width:480px){.brand-name{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}.dz-formats span:nth-child(4){background:var(--sun);color:var(--ink);box-shadow:0 3px 0 var(--sun-deep)}.dz-formats span:nth-child(5),.dz-formats span:nth-child(6){background:var(--ink-soft);box-shadow:0 3px #465862}.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-altpick{margin-top:12px;background:none;border:none;font-family:inherit;font-size:.82rem;font-weight:700;color:var(--teal-deep);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 8px}.dz-altpick:hover{color:var(--teal-dark)}.dz-altpick:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}.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}.cover-name{font-size:.82rem;font-weight:700;color:var(--ink-soft);word-break:break-all}.design-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 18px;margin-top:14px}@media (max-width:560px){.design-grid{grid-template-columns:1fr}}.design-item{display:flex;flex-direction:column;gap:6px}.design-item>label{font-size:.8rem;font-weight:700;color:var(--ink-soft)}.seg-sm button{padding:7px 10px;font-size:.8rem}.tb-preview{width:100%;height:360px;margin-top:12px;border:2px solid var(--line);border-radius:14px;background:#fff;display:block}.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}.tb-textarea{width:100%;min-height:320px;padding:14px 16px;border:3px solid var(--line);border-radius:14px;font-family:inherit;font-weight:500;font-size:.92rem;background:var(--bg);color:var(--ink);line-height:1.8;resize:vertical;transition:border-color .2s}.tb-textarea:focus{outline:none;border-color:var(--teal)}.tb-counter{text-align:right;font-size:.74rem;color:var(--ink-soft);font-weight:600;margin-top:6px}.tb-select{width:100%;padding:12px 16px;border:3px solid var(--line);border-radius:14px;font-family:inherit;font-weight:700;font-size:.92rem;background:var(--bg);color:var(--ink);cursor:pointer}.tb-select:focus{outline:none;border-color:var(--teal)}.tb-help{margin-top:16px;background:var(--bg);border-radius:12px;padding:14px 16px;font-size:.82rem;font-weight:500;color:var(--ink-soft)}.tb-help b{color:var(--ink);font-weight:800;display:block;margin-bottom:6px;font-size:.84rem}.tb-help ul{margin:0 0 0 1.3em}.tb-help li{margin:4px 0}.tb-help code{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:1px 6px}.dz-textmode{margin-top:18px}.textmode-card{width:100%;display:flex;align-items:center;gap:16px;text-align:left;cursor:pointer;background:var(--white);border:3px solid var(--lav);border-radius:var(--r-lg);padding:18px 22px;font-family:inherit;box-shadow:0 8px #9d8df147;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,border-color .22s}.textmode-card:hover{transform:translateY(-4px) rotate(.3deg);border-color:#7e6bd8;box-shadow:0 12px #9d8df16b}.textmode-card:focus-visible{outline:4px solid var(--sun);outline-offset:4px}.tm-icon{width:46px;height:46px;flex-shrink:0;border-radius:14px;background:#f0ebfe;display:grid;place-items:center;font-size:1.35rem;transform:rotate(-4deg);box-shadow:0 3px 0 var(--lav)}.tm-body{flex:1;min-width:0}.tm-body b{display:flex;align-items:center;gap:8px;font-family:Zen Maru Gothic,sans-serif;font-weight:900;font-size:1.02rem;color:var(--ink)}.tm-new{font-style:normal;font-size:.62rem;font-weight:900;letter-spacing:.08em;color:var(--ink);background:var(--sun);border-radius:999px;padding:2px 8px;box-shadow:0 2px 0 var(--sun-deep)}.tm-body small{display:block;margin-top:3px;font-size:.8rem;font-weight:600;color:var(--ink-soft)}.tm-arrow{width:20px;height:20px;flex-shrink:0;color:#7e6bd8}@media (max-width:480px){.textmode-card{gap:12px;padding:16px 18px}}.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-item{background:var(--white);border-radius:14px;box-shadow:0 4px #20343b0d}.ep-row{display:flex;align-items:flex-start;gap:14px;padding:13px 18px}.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-item:nth-child(3n+1) .ep-thumb{background:var(--teal)}.ep-item:nth-child(3n+2) .ep-thumb{background:var(--lav)}.ep-item:nth-child(3n) .ep-thumb{background:var(--coral)}.ep-reorder-toggle{margin-top:8px;display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-family:inherit;font-size:.78rem;font-weight:800;color:var(--teal-deep);cursor:pointer;padding:4px 2px}.ep-reorder-toggle:hover{color:var(--teal-dark)}.page-reorder-wrap{padding:0 18px 16px}.page-reorder{display:flex;flex-wrap:wrap;gap:10px;padding:12px;background:var(--bg);border-radius:12px}.page-thumb{position:relative;width:76px;height:104px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#fff;border:2px solid var(--line);cursor:grab;user-select:none}.page-thumb:active{cursor:grabbing}.page-thumb.over{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal-soft)}.page-thumb:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.page-thumb img{width:100%;height:100%;object-fit:contain;pointer-events:none}.page-thumb .ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,#f0f0f0,#e2e2e2)}.page-thumb .pnum{position:absolute;left:4px;bottom:4px;background:#20343bcc;color:#fff;font-size:.68rem;font-weight:800;border-radius:6px;padding:1px 6px}.page-thumb .pmove{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;padding:3px}.page-thumb .pmove button{width:22px;height:22px;border:none;border-radius:6px;background:#20343bb8;color:#fff;font-family:inherit;font-size:.9rem;line-height:1;font-weight:900;cursor:pointer;display:grid;place-items:center;padding:0;opacity:.55;transition:opacity .15s}.page-thumb:hover .pmove button,.page-thumb:focus-within .pmove button{opacity:1}.page-thumb .pmove button:disabled{opacity:0;pointer-events:none}@media (hover:none){.page-thumb .pmove button{opacity:.9}}.page-thumb .pcover{position:absolute;right:4px;bottom:4px;background:var(--coral);color:#fff;font-size:.62rem;font-weight:900;border-radius:6px;padding:1px 6px;letter-spacing:.02em}.page-thumb .pset-cover{position:absolute;left:3px;right:3px;bottom:3px;border:none;border-radius:6px;background:#20343bb8;color:#fff;font-family:inherit;font-size:.62rem;font-weight:800;line-height:1;padding:4px 2px;cursor:pointer;opacity:0;transition:opacity .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-thumb:hover .pset-cover,.page-thumb:focus-within .pset-cover{opacity:1}.page-thumb .pset-cover:hover{background:var(--coral)}@media (hover:none){.page-thumb .pset-cover{opacity:.9}}.page-reorder-foot{display:flex;align-items:center;gap:12px;margin-top:10px}.page-reorder-foot .hint{font-size:.76rem;font-weight:600;color:var(--ink-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.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-fields{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px 18px}.ep-field{min-width:0;flex:1 1 240px;max-width:340px}.ep-field-label{display:block;font-size:.72rem;font-weight:800;color:var(--ink-soft);margin-bottom:3px}.ep-field-label small{font-weight:600;font-size:.68rem;opacity:.85;margin-left:5px}.ep-fname{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.invalid{border-color:var(--err)}.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;inset: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-check-note{margin-top:5px;font-size:.74rem;font-weight:600;line-height:1.6;color:#8a6a12;background:#fff6d6;border-radius:8px;padding:6px 10px;word-break:break-word}.check-invite{max-width:520px;margin:22px auto 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap;text-align:left;background:#f4fbfa;border:2px dashed #A9DED8;border-radius:16px;padding:16px 20px}.check-invite div{flex:1;min-width:200px}.check-invite b{font-size:.88rem;font-weight:900;display:block}.check-invite p{font-size:.78rem;font-weight:500;color:var(--ink-soft);margin-top:3px;line-height:1.6}.check-invite .btn{flex-shrink:0;text-decoration:none}.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}}