:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f2ed;--surface:#fcfaf2;--surface-soft:#eeeee6;--ink:#1f1f1c;--muted:#6b6960;--quiet:#8f8a7d;--line:#d9d6d1;--sage:#637a5e;--sage-soft:#e5eadc;--sage-line:#a5b39e;--terracotta:#cf7a59;--terracotta-soft:#f4e0d6;--fog:#dad7d1;--shadow:0 24px 70px #241f181c}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0f1212;--surface:#1c1f1c;--surface-soft:#202520;--ink:#f7f2eb;--muted:#b8b2a8;--quiet:#8f8f86;--line:#2e302e;--sage:#8fa68f;--sage-soft:#1c261d;--sage-line:#455c47;--terracotta:#d27a5c;--terracotta-soft:#3d241d;--fog:#2f3332;--shadow:0 24px 70px #00000057}}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{background:linear-gradient(color-mix(in srgb, var(--background) 88%, transparent), color-mix(in srgb, var(--background) 92%, transparent)), url(/brand/readnest-shelf-photo.png) center 18% / min(720px, 92vw) auto no-repeat fixed, radial-gradient(circle at top left, color-mix(in srgb, var(--sage-soft) 70%, transparent), transparent 34rem), linear-gradient(135deg, var(--background), color-mix(in srgb, var(--fog) 36%, var(--background)));min-height:100vh;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.page{width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 56px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{flex:none;place-items:center;width:40px;height:40px;display:inline-grid}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-type{letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,2vw,1.75rem);font-weight:600}.nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.hero{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:stretch;gap:28px;display:grid}.hero-copy{flex-direction:column;justify-content:center;min-height:510px;padding:clamp(24px,6vw,64px) 0;display:flex}.eyebrow{color:var(--sage);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0}h1{max-width:760px;margin-bottom:20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,8vw,6.6rem);font-weight:600;line-height:.94}.lead{max-width:620px;color:var(--muted);font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.62}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.button{border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink);cursor:pointer;box-shadow:none;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-weight:800;display:inline-flex}.button.primary{border-color:var(--sage);background:var(--sage);color:#fffaf2}.button.subtle{background:color-mix(in srgb, var(--surface) 70%, transparent)}.panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);box-shadow:var(--shadow);border-radius:8px;position:relative}.nest-panel{flex-direction:column;justify-content:space-between;min-height:510px;padding:28px;display:flex;overflow:hidden}.nest-panel:before{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 78%, transparent), var(--surface)), url(/brand/readnest-shelf-photo.png) center / cover no-repeat;content:"";opacity:.22;position:absolute;inset:0}.nest-panel>*{z-index:1;position:relative}.hero-brand-lockup{align-items:center;gap:14px;margin-bottom:26px;display:flex}.hero-brand-lockup picture{flex:none;width:72px;height:72px}.hero-brand-lockup img{object-fit:contain;width:100%;height:100%;display:block}.hero-brand-lockup strong{font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:600;line-height:1;display:block}.hero-brand-lockup span{color:var(--muted);letter-spacing:.18em;margin-top:8px;font-size:.9rem;font-weight:700;display:block}.shelf-preview{gap:22px;display:grid}.shelf-row{background:linear-gradient(180deg, color-mix(in srgb, var(--sage-soft) 70%, transparent), transparent 78%);border-radius:8px;align-items:end;gap:10px;min-height:126px;padding:22px 22px 18px;display:flex;position:relative;overflow:hidden}.shelf-row:after{content:"";background:linear-gradient(#9f7446,#725035);border-radius:999px;height:11px;position:absolute;bottom:12px;left:16px;right:16px}.book-spine{z-index:1;width:34px;height:var(--height);background:var(--color);color:#fff;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;border-radius:6px 6px 4px 4px;justify-content:center;align-items:center;font-size:.7rem;font-weight:900;display:flex}.summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.stat{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:18px}.stat strong{color:var(--sage);font-size:1.6rem;line-height:1;display:block}.stat span{color:var(--muted);margin-top:8px;font-weight:800;display:block}.app-preview{border-radius:8px;align-content:center;gap:18px;min-height:570px;display:grid;overflow:hidden}.preview-heading{max-width:360px;padding-left:8px}.preview-heading p:last-child{color:var(--muted);margin:-8px 0 0;font-weight:700;line-height:1.45}.phone-carousel{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 86%, transparent), color-mix(in srgb, var(--sage-soft) 46%, transparent)), url(/brand/readnest-shelf-photo.png) center / cover no-repeat;box-shadow:var(--shadow);border-radius:8px;position:relative;overflow:hidden}.phone-carousel:before{background:linear-gradient(90deg, var(--surface), transparent 18%, transparent 82%, var(--surface));content:"";opacity:.68;pointer-events:none;z-index:2;position:absolute;inset:0}.phone-track{width:max-content;animation:22s infinite phone-carousel-slide;display:flex}.phone-carousel:hover .phone-track,.phone-carousel:focus-within .phone-track{animation-play-state:paused}.phone-slide{flex:none;place-items:center;width:min(420px,100vw - 56px);padding:24px 40px;display:grid}.phone-frame{background:#171817;border:9px solid #171817;border-radius:34px;width:248px;min-height:492px;overflow:hidden;box-shadow:0 20px 56px #14100a3d}.phone-status{color:#f7f2eb;justify-content:space-between;align-items:center;min-height:31px;padding:7px 16px 0;font-size:.68rem;font-weight:900;display:flex}.phone-screen{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, white), var(--surface)), var(--surface);border-radius:24px 24px 25px 25px;flex-direction:column;gap:14px;min-height:452px;padding:18px;display:flex}@media (prefers-color-scheme:dark){.phone-screen{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 86%, #252b26), var(--surface)), var(--surface)}}.screen-topline{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:.72rem;font-weight:900;display:flex}.screen-topline strong{color:var(--accent)}.phone-screen h2{margin-bottom:-8px;font-family:Georgia,Times New Roman,serif;font-size:1.65rem;font-weight:600;line-height:1.06}.phone-screen p{color:var(--muted);margin-bottom:0;font-size:.78rem;font-weight:700;line-height:1.38}.mini-shelves,.loan-list{gap:12px;display:grid}.mini-shelf{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-soft) 68%, transparent);border-radius:8px;min-height:116px;padding:13px 13px 21px;position:relative;overflow:hidden}.mini-shelf:after{content:"";background:linear-gradient(#a5794a,#735033);border-radius:999px;height:8px;position:absolute;bottom:10px;left:10px;right:10px}.mini-shelf strong,.mini-shelf span{display:block}.mini-shelf strong{font-size:.9rem}.mini-shelf span{color:var(--muted);font-size:.74rem;font-weight:800}.mini-books{align-items:end;gap:5px;display:flex;position:absolute;bottom:18px;left:14px}.mini-book{width:20px;height:var(--book-height);background:linear-gradient(90deg, #ffffff4d, transparent 45%), var(--book-color);border-radius:5px 5px 3px 3px}.reading-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-soft) 70%, transparent);border-radius:8px;grid-template-columns:56px 1fr;gap:12px;padding:12px;display:grid}.book-cover{background:linear-gradient(145deg, #f7d84a, #f3ed9a), var(--terracotta-soft);color:#20333a;border-radius:7px;place-items:center;height:82px;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:700;display:grid}.reading-card strong,.reading-card span{display:block}.reading-card span{color:var(--muted);margin-top:4px;font-size:.76rem;font-weight:800}.progress-bar{background:var(--line);border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.progress-bar span{border-radius:inherit;background:var(--accent);height:100%;margin:0;display:block}.reading-card ul{grid-column:1/-1;gap:7px;margin:2px 0 0;padding:0;list-style:none;display:grid}.reading-card li{background:var(--surface);color:var(--muted);border-radius:8px;padding:8px 9px;font-size:.72rem;font-weight:800}.filter-chip-grid{flex-wrap:wrap;gap:9px;margin-top:8px;display:flex}.filter-chip-grid span{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--line));background:color-mix(in srgb, var(--accent) 12%, var(--surface));color:var(--ink);border-radius:999px;padding:9px 11px;font-size:.74rem;font-weight:900}.loan-row,.wishlist-strip{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-soft) 70%, transparent);border-radius:8px;padding:11px}.loan-row{grid-template-columns:1fr auto;gap:5px 10px;display:grid}.loan-row span,.loan-row em,.wishlist-strip{color:var(--muted);font-size:.75rem;font-style:normal;font-weight:800}.loan-row strong{grid-column:1/-1}.carousel-dots{justify-content:center;gap:8px;display:flex}.carousel-dots span{background:var(--line);border-radius:999px;width:30px;height:5px}.carousel-dots span:first-child{animation:22s infinite dot-one}.carousel-dots span:nth-child(2){animation:22s infinite dot-two}.carousel-dots span:nth-child(3){animation:22s infinite dot-three}.carousel-dots span:nth-child(4){animation:22s infinite dot-four}@keyframes phone-carousel-slide{0%,18%{transform:translate(0)}25%,43%{transform:translate(-25%)}50%,68%{transform:translate(-50%)}75%,93%{transform:translate(-75%)}to{transform:translate(0)}}@keyframes dot-one{0%,18%,to{background:var(--sage)}}@keyframes dot-two{25%,43%{background:var(--sage)}}@keyframes dot-three{50%,68%{background:var(--sage)}}@keyframes dot-four{75%,93%{background:var(--sage)}}.auth-shell{place-items:center;min-height:calc(100vh - 84px);display:grid}.auth-card{width:min(460px,100%);padding:30px;overflow:hidden}.auth-card:before{background:linear-gradient(120deg, color-mix(in srgb, var(--surface) 88%, transparent), var(--surface)), url(/brand/readnest-shelf-photo.png) center / cover no-repeat;content:"";opacity:.12;position:absolute;inset:0}.auth-card>*{z-index:1;position:relative}.auth-card h1{margin-bottom:10px;font-size:clamp(2.35rem,7vw,4rem)}.form{gap:16px;margin-top:24px;display:grid}.field{gap:7px;display:grid}.field label{color:var(--muted);font-size:.86rem;font-weight:800}.field input{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 86%, var(--background));width:100%;min-height:50px;color:var(--ink);border-radius:8px;outline:none;padding:0 14px}.field input:focus{border-color:var(--sage);box-shadow:0 0 0 4px var(--sage-soft)}.notice{border:1px solid var(--sage-line);background:var(--sage-soft);color:var(--ink);border-radius:8px;padding:13px 14px;font-size:.95rem;line-height:1.45}.dashboard{gap:24px;display:grid}.dashboard-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;display:flex}.dashboard-head h1{margin-bottom:8px;font-size:clamp(2.6rem,6vw,5rem)}.cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{min-height:180px;padding:22px}.card h2{margin-bottom:10px;font-family:Georgia,Times New Roman,serif;font-size:1.55rem;font-weight:600}.card p{color:var(--muted);line-height:1.52}.checklist{gap:12px;margin:0;padding:0;list-style:none;display:grid}.checklist li{color:var(--muted);align-items:center;gap:10px;display:flex}.checklist li:before{background:var(--sage-soft);width:22px;height:22px;color:var(--sage);content:"✓";border-radius:999px;flex:none;place-items:center;font-size:.78rem;font-weight:900;display:inline-grid}.footer-note{color:var(--quiet);margin-top:30px;font-size:.9rem}@media (max-width:840px){.page{width:min(100% - 24px,720px);padding-top:18px}.topbar{margin-bottom:24px}.hero{grid-template-columns:1fr}.hero-copy,.nest-panel,.app-preview{min-height:auto}.hero-copy{padding-bottom:8px}.phone-slide{width:calc(100vw - 24px);padding:22px 20px}.phone-frame{width:min(248px,100vw - 72px)}.summary-grid,.cards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.phone-track,.carousel-dots span{animation:none}.phone-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;overflow-x:auto}.phone-carousel::-webkit-scrollbar{display:none}.phone-slide{scroll-snap-align:center}}