:root{--ink:#18332c;--muted:#67756f;--cream:#f5f0e5;--paper:#fffdf7;--orange:#e76235;--line:#18332c24;--green:#1f574a}*{box-sizing:border-box}html{background:var(--cream);color:var(--ink);scroll-behavior:smooth}body{font-family:var(--font-sans),sans-serif;background:radial-gradient(circle at 15% 4%,#ffffffe6,transparent 28%),var(--cream);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#f5f0e5e6;align-items:center;gap:56px;height:76px;padding:0 max(24px,50vw - 620px);display:flex;position:sticky;top:0}.logo{font-family:var(--font-serif);align-items:center;gap:9px;font-size:24px;font-weight:700;display:flex}.logo-mark{background:var(--orange);color:#fff;border-radius:50% 50% 50% 12px;place-items:center;width:37px;height:37px;display:grid;transform:rotate(-5deg)}.site-header nav{align-self:stretch;gap:34px;display:flex}.site-header nav a{color:var(--muted);align-items:center;font-size:14px;font-weight:650;display:flex;position:relative}.site-header nav a.active{color:var(--ink)}.site-header nav a.active:after{content:"";background:var(--orange);height:2px;position:absolute;bottom:0;left:0;right:0}.header-actions{align-items:center;gap:13px;margin-left:auto;display:flex}.icon-button{background:0 0;border:0;place-items:center;padding:9px;display:grid}.create-button,.hero-cta,.start-reading,.generate-button{background:var(--ink);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.avatar{color:#fff;background:#d8a06b;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.avatar-large{width:39px;height:39px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;max-width:1240px;min-height:560px;margin:auto;padding:80px 34px;display:grid;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--orange);align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.hero h1,.studio-intro h1,.library-page h1{font-family:var(--font-serif);letter-spacing:-.045em;margin:20px 0;font-size:clamp(48px,6vw,78px);line-height:1.03}.hero h1 em,.studio-intro h1 em{color:var(--orange);font-weight:400}.hero>div:first-child>p{font-family:var(--font-serif);color:var(--muted);max-width:560px;font-size:18px;line-height:1.75}.hero-cta{background:var(--orange);margin-top:17px}.hero-stack{perspective:1000px;height:420px;position:relative}.mini-book{color:#fff;border-radius:4px 12px 12px 4px;flex-direction:column;justify-content:flex-end;width:230px;height:340px;padding:30px 25px;display:flex;position:absolute;overflow:hidden;box-shadow:0 24px 45px #272f2633}.mini-book:before{content:"";mix-blend-mode:overlay;background:linear-gradient(120deg,#ffffff40,#0000 35%,#0003);position:absolute;inset:0}.mini-book b{font-family:var(--font-serif);font-size:25px;line-height:1.1}.mini-book small{text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.mini-book-1{top:31px;left:39%;transform:rotate(8deg)}.mini-book-2{top:60px;left:16%;transform:rotate(-9deg)}.mini-book-3{top:89px;left:49%;transform:rotate(17deg)}.feed-section{border-top:1px solid var(--line);max-width:1240px;margin:0 auto;padding:50px 34px 100px}.feed-heading,.feed-heading>div{align-items:center;display:flex}.feed-heading{justify-content:space-between}.feed-heading h2{font-family:var(--font-serif);margin:0;font-size:35px}.section-number{font-family:var(--font-serif);color:var(--orange);margin-right:18px;font-style:italic}.filter-button{border:1px solid var(--line);background:#ffffff59;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;display:flex}.filter-tabs{gap:7px;margin:27px 0 36px;display:flex}.filter-tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700}.filter-tabs button.active{background:var(--ink);color:#fff}.book-grid{grid-template-columns:repeat(3,1fr);gap:45px 28px;display:grid}.book-card{min-width:0}.cover-link{display:block;position:relative}.cover{aspect-ratio:4/5.15;background:linear-gradient(145deg,var(--cover-a),var(--cover-b));border-radius:4px 13px 13px 4px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 13px 30px #222e272b}.cover:after{content:"";background:#00000029;width:1px;position:absolute;top:0;bottom:0;left:8px;box-shadow:2px 0 #ffffff21}.cover img{object-fit:cover;width:100%;height:100%}.cover-art{background:radial-gradient(circle at 70% 25%,#fff6,#0000 24%),linear-gradient(160deg,#0000 44%,#00000038);position:absolute;inset:0}.cover-art i{border:1px solid #ffffff80;border-radius:50%;position:absolute}.cover-art i:first-child{aspect-ratio:1;width:55%;top:20%;right:-10%}.cover-art i:nth-child(2){aspect-ratio:1;width:42%;top:8%;left:10%}.cover-art i:nth-child(3){aspect-ratio:1;width:74%;top:45%;left:24%}.cover-wash{background:linear-gradient(#0000 34%,#081915c7);position:absolute;inset:0}.cover-type{color:#fff;flex-direction:column;display:flex;position:absolute;inset:auto 30px 30px}.cover-type span{text-transform:uppercase;letter-spacing:.18em;margin-bottom:11px;font-size:10px}.cover-type strong{font-family:var(--font-serif);font-size:clamp(25px,2.2vw,36px);line-height:1.03}.cover-type small{opacity:.86;margin-top:9px;line-height:1.3}.book-card:hover .cover{transform:translateY(-7px)rotate(-.6deg);box-shadow:0 22px 40px #222e273b}.read-pill{background:var(--paper);opacity:0;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;transition:all .25s;position:absolute;top:14px;right:14px;transform:translateY(-4px)}.book-card:hover .read-pill{opacity:1;transform:none}.rank{z-index:3;font-family:var(--font-serif);color:var(--paper);text-shadow:1px 1px 0 var(--ink),-1px -1px 0 var(--ink);font-size:55px;font-style:italic;line-height:1;position:absolute;bottom:17px;left:-14px}.card-copy{padding:19px 5px}.meta-row{color:var(--muted);align-items:center;gap:15px;font-size:12px;display:flex}.meta-row>span{align-items:center;gap:4px;display:flex}.format-chip{color:var(--ink);text-transform:uppercase;letter-spacing:.08em;background:#e6ddd0;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.card-copy h2{font-family:var(--font-serif);letter-spacing:-.02em;margin:12px 0 5px;font-size:23px}.card-copy>p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;overflow:hidden}.creator-row{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:16px;padding-top:14px;display:flex}.creator-row>span:nth-child(2){flex-direction:column;margin-right:auto;font-size:12px;display:flex}.creator-row small{color:var(--muted)}.social-count{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.empty-state{text-align:center;border:1px dashed var(--line);padding:70px}.empty-state h3{font-family:var(--font-serif);font-size:28px}.empty-state a{color:var(--orange);font-weight:800}footer{border-top:1px solid var(--line);max-width:1170px;color:var(--muted);justify-content:space-between;margin:auto;padding:34px 0 60px;font-size:13px;display:flex}footer span{font-family:var(--font-serif);color:var(--ink);font-size:22px;font-weight:700}.create-layout{grid-template-columns:.8fr 1.2fr;gap:80px;max-width:1160px;margin:auto;padding:75px 34px 100px;display:grid}.studio-intro{align-self:start;position:sticky;top:145px}.studio-intro h1{font-size:58px}.studio-intro>p{font-family:var(--font-serif);color:var(--muted);font-size:17px;line-height:1.7}.promise-list{border-top:1px solid var(--line);flex-direction:column;gap:12px;margin-top:30px;padding-top:25px;font-size:13px;display:flex}.promise-list span{align-items:center;gap:8px;display:flex}.promise-list svg{color:var(--orange)}.create-panel{background:var(--paper);border:1px solid #18332c1a;border-radius:8px;min-height:650px;padding:42px;box-shadow:0 18px 60px #2b322717}.field-label{align-items:center;gap:9px;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.field-label span,.field-label i{font-family:var(--font-serif);color:var(--orange);font-style:italic;font-weight:500}.create-panel textarea{resize:vertical;border:1px solid var(--line);background:#f9f6ee;border-radius:7px;outline:none;width:100%;min-height:138px;padding:17px;line-height:1.55}.create-panel textarea:focus,.create-panel input:focus,.create-panel select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #e762351a}.field-meta{color:#b43a2b;justify-content:space-between;min-height:33px;padding-top:6px;font-size:11px;display:flex}.field-meta small{color:var(--muted)}fieldset{border:0;margin:12px 0 29px;padding:0}.format-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.format-options label{border:1px solid var(--line);cursor:pointer;border-radius:7px;flex-direction:column;gap:7px;padding:16px 12px;transition:all .2s;display:flex}.format-options label.selected{border:1.5px solid var(--orange);background:#e762350d}.format-options input{opacity:0;position:absolute}.format-options svg{color:var(--orange)}.format-options b{font-size:13px}.format-options small{color:var(--muted);font-size:10px;line-height:1.4}.split-fields{grid-template-columns:1fr 1fr;gap:13px;display:grid}.split-fields label{display:block}.split-fields .field-label{height:22px}.split-fields input,.split-fields select{border:1px solid var(--line);background:#f9f6ee;border-radius:6px;outline:none;width:100%;height:45px;padding:0 12px}.form-error{color:#9b3526;background:#fff0e9;border:1px solid #efc1b4;border-radius:6px;margin-top:16px;padding:12px;font-size:13px}.generate-button{background:var(--orange);border-radius:6px;width:100%;height:53px;margin-top:26px}.generate-button span{opacity:.75;margin-left:auto;font-size:10px}.fine-print{color:var(--muted);font-size:10px;text-align:center!important;line-height:1.5!important}.generating-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:565px;display:flex}.generating-state .spinner{color:var(--orange);animation:1.3s linear infinite spin}.generating-state span{text-transform:uppercase;letter-spacing:.15em;color:var(--orange);margin-top:24px;font-size:10px;font-weight:800}.generating-state h2{font-family:var(--font-serif);margin:10px;font-size:32px}.generating-state p{max-width:370px;color:var(--muted);line-height:1.6}.library-page{max-width:1240px;margin:auto;padding:75px 34px 100px}.library-page>h1{margin-bottom:12px;font-size:52px}.library-page>p{color:var(--muted);margin-bottom:45px}.library-page .hero-cta{margin-top:50px}.reader-shell{min-height:100vh;padding:0 30px 35px}.reader-topbar{max-width:1080px;height:62px;color:var(--muted);justify-content:space-between;align-items:center;margin:auto;font-size:12px;display:flex}.reader-topbar>a{align-items:center;gap:7px;display:flex}.reader-topbar>div{display:flex}.reader-topbar button{background:0 0;border:0;padding:8px}.progress{background:var(--line);max-width:1080px;height:2px;margin:auto}.progress i{background:var(--orange);height:100%;transition:width .3s;display:block}.reader-page{background:var(--paper);grid-template-columns:1fr 1fr;width:min(960px,100%);min-height:620px;margin:27px auto 15px;display:grid;overflow:hidden;box-shadow:0 16px 60px #242c241f}.reader-cover-art{background:#ebe3d6;place-items:center;padding:38px;display:grid}.reader-cover-art .cover{width:100%;max-width:350px}.cover-compact .cover-type strong{font-size:29px}.reader-cover-copy{flex-direction:column;justify-content:center;padding:60px 48px;display:flex}.reader-cover-copy h1,.page-copy h1,.finish-page h1{font-family:var(--font-serif);letter-spacing:-.035em;margin:20px 0 10px;font-size:42px;line-height:1.08}.reader-cover-copy>p{color:var(--muted);font-family:var(--font-serif);font-style:italic}.byline{align-items:center;gap:10px;margin:20px 0;display:flex}.byline>span:last-child{flex-direction:column;font-size:11px;display:flex}.byline small{color:var(--muted)}.learn-box{background:#f3eee3;border-radius:7px;flex-direction:column;gap:9px;margin:15px 0 24px;padding:18px;font-size:12px;display:flex}.learn-box b{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.learn-box span{gap:7px;display:flex}.learn-box svg{color:var(--orange);flex:none}.start-reading{background:var(--orange);border-radius:5px}.page-image{background:#e9e0d1;min-height:620px}.page-image img{object-fit:cover;width:100%;height:100%}.page-copy{flex-direction:column;grid-column:auto;justify-content:center;padding:70px 60px;display:flex}.reader-page:not(.reader-cover) .page-copy:only-child{grid-column:1/-1;max-width:720px;margin:auto}.page-kicker{color:var(--orange);letter-spacing:.14em;font-size:10px;font-weight:800}.page-copy p{font-family:var(--font-serif);color:#344a44;font-size:17px;line-height:1.8}.finish-page{text-align:center;grid-column:1/-1;max-width:650px;margin:auto;padding:55px}.finish-page>svg{color:var(--orange)}.finish-page>span{text-transform:uppercase;letter-spacing:.15em;color:var(--orange);margin-top:12px;font-size:10px;font-weight:800;display:block}.takeaways{text-align:left;background:#f3eee3;border-radius:7px;padding:15px 25px}.takeaways p{gap:8px;font-size:13px;display:flex}.takeaways svg{color:var(--orange);flex:none}.quiz{text-align:left;margin:25px 0}.quiz>b{text-transform:uppercase;letter-spacing:.1em;font-size:11px}.quiz details{border-bottom:1px solid var(--line);padding:13px 0;font-size:13px}.quiz summary{cursor:pointer;font-weight:700}.quiz p{color:var(--muted)}.finish-page>a{color:var(--orange);font-size:13px;font-weight:800;display:inline-block}.reader-controls{justify-content:space-between;align-items:center;max-width:960px;margin:auto;display:flex}.reader-controls button{background:0 0;border:0;align-items:center;gap:7px;padding:12px;font-size:12px;font-weight:800;display:flex}.reader-controls button:disabled{opacity:.25}.reader-controls>div{gap:5px;display:flex}.reader-controls i{background:#c7c4ba;border-radius:50%;width:5px;height:5px}.reader-controls i.active{background:var(--orange);border-radius:5px;width:16px}.ai-note{text-align:center;color:var(--muted);justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.not-found{text-align:center;place-content:center;min-height:100vh;display:grid}.not-found span{color:var(--orange);letter-spacing:.2em;font-weight:800}.not-found h1{font-family:var(--font-serif);font-size:43px}.not-found p{color:var(--muted)}.not-found a{color:var(--orange);font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:850px){.site-header{gap:18px;padding:0 20px}.site-header nav,.header-actions .icon-button,.header-actions .avatar{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-stack{height:280px;margin-top:20px}.mini-book{width:160px;height:235px;padding:18px}.mini-book b{font-size:18px}.book-grid{grid-template-columns:repeat(2,1fr)}.create-layout{grid-template-columns:1fr;gap:35px;padding-top:50px}.studio-intro{position:static}.reader-page{grid-template-columns:1fr}.reader-cover-art{min-height:420px}.page-image{min-height:380px}.reader-cover-copy,.page-copy{padding:45px}.reader-page{min-height:auto}.finish-page{padding:40px 25px}}@media (max-width:560px){.site-header{height:67px}.create-button{padding:11px;font-size:0}.create-button svg{width:19px;height:19px}.hero{padding:48px 22px}.hero h1{font-size:45px}.hero-stack{display:none}.feed-section,.library-page{padding-left:20px;padding-right:20px}.book-grid{grid-template-columns:1fr;gap:35px}.filter-tabs{overflow-x:auto}.feed-heading h2{font-size:29px}.filter-button{display:none}.create-layout{padding:42px 16px}.studio-intro h1{font-size:44px}.create-panel{padding:25px 18px}.format-options{grid-template-columns:1fr}.format-options label{grid-template-columns:auto 1fr;align-items:center;display:grid}.format-options label svg{grid-row:1/3}.split-fields{grid-template-columns:1fr}.reader-shell{padding:0 12px 25px}.reader-topbar>span{display:none}.reader-page{margin-top:15px}.reader-cover-art{padding:25px}.reader-cover-copy,.page-copy{padding:35px 25px}.reader-cover-copy h1,.page-copy h1{font-size:35px}.reader-controls button{font-size:0}.reader-controls button svg{display:block}.page-copy p{font-size:16px}footer{margin:0 20px;display:block}}
:root{--font-sans:"Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;--font-serif:Iowan Old Style, Baskerville, "Times New Roman", serif}.page-image{position:relative}.page-image img{object-fit:cover}.words-only-note{border:1px solid var(--line);background:#f3eee3;border-radius:7px;align-items:center;gap:13px;margin:12px 0 29px;padding:15px;display:flex}.words-only-note>span{color:var(--orange);font-family:var(--font-serif);font-style:italic}.words-only-note div{flex-direction:column;gap:3px;display:flex}.words-only-note small,.feed-intro{color:var(--muted)}.feed-intro{font-family:var(--font-serif);margin:10px 0 34px 49px}.feed-sentinel{color:var(--muted);justify-content:center;align-items:center;gap:6px;height:110px;display:flex}.feed-sentinel>span{background:var(--orange);border-radius:50%;width:5px;height:5px;animation:1.1s infinite alternate feed-pulse}.feed-sentinel>span:nth-child(2){animation-delay:.2s}.feed-sentinel>span:nth-child(3){animation-delay:.4s}.feed-sentinel small{margin-left:5px}.feed-sentinel button{border:1px solid var(--line);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:10px 15px;display:flex}@keyframes feed-pulse{to{opacity:.2;transform:translateY(-3px)}}@media (max-width:560px){.feed-intro{margin-left:0}}.generate-button:disabled{cursor:not-allowed;opacity:.75;background:#9a8f86}.logout-form{display:contents}.status-chip{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.status-draft{color:#5e5146;background:#e8dfd2}.status-pending_review{color:#765500;background:#fff0c7}.status-published{color:#1f574a;background:#dcefe5}.review-action{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:6px;width:100%;padding:12px;font-weight:800}.review-action:disabled{cursor:wait;opacity:.7}.review-status{color:var(--muted);text-align:center;font-size:13px}