:root{box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--serif:"Literata", Georgia, "Times New Roman", serif;--sans:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--navy:#0b1e33;--navy-2:#14304d;--bg:#f5f7fa;--surface:#fff;--ink:#0b1e33;--ink-2:#4a5b70;--line:#dde4ec;--lamp:#f2b544;--lamp-tint:#fcefd0;--lamp-ink:#5f4106;--wa:#25d366;--danger:#b42318;--danger-tint:#fdecea;--focus:#0b1e33}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--sans);margin:0;line-height:1.5}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button{color:inherit;font-family:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 18px}.btn{font:700 15px var(--sans);cursor:pointer;border:1.5px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--navy);color:#fff}.btn-outline{color:var(--ink);border-color:var(--ink);background:0 0}.link{font:600 14px var(--sans);color:var(--ink-2);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.btn-lamp{background:var(--lamp);color:var(--navy)}.btn-wa{background:var(--wa);color:var(--navy)}.btn-block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.field{gap:6px;margin-bottom:18px;display:grid}.field label{font-size:14.5px;font-weight:650}.input,.select,.textarea{width:100%;font:500 16px var(--sans);color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px}.input[aria-invalid=true]{border-color:var(--danger)}.error{color:var(--danger);font-size:13.5px;font-weight:600}.hint{color:var(--ink-2);font-size:13px}.counter{color:var(--ink-2);text-align:right;font-size:12.5px}.opt{color:var(--ink-2);font-weight:500}.toggle{cursor:pointer;align-items:center;gap:12px;font-size:15px;font-weight:650;display:flex}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle .track{background:var(--line);border-radius:999px;flex:none;width:46px;height:28px;transition:background .15s;position:relative}.toggle .track:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.toggle input:checked+.track{background:var(--navy)}.toggle input:checked+.track:after{transform:translate(18px)}.toggle input:focus-visible+.track{outline:2px solid var(--focus);outline-offset:2px}.seg{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg button{font:600 14.5px var(--sans);cursor:pointer;color:var(--ink);background:0 0;border:0;padding:10px 16px}.seg button[aria-pressed=true]{background:var(--navy);color:#fff}.prefix{align-items:stretch;display:flex}.prefix>span{background:var(--bg);border:1.5px solid var(--line);color:var(--ink-2);border-right:0;border-radius:12px 0 0 12px;place-items:center;padding:0 14px;font-weight:700;display:grid}.prefix .input{border-radius:0 12px 12px 0}.upload{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.choice-grid{gap:16px;margin-top:22px;display:grid}@media (width>=700px){.choice-grid{grid-template-columns:1fr 1fr}}.choice{border:1.5px solid var(--line);background:var(--surface);color:inherit;border-radius:18px;padding:24px;text-decoration:none;display:block}.choice[aria-disabled=true]{opacity:.55;pointer-events:none}.choice h2{font-family:var(--serif);letter-spacing:-.01em;font-size:21px}.choice p{color:var(--ink-2);margin-top:6px}.topbar{z-index:20;background:var(--navy);color:#fff;position:sticky;top:0}.topbar-in{align-items:center;gap:16px;min-height:58px;display:flex}.wordmark{font-family:var(--serif);color:#fff;font-size:20px;font-weight:700;text-decoration:none}.wordmark small{font-family:var(--sans);color:#9fb4cb;margin-left:6px;font-size:13px;font-weight:500}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.avatar-sm{background:var(--lamp);width:34px;height:34px;color:var(--navy);border-radius:50%;place-items:center;font-size:13px;font-weight:800;text-decoration:none;display:grid}.page{min-height:70vh;padding:28px 0 60px}.page-title{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(26px,4vw,34px)}.lede{color:var(--ink-2);max-width:44em;margin-top:6px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin-top:22px;display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}}.book{color:inherit;text-decoration:none;display:block}.cover{aspect-ratio:2/3;background:var(--navy-2) center / cover no-repeat;border-radius:3px 7px 7px 3px;position:relative;overflow:hidden;box-shadow:0 8px 14px -8px #00000080}.cover .fallback{color:#fff3d6;font-family:var(--serif);flex-direction:column;justify-content:flex-end;padding:10px;font-size:15px;font-weight:700;line-height:1.15;display:flex;position:absolute;inset:0}.book h3{font-family:var(--serif);margin-top:10px;font-size:15px;font-weight:600;line-height:1.25}.book .by{color:var(--ink-2);margin-top:2px;font-size:13px}.book .price{margin-top:6px;font-size:15px;font-weight:700}.tag{background:var(--lamp-tint);color:var(--lamp-ink);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-block}.search-big{margin-top:18px;position:relative}.search-big input{padding:14px 14px 14px 16px;font-size:16px}.chips{scrollbar-width:none;gap:8px;padding:16px 0 2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{font:600 14px var(--sans);border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;flex:none;padding:9px 14px}.chip[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.toolbar{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:12px;display:flex}.toolbar .select{width:auto;padding:9px 12px;font-size:15px}.toolbar .grow{color:var(--ink-2);margin-left:auto;font-size:14px}.empty{border:1.5px dashed var(--line);text-align:center;color:var(--ink-2);border-radius:16px;margin-top:22px;padding:28px 20px}.empty h3{font-family:var(--serif);color:var(--ink);margin-bottom:6px;font-size:19px}.empty .btn{margin-top:14px}.state-msg{color:var(--ink-2);margin-top:22px}.auth{max-width:420px;margin:0 auto}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px}.auth h1{font-family:var(--serif);margin-bottom:6px;font-size:26px}.auth .note{color:var(--ink-2);margin-bottom:18px;font-size:14px}.auth .alt{color:var(--ink-2);text-align:center;margin-top:16px;font-size:14.5px}.banner{background:var(--danger-tint);color:var(--danger);border-radius:12px;margin-bottom:16px;padding:10px 14px;font-size:14px;font-weight:600}.pill{background:var(--line);color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-block}.pill.ok{color:#0e7a4b;background:#e2f5ea}.pill.wait{background:var(--lamp-tint);color:var(--lamp-ink)}.row-item{border-top:1px solid var(--line);align-items:center;gap:14px;padding:16px 0;display:flex}.row-item:first-child{border-top:0}.row-item .thumb{background:var(--navy-2) center / cover no-repeat;border-radius:4px;flex:none;width:48px;height:68px;overflow:hidden}.row-item .main{flex:1;min-width:0}.row-item .main a{font-family:var(--serif);color:var(--ink);font-size:16px;font-weight:600;text-decoration:none;display:block}.row-item .main span{color:var(--ink-2);margin-top:2px;font-size:13px;display:block}.row-item .side{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-top:18px;display:flex}.tabs button{font:650 15px var(--sans);cursor:pointer;color:var(--ink-2);background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;padding:10px 14px}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--lamp)}.btn-sm{border-radius:999px;padding:7px 13px;font-size:13.5px}.home{padding-bottom:64px}.home-hero{background:var(--navy);color:#fff;overflow:hidden}.home-hero-in{gap:42px;padding-top:clamp(54px,9vw,96px);padding-bottom:clamp(54px,9vw,96px);display:grid}.eyebrow{color:var(--lamp-ink);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800}.hero-copy .eyebrow{color:#f8cc6c}.hero-copy h1,.home-section h2,.home-cta h2{font-family:var(--serif);letter-spacing:-.035em}.hero-copy h1{max-width:720px;margin-top:14px;font-size:clamp(42px,8vw,72px);line-height:1.02}.hero-lede{color:#d7e1ec;max-width:600px;margin-top:20px;font-size:clamp(17px,2vw,19px);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn-hero-outline{color:#fff;border-color:#ffffff8c}.hero-note{color:#afc1d3;margin-top:16px;font-size:13.5px}.hero-shelf{gap:14px;max-width:430px;display:grid}.shelf-card{border-radius:18px;gap:8px;padding:23px;display:grid;box-shadow:0 18px 32px -22px #000c}.shelf-card strong{font:700 24px/1.12 var(--serif);letter-spacing:-.02em}.shelf-card>span:last-child{font-size:14px;line-height:1.55}.shelf-kicker{letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:800}.shelf-card-top{color:var(--navy);background:#f8e8b9;margin-right:24px}.shelf-card-top .shelf-kicker{color:#76530b}.shelf-card-bottom{background:var(--navy-2);color:#fff;border:1px solid #ffffff1f;margin-left:24px}.shelf-card-bottom .shelf-kicker{color:#afc1d3}.home-section{padding-top:clamp(58px,9vw,100px)}.home-intro{max-width:1080px}.home-intro>h2,.home-how h2,.home-new h2,.home-cta h2{margin-top:10px;font-size:clamp(30px,4.8vw,46px);line-height:1.1}.home-intro>p:not(.eyebrow){max-width:650px;color:var(--ink-2);margin-top:16px;font-size:17px;line-height:1.65}.writing-types{gap:14px;margin-top:32px;display:grid}.writing-type{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;position:relative}.type-number{color:var(--lamp-ink);letter-spacing:.08em;font-size:12px;font-weight:800;display:block}.writing-type h3{font:700 23px var(--serif);letter-spacing:-.015em;margin-top:18px}.writing-type p{color:var(--ink-2);margin-top:6px;font-size:14px;line-height:1.55}.home-how{background:#eaf0f5;padding-bottom:clamp(58px,9vw,94px)}.home-how h2{max-width:660px}.steps{gap:18px;margin-top:30px;display:grid}.steps article{border-top:2px solid var(--navy);padding-top:18px}.steps article>span{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.steps h3{font:700 20px var(--serif);margin-top:14px}.steps p{color:var(--ink-2);margin-top:6px;font-size:14px;line-height:1.55}.text-link{color:var(--navy);margin-top:28px;font-size:14px;font-weight:800;text-decoration:none;display:inline-block}.text-link span{margin-left:3px}.section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.section-heading .text-link{flex:none;margin:0 0 5px}.home-new .grid{margin-top:28px}.home-cta{background:var(--navy);color:#fff;border-radius:22px;justify-content:space-between;align-items:center;gap:26px;margin-top:clamp(58px,9vw,100px);padding:clamp(28px,5vw,48px);display:flex}.home-cta .eyebrow{color:#f8cc6c}.home-cta h2{max-width:620px;margin-top:10px;font-size:clamp(28px,4vw,42px);line-height:1.1}.home-cta p:not(.eyebrow){color:#c9d6e2;margin-top:10px}.home-cta .btn{flex:none}@media (width>=720px){.home-hero-in{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);align-items:center}.writing-types,.steps{grid-template-columns:repeat(3,1fr)}.writing-type{min-height:210px}}@media (width<=560px){.topbar-in{gap:8px}.wordmark small{display:none}.topbar nav a{padding-inline:7px!important;font-size:14px!important}.top-actions .btn{padding:8px 10px;font-size:13px}.section-heading{flex-direction:column;align-items:start}.section-heading .text-link{margin:0}.home-cta{flex-direction:column;align-items:start}}.dashboard-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.dashboard-actions{flex-wrap:wrap;gap:10px;display:flex}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px;display:grid}.dashboard-stats>div{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:2px;padding:18px;display:grid}.dashboard-stats strong{font:700 28px/1 var(--serif);letter-spacing:-.025em}.dashboard-stats span{color:var(--ink-2);font-size:13px;font-weight:650}.dashboard-section{margin-top:50px}.dashboard-section h2{font:700 26px var(--serif);letter-spacing:-.02em;margin-top:4px}.dashboard-books{gap:14px;margin-top:24px;display:grid}.dashboard-book{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:16px;padding:14px;display:flex}.dashboard-book-cover{background:var(--navy-2) center / cover no-repeat;color:#fff3d6;width:72px;min-height:104px;font:700 12px/1.12 var(--serif);border-radius:3px 6px 6px 3px;flex:none;align-items:end;padding:8px;display:flex}.dashboard-book-main{flex:1;gap:14px;min-width:0;display:grid}.dashboard-book h3{font:700 19px/1.2 var(--serif)}.dashboard-book h3 a{text-decoration:none}.dashboard-book-main>div>p{color:var(--ink-2);margin-top:4px;font-size:13px}.dashboard-chapters{gap:7px;display:grid}.dashboard-chapters a{color:var(--ink);font-size:13px;font-weight:650}.dashboard-chapters .add-chapter{color:var(--lamp-ink);text-decoration:none}.dashboard-stories{border-top:1px solid var(--line);margin-top:18px}.dashboard-story{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.dashboard-story .tag{margin-bottom:8px}.dashboard-story h3{font:700 19px/1.2 var(--serif)}.dashboard-story p{color:var(--ink-2);margin-top:5px;font-size:13px}.dashboard-item-actions{flex:none;align-items:center;gap:14px;display:flex}.dashboard-item-actions>a:first-child{color:var(--ink);font-size:13px;font-weight:700}@media (width>=680px){.dashboard-stats{grid-template-columns:repeat(4,1fr)}}@media (width<=560px){.dashboard-heading,.dashboard-story{flex-direction:column;align-items:start}}