@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap";:root{--primary:#ff8a65;--primary-strong:#ff7043;--primary-soft:#ffe3d6;--primary-ink:#b5421e;--secondary:#6ec1e4;--secondary-strong:#49aad4;--secondary-soft:#dcf1f9;--accent:#ffd166;--accent-strong:#fbbe3c;--accent-soft:#fff1cc;--success:#7bc8a4;--success-soft:#def2e8;--warning:#e7a23f;--warning-soft:#fcefd7;--danger:#e76f6f;--danger-soft:#fbe0e0;--bg:#fff8f0;--bg-deep:#fbefe2;--surface:#fff;--text:#3a2e2a;--muted:#8c7b73;--line:#f0e4d8;--line-soft:#f6ede3;--font-display:"Fredoka", "Baloo 2", system-ui, sans-serif;--font-body:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--h1:48px;--h1-lh:56px;--h2:36px;--h2-lh:44px;--h3:28px;--h3-lh:34px;--h4:22px;--h4-lh:28px;--body-lg:18px;--body-lg-lh:28px;--body:16px;--body-lh:26px;--caption:14px;--caption-lh:20px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-card:24px;--r-btn:16px;--r-pill:999px;--r-input:12px;--r-sm:10px;--shadow-card:0 6px 20px -8px #b46e4638, 0 2px 6px -2px #b46e461a;--shadow-float:0 18px 48px -12px #b46e4657, 0 6px 16px -6px #b46e462e;--shadow-inset:inset 0 0 0 1px var(--line);--ring:0 0 0 4px #ff8a654d;--ring-blue:0 0 0 4px #6ec1e452;--t-fast:.14s cubic-bezier(.4,0,.2,1);--t:.22s cubic-bezier(.4,0,.2,1);--t-soft:.32s cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--body);line-height:var(--body-lh);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img{max-width:100%;display:block}a{color:var(--secondary-strong);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}button{font-family:inherit}::selection{background:var(--accent-soft)}.display,h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);margin:0}h1,.t-h1{font-size:var(--h1);line-height:var(--h1-lh);letter-spacing:-.02em;font-weight:600}h2,.t-h2{font-size:var(--h2);line-height:var(--h2-lh);letter-spacing:-.015em;font-weight:600}h3,.t-h3{font-size:var(--h3);line-height:var(--h3-lh);letter-spacing:-.01em;font-weight:600}h4,.t-h4{font-size:var(--h4);line-height:var(--h4-lh);font-weight:600}.t-body-lg{font-size:var(--body-lg);line-height:var(--body-lg-lh)}.t-body{font-size:var(--body);line-height:var(--body-lh)}.t-caption{font-size:var(--caption);line-height:var(--caption-lh)}.muted{color:var(--muted)}.eyebrow{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-ink);font-size:13px;font-weight:600}.balance{text-wrap:balance}.pretty{text-wrap:pretty}.wrap{width:min(1180px,92vw);margin-inline:auto}.wrap-narrow{width:min(900px,92vw);margin-inline:auto}.stack>*+*{margin-top:var(--s4)}.row{align-items:center;gap:var(--s3);display:flex}.row-wrap{gap:var(--s3);flex-wrap:wrap;display:flex}.between{justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.center{justify-content:center;align-items:center;display:flex}.grid{gap:var(--s5);display:grid}.section{padding-block:var(--s8)}.blob{z-index:0;pointer-events:none;filter:blur(2px);opacity:.7;border-radius:42% 58% 63% 37%/45% 38% 62% 55%;position:absolute}.blob--coral{background:var(--primary-soft)}.blob--blue{background:var(--secondary-soft)}.blob--yellow{background:var(--accent-soft)}.blob--mint{background:var(--success-soft)}@keyframes twinkle{0%,to{opacity:.55;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.25)rotate(12deg)}}.star{color:var(--accent-strong);pointer-events:none;z-index:1;animation:3.4s ease-in-out infinite twinkle;position:absolute}.star:nth-child(2n){color:var(--primary);animation-delay:1.1s}.star:nth-child(3n){color:var(--secondary);animation-delay:2s}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floaty{animation:5s ease-in-out infinite floaty}.dotgrid{background-image:radial-gradient(var(--line) 1.4px, transparent 1.4px);background-size:20px 20px}.btn{--bg-btn:var(--primary);--fg-btn:#fff;justify-content:center;align-items:center;gap:var(--s2);font-family:var(--font-display);border-radius:var(--r-btn);background:var(--bg-btn);color:var(--fg-btn);cursor:pointer;white-space:nowrap;transition:transform var(--t-fast), box-shadow var(--t-fast), background var(--t-fast), filter var(--t-fast);-webkit-tap-highlight-color:transparent;border:none;padding:14px 22px;font-size:16px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 5px 0 -1px #b45a3747}.btn:hover{background:var(--primary-strong);transform:translateY(-1px)}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 -1px #b45a3747}.btn:focus-visible{box-shadow:var(--ring), 0 5px 0 -1px #b45a3747;outline:none}.btn--secondary{--bg-btn:var(--secondary);box-shadow:0 5px 0 -1px #28789642}.btn--secondary:hover{background:var(--secondary-strong)}.btn--secondary:focus-visible{box-shadow:var(--ring-blue), 0 5px 0 -1px #28789642}.btn--danger{--bg-btn:var(--danger);box-shadow:0 5px 0 -1px #c85a5a47}.btn--danger:hover{background:#da5a5a}.btn--danger:focus-visible{box-shadow:0 0 0 4px #e76f6f4d,0 5px 0 -1px #c85a5a47}.btn--ghost{color:var(--text);box-shadow:none;border:2px solid var(--line);background:0 0}.btn--ghost:hover{background:var(--surface);border-color:var(--primary);color:var(--primary-ink);transform:translateY(-1px)}.btn--ghost:active{transform:translateY(1px)}.btn--pill{border-radius:var(--r-pill)}.btn--lg{padding:17px 30px;font-size:18px}.btn--sm{padding:9px 14px;font-size:14px;box-shadow:0 3px 0 -1px #b45a373d}.btn--block{width:100%}.btn--icon{border-radius:var(--r-pill);background:var(--surface);width:44px;height:44px;color:var(--text);box-shadow:var(--shadow-card);border:1px solid var(--line);padding:0}.btn--icon:hover{background:var(--primary-soft);color:var(--primary-ink);transform:translateY(-1px)}.btn:disabled,.btn[aria-disabled=true]{background:var(--line);color:var(--muted);box-shadow:none;cursor:not-allowed;pointer-events:none;transform:none}.btn--ghost:disabled{border-color:var(--line-soft);background:0 0}.btn--loading{pointer-events:none;position:relative;color:#0000!important}.btn--loading:after{content:"";border:2.5px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;position:absolute}.btn--ghost.btn--loading:after{border-color:#3a2e2a40;border-top-color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:4px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.ds-spin{animation:.8s linear infinite spin}.ds-link{color:var(--primary-ink);cursor:pointer;font-weight:700;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.field{display:block}.label{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:700;display:block}.label .opt{color:var(--muted);font-size:13px;font-weight:600}.helper{color:var(--muted);margin-top:6px;font-size:13px}.error-text{color:var(--danger);margin-top:6px;font-size:13px;font-weight:700}.input,.textarea,.select{width:100%;font-family:var(--font-body);color:var(--text);background:var(--surface);border:2px solid var(--line);border-radius:var(--r-input);transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);padding:13px 15px;font-size:16px}.input::placeholder,.textarea::placeholder{color:#bbaa9f}.input:hover,.textarea:hover,.select:hover{border-color:#e4d3c3}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:var(--ring);background:#fffdfb;outline:none}.textarea{resize:vertical;min-height:110px;line-height:1.5}.input.is-filled,.textarea.is-filled{background:#fffdfb;border-color:#e8d8c9}.input.is-error,.textarea.is-error,.select.is-error{border-color:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238C7B73' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:42px}.stepper{border:2px solid var(--line);border-radius:var(--r-input);background:var(--surface);align-items:center;gap:0;display:inline-flex;overflow:hidden}.stepper button{background:var(--bg-deep);width:44px;height:44px;color:var(--text);cursor:pointer;transition:background var(--t-fast);font-size:22px;font-family:var(--font-display);border:none}.stepper button:hover{background:var(--primary-soft);color:var(--primary-ink)}.stepper input{text-align:center;width:56px;height:44px;font-size:16px;font-weight:700;font-family:var(--font-body);color:var(--text);background:var(--surface);border:none}.stepper input:focus{outline:none}.dropzone{border-radius:var(--r-card);background:var(--bg-deep);padding:var(--s6);text-align:center;cursor:pointer;transition:border-color var(--t), background var(--t), transform var(--t-fast);color:var(--muted);border:2.5px dashed #e2cdb8}.dropzone:hover,.dropzone.is-drag{border-color:var(--primary);background:var(--primary-soft);transform:translateY(-2px)}.dropzone .dz-icon{width:54px;height:54px;margin:0 auto var(--s3);background:var(--surface);border-radius:var(--r-pill);color:var(--primary);box-shadow:var(--shadow-card);place-items:center;display:grid}.dropzone strong{color:var(--text)}.choice-grid{gap:var(--s3);display:grid}.choice{gap:var(--s3);border:2px solid var(--line);border-radius:var(--r-input);background:var(--surface);cursor:pointer;transition:border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast), background var(--t-fast);align-items:flex-start;padding:16px;display:flex;position:relative}.choice:hover{border-color:#e4d3c3;transform:translateY(-1px)}.choice input{opacity:0;pointer-events:none;position:absolute}.choice .tick{border:2px solid var(--line);width:24px;height:24px;transition:all var(--t-fast);color:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.choice--check .tick{border-radius:7px}.choice .tick svg{opacity:0;width:14px;height:14px;transition:all var(--t-soft);transform:scale(.5)}.choice .choice-title{font-weight:800}.choice .choice-sub{color:var(--muted);font-size:13px}.choice:has(input:checked){border-color:var(--primary);background:var(--primary-soft);box-shadow:var(--ring)}.choice:has(input:checked) .tick{background:var(--primary);border-color:var(--primary)}.choice:has(input:checked) .tick svg{opacity:1;transform:scale(1)}.choice:has(input:focus-visible){box-shadow:var(--ring)}.tile{border:2.5px solid var(--line);border-radius:var(--r-input);background:var(--surface);cursor:pointer;transition:border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.tile:hover{box-shadow:var(--shadow-card);border-color:#e4d3c3;transform:translateY(-2px)}.tile input{opacity:0;pointer-events:none;position:absolute}.tile .tile-art{aspect-ratio:1;place-items:center;font-size:34px;display:grid}.tile .tile-label{text-align:center;border-top:1px solid var(--line-soft);padding:8px 6px;font-size:13px;font-weight:700}.tile .tile-check{background:var(--primary);color:#fff;opacity:0;width:26px;height:26px;transition:all var(--t-soft);box-shadow:var(--shadow-card);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:8px;inset-inline-end:8px;transform:scale(.4)}.tile:has(input:checked){border-color:var(--primary);box-shadow:var(--ring)}.tile:has(input:checked) .tile-check{opacity:1;transform:scale(1)}.swatch{border-radius:var(--r-pill);cursor:pointer;border:3px solid var(--surface);width:48px;height:48px;box-shadow:0 0 0 2px var(--line);transition:box-shadow var(--t-fast), transform var(--t-fast);position:relative}.swatch input{opacity:0;position:absolute}.swatch:hover{transform:scale(1.08)}.swatch:has(input:checked){box-shadow:0 0 0 3px var(--primary)}.chip{border-radius:var(--r-pill);background:var(--surface);border:2px solid var(--line);cursor:pointer;color:var(--text);transition:all var(--t-fast);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:9px 15px;font-size:14px;font-weight:700;display:inline-flex}.chip:hover{border-color:var(--secondary);transform:translateY(-1px)}.chip input{opacity:0;pointer-events:none;position:absolute}.chip.is-on{background:var(--secondary-soft);border-color:var(--secondary);color:#1f6e8c}.chip:has(input:checked){background:var(--secondary-soft);border-color:var(--secondary);color:#1f6e8c}.chip--static{cursor:default}.chip--static:hover{border-color:var(--line);transform:none}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-card);border:1px solid var(--line-soft);padding:var(--s5)}.card--float{box-shadow:var(--shadow-float)}.card--pad-lg{padding:var(--s6)}.card--flat{box-shadow:none;border:1.5px solid var(--line)}.book-card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-card);border:1px solid var(--line-soft);transition:transform var(--t), box-shadow var(--t);flex-direction:column;display:flex;overflow:hidden}.book-card:hover{box-shadow:var(--shadow-float);transform:translateY(-4px)}.book-cover{aspect-ratio:4/5;place-items:center;display:grid;position:relative;overflow:hidden}.book-cover .spine{background:#00000014;width:10px;position:absolute;inset-block:0;inset-inline-start:0}.book-body{padding:var(--s4);flex-direction:column;gap:6px;display:flex}.book-title{font-family:var(--font-display);font-size:19px;font-weight:600}.book-meta{color:var(--muted);font-size:13px}.book-actions{margin-top:var(--s2);gap:8px;display:flex}.tpl-card{border-radius:var(--r-card);cursor:pointer;border:2.5px solid var(--line);background:var(--surface);transition:transform var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);position:relative;overflow:hidden}.tpl-card:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.tpl-card input{opacity:0;position:absolute}.tpl-card .tpl-art{aspect-ratio:16/10;place-items:center;display:grid}.tpl-card .tpl-body{padding:14px 16px}.tpl-card:has(input:checked){border-color:var(--primary);box-shadow:var(--ring)}.badge{font-family:var(--font-display);letter-spacing:.01em;border-radius:var(--r-pill);background:var(--bg-deep);color:var(--text);align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.badge--ready{background:var(--success-soft);color:#2e7d58}.badge--draft{background:var(--line);color:var(--muted)}.badge--gen{background:var(--accent-soft);color:#a6791a}.badge--gen .dot{animation:1.1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.badge--tier{background:linear-gradient(135deg, var(--accent), var(--primary));color:#fff}.badge--new{background:var(--primary-soft);color:var(--primary-ink)}.progress{border-radius:var(--r-pill);background:var(--line);height:10px;overflow:hidden}.progress>i{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--accent));height:100%;transition:width var(--t);display:block}.progress--thin{height:6px}.toast{align-items:center;gap:var(--s3);background:var(--text);color:#fff;border-radius:var(--r-input);box-shadow:var(--shadow-float);padding:14px 18px;font-size:14px;font-weight:700;display:flex}.toast .t-ico{border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.toast--success .t-ico{background:var(--success)}.toast--error .t-ico{background:var(--danger)}.empty{text-align:center;padding:var(--s8) var(--s5);border:2px dashed var(--line);border-radius:var(--r-card);background:var(--bg-deep)}.empty .empty-art{margin:0 auto var(--s4)}.skel{background:linear-gradient(100deg, var(--line-soft) 30%, #fff 50%, var(--line-soft) 70%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.modal-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--s4);z-index:60;background:#3a2e2a6b;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-float);width:min(480px,100%);padding:var(--s6);animation:pop var(--t-soft);position:relative}@keyframes pop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:none}}.topnav{z-index:40;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(140%)blur(12px);backdrop-filter:saturate(140%)blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.topnav-inner{justify-content:space-between;align-items:center;gap:var(--s4);padding-block:14px;display:flex}.navlinks{gap:var(--s5);align-items:center;display:flex}.navlinks a{color:var(--text);font-size:15px;font-weight:700}.navlinks a:hover{color:var(--primary-ink);text-decoration:none}.brand{font-family:var(--font-display);color:var(--text);align-items:center;gap:10px;font-size:21px;font-weight:700;display:inline-flex}.brand:hover{text-decoration:none}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:var(--s5) var(--s4);flex-direction:column;gap:4px;display:flex}.side-link{border-radius:var(--r-input);color:var(--text);transition:background var(--t-fast), color var(--t-fast);align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:700;display:flex}.side-link:hover{background:var(--bg-deep);text-decoration:none}.side-link.is-active{background:var(--primary-soft);color:var(--primary-ink)}.side-link svg{flex:none;width:20px;height:20px}.crumbs{color:var(--muted);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.crumbs a{color:var(--muted)}.crumbs .sep{color:var(--line)}.crumbs .here{color:var(--text)}.wsteps{align-items:center;gap:0;display:flex}.wstep{color:var(--muted);align-items:center;gap:10px;font-weight:700;display:flex}.wstep .num{background:var(--surface);border:2px solid var(--line);width:34px;height:34px;font-family:var(--font-display);transition:all var(--t);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.wstep .wlabel{white-space:nowrap;font-size:14px}.wstep-bar{background:var(--line);flex:1;min-width:18px;height:2px;margin:0 12px}.wstep.is-active .num{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--ring)}.wstep.is-active{color:var(--text)}.wstep.is-done .num{background:var(--success);border-color:var(--success);color:#fff}.wstep.is-done .wstep-bar{background:var(--success)}.tabs{background:var(--bg-deep);border-radius:var(--r-pill);gap:4px;padding:5px;display:inline-flex}.tab{border-radius:var(--r-pill);font-family:var(--font-display);color:var(--muted);cursor:pointer;transition:all var(--t-fast);background:0 0;border:none;padding:9px 18px;font-size:14px;font-weight:600}.tab.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}.acc{border-bottom:1px solid var(--line)}.acc summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4) 0;font-family:var(--font-display);font-size:19px;font-weight:600;list-style:none;display:flex}.acc summary::-webkit-details-marker{display:none}.acc summary .plus{transition:transform var(--t);color:var(--primary);flex:none}.acc[open] summary .plus{transform:rotate(45deg)}.acc .acc-body{padding-bottom:var(--s4);color:var(--muted);max-width:64ch}.avatar{width:44px;height:44px;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg, var(--secondary), var(--primary));border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid;box-shadow:inset 0 0 0 2px #fff9}.avatar--sm{width:32px;height:32px;font-size:13px}.avatar--lg{width:64px;height:64px;font-size:24px}.avatar-stack{display:flex}.avatar-stack .avatar{border:3px solid var(--bg);box-shadow:none;margin-inline-start:-10px}.avatar-stack .avatar:first-child{margin-inline-start:0}.child-card{background:var(--surface);border-radius:var(--r-card);padding:var(--s4);border:1px solid var(--line-soft);box-shadow:var(--shadow-card);align-items:center;gap:var(--s3);min-width:200px;transition:transform var(--t-fast);display:flex}.child-card:hover{transform:translateY(-2px)}.divider{background:var(--line);border:none;height:1px;margin:0}.tag-note{color:var(--success);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.only-mobile{display:none}@media (width<=860px){:root{--h1:36px;--h1-lh:42px;--h2:28px;--h2-lh:34px;--h3:23px;--h3-lh:30px}.hide-mobile{display:none!important}.only-mobile{display:revert}.section{padding-block:var(--s7)}}html{scroll-behavior:smooth}