: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}.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}.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 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-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}.filters select{max-width:none;width:100%}}