/* The free-story library and today's card share the home's illustrated night. */
.snack-skip{position:fixed;top:-80px;left:12px;z-index:100;background:#eee2cc;color:#423828;padding:12px}.snack-skip:focus{top:8px}
body:is([data-step="library"],[data-step="today"]){--snack-night-width:480px;--ink:#eee0c9;--muted:#c0b6a6;--faint:#b0a691;--paper:#1d292d;--paper-light:#253438;--accent:#e2c48d;--accent-soft:#354341;--line:#c1b39740;--gold:#dac398;color-scheme:dark;background:#142126;}
body:is([data-step="library"],[data-step="today"])::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(#101b2533,#101b254d),url("assets/home-v2/night-garden.webp") center top / cover no-repeat;}
body:is([data-step="library"],[data-step="today"]) #snack-main{position:relative;width:min(100%,var(--snack-night-width));margin:auto;min-height:calc(100svh - 64px);background:var(--paper);box-shadow:0 0 70px #0b141955;}
body[data-step="library"] #snack-main{padding:0 20px calc(100px + env(safe-area-inset-bottom));}
body:is([data-step="library"],[data-step="today"]) .snack-topbar{position:sticky;top:0;z-index:20;width:min(100%,var(--snack-night-width));min-height:64px;padding:0 20px;gap:12px;background:var(--paper);border-bottom:1px solid #c1a47622;}
body:is([data-step="library"],[data-step="today"]) .brand{margin:auto;font-size:27px;gap:7px;color:#f1e5d0;white-space:nowrap}
body:is([data-step="library"],[data-step="today"]) .brand small{display:none}
body:is([data-step="library"],[data-step="today"]) .back-link{font-size:12px;flex:0 0 70px}
body:is([data-step="library"],[data-step="today"]) #snack-motion{margin-left:0;padding:4px 0;min-width:70px;border:0;text-align:right;border-radius:0;font-size:11px}
body[data-step="library"] #snack-library{width:100%;margin:0}
body[data-step="library"] .library-intro{padding:27px 0 20px}
body[data-step="library"] .library-intro .eyebrow{font-size:10px;letter-spacing:.08em}
body[data-step="library"] .library-intro h1{font:400 32px/1.45 var(--serif);letter-spacing:-.03em;margin:7px 0 9px}
body[data-step="library"] .library-intro>p:last-child{margin:0;font-size:12px;line-height:1.85;color:var(--muted)}
.library-intro>p>span{display:inline-block}
.snack-library-filters{position:sticky;top:64px;z-index:10;display:flex;gap:8px;padding:0;margin:0 0 20px;background:var(--paper);border-bottom:1px solid var(--line);}
.snack-library-filters button{position:relative;min-height:46px;padding:0 16px;border:0;border-radius:0;color:#b3b5ad;background:none;font-size:13px;}
.snack-library-filters button[aria-pressed="true"]{color:#f4e2bc;background:none;font-weight:650;}
.snack-library-filters button[aria-pressed="true"]::after{content:"";position:absolute;bottom:0;left:26%;right:26%;height:2px;background:#dac398;}
body[data-step="library"] .snack-shelf{display:block}
.snack-library-section{margin:0 0 34px}
.snack-library-section>h2{font:400 21px/1.6 var(--serif);letter-spacing:-.035em}
.snack-shelf-note{margin:5px 0 17px;color:var(--muted);font-size:12px;line-height:1.8}
.snack-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}
body[data-step="library"] .snack-book{display:block;grid-column:auto;margin:0;padding:0;border:0;min-width:0;text-decoration:none;color:var(--ink)}
body[data-step="library"] .snack-book figure{border-radius:5px;background:#35414c;overflow:hidden}
body[data-step="library"] .snack-book img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transition:none}
body[data-step="library"] .snack-book:hover img{transform:none;filter:none}
body[data-step="library"] .snack-book-copy{position:relative;padding:10px 0 0}
body[data-step="library"] .snack-book-copy .eyebrow{display:block;font-size:10px;line-height:1.6;letter-spacing:.025em;color:#cfb483}
.snack-book h3{margin:5px 0 4px;padding-right:10px;font:500 15px/1.5 var(--sans);word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.04em}
body[data-step="library"] .snack-book-copy>.snack-card-detail{font:11px/1.75 var(--sans);color:#b8ad9d;word-break:keep-all;overflow-wrap:anywhere}
.snack-card-arrow{position:absolute;right:0;top:28px;color:#c7ad7c;font:20px/1.5 var(--serif)}
.book-action{display:flex;align-items:center;line-height:1.7}
.snack-feature-section{margin-bottom:31px}
body[data-step="library"] .snack-feature{padding-bottom:10px}
body[data-step="library"] .snack-feature .snack-book-copy{margin:-16px 10px 0;padding:15px 16px 0;border:1px solid #d4b986;border-radius:2px 12px 8px 8px;background:repeating-linear-gradient(2deg,#89713d07 0 1px,transparent 1px 4px),#eee2cc;color:#4c3e2d;box-shadow:0 5px 12px #10182444}
body[data-step="library"] .snack-feature .eyebrow{color:#7d6748}
.snack-feature h3{font:400 24px/1.45 var(--serif);margin:4px 0}
body[data-step="library"] .snack-feature .snack-card-detail{color:#7c6e5a;font-size:11px}
body[data-step="library"] .snack-feature .snack-feature-voice{font:400 15px/1.8 var(--serif);color:#4c3e2d;margin:9px 0}
body[data-step="library"] .snack-feature .book-action{min-height:46px;margin:8px 0 0;border-top:1px solid #a98b5a4d;justify-content:center;color:#645031;font-size:12px}
body[data-step="library"] .snack-book-hidden{display:grid;grid-template-columns:86px minmax(0,1fr);gap:16px;padding:22px 0;border-block:1px solid var(--line);border-radius:0}
body[data-step="library"] .snack-book-hidden figure{width:86px;min-height:110px;aspect-ratio:auto;background:#34424e}
body[data-step="library"] .snack-book-hidden figure img{height:100%;object-fit:cover}
body[data-step="library"] .snack-book-hidden .snack-book-copy{padding:0}
body[data-step="library"] .hidden-library-progress{font-size:11px;color:#dbc592;margin-top:9px}
body[data-step="library"] .snack-book-hidden .book-action{font-size:11px;min-height:36px;margin:4px 0 0;color:#e2c48d}
body[data-step="library"] .hidden-sealed-paper::after{width:24px;height:24px;left:calc(50% - 12px);font-size:16px;outline-width:1px;outline-offset:3px;background:#41505e;color:#e9d3a9;border-color:#c7ab79}
body[data-step="library"] .library-footnote{margin:26px 0 0;padding:0 20px;border:0;font:13px/1.9 var(--serif);color:#a89b87}
body[data-step="library"]>.snack-footer{display:none}
.snack-library-nav{position:fixed;z-index:30;left:calc(50% - min(50%,240px));bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,480px);padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #c2b39730;background:#1b272bf7;color:#b6a88e;}
.snack-library-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:51px;font-size:10px;text-decoration:none;line-height:1.5}
.snack-library-nav a[aria-current="page"]{color:#f2d291}
.snack-library-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
/* Keep the same palette through status, selection, reveal, result and retry. */
body[data-step="today"]{--snack-night-width:760px;}
body[data-step="today"] #snack-main{padding:0 0 40px;}
body[data-step="today"] #snack-today{width:100%;margin:0;padding-top:18px;}
body[data-step="today"] .today-reading>.text-button{margin-left:24px;}
body[data-step="today"] .today-reading-header{padding:14px 24px 12px;}
body[data-step="today"] .today-reading-header h1{font-size:clamp(27px,4vw,34px);}
body[data-step="today"] .today-memory{margin-bottom:22px;}
body[data-step="today"] .today-stage,body[data-step="today"] .today-result{background:var(--paper);color:var(--ink);}
body[data-step="today"] .today-speaker{color:var(--gold);}
body[data-step="today"] .today-intro{padding:26px 24px 34px;}
body[data-step="today"] .today-begin{display:block;width:min(100%,330px);min-height:48px;margin:24px auto 0;border:0;border-radius:3px;background:#e5d6b9;color:#3d4138;font-size:14px;font-weight:600;}
body[data-step="today"] .today-table{background:radial-gradient(ellipse at center,#2a403d,#192b2c);}
body[data-step="today"] .today-letter{padding:28px 32px 36px;}
body[data-step="today"] .today-result-note{border-color:var(--line);}
body[data-step="today"] .today-result-note h3{color:var(--gold);}
body[data-step="today"] #today-card-title:focus{outline:none;}
body[data-step="today"] #today-remember{accent-color:#e2c48d;}
body[data-step="today"] .primary-button{color:#323b33;background:#e5d6b9;border-color:#e5d6b9;}
body[data-step="today"]>.snack-footer{position:relative;width:min(100%,760px);margin:0 auto;background:var(--paper);padding-inline:24px;}
@media(max-width:600px){body:is([data-step="library"],[data-step="today"])::before{display:none}}
@media(max-width:560px){body[data-step="today"] .today-letter{padding:26px 24px 36px;}}
@media(max-width:359px){body[data-step="library"] #snack-main{padding-inline:16px}.snack-library-filters{gap:6px}.snack-library-filters button{padding-inline:13px}.snack-card-grid{gap:20px 12px}.snack-book h3{font-size:14px}.snack-feature .snack-book-copy{margin-inline:6px}.snack-feature h3{font-size:23px}}