
:root{--book-bg:#111018;--book-line:#ffffff20;--book-gold:#d9b77a;--book-muted:#aaa1a2}.community-shell,.writer-shell,.reader-shell{max-width:1240px;margin:0 auto;padding:45px 6vw 90px}.community-hero{padding:85px 7%;min-height:390px;border:1px solid var(--book-line);background:radial-gradient(ellipse at 85% 20%,#6e4a393b,transparent 45%),linear-gradient(120deg,#211b25,#111018);display:flex;flex-direction:column;justify-content:center}.community-hero h1,.writer-intro h1{font:600 clamp(48px,8vw,86px)/1.02 var(--serif);margin:12px 0 18px}.community-hero h1 em,.writer-intro h1 em,.community-heading h2 em,.writer-panel h2 em,.writer-callout h2 em{color:var(--book-gold)}.community-hero>p:not(.eyebrow){max-width:570px;color:#c4babe;line-height:1.8}.community-hero-actions,.promo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.community-section{padding:65px 0}.community-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.community-heading h2{font:600 clamp(34px,5vw,52px) var(--serif);margin:8px 0 20px}.community-tools{display:grid;grid-template-columns:1fr 190px 190px;gap:10px;margin:10px 0 25px}.community-tools input,.community-tools select,.community-form input,.community-form textarea,.community-form select{width:100%;padding:13px 14px;background:#17151e;border:1px solid var(--book-line);color:#f3eae2;border-radius:2px;font:13px var(--sans)}.community-tools input:focus,.community-form input:focus,.community-form textarea:focus{outline:1px solid var(--book-gold)}.community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.community-card{border:1px solid var(--book-line);background:#ffffff06;min-width:0;overflow:hidden}.community-card>a{color:inherit;text-decoration:none}.community-cover{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:linear-gradient(145deg,#493746,#17151e)}.cover-placeholder{aspect-ratio:3/4;display:grid;place-items:center;text-align:center;padding:20px;background:radial-gradient(circle at 70% 20%,#a77b4a55,transparent 45%),linear-gradient(145deg,#3b2c3b,#14131b);font:28px var(--serif);color:#ead6b3}.community-card-body{padding:14px}.community-card h3{font:20px var(--serif);margin:5px 0 8px;overflow-wrap:anywhere}.community-card p{font-size:11px;line-height:1.65;color:#b8afb1;min-height:50px}.community-meta{font-size:9px;color:var(--book-gold);letter-spacing:.08em;text-transform:uppercase}.community-stats{display:flex;gap:12px;color:#b8afb1;font-size:10px}.empty-state{grid-column:1/-1;padding:35px;border:1px dashed var(--book-line);text-align:center;color:var(--book-muted)}.writer-callout{padding:35px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--book-line);background:linear-gradient(110deg,#382d35,#17151e)}.writer-callout h2{font:36px/1.1 var(--serif);margin:10px 0}.community-footer{text-align:center;padding:28px;border-top:1px solid var(--book-line);font-size:10px;color:var(--book-muted)}.writer-intro{padding:35px 0}.writer-intro p:last-child{max-width:580px}.writer-panel{padding:28px;border:1px solid var(--book-line);background:#ffffff06;margin:20px 0}.writer-panel h2{font:32px var(--serif);margin:0 0 10px}.auth-tabs{display:flex;gap:8px;margin:20px 0}.auth-tabs button,.chapter-actions button{padding:9px 14px;background:transparent;border:1px solid var(--book-line);color:#eee;cursor:pointer}.auth-tabs button.active{border-color:var(--book-gold);color:var(--book-gold)}.community-form{display:grid;gap:14px;max-width:720px}.community-form label{display:grid;gap:7px;color:#d5ccca;font-size:11px}.community-form textarea{resize:vertical;line-height:1.7}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.small-note{font-size:10px;line-height:1.7}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.writer-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;margin-top:25px}.writer-columns h3,.chapter-editor h3{font:22px var(--serif)}.my-story{padding:14px 0;border-bottom:1px solid var(--book-line)}.my-story strong{display:block;font:17px var(--serif)}.my-story small{display:block;color:var(--book-muted);font-size:10px;margin:5px 0 10px}.my-story-actions{display:flex;gap:8px;flex-wrap:wrap}.my-story-actions button,.my-story-actions a{border:1px solid var(--book-line);padding:7px 10px;color:var(--book-gold);background:transparent;font-size:10px;text-decoration:none;cursor:pointer}.chapter-editor{margin-top:35px;padding-top:25px;border-top:1px solid var(--book-line)}.inline-check{display:flex!important;align-items:center;gap:8px}.inline-check input{width:auto}.status-line{color:var(--book-gold);font-size:12px;min-height:22px}.reader-shell{max-width:900px}.reader-content{padding:35px 0}.reader-head{text-align:center;padding:35px 0;border-bottom:1px solid var(--book-line)}.reader-head h1{font:600 clamp(36px,6vw,58px) var(--serif);margin:15px 0}.reader-head p{color:var(--book-muted);line-height:1.8}.reader-chapters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:22px 0}.reader-chapters button{padding:8px 12px;border:1px solid var(--book-line);background:transparent;color:var(--book-gold);cursor:pointer}.chapter-reader{max-width:720px;margin:45px auto}.chapter-reader h2{font:32px var(--serif);text-align:center;margin-bottom:35px}.chapter-text{font:18px/2 var(--serif);color:#e2d9d2;white-space:pre-wrap;overflow-wrap:anywhere}.reader-controls{display:flex;justify-content:space-between;gap:12px;margin-top:35px}.reader-controls button{padding:11px 16px;border:1px solid var(--book-line);background:#ffffff08;color:var(--book-gold);cursor:pointer}.reader-controls button:disabled{opacity:.3;cursor:not-allowed}.reader-settings{display:flex;justify-content:flex-end;gap:8px;margin:20px 0}.reader-settings button{background:transparent;color:var(--book-gold);border:1px solid var(--book-line);padding:7px 11px}.reader-shell.large-text .chapter-text{font-size:21px}.reader-shell.light-reader{background:#f4eee5;color:#211b20;padding:25px 5%;}.reader-shell.light-reader .chapter-text,.reader-shell.light-reader .reader-head p{color:#332a2a}.reader-shell.light-reader .reader-head h1,.reader-shell.light-reader .chapter-reader h2{color:#241d1d}
@media(max-width:850px){.community-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.writer-columns{grid-template-columns:1fr}.community-tools{grid-template-columns:1fr 1fr}.community-tools input{grid-column:1/-1}}@media(max-width:600px){.community-shell,.writer-shell,.reader-shell{padding:28px 5vw 65px}.community-hero{padding:50px 7%;min-height:330px}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.community-card-body{padding:10px}.community-card h3{font-size:17px}.community-card p{font-size:10px;min-height:60px}.community-tools{grid-template-columns:1fr}.community-tools input{grid-column:auto}.writer-callout{align-items:flex-start;flex-direction:column;padding:24px}.writer-panel{padding:18px}.two-fields{grid-template-columns:1fr}.chapter-text{font-size:17px}.reader-settings{justify-content:center}}

.reader-actions{display:flex;justify-content:center;gap:10px;margin:18px}.reader-actions button{padding:9px 14px;border:1px solid var(--book-line);background:transparent;color:var(--book-gold);cursor:pointer}.report-form{margin:15px auto;text-align:left;max-width:500px}.report-form[hidden]{display:none}

.reader-comments{margin:3rem auto 1rem;max-width:850px;padding:1.5rem;border:1px solid rgba(214,180,105,.2);border-radius:18px;background:rgba(255,255,255,.025)}.reader-comments h2{margin-top:0}.reader-comments .my-story p{white-space:pre-wrap;line-height:1.65}
