body.home-space{background:#fff}.home-space>.site-header,.home-space>.site-footer{display:none}
.app-home{max-width:800px;padding:16px 20px 40px;font-family:system-ui,sans-serif;color:#182033}
.app-home [hidden]{display:none!important}.app-home a{text-decoration:none}.app-home a:focus-visible{outline:3px solid #1948e8;outline-offset:3px}
.app-home-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.app-home-header .brand{font-size:29px;white-space:nowrap;letter-spacing:-1px}.app-home-header .brand span{color:#1948e8}
.home-login{border:1.5px solid #1948e8;border-radius:24px;color:#1948e8;font-weight:650;font-size:15px;min-height:44px;padding:0 16px;display:flex;align-items:center;white-space:nowrap}
.home-intro h1{font:750 27px/1.4 system-ui;margin:0 0 6px;letter-spacing:-.6px}.home-intro p{font-size:14px;color:#687183;margin:0 0 20px}
.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.home-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 8px;border-radius:14px;background:#edf4ff;color:#153875;min-width:0}.home-actions a:last-child{background:#1948e8;color:white}.home-actions svg{width:38px;height:38px;margin-bottom:10px}.home-actions strong{font-size:20px;line-height:1.5}.home-actions small{font-size:12px;margin-top:3px}
.home-section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:18px 0 10px}.home-section-heading h2{font:700 20px/1.5 system-ui;margin:0}.home-section-heading a{color:#1948e8;font-size:14px;min-height:44px;display:flex;align-items:center}
.home-draft{display:flex;align-items:center;gap:12px;border:1px solid #e0e5ed;border-radius:12px;padding:10px;color:inherit}.home-draft-cover{width:82px;height:70px;object-fit:cover;border-radius:8px;flex-shrink:0}.home-draft-placeholder{background:#eff3fa;display:grid;place-items:center;font-size:32px;color:#94a4bd}.home-draft>span:nth-child(2){flex:1;min-width:0}.home-draft strong{font-size:16px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-draft small{display:block;font-size:11px;color:#687183;margin-top:6px}.home-draft>span:last-child{font-size:24px;color:#687183}
.home-filters{display:flex;background:#f2f4f7;border-radius:10px;margin-bottom:12px;padding:3px}.home-filters a{flex:1;text-align:center;min-height:44px;display:grid;place-items:center;color:#505b6e;border-radius:8px;font-size:15px}.home-filters [aria-current]{background:#1948e8;color:#fff;font-weight:650}
.home-books{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px}.home-book{min-width:0;color:inherit}.home-cover{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:10px;background:#edf1f7}.home-book h3{font:650 16px/1.5 system-ui;margin:7px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-book p{font-size:12px;color:#687183;margin:0}.home-all{display:block;text-align:center;padding:16px;color:#1948e8;margin-top:12px}
@media(max-width:720px){.app-home{width:auto;margin:0;padding:12px 16px 32px}.app-home-header{margin-bottom:20px}.app-home-header .brand{font-size:27px}.home-intro h1{font-size:26px}}
@media(min-width:721px){.app-home{margin:auto}.home-actions a{padding:24px}.home-books{grid-template-columns:repeat(4,1fr)}}

/* Keep destinations explicit on both desktop and mobile. */
.home-desktop-nav{display:flex;gap:8px;margin:0 0 24px;border-bottom:1px solid #e0e5ed;padding-bottom:8px}
.home-desktop-nav a{display:grid;place-items:center;flex:1;min-height:44px;color:#505b6e;border-radius:8px;font-size:14px}
.home-desktop-nav [aria-current]{background:#edf4ff;color:#1948e8;font-weight:700}
.home-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px}
.home-shortcuts a{display:grid;grid-template-columns:1fr auto;gap:6px 8px;padding:16px;border:1px solid #e0e5ed;border-radius:12px;color:inherit;min-width:0}
.home-shortcuts strong{font-size:15px}.home-shortcuts small{grid-column:1;font-size:12px;line-height:1.6;color:#687183}
.home-shortcuts span{grid-column:2;grid-row:1/3;align-self:center;font-size:24px;color:#687183}
.home-actions{margin-bottom:12px}
@media(max-width:720px){.home-desktop-nav{display:none}.home-shortcuts{grid-template-columns:1fr;gap:8px}.home-shortcuts a{padding:12px 14px}.home-shortcuts small{font-size:13px}}
.home-popular{margin:24px 0;padding:16px;border:1px solid #e1e6ef;border-radius:16px;background:#f8faff}.home-popular .home-section-heading{margin:0}.popular-caption,.popular-empty{font:13px/1.6 system-ui;color:#657085;margin:0 0 12px}.popular-list{display:grid;gap:4px}.popular-work{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 0;color:inherit}.popular-work+.popular-work{border-top:1px solid #e1e6ef}.popular-rank{font:800 22px system-ui;color:#3855a8;min-width:20px;text-align:center}.popular-work:first-child .popular-rank{color:#996813}.popular-cover{width:56px;height:76px;object-fit:cover;border-radius:6px;flex-shrink:0}.popular-copy{min-width:0;display:grid;gap:5px}.popular-copy strong{font:650 15px/1.5 system-ui;overflow-wrap:anywhere}.popular-copy small,.work-counts{font:12px/1.6 system-ui;color:#657085}.home-popular .home-section-heading h2{font-size:20px}.home-popular .home-section-heading a{white-space:nowrap;font-size:12px}

/* Discovery: a visible search and enough context to choose a story. */
.app-interface .home-intro{padding:12px 0 8px}
.app-interface .home-intro h1{font-size:clamp(23px,3vw,30px);line-height:1.5;margin:0 0 8px}
.app-interface .home-intro p{font-size:14px;line-height:1.8;color:#647087;margin:0 0 12px;max-width:42em}
.app-interface .home-book .home-book-summary{font-size:13px;line-height:1.7;margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#505b6e}
.app-interface .app-home-search{scroll-margin-top:80px}