:root{--orange:#ff4f19;--orange-dark:#e94312;--ink:#1d1d1f;--muted:#6d6d72;--line:#e8e8ea;--cream:#fff8f4;--serif:'Source Serif 4',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,system-ui,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.topbar{height:72px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.nav-shell{max-width:1240px;height:100%;margin:auto;padding:0 24px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-mark{width:31px;height:38px;background:var(--orange);color:#fff;border-radius:5px 5px 13px 5px;display:grid;place-items:center;font-family:var(--serif);font-size:25px}.desktop-nav{display:flex;gap:26px;font-size:14px;font-weight:600}.desktop-nav a:hover{color:var(--orange)}.chevron{font-size:16px}.nav-search{height:42px;max-width:360px;flex:1;margin-left:auto;background:#f3f3f4;border:1px solid transparent;border-radius:22px;display:flex;align-items:center;padding:0 15px;gap:8px;color:#7b7b7f}.nav-search:focus-within{border-color:#ffb9a2;background:#fff}.nav-search input{width:100%;border:0;outline:0;background:transparent;font-size:13px}.nav-actions{display:flex;align-items:center;gap:8px}.primary-btn,.ghost-btn,.outline-btn,.light-btn,.save-btn{border:0;border-radius:8px;padding:11px 18px;font-weight:700;font-size:13px}.primary-btn{background:var(--orange);color:#fff}.primary-btn:hover{background:var(--orange-dark)}.ghost-btn{background:transparent}.avatar-btn{display:none;border:0;background:#222;color:#fff;width:38px;height:38px;border-radius:50%;font-weight:700}.hero-shell{max-width:1240px;margin:auto;min-height:585px;padding:70px 45px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden}.eyebrow{display:block;font-size:11px;letter-spacing:2.1px;font-weight:800;margin-bottom:18px}.eyebrow.orange{color:var(--orange)}.hero-copy h1{font-family:var(--serif);font-size:clamp(48px,5.2vw,75px);line-height:.97;letter-spacing:-3px;margin:0 0 24px}.hero-copy h1 em{color:var(--orange);font-style:italic}.hero-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:560px}.hero-actions{display:flex;gap:12px;margin:32px 0}.large{padding:15px 25px;font-size:14px}.outline-btn{border:1px solid #c9c9cc;background:#fff}.trust-row{display:flex;align-items:center;gap:22px;margin-top:34px}.trust-row div{display:flex;flex-direction:column}.trust-row b{font-size:18px}.trust-row span{font-size:11px;color:var(--muted);margin-top:3px}.trust-row i{height:28px;width:1px;background:var(--line)}.hero-art{height:450px;position:relative}.orange-orbit{position:absolute;width:380px;height:380px;border-radius:50%;background:var(--cream);border:70px solid #fff0e9;right:30px;top:35px}.floating-cover{position:absolute;background:#222;padding:10px;border-radius:8px;box-shadow:0 24px 60px rgba(39,22,15,.25)}.floating-cover img{width:100%;height:100%;object-fit:cover;border-radius:4px}.cover-main{width:245px;height:350px;right:100px;top:28px;transform:rotate(3deg);z-index:2}.cover-back{width:205px;height:295px;left:48px;top:115px;transform:rotate(-8deg);opacity:.9}.rank{position:absolute;top:-13px;left:-16px;background:#1e1e1f;color:#fff;padding:8px 11px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:1px;z-index:3}.cover-caption{position:absolute;left:20px;right:20px;bottom:20px;color:#fff;text-shadow:0 2px 8px #000}.cover-caption b,.cover-caption span{display:block}.cover-caption b{font-family:var(--serif);font-size:19px}.cover-caption span{font-size:11px;margin-top:3px}.reader-pill{position:absolute;z-index:4;right:40px;bottom:25px;background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 12px 35px rgba(0,0,0,.15);display:flex;align-items:center;gap:10px}.reader-pill>span{color:#ff9d16;font-size:22px}.reader-pill b,.reader-pill small{display:block}.reader-pill small{font-size:9px;color:var(--muted)}.genre-strip{border-block:1px solid var(--line);display:flex;justify-content:center;gap:42px;padding:24px;overflow-x:auto}.genre-strip a{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;font-weight:700}.genre-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff1eb;color:var(--orange)}.g1,.g5{background:#fff0f2;color:#e63a5f}.g2{background:#f2efff;color:#7055d6}.g3{background:#edf7ff;color:#2782bf}.content-section{max-width:1240px;margin:auto;padding:70px 24px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.section-title h2{font-family:var(--serif);font-size:34px;margin:0;letter-spacing:-.8px}.section-title>a{color:var(--orange);font-size:12px;font-weight:800}.book-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.book-cover{height:265px;display:block;position:relative;border-radius:7px;overflow:hidden;background:#eee;box-shadow:0 8px 24px rgba(0,0,0,.12)}.book-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.book-card:hover .book-cover img{transform:scale(1.04)}.book-rank{position:absolute;left:9px;top:9px;background:#fff;color:#111;width:25px;height:25px;border-radius:4px;display:grid;place-items:center;font-weight:800;font-size:11px}.book-badge{position:absolute;bottom:8px;left:8px;background:rgba(24,24,24,.85);color:#fff;padding:5px 7px;border-radius:4px;font-size:8px;font-weight:700;text-transform:uppercase}.book-info h3{font-family:var(--serif);font-size:16px;margin:13px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-info p{font-size:11px;color:var(--muted);margin:0 0 9px}.book-stats{display:flex;gap:12px;color:#777;font-size:9px}.editor-section{background:#272423;color:#fff;min-height:480px;display:grid;grid-template-columns:1fr 420px;align-items:center;padding:65px max(7vw,24px);gap:70px;overflow:hidden}.editor-copy{max-width:650px}.editor-copy h2{font-family:var(--serif);font-size:48px;margin:0 0 16px}.editor-copy>p{color:#c8c4c2;line-height:1.75;font-size:14px}.editor-meta{display:flex;gap:11px;align-items:center;margin:25px 0}.editor-meta img{width:40px;height:40px;border-radius:50%;object-fit:cover}.editor-meta b,.editor-meta span{display:block}.editor-meta b{font-size:12px}.editor-meta span{color:#aaa;font-size:10px;margin-top:3px}.editor-actions{display:flex;gap:10px}.light-btn{background:#fff;color:#222}.save-btn{background:transparent;color:#fff;border:1px solid #676362}.editor-cover{height:350px;position:relative}.editor-cover>img{width:240px;height:340px;object-fit:cover;border-radius:7px;transform:rotate(4deg);box-shadow:0 25px 50px #0006}.editor-score{position:absolute;right:20px;bottom:15px;background:#fff;color:#222;padding:14px 18px;border-radius:9px;box-shadow:0 10px 35px #0004}.editor-score b,.editor-score span,.editor-score small{display:block}.editor-score b{font-size:22px}.editor-score span{color:#f5a20c;font-size:10px}.editor-score small{color:#777;font-size:8px;margin-top:4px}.pills{display:flex;gap:5px}.pills button{border:0;background:#f3f3f4;border-radius:20px;padding:8px 14px;font-size:10px;font-weight:700}.pills .active{background:#222;color:#fff}.story-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story-list article{display:grid;grid-template-columns:85px 1fr 28px;gap:15px;border:1px solid var(--line);border-radius:10px;padding:12px}.story-list img{width:85px;height:122px;object-fit:cover;border-radius:5px}.story-list h3{font-family:var(--serif);font-size:17px;margin:6px 0}.story-list p{font-size:10px;line-height:1.55;color:var(--muted)}.story-list small{font-size:9px;color:#888}.story-list button{align-self:start;border:0;background:none;font-size:20px}.list-genre{font-size:8px;color:var(--orange);font-weight:800;text-transform:uppercase}.writer-cta{margin-top:35px;background:linear-gradient(120deg,#ff4f19,#ff713e);color:#fff;min-height:430px;padding:70px max(10vw,24px);display:grid;grid-template-columns:1fr 430px;align-items:center;gap:80px}.writer-cta h2{font-family:var(--serif);font-size:48px;line-height:1.05;margin:0 0 16px}.writer-cta p{font-size:14px;line-height:1.7;max-width:480px;margin-bottom:25px}.writing-card{background:#fff;color:#242424;border-radius:10px;padding:24px 28px;box-shadow:0 25px 55px #a42e1766;transform:rotate(2deg)}.writing-top{display:flex;align-items:center;gap:5px;border-bottom:1px solid #eee;padding-bottom:14px;margin-bottom:22px}.writing-top i{width:7px;height:7px;border-radius:50%;background:#ddd}.writing-top span{margin-left:auto;color:#49a36d;font-size:8px}.writing-card>b{font-family:var(--serif);font-size:20px}.writing-card p{color:#666;font-family:var(--serif);font-size:13px;line-height:1.8}.typing-line{display:block;width:70%;height:2px;background:#eee;margin:22px 0}.writing-card small{color:#aaa;font-size:8px}footer{background:#171717;color:#fff}.footer-shell{max-width:1200px;margin:auto;padding:55px 24px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.brand.inverse .brand-mark{background:#fff;color:var(--orange)}.footer-shell>div{display:flex;flex-direction:column;gap:11px}.footer-shell b{font-size:11px;margin-bottom:5px}.footer-shell div a{font-size:10px;color:#aaa}.footer-bottom{border-top:1px solid #333;padding:18px;text-align:center;font-size:9px;color:#777}.mobile-tabbar{display:none}
@media(max-width:950px){.desktop-nav{display:none}.hero-shell{grid-template-columns:1fr;padding-top:50px}.hero-art{display:none}.book-grid{grid-template-columns:repeat(3,1fr);row-gap:35px}.story-list{grid-template-columns:1fr}.editor-section,.writer-cta{grid-template-columns:1fr}.editor-cover{display:none}.writing-card{max-width:500px}.footer-shell{grid-template-columns:repeat(3,1fr)}.footer-shell>.brand{grid-column:1/-1}}
@media(max-width:650px){body{padding-bottom:68px}.topbar{height:60px}.nav-shell{padding:0 16px}.brand{font-size:20px}.brand-mark{width:27px;height:33px;font-size:21px}.nav-search{order:3;position:absolute;top:70px;left:16px;right:16px;max-width:none;display:none}.ghost-btn,.primary-btn{display:none}.avatar-btn{display:block}.hero-shell{min-height:auto;padding:55px 20px 45px;background:linear-gradient(160deg,#fff 55%,#fff4ee)}.hero-copy h1{font-size:46px;letter-spacing:-2px}.hero-copy>p{font-size:15px}.hero-actions a{flex:1;text-align:center}.trust-row{gap:15px;justify-content:space-between}.genre-strip{justify-content:flex-start;gap:24px;padding:18px 20px}.content-section{padding:50px 18px}.section-title{align-items:flex-start}.section-title h2{font-size:27px;line-height:1.1}.section-title>a{display:none}.book-grid{display:flex;overflow-x:auto;gap:15px;margin-right:-18px;padding-right:18px;scroll-snap-type:x mandatory}.book-card{min-width:145px;scroll-snap-align:start}.book-cover{height:220px}.editor-section{padding:50px 22px;min-height:auto}.editor-copy h2,.writer-cta h2{font-size:37px}.writer-cta{padding:50px 22px;gap:40px}.writing-card{padding:20px;transform:none}.pills{display:none}.footer-shell{grid-template-columns:1fr 1fr}.story-list article:nth-child(n+3){display:none}.mobile-tabbar{display:flex;position:fixed;z-index:60;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid var(--line);justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.mobile-tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:20px;color:#777}.mobile-tabbar a span{font-size:8px}.mobile-tabbar .active{color:var(--orange)}.mobile-tabbar .write-tab{width:43px;height:43px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:28px;margin-top:-22px;box-shadow:0 5px 15px #ff4f1966}.footer-bottom{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:650px){.hero-actions .primary-btn{display:block}.genre-strip,.book-grid{scrollbar-width:none}.genre-strip::-webkit-scrollbar,.book-grid::-webkit-scrollbar{display:none}}
.blog-section{max-width:1240px;margin:auto;padding:75px 24px}.blog-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:28px}.blog-feature{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);border-radius:16px;overflow:hidden}.blog-visual{min-height:350px;padding:35px;display:flex;flex-direction:column;justify-content:space-between;background:#ff5523;color:#fff;font-family:var(--serif);font-weight:800;font-size:42px;line-height:.85}.blog-visual i{align-self:flex-end;font-size:80px;color:#ffffff30}.blog-copy{padding:38px;align-self:center}.blog-category{font-size:9px;letter-spacing:1.5px;color:var(--orange);font-weight:800}.blog-copy h3{font-family:var(--serif);font-size:32px;line-height:1.08;margin:10px 0}.blog-copy>p{font-size:12px;color:var(--muted);line-height:1.7}.blog-author{display:flex;align-items:center;gap:10px;margin-top:24px}.blog-author img{width:37px;height:37px;border-radius:50%;object-fit:cover}.blog-author b,.blog-author small{display:block}.blog-author b{font-size:10px}.blog-author small{font-size:8px;color:#888;margin-top:3px}.blog-side{display:grid;gap:12px}.blog-side article{display:grid;grid-template-columns:105px 1fr;gap:17px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px}.mini-visual{height:95px;border-radius:7px;padding:13px;color:#fff;font-family:var(--serif);font-weight:800;font-size:19px;line-height:.9}.mini-visual.purple{background:#6954c8}.mini-visual.orange{background:#ff794f}.mini-visual.dark{background:#292929}.blog-side h3{font-family:var(--serif);font-size:16px;line-height:1.15;margin:6px 0}.blog-side small{font-size:8px;color:#888}.blog-editor{background:#242223;color:#fff;padding:65px max(8vw,24px);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.blog-editor h2{font-family:var(--serif);font-size:43px;line-height:1.05;margin:0 0 15px}.blog-editor>div p{color:#aaa;font-size:13px}.blog-editor form{background:#fff;color:#242424;padding:28px;border-radius:13px;display:grid;gap:15px}.blog-editor label{font-size:10px;font-weight:800;display:grid;gap:7px}.blog-editor input,.blog-editor textarea,.blog-editor select{font:inherit;border:1px solid #ddd;border-radius:7px;padding:11px 12px;outline:none;width:100%;background:#fff}.blog-editor input:focus,.blog-editor textarea:focus,.blog-editor select:focus{border-color:var(--orange)}.editor-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:9px}.draft-btn{border:1px solid #ddd;background:#fff;border-radius:8px;padding:11px 18px;font-size:11px;font-weight:700}@media(max-width:850px){.blog-layout,.blog-editor{grid-template-columns:1fr}.blog-feature{grid-template-columns:1fr 1fr}}@media(max-width:650px){.blog-section{padding:55px 18px}.blog-feature{grid-template-columns:1fr}.blog-visual{min-height:210px;font-size:35px}.blog-copy{padding:25px}.blog-side article:nth-child(n+3){display:none}.blog-editor{padding:50px 18px;gap:30px}.blog-editor h2{font-size:35px}.blog-editor form{padding:20px}.editor-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}
.create-section{max-width:1240px;margin:auto;padding:80px 24px}.create-heading{max-width:680px;margin:0 auto 38px;text-align:center}.create-heading h2{font-family:var(--serif);font-size:42px;letter-spacing:-1px;margin:0 0 12px}.create-heading p{color:var(--muted);line-height:1.7;font-size:14px}.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.create-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;padding:38px;min-height:430px}.story-create{background:#fff8f4}.zine-create{background:#f2f1ff}.create-number{position:absolute;right:24px;top:18px;font-family:var(--serif);font-size:72px;font-weight:800;color:#0000000a}.create-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:25px;margin-bottom:24px}.zine-create .create-icon{background:#292638}.create-type{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--orange)}.zine-create .create-type{color:#6b55cc}.create-card h3{font-family:var(--serif);font-size:32px;margin:6px 0 12px}.create-card p{color:var(--muted);font-size:13px;line-height:1.7;max-width:470px}.create-card ul{list-style:none;padding:0;margin:24px 0 30px;display:grid;gap:10px}.create-card li{font-size:11px;font-weight:600}.create-card li:before{content:'✓';display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#fff;color:var(--orange);margin-right:9px}.dark-btn{display:inline-block;border:0;border-radius:8px;padding:11px 18px;font-weight:700;font-size:13px;background:#292638;color:#fff}.create-card a span{margin-left:12px}@media(max-width:650px){.create-section{padding:55px 18px}.create-heading h2{font-size:32px}.create-grid{grid-template-columns:1fr}.create-card{padding:28px;min-height:auto}.create-card h3{font-size:28px}.create-card a{display:block;text-align:center;width:100%}}