:root{color:#2c2420;background:#f7f2eb;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}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}.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}.reader-actions{justify-content:flex-end}.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}@media(max-width:640px){.topbar{flex-wrap:wrap;gap:.75rem;padding-bottom:.75rem;padding-top:.75rem}.main-navigation{margin:0;order:3;width:100%}.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%}}