:root{
 --bg:#faf9f6;--surface:#fff;--ink:#252924;--muted:#74776e;--line:#e7e7df;--soft:#f0f1eb;
 --accent:#c64b27;--accent-hover:#a63c1e;--accent-light:#f8e9dd;--green:#366348;--peach:#f4e1ce;--lavender:#e7e1ef;--yellow:#f0e5a5;
 --font-body:'Satoshi',sans-serif;--font-display:'Boska',Georgia,serif;
 --text-xs:clamp(.75rem,.73rem + .1vw,.8125rem);--text-sm:clamp(.875rem,.85rem + .12vw,.9375rem);--text-base:1rem;--text-lg:clamp(1.125rem,1rem + .4vw,1.375rem);--text-xl:clamp(1.75rem,1.4rem + 1vw,2.25rem);
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
}
[data-theme=dark]{--bg:#1c201e;--surface:#252a26;--ink:#f3f0e7;--muted:#b4b9ad;--line:#3b433c;--soft:#30392f;--accent:#ec906d;--accent-hover:#f0a687;--accent-light:#422c23;--green:#a4c6a0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{transition:background .16s,transform .16s,color .16s}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:var(--text-xl);letter-spacing:-1.2px;line-height:1.15;font-weight:700}h2{font-size:var(--text-lg);letter-spacing:-.5px}h3{font-size:var(--text-base);line-height:1.35}p{line-height:1.6;color:var(--muted)}svg{width:20px;height:20px;stroke-width:1.7;flex-shrink:0}img{max-width:100%;display:block}small{font-size:var(--text-xs)}.skip{position:fixed;top:-60px;left:16px;z-index:1000;background:var(--surface);padding:var(--space-3)}.skip:focus{top:16px}
.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:28px;font-weight:900;letter-spacing:-1.8px;text-decoration:none;padding:0}.brand svg{width:30px;height:32px}.brand .brand-dot{color:var(--accent)}
.sidebar{width:220px;position:fixed;inset:0 auto 0 0;background:var(--surface);border-right:1px solid var(--line);padding:var(--space-10) var(--space-5) var(--space-6);display:flex;flex-direction:column;z-index:20}.sidebar>.brand{margin-left:var(--space-3)}.side-nav{margin-top:var(--space-12);display:grid;gap:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-height:48px;border-radius:10px;font-size:var(--text-sm);font-weight:500;text-align:left;color:var(--muted)}.nav-item:hover{background:var(--soft);color:var(--ink)}.nav-item.active{color:var(--accent);background:var(--accent-light);font-weight:700}.side-note{margin-top:auto;padding:var(--space-5) var(--space-3) var(--space-8)}.side-note .tiny-portrait{width:50px;height:62px;object-fit:contain;margin-bottom:var(--space-3)}.side-note p{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.3;color:var(--ink)}.side-note small{display:block;color:var(--muted);margin-top:var(--space-2)}.side-bottom{border-top:1px solid var(--line);padding-top:var(--space-4)}.profile{margin-top:var(--space-3);width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);text-align:left;font-size:var(--text-sm)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--lavender);color:#534266;display:grid;place-items:center;font-weight:700}.profile small{display:block;color:var(--muted)}.profile>svg{margin-left:auto}
.shell{margin-left:220px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-12);border-bottom:1px solid var(--line)}.breadcrumb{font-size:var(--text-sm);color:var(--muted);display:flex;align-items:center;gap:var(--space-3)}.breadcrumb svg{width:16px}.top-actions{display:flex;align-items:center;gap:var(--space-4)}.icon-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%}.icon-btn:hover{background:var(--soft)}.top-pill{font-size:var(--text-xs);border:1px solid var(--line);border-radius:20px;padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.top-pill svg{width:16px;color:var(--green)}.main{max-width:1296px;padding:var(--space-10) var(--space-12) var(--space-12);margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.page-heading p{font-size:var(--text-sm);margin-top:var(--space-2)}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:var(--text-xs);font-weight:700}.quiet-link{font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-1) 0;color:var(--muted)}.quiet-link:hover{color:var(--accent)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:48px;padding:var(--space-3) var(--space-6);border-radius:10px;background:var(--accent);color:#fff;font-size:var(--text-sm);font-weight:700}.primary:hover{background:var(--accent-hover)}[data-theme=dark] .primary{color:#211d18}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-5);border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:var(--text-sm);font-weight:700}.secondary:hover{background:var(--soft)}
.hero{background:var(--peach);color:#2b3026;border-radius:20px;min-height:292px;display:grid;grid-template-columns:1.25fr 1fr;overflow:hidden;position:relative}.hero-copy{padding:var(--space-8) var(--space-10);z-index:1}.hero-copy .eyebrow{color:#81502f;display:flex;align-items:center;gap:var(--space-2)}.hero-copy .eyebrow svg{width:15px}.hero h2{font-size:var(--text-xl);line-height:1.17;letter-spacing:-.8px;margin-top:var(--space-4);font-weight:700;max-width:360px}.hero h2 em{font-family:var(--font-display);font-weight:500;font-size:1.14em;color:#8c4d30}.hero-copy>p{font-size:var(--text-sm);color:#665d4f;margin-top:var(--space-3);max-width:340px}.hero .primary{margin-top:var(--space-5)}.hero-art{position:relative;min-height:300px;isolation:isolate}.hero-art .sun-disc{position:absolute;width:238px;height:238px;border-radius:50%;background:#ec8561;left:50%;top:36px;transform:translateX(-50%);z-index:-1}.hero-art>img{height:304px;width:214px;object-fit:contain;position:absolute;bottom:-3px;left:50%;transform:translateX(-50%) rotate(-5deg);filter:sepia(.3)}.art-label{position:absolute;right:26px;bottom:30px;background:#f6edb9;padding:var(--space-2) var(--space-3);transform:rotate(-7deg);font-family:var(--font-display);font-size:var(--text-lg);box-shadow:0 2px 0 #80642b20}.art-star{position:absolute;left:18%;top:30px;font-family:var(--font-display);font-size:46px;color:#8f4b32}.hero-art .art-caption{position:absolute;right:28px;top:28px;color:#7e604d;font-size:var(--text-xs);writing-mode:vertical-rl;letter-spacing:2px}
.journey-strip{display:flex;align-items:center;gap:var(--space-6);border-bottom:1px solid var(--line);padding:var(--space-6) 0;margin-bottom:var(--space-8)}.journey-title{font-size:var(--text-sm);font-weight:700;margin-right:auto}.journey-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--muted)}.journey-item svg{width:18px;color:var(--ink)}.journey-strip>.arrow{width:14px;color:#9c9e93}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-4)}.section-head p{font-size:var(--text-sm);margin-top:var(--space-1)}.filter-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:24px;min-height:40px;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--muted)}.filter.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.filter:hover:not(.active){background:var(--soft)}
.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}.book-card{min-width:0;position:relative}.book-art{height:220px;border-radius:13px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.book-art>button:first-child{width:100%;height:100%;display:grid;place-items:center;padding:var(--space-5)}.book-art img{height:173px;max-width:120px;width:auto;object-fit:contain;box-shadow:6px 8px 12px #28211b24;transition:transform .22s;transform:rotate(-5deg)}.book-art:hover img{transform:rotate(0deg) translateY(-4px)}.book-card:nth-child(even) .book-art img{transform:rotate(5deg)}.book-card:nth-child(even) .book-art:hover img{transform:rotate(0deg) translateY(-4px)}.save-btn{position:absolute;right:8px;top:8px;width:36px;height:36px;background:#ffffffd9;display:grid;place-items:center;border-radius:50%;color:#3c4136}.save-btn svg{width:17px}.save-btn.saved svg{fill:#3c4136}.book-card h3{margin-top:var(--space-3);font-size:var(--text-sm)}.book-card .author{font-size:var(--text-xs);margin-top:var(--space-1)}.book-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-2)}.book-meta svg{width:14px;height:14px}.book-meta .dot{width:3px;height:3px;background:var(--muted);border-radius:50%}.why-tag{font-size:var(--text-xs);color:var(--green);margin-top:var(--space-2)}
.thought{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6) 0;margin-top:var(--space-8);border-top:1px solid var(--line)}.thought>svg{width:26px;height:26px;color:var(--green)}.thought h3{font-size:var(--text-sm)}.thought p{font-size:var(--text-xs);margin-top:var(--space-1)}.thought>.quiet-link{margin-left:auto;white-space:nowrap}.mobile-brand,.mobile-nav{display:none}.search-field{display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6)}.search-field svg{color:var(--muted)}.search-field input{border:none;background:transparent;outline:none;width:100%;color:var(--ink);min-height:24px}.empty{padding:var(--space-12) var(--space-6);text-align:center;border:1px dashed var(--line);border-radius:16px;grid-column:1/-1}.empty>svg{height:32px;width:32px;color:var(--green);margin-bottom:var(--space-4)}.empty p{max-width:400px;margin:var(--space-3) auto var(--space-6);font-size:var(--text-sm)}.path-list{margin-top:var(--space-8)}.path-row{display:flex;gap:var(--space-5);align-items:center;padding:var(--space-5) 0;border-bottom:1px solid var(--line)}.path-number{font-family:var(--font-display);font-size:var(--text-xl);color:var(--muted);width:32px}.path-row img{height:74px;width:49px;object-fit:contain}.path-row p{font-size:var(--text-xs);margin-top:var(--space-1)}.path-row .secondary{margin-left:auto}.path-row .eyebrow{color:var(--green);margin-bottom:var(--space-2)}
.onboarding{min-height:100vh;background:var(--bg)}.onboard-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-12);border-bottom:1px solid var(--line)}.onboard-header .header-center{font-size:var(--text-xs);letter-spacing:1.4px;color:var(--muted);text-transform:uppercase}.onboard-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--space-16);padding:var(--space-12)}.onboard-art{background:#e9e4d9;border-radius:20px;overflow:hidden;position:relative;min-height:540px;padding:var(--space-8);display:flex;flex-direction:column;isolation:isolate;color:#35372c}.onboard-art .eyebrow{color:#65664f}.onboard-art h2{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.1;margin-top:var(--space-4);font-weight:500;max-width:240px}.onboard-art .arch{position:absolute;background:#a8b99d;height:300px;width:255px;border-radius:150px 150px 0 0;bottom:75px;left:50%;transform:translateX(-50%);z-index:-1}.onboard-art>img{width:245px;height:370px;object-fit:contain;position:absolute;bottom:57px;left:50%;transform:translateX(-50%) rotate(-6deg)}.onboard-art .art-label{bottom:91px;right:24px;background:#ecc2b0;z-index:1}.onboard-art .art-foot{margin-top:auto;z-index:1;font-size:var(--text-xs);padding-top:var(--space-3);border-top:1px solid #999b8840;display:flex;justify-content:space-between}.onboard-panel{padding:var(--space-4) 0;min-width:0}.step-header{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:var(--text-xs);margin-bottom:var(--space-3)}.step-header .quiet-link{font-size:var(--text-xs);min-height:32px}.step-progress{height:4px;background:var(--line);border-radius:4px;overflow:hidden;margin-bottom:var(--space-8)}.step-progress>div{height:100%;background:var(--accent);transition:width .25s}.onboard-panel h1{margin-bottom:var(--space-3)}.onboard-panel>.subcopy{font-size:var(--text-sm);max-width:420px;margin-bottom:var(--space-6)}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.option{border:1px solid var(--line);background:var(--surface);border-radius:12px;display:flex;text-align:left;align-items:center;gap:var(--space-3);padding:var(--space-4);min-height:88px}.option>svg{color:var(--muted);width:24px;height:24px}.option strong{display:block;font-size:var(--text-sm)}.option small{display:block;color:var(--muted);margin-top:var(--space-1);line-height:1.35}.option.selected{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 1px var(--accent)}.option.selected>svg{color:var(--accent)}.option .check{margin-left:auto;width:17px;height:17px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex-shrink:0}.option.selected .check{background:var(--accent);border-color:var(--accent);color:#fff}.option .check svg{width:11px;height:11px}.option-grid.formats .option{min-height:112px;position:relative;flex-wrap:wrap}.option-grid.formats .option>svg{width:27px;height:27px}.option-grid.formats .option .check{position:absolute;right:14px;top:14px}.option-grid.formats .option>span:not(.check){width:100%}.onboard-footer{display:flex;gap:var(--space-3);margin-top:var(--space-8);align-items:center}.onboard-footer .primary{flex:1}.onboard-note{display:flex;gap:var(--space-2);align-items:center;font-size:var(--text-xs);margin-top:var(--space-4);color:var(--muted);line-height:1.45}.onboard-note svg{width:15px}.time-options{display:grid;gap:var(--space-3)}.time-options .option{min-height:75px}.time-label{font-size:var(--text-lg);font-weight:700;min-width:68px}.selection-list{display:grid;gap:var(--space-3)}.select-book{display:flex;gap:var(--space-4);align-items:center;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:var(--space-3);min-height:92px}.select-book.selected{border-color:var(--accent);background:var(--accent-light)}.select-book img{height:64px;width:44px;object-fit:contain;flex-shrink:0}.select-book strong{font-size:var(--text-sm);display:block}.select-book small{font-size:var(--text-xs);color:var(--muted);display:block;margin-top:var(--space-1)}.select-book>svg{margin-left:auto;color:var(--accent)}.ready-details{display:flex;gap:var(--space-3);flex-wrap:wrap;margin:var(--space-6) 0}.ready-details span{display:flex;gap:var(--space-2);align-items:center;background:var(--soft);padding:var(--space-2) var(--space-3);border-radius:8px;font-size:var(--text-xs)}.ready-details svg{width:16px}.ready-stack{display:flex;padding:var(--space-6);background:var(--peach);border-radius:14px;justify-content:center;gap:var(--space-5);margin-top:var(--space-6)}.ready-stack img{height:142px;max-width:95px;object-fit:contain;box-shadow:3px 5px 10px #33241528;transform:rotate(-5deg)}.ready-stack img:nth-child(2){transform:rotate(4deg)}.ready-stack img:nth-child(3){transform:rotate(-2deg)}
dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);padding:0;border-radius:20px;max-width:760px;width:calc(100% - 32px);max-height:90vh;box-shadow:0 24px 90px #171b2340}dialog::backdrop{background:#1c201e66;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--line)}.dialog-header .eyebrow{color:var(--muted)}.detail-body{padding:var(--space-8)}.detail-top{display:flex;gap:var(--space-8);align-items:center;margin-bottom:var(--space-6)}.detail-cover{width:120px;max-height:185px;object-fit:contain;flex-shrink:0;box-shadow:5px 7px 14px #21251f20}.detail-top h1{font-size:var(--text-xl);margin:var(--space-2) 0}.detail-top .eyebrow{color:var(--accent)}.detail-body>.intro-text{font-size:var(--text-base);margin-bottom:var(--space-6)}.detail-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.lesson-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--line);font-size:var(--text-sm)}.lesson-row>span{color:var(--muted);font-size:var(--text-xs)}.lesson-row>svg{margin-left:auto;color:var(--muted);width:16px}.detail-note{font-size:var(--text-xs);margin-top:var(--space-5)}.lesson-tabs{display:flex;gap:var(--space-2);padding-bottom:var(--space-5);margin-bottom:var(--space-6);border-bottom:1px solid var(--line)}.lesson-tabs button{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-3) var(--space-4);border-radius:8px;font-size:var(--text-sm)}.lesson-tabs button.active{background:var(--soft);font-weight:700}.lesson-copy h2{margin:var(--space-6) 0 var(--space-3)}.lesson-copy p{font-family:var(--font-body);font-size:var(--text-base);line-height:1.8;color:var(--ink)}.takeaway{background:var(--soft);padding:var(--space-5);border-radius:12px;margin-top:var(--space-6)}.takeaway .eyebrow{color:var(--green);margin-bottom:var(--space-2);display:block}.takeaway p{font-size:var(--text-sm)}audio{width:100%;margin:var(--space-6) 0}.recall-input{width:100%;min-height:150px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:var(--space-4);margin-top:var(--space-5);background:var(--bg);color:var(--ink);line-height:1.6}.recall-label{display:block;font-size:var(--text-sm);margin-top:var(--space-5)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--surface);border-radius:10px;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.main{padding-top:var(--space-12)}.hero{min-height:322px}.hero-copy{padding:var(--space-10)}.hero-art>img{height:334px;width:230px}.hero-art .sun-disc{width:270px;height:270px}.book-art{height:250px}.book-art img{height:194px;max-width:133px}}
@media(max-width:1150px){.sidebar{width:192px;padding-inline:var(--space-4)}.shell{margin-left:192px}.topbar{padding-inline:var(--space-8)}.main{padding:var(--space-8)}.hero-copy{padding:var(--space-8)}.hero-art .sun-disc{width:205px;height:205px;top:50px}.hero-art>img{width:180px;height:280px}.art-label{right:10px}.book-grid{gap:var(--space-4)}.book-art{height:190px}.book-art img{height:148px;max-width:100px}.journey-strip{gap:var(--space-3)}.journey-title{display:none}.journey-item{flex:1}.onboard-layout{gap:var(--space-8);padding:var(--space-8)}}
@media(max-width:850px){.sidebar{width:76px;padding:var(--space-8) var(--space-3)}.sidebar .brand{margin:0;justify-content:center}.sidebar .brand>span,.sidebar .brand-dot,.nav-item>span,.side-note,.side-bottom .profile,.side-bottom .nav-item>span{display:none}.nav-item{justify-content:center;padding:var(--space-3)}.side-bottom{margin-top:auto}.shell{margin-left:76px}.hero-copy{padding:var(--space-6)}.hero-art>img{height:265px}.hero-art .sun-disc{width:185px;height:185px}.hero-art .art-caption{display:none}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.book-card:nth-child(4){display:none}.explore-grid .book-card:nth-child(4){display:block}.onboard-layout{grid-template-columns:1fr;max-width:610px}.onboard-art{display:none}.onboard-header{height:80px;padding-inline:var(--space-6)}}
@media(max-width:600px){.sidebar{display:none}.shell{margin:0}.topbar{height:72px;padding-inline:var(--space-5)}.mobile-brand{display:flex}.mobile-brand .brand{font-size:25px}.mobile-brand .brand svg{width:25px}.breadcrumb{display:none}.top-pill{display:none}.top-actions{gap:var(--space-1)}.main{padding:var(--space-6) var(--space-5) 100px}.page-heading{margin-bottom:var(--space-5)}.page-heading h1{font-size:26px}.page-heading .quiet-link{font-size:var(--text-xs)}.page-heading p{max-width:220px}.hero{grid-template-columns:1fr;min-height:420px}.hero-copy{padding:var(--space-6);padding-bottom:0}.hero h2{font-size:29px;max-width:250px}.hero-copy>p{max-width:235px}.hero .primary{position:relative;z-index:3;margin-top:var(--space-4);padding-inline:var(--space-4)}.hero-art{position:absolute;width:155px;height:240px;right:-10px;bottom:0;min-height:0;pointer-events:none}.hero-art>img{width:145px;height:230px;bottom:-12px;left:53%}.hero-art .sun-disc{width:150px;height:150px;top:60px}.hero-art .art-label{font-size:19px;bottom:16px;right:10px}.hero-art .art-star{top:16px;left:25%;font-size:30px}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.3px}.hero-copy .primary{margin-top:var(--space-5)}.journey-strip{padding:var(--space-5) 0;gap:var(--space-2);margin-bottom:var(--space-6)}.journey-item{font-size:var(--text-xs);gap:var(--space-1);justify-content:center}.journey-item svg{width:15px}.journey-strip>.arrow{width:10px}.section-head h2{font-size:19px}.section-head p{font-size:var(--text-xs)}.section-head .quiet-link{font-size:var(--text-xs);white-space:nowrap}.section-head .quiet-link svg{width:15px}.filter-row{flex-wrap:nowrap;overflow:auto;margin-right:calc(-1 * var(--space-5));padding-right:var(--space-5);scrollbar-width:none}.filter{white-space:nowrap;flex-shrink:0}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-3)}.book-card:nth-child(4){display:block}.book-art{height:192px}.book-art img{height:145px;max-width:99px}.book-card h3{font-size:var(--text-sm)}.book-meta{font-size:var(--text-xs);flex-wrap:wrap;gap:var(--space-1)}.save-btn{height:36px;width:36px}.thought{align-items:flex-start;gap:var(--space-3)}.thought>.quiet-link{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:var(--space-2) var(--space-2) max(12px,env(safe-area-inset-bottom));z-index:20}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);font-size:11px;color:var(--muted);min-width:60px;min-height:44px}.mobile-nav button.active{color:var(--accent)}.mobile-nav svg{width:22px;height:22px}.onboard-header{padding-inline:var(--space-5)}.onboard-header .header-center{display:none}.onboard-header .quiet-link{font-size:var(--text-xs)}.onboard-layout{padding:var(--space-6) var(--space-5)}.onboard-panel{padding:0}.onboard-panel h1{font-size:29px;letter-spacing:-.8px}.option-grid{gap:var(--space-3)}.option{padding:var(--space-3);min-height:110px;flex-wrap:wrap;position:relative;align-content:center}.option>svg{height:23px;width:23px}.option>span:not(.check){width:100%}.option .check{position:absolute;right:12px;top:12px}.option small{font-size:var(--text-xs)}.option strong{font-size:var(--text-sm)}.onboard-footer{margin-top:var(--space-6)}.time-options .option{flex-wrap:nowrap;gap:var(--space-3);padding:var(--space-4);min-height:85px}.time-options .option>span:not(.check){width:auto}.time-options .option .check{position:static;margin-left:auto}.time-options .time-label{font-size:var(--text-lg)}.step-progress{margin-bottom:var(--space-6)}.detail-body{padding:var(--space-5)}.detail-top{gap:var(--space-4);align-items:flex-start}.detail-cover{width:85px;max-height:132px}.detail-top h1{font-size:25px}.detail-top p{font-size:var(--text-sm)}.detail-top .eyebrow{font-size:10px;letter-spacing:1px}.detail-actions{flex-direction:column}.detail-actions>.primary,.detail-actions>.secondary{width:100%}.lesson-tabs{gap:var(--space-1)}.lesson-tabs button{font-size:var(--text-xs);padding:var(--space-3)}.path-row{gap:var(--space-3);flex-wrap:wrap}.path-row .path-number{width:20px;font-size:24px}.path-row>div{flex:1}.path-row .secondary{margin-left:0;width:100%}.toast{bottom:90px;max-width:90vw;white-space:nowrap}.ready-stack{gap:var(--space-3);padding:var(--space-5)}.ready-stack img{height:127px;max-width:82px}}
[data-theme=dark] .tiny-portrait{filter:invert(.85)}
.save-btn{width:44px;height:44px;right:4px;top:4px}
@media(max-width:600px){.hero-copy .eyebrow,.detail-top .eyebrow,.mobile-nav button{font-size:var(--text-xs)}.hero h2{font-size:27px;max-width:280px}.hero-art{right:-18px;width:145px}.hero-art>img{width:135px}.save-btn{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Subscription state in the shell */
.side-plan{padding:var(--space-3) var(--space-4) var(--space-4);border-radius:10px;background:var(--soft);margin-bottom:var(--space-3)}.side-plan .eyebrow{color:var(--green);display:block}.side-plan small{display:block;color:var(--muted);margin-top:var(--space-1);line-height:1.45}.side-plan .quiet-link{font-size:var(--text-xs);min-height:32px;padding:0;margin-top:var(--space-1)}
.nav-upgrade,.nav-upgrade:hover{color:var(--accent);font-weight:700}
.plan-strip{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);margin-top:var(--space-8);border:1px solid var(--line);border-radius:16px;background:var(--surface)}.plan-strip>svg{width:24px;height:24px;color:var(--accent)}.plan-strip h3{font-size:var(--text-sm)}.plan-strip p{font-size:var(--text-xs);margin-top:var(--space-1)}.plan-strip>.secondary{margin-left:auto;white-space:nowrap}
/* Editorial icon set (icons.js): fine engraved strokes with lighter hatching. */
.ki{stroke-width:1.45;fill:none;stroke-linecap:round;stroke-linejoin:round}.ki .h{stroke-width:.8;opacity:.6}.ki [stroke-width]:not(.h){stroke-width:inherit}.ki [stroke-width="2.4"],.ki [stroke-width="2.2"]{stroke-width:2.3}