:root{--paper:#f7f5ef;--paper-deep:#eeeae0;--surface:#fffefa;--ink:#292b25;--muted:#727369;--forest:#253b32;--forest-soft:#3e5b4c;--gold:#b99a5a;--line:#e5e1d6;--danger:#a33c32;--success:#356849;--shadow:0 18px 48px #253b3214;--serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{min-width:320px}body,html{background:#f7f5ef;background:var(--paper)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#292b25;color:var(--ink);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--sans);line-height:1.6;margin:0}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #b99a5aa6;outline-offset:3px}::selection{background:#3e5b4c;background:var(--forest-soft);color:#fffefa}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.App{background:var(--paper);color:var(--ink);min-height:100vh}.App-header{background:radial-gradient(ellipse at 50% 110%,#b99a5a33,#0000 48%),var(--forest);color:#fffaf0;overflow:hidden;padding:clamp(62px,9vw,112px) 24px clamp(70px,10vw,124px);position:relative;text-align:center}.App-header:after{border:1px solid #fffaf01c;border-radius:50%;bottom:-190px;box-shadow:0 0 0 32px rgba(255,250,240,.025),0 0 0 64px #fffaf005;content:"";height:420px;pointer-events:none;position:absolute;right:-90px;width:420px}.App-header h1,.auth-card h1,.chapter-list h2,.create-work-header h1,.draft-card h3,.empty-works h3,.intro h2,.post-detail h1,.work-card h3,.writer-header h1,.writer-welcome h2,.writer-works h2{font-family:var(--serif);font-weight:500;letter-spacing:-.025em}.App-header h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.04;margin:12px 0}.App-header p:not(.eyebrow){color:#e3e8df;font-size:clamp(1rem,2vw,1.15rem);margin:16px 0 0}.App-header .eyebrow{color:#d7bd83;font-size:.72rem;font-weight:700;letter-spacing:.24em;margin:0}.main-content{margin:0 auto;padding:60px 28px 88px;width:min(1120px,100%)}.intro{margin-bottom:30px}.intro h2{font-size:clamp(1.8rem,4vw,2.5rem);margin:0 0 7px}.intro p{color:var(--muted);margin:0}.genre-filters{display:flex;flex-wrap:wrap;gap:9px;margin:27px 0 34px}.genre-filters button{background:var(--surface);border:1px solid #dcd8cd;border-radius:999px;color:#4b5149;cursor:pointer;padding:9px 16px;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.genre-filters button:hover{border-color:var(--forest-soft);transform:translateY(-1px)}.genre-filters button.active,.genre-filters button:hover.active{background:var(--forest);border-color:var(--forest);color:#fff}.works-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}.work-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 16px rgba(37,59,50,.035);display:flex;flex-direction:column;min-height:255px;padding:26px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.work-card:hover{border-color:#c9cdbf;box-shadow:var(--shadow);transform:translateY(-4px)}.work-genre{color:#8a7040;font-size:.72rem;font-weight:700;letter-spacing:.13em;margin:0 0 11px;text-transform:uppercase}.work-card h3{color:var(--forest);font-size:1.55rem;line-height:1.2;margin:0 0 10px}.work-description{color:#66685f;line-height:1.7;margin:0}.work-footer{color:var(--muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:8px;justify-content:space-between;margin-top:auto;padding-top:20px}.work-card>span:last-child{color:var(--forest-soft)!important;font-size:.9rem!important;font-weight:700}.message{color:#5c6057;padding:20px 0}.form-error,.message.error{color:var(--danger)}.detail-page{margin:0 auto;padding:42px 28px 86px;width:min(900px,100%)}.back-home-link,.back-link{align-items:center;color:var(--forest);display:inline-flex;font-weight:700;text-decoration:none;transition:color .18s ease}.back-link{margin-bottom:24px}.back-home-link:hover,.back-link:hover{color:#8a7040;text-decoration:underline;text-underline-offset:4px}.post-detail{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:clamp(28px,6vw,58px)}.post-detail h1{color:var(--forest);font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.08;margin:8px 0}.detail-author{color:var(--muted);margin:10px 0 0}.detail-description{border-left:2px solid var(--gold);color:#66685f;font-size:1.08rem;font-style:italic;line-height:1.8;margin:25px 0;padding-left:18px}.post-content{color:#393c35;font-family:var(--serif);font-size:1.16rem;line-height:2;margin-top:32px;white-space:pre-wrap}.chapter-list{display:flex;flex-direction:column;gap:0;margin-top:38px}.chapter-list h2{color:var(--forest);font-size:1.8rem;margin:0 0 14px}.chapter-list>a{border-top:1px solid var(--line);color:var(--forest);display:flex;justify-content:space-between;padding:17px 16px;text-decoration:none;transition:background .18s ease,padding .18s ease}.chapter-list>a:last-child{border-bottom:1px solid var(--line)}.chapter-list>a:hover{background:var(--paper);padding-left:21px}.chapter-link{align-items:center;border-radius:6px;color:var(--forest);display:flex;gap:16px;justify-content:space-between;text-decoration:none;width:100%}.chapter-link:hover{background:var(--paper);color:#8a7040}.chapter-item{align-items:center;border-bottom:1px solid var(--line);box-sizing:border-box;display:flex;justify-content:space-between;padding:18px 16px;width:100%}.create-work-page,.writer-dashboard{margin:0 auto;padding:48px 28px 88px;width:min(1060px,100%)}.create-work-header,.writer-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;margin-bottom:30px;padding-bottom:25px}.create-work-header h1,.writer-header h1{color:var(--forest);font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:0}.create-work-header p,.writer-header p{color:var(--muted);margin:9px 0 0}.writer-welcome{background:var(--forest);border-radius:18px;box-shadow:var(--shadow);color:#fffaf0;margin-bottom:42px;overflow:hidden;padding:clamp(28px,5vw,46px);position:relative}.writer-welcome:after{border:1px solid #ffffff26;border-radius:50%;box-shadow:0 0 0 24px hsla(0,0%,100%,.035),0 0 0 48px hsla(0,0%,100%,.025);content:"";height:280px;pointer-events:none;position:absolute;right:-60px;top:-120px;width:280px}.writer-welcome h2{font-size:clamp(1.8rem,4vw,2.5rem);margin:0 0 8px}.writer-welcome p{color:#e3e8df;margin:0 0 24px;max-width:620px}.writer-welcome .create-work-button{background:#fffaf0;color:var(--forest)}.writer-works h2{color:var(--forest);font-size:2rem;margin:0 0 5px}.writer-works>p{color:var(--muted);margin:0 0 23px}.draft-list{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.draft-card,.empty-works{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 16px rgba(37,59,50,.035);padding:25px}.draft-card h3,.empty-works h3{color:var(--forest);font-size:1.45rem;margin:0 0 10px}.draft-card p{color:#66685f;margin:9px 0}.draft-card strong{color:#42473e}.empty-works{padding:32px}.empty-works p{color:var(--muted)}.create-work-form{grid-gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:grid;gap:10px;grid-template-columns:1fr;margin:0 auto;max-width:780px;padding:clamp(24px,5vw,42px)}.auth-card label,.create-work-form label{color:#41463e;font-size:.9rem;font-weight:700;margin-top:8px}.auth-card input,.create-work-form input,.create-work-form select,.create-work-form textarea{background:#fff;border:1px solid #dcd8cd;border-radius:9px;color:var(--ink);min-height:48px;padding:12px 14px;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.create-work-form textarea{min-height:100px;resize:vertical}.create-work-form textarea[name=content]{font-family:var(--serif);font-size:1.04rem;line-height:1.8;min-height:280px}.auth-card input:focus,.create-work-form input:focus,.create-work-form select:focus,.create-work-form textarea:focus{border-color:var(--forest-soft);box-shadow:0 0 0 3px #3e5b4c1f;outline:0}.create-work-form input::placeholder,.create-work-form textarea::placeholder{color:#9a9a90}.form-note{background:var(--paper);border-radius:9px;color:#686b61;margin:6px 0;padding:14px 16px}.form-error,.form-success{font-size:.92rem;margin:7px 0}.form-success{color:var(--success)}.auth-card button,.create-work-button{align-items:center;background:var(--forest);border:1px solid var(--forest);border-radius:9px;color:#fffaf0;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;margin-top:12px;min-height:46px;padding:11px 18px;text-decoration:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;width:fit-content}.auth-card button:hover,.create-work-button:hover{background:var(--forest-soft);box-shadow:0 7px 16px #253b3226;transform:translateY(-1px)}.auth-card button:disabled,.create-work-button:disabled{cursor:wait;opacity:.65;transform:none}.auth-page{background:radial-gradient(ellipse at 50% 0,#b99a5a1c,#0000 50%),var(--paper);display:grid;min-height:100vh;padding:36px 20px;place-items:center}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:clamp(28px,6vw,46px);width:min(470px,100%)}.auth-card h1{color:var(--forest);font-size:clamp(2rem,5vw,2.65rem);line-height:1.1;margin:0 0 8px}.auth-card>p:first-of-type{color:var(--muted);margin:0 0 26px}.auth-card form{display:flex;flex-direction:column;gap:9px}.auth-card button{margin-top:12px;width:100%}.auth-card form+p{color:var(--muted);font-size:.92rem;margin:22px 0 0}.auth-card a{color:var(--forest-soft);font-weight:700;text-underline-offset:3px}.auth-card a:hover{color:#8a7040}@media (max-width:640px){.App-header{padding:64px 18px 76px}.main-content{padding:40px 18px 62px}.genre-filters{gap:7px}.genre-filters button{font-size:.9rem;padding:8px 12px}.create-work-page,.detail-page,.writer-dashboard{padding:28px 18px 60px}.post-detail{border-radius:14px;padding:25px 21px}.post-content{font-size:1.08rem}.create-work-header,.writer-header{align-items:flex-start;flex-direction:column;gap:14px}.create-work-form,.writer-welcome{border-radius:14px}.create-work-form{padding:23px 19px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.toast{align-items:center;animation:toast-enter .22s ease-out both;background:#fffefa;border:1px solid #c8d8c8;border-radius:12px;box-shadow:0 14px 38px #1c2f2533;color:#253b32;display:flex;gap:12px;max-width:min(440px,calc(100vw - 32px));padding:14px 15px;position:fixed;right:24px;top:24px;z-index:1000}.toast-icon{background:#e8f1e8;border-radius:50%;color:#356849;display:grid;flex:0 0 25px;font-weight:800;height:25px;place-items:center;width:25px}.toast-message{flex:1 1;font-size:.94rem;font-weight:600;line-height:1.45}.toast-dismiss{background:#0000;border:0;border-radius:7px;color:#727369;cursor:pointer;display:grid;flex:0 0 28px;font-size:1.25rem;height:28px;place-items:center;width:28px}.toast-dismiss:hover{background:#f0eee7;color:#292b25}@keyframes toast-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:520px){.toast{max-width:calc(100vw - 24px);right:12px;top:12px}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.chapter-manager{color:var(--ink);margin:0 auto;padding:48px 28px 88px;width:min(1060px,100%)}.chapter-manager>header{grid-gap:8px 24px;align-items:end;border-bottom:1px solid var(--line);display:grid;gap:8px 24px;grid-template-columns:1fr auto;margin-bottom:28px;padding-bottom:25px}.chapter-manager>header h1{color:var(--forest);font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);font-weight:500;grid-column:1;letter-spacing:-.025em;line-height:1.1;margin:0}.chapter-manager>header p{color:var(--muted);grid-column:1;margin:2px 0 0}.chapter-manager>header a{color:var(--forest);font-weight:700;grid-column:2;grid-row:1/span 2;text-decoration:none}.chapter-manager>header a:hover{color:#8a7040;text-decoration:underline;text-underline-offset:4px}.chapter-manager>section{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px rgba(37,59,50,.055);margin-top:22px;padding:clamp(22px,4vw,34px)}.chapter-manager>section h2{color:var(--forest);font-family:var(--serif);font-size:1.7rem;font-weight:500;letter-spacing:-.02em;margin:0 0 18px}.chapter-manager>section>p{color:var(--muted)}.chapter-manager ol{list-style:none;margin:0;padding:0}.chapter-manager li{align-items:center;border-top:1px solid var(--line);color:#42473e;display:flex;gap:16px;justify-content:space-between;padding:14px 0}.chapter-manager li:last-child{border-bottom:1px solid var(--line)}.chapter-manager li span{font-family:var(--serif);font-size:1.08rem}.chapter-manager button{background:var(--forest);border:1px solid var(--forest);border-radius:8px;color:#fffaf0;cursor:pointer;font:inherit;font-weight:700;min-height:42px;padding:9px 15px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.chapter-manager button:hover:not(:disabled){background:var(--forest-soft);border-color:var(--forest-soft);transform:translateY(-1px)}.chapter-manager button:disabled{cursor:wait;opacity:.65}.chapter-manager form button[type=button],.chapter-manager li button{background:var(--surface);border-color:#d9d7ce;color:var(--forest)}.chapter-manager form button[type=button]:hover:not(:disabled),.chapter-manager li button:hover:not(:disabled){background:var(--paper);border-color:var(--forest-soft)}.chapter-manager form{grid-gap:18px;display:grid;gap:18px}.chapter-manager form>div{grid-gap:8px;display:grid;gap:8px}.chapter-manager label{color:#41463e;font-size:.9rem;font-weight:700}.chapter-manager input,.chapter-manager textarea{background:#fff;border:1px solid #dcd8cd;border-radius:9px;color:var(--ink);font:inherit;min-height:48px;padding:12px 14px;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.chapter-manager textarea{font-family:var(--serif);font-size:1.05rem;line-height:1.85;min-height:320px;resize:vertical}.chapter-manager input:focus,.chapter-manager textarea:focus{border-color:var(--forest-soft);box-shadow:0 0 0 3px #3e5b4c1f;outline:0}.chapter-manager form>button{width:fit-content}.chapter-manager form>button+button{margin-top:-8px}.chapter-manager>p[role=alert],.chapter-manager>p[role=status]{border-radius:9px;margin:14px 0;padding:12px 15px}.chapter-manager>p[role=alert]{background:#fff5f3;border:1px solid #e6c7c2;color:var(--danger)}.chapter-manager>p[role=status]{background:#f1f7f0;border:1px solid #c8d8c8;color:var(--success)}@media (max-width:640px){.chapter-manager{padding:28px 18px 60px}.chapter-manager>header{align-items:start;gap:8px;grid-template-columns:1fr}.chapter-manager>header a{grid-column:1;grid-row:auto;margin-top:5px}.chapter-manager>section{border-radius:13px;padding:22px 18px}.chapter-manager li{align-items:flex-start}.chapter-manager li span{line-height:1.5}.chapter-manager textarea{min-height:250px}}.chapter-list-item{grid-gap:16px;align-items:center;border-top:1px solid var(--line);color:var(--forest);display:grid;gap:16px;grid-template-columns:minmax(100px,auto) minmax(0,1fr) auto;padding:17px 16px;text-decoration:none;transition:background .18s ease,padding .18s ease}.chapter-list-item:last-child{border-bottom:1px solid var(--line)}.chapter-list-item:hover{background:var(--paper);padding-left:21px}.chapter-number{color:#8a7040;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.chapter-title{color:var(--forest);font-family:var(--serif);font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-list-item>span:last-child{color:#8a7040;font-size:1.2rem}.writer-dashboard .draft-card{align-items:flex-start;display:flex;flex-direction:column}.writer-dashboard .draft-card>a.create-work-button,.writer-dashboard .draft-card>button{margin-top:10px;text-align:center;width:100%}.writer-dashboard .draft-card>button{background:var(--surface);border:1px solid #d9d7ce;border-radius:9px;color:var(--forest);cursor:pointer;font-weight:700;min-height:44px;padding:10px 16px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.writer-dashboard .draft-card>button:hover:not(:disabled){background:var(--paper);border-color:var(--forest-soft);transform:translateY(-1px)}.writer-dashboard .draft-card>button:disabled{cursor:wait;opacity:.65}.writer-dashboard .draft-card>p{overflow-wrap:anywhere}.toast-success{border-color:#c8d8c8;border-left:4px solid #477755}.toast-success .toast-icon{background:#e8f1e8;color:#356849}.toast-error{border-color:#e6c7c2;border-left:4px solid #b3483f;color:#7e2e28}.toast-error .toast-icon{background:#fff0ed;color:#a33c32}.toast-info{border-color:#d8d2c2;border-left:4px solid #b99a5a}.toast-info .toast-icon{background:#f5f0e3;color:#806a3b}.chapter-manager li>span+span{background:#e8f1e8;border-radius:999px;color:#356849;font-family:var(--sans);font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:5px 10px;text-transform:uppercase}@media (max-width:640px){.chapter-list-item{gap:4px 12px;grid-template-columns:1fr auto;padding-inline:12px}.chapter-list-item:hover{padding-left:16px}.chapter-number{grid-column:1}.chapter-title{grid-column:1;grid-row:2}.chapter-list-item>span:last-child{grid-column:2;grid-row:1/span 2}.writer-dashboard .draft-card>a.create-work-button,.writer-dashboard .draft-card>button{width:100%}}.main-content .work-card{background:linear-gradient(145deg,#fffefa,#f8f7f1);border-top:2px solid #b99a5aa6;box-shadow:0 5px 18px rgba(37,59,50,.045);overflow:hidden;position:relative}.main-content .work-card:nth-child(3n+2){background:#fff;border-top-color:#5e7d658c}.main-content .work-card:nth-child(3n){background:linear-gradient(145deg,#fffefa,#faf5e9);border-top-color:#b99a5a80}.main-content .work-card:hover{border-color:#c9cdbf;border-top-color:var(--gold);box-shadow:0 14px 32px #253b321a;transform:translateY(-3px)}.main-content .work-genre{background:#b99a5a1f;border-radius:999px;color:#786239;letter-spacing:.1em;padding:4px 9px;width:fit-content}.main-content .work-card:nth-child(3n+2) .work-genre{background:#3e5b4c17;color:var(--forest-soft)}.main-content .work-footer{border-top:1px solid #253b3217}.main-content .work-card>span:last-child{align-items:center;background:rgba(62,91,76,.055);border:1px solid #3e5b4c29;border-radius:8px;display:inline-flex;padding:7px 10px;transition:background .18s ease,border-color .18s ease;width:fit-content}.main-content .work-card:hover>span:last-child{background:#3e5b4c1a;border-color:#3e5b4c47}.writer-dashboard .draft-list>.draft-card{background:#fff;border-top:2px solid #b99a5a99;box-shadow:0 5px 18px rgba(37,59,50,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.writer-dashboard .draft-list>.draft-card:hover{box-shadow:0 12px 28px #253b3217;transform:translateY(-2px)}.writer-dashboard .draft-card h3{margin-bottom:13px}.writer-dashboard .draft-card>a.create-work-button,.writer-dashboard .draft-card>button{margin-top:12px}
/*# sourceMappingURL=main.d8dd8052.css.map*/