:root{color:#2c2420;background:#f7f2eb;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f7f2eb;color:#2c2420;margin:0;min-width:320px;transition:background .16s ease,color .16s ease}button,input,select{font:inherit}.topbar{align-items:center;background:#2c2420;color:#fffaf4;display:flex;justify-content:space-between;min-height:64px;padding:0 5vw}.brand{font:700 1.25rem Georgia,serif;text-decoration:none;color:inherit}.text-button{background:none;border:0;color:inherit;cursor:pointer}.topbar-actions{align-items:center;display:flex;gap:1rem}.theme-toggle{white-space:nowrap}.main-navigation{display:flex;gap:1.25rem;margin-left:auto;margin-right:2rem}.main-navigation a{color:#eadfd5;text-decoration:none}.main-navigation a.router-link-active{color:#fff;font-weight:700}.narrow-page,.content-page,.reader-page{margin:auto;padding:3rem 1.25rem}.narrow-page{max-width:460px}.content-page{max-width:960px}.reader-page{max-width:760px}.panel,.story-list a{background:#fffdfa;border:1px solid #e5d9cc;border-radius:14px}.panel{padding:2rem}.login-card,.migration-card{display:grid;gap:1rem}.migration-card dl{display:grid;gap:.65rem;margin:0}.migration-card dl div{display:flex;justify-content:space-between}.migration-card dd{font-weight:700;margin:0}.success{background:#eaf7ee;border-radius:8px;color:#24683a;padding:.8rem}.login-card label{display:grid;gap:.4rem;font-weight:650}h1{font-family:Georgia,serif;margin:0}input{border:1px solid #cdbcae;border-radius:9px;padding:.8rem}.primary-button{background:#8f3e45;border:0;border-radius:9px;color:#fff;padding:.85rem;font-weight:700}.secondary-button{background:#fffdfa;border:1px solid #cdbcae;border-radius:9px;color:#2c2420;cursor:pointer;padding:.75rem .9rem;text-decoration:none}.eyebrow{color:#8f3e45;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.muted{color:#76675f}.error{background:#fff0f0;color:#8d252d;padding:.8rem;border-radius:8px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:2rem}.search{min-width:340px}.filters{display:flex;gap:.75rem}.library-actions,.reader-actions,.story-quick-actions,.history-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem}.filter-panel{align-items:center;background:#eee3d8;border-radius:14px;display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(130px,1fr)) auto minmax(220px,1.5fr);margin-bottom:1.5rem;padding:1rem}.filter-panel select,.filter-panel input[type=search]{background:#fffdfa;border:1px solid #cdbcae;border-radius:9px;min-width:0;padding:.7rem;width:100%}.check-filter{align-items:center;display:flex;gap:.35rem;white-space:nowrap}.filters select{background:#fff;border:1px solid #cdbcae;border-radius:9px;max-width:260px;padding:.8rem}.story-list{display:grid;gap:.65rem;list-style:none;padding:0}.author-list{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;padding:0}.author-list a{background:#fffdfa;border:1px solid #e5d9cc;border-radius:14px;color:inherit;display:flex;flex-direction:column;min-height:92px;padding:1rem;text-decoration:none}.author-list span,.empty-state{color:#76675f}.story-list a{display:flex;flex-direction:column;padding:1rem;text-decoration:none;color:inherit}.story-list li{position:relative}.story-list li.is-read>a strong{color:#76675f;text-decoration:line-through;text-decoration-thickness:1px}.story-list small{color:#8f3e45;margin-top:.25rem}.story-quick-actions{justify-content:flex-end;padding:.35rem .5rem 0}.story-quick-actions button,.reader-actions button{background:transparent;border:1px solid #cdbcae;border-radius:7px;color:#5e4f47;cursor:pointer;padding:.4rem .6rem}.story-list span{color:#76675f}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.pagination button{background:#fffdfa;border:1px solid #cdbcae;border-radius:8px;color:inherit;cursor:pointer;padding:.65rem .9rem}.pagination button:disabled{cursor:default;opacity:.45}.back-link{display:inline-block;margin-bottom:2rem;color:#8f3e45}.pwa-message{align-items:center;background:#2c2420;border:1px solid #594940;border-radius:12px;bottom:1rem;box-shadow:0 8px 30px #2c24203d;color:#fffaf4;display:flex;gap:.75rem;left:50%;max-width:calc(100% - 2rem);padding:.85rem 1rem;position:fixed;transform:translate(-50%);z-index:10}.pwa-message button{background:#fffaf4;border:0;border-radius:7px;color:#2c2420;cursor:pointer;padding:.45rem .7rem}.story-heading{border-bottom:1px solid #ddcfc2;margin-bottom:2rem;padding-bottom:1rem}.story-heading{align-items:start;display:flex;gap:1rem;justify-content:space-between}.author-link{color:#71343a;font-weight:700;text-decoration-thickness:1px;text-underline-offset:.18em}.author-link:hover{color:#3f1c20}.reader-actions{justify-content:flex-end}.reader-actions-bottom{border-top:1px solid #ddcfc2;margin-top:2rem;padding-top:1.25rem}.reading-progress{background:#e5d9cc;height:4px;margin:-2rem 0 2rem;position:sticky;top:0;z-index:2}.reading-progress span{background:#8f3e45;display:block;height:100%;transition:width .16s ease}.history-list li{background:#fffdfa;border:1px solid #e5d9cc;border-radius:14px}.history-list a{border:0}.history-badges{color:#8f3e45;font-size:.8rem;padding:0 1rem .8rem}.story-content{font:1.16rem/1.85 Georgia,serif;white-space:pre-wrap}:root[data-theme=dark]{background:#171513;color-scheme:dark}:root[data-theme=dark] body{background:#171513;color:#e9e1d8}:root[data-theme=dark] .topbar,:root[data-theme=dark] .pwa-message{background:#0e0d0c;border-color:#463d37}:root[data-theme=dark] .panel,:root[data-theme=dark] .story-list a,:root[data-theme=dark] .author-list a,:root[data-theme=dark] .history-list li,:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .pagination button{background:#24201d;border-color:#4e443d;color:#eee6de}:root[data-theme=dark] .filter-panel{background:#211d1a}:root[data-theme=dark] .filter-panel select,:root[data-theme=dark] .filter-panel input[type=search],:root[data-theme=dark] .filters select,:root[data-theme=dark] input{background:#2a2521;border-color:#51463f;color:#eee6de}:root[data-theme=dark] .muted,:root[data-theme=dark] .story-list span,:root[data-theme=dark] .author-list span,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .story-list li.is-read>a strong{color:#b9aaa0}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .story-list small,:root[data-theme=dark] .back-link,:root[data-theme=dark] .author-link,:root[data-theme=dark] .history-badges{color:#e19aa1}:root[data-theme=dark] .author-link:hover{color:#ffc2c7}:root[data-theme=dark] .story-heading,:root[data-theme=dark] .reader-actions-bottom{border-color:#4b413b}:root[data-theme=dark] .reader-actions button,:root[data-theme=dark] .story-quick-actions button{border-color:#665850;color:#e1d5cc}:root[data-theme=dark] .reading-progress{background:#403731}:root[data-theme=dark] .reading-progress span{background:#d47e87}:root[data-theme=dark] .error{background:#3a2022;color:#ffb4ba}:root[data-theme=dark] .success{background:#183024;color:#a9dfb8}@media(max-width:640px){.topbar{flex-wrap:wrap;gap:.75rem;padding-bottom:.75rem;padding-top:.75rem}.main-navigation{margin:0;order:3;width:100%}.topbar-actions{margin-left:auto}.page-heading{align-items:stretch;flex-direction:column;gap:1rem}.search{min-width:0;width:100%}.filters{flex-direction:column}.library-heading,.story-heading{align-items:stretch;flex-direction:column}.filter-panel{grid-template-columns:1fr}.library-actions,.reader-actions{align-items:stretch;flex-direction:column}.filters select{max-width:none;width:100%}}