:root{--bg: #14110f;--paper: #f5efe4;--ink: #2a2420;--muted: #8a7f73;--accent: #b5452f;--saved: #2f6fb5;--highlight: #f6dfa0;--soft: rgba(42, 36, 32, .07);--bar: rgba(20, 17, 15, .8);--bar-height: 56px;--gap: 8px;--radius: 24px;--serif: "Literata", "Iowan Old Style", Georgia, serif;--sans: system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--paper);font-family:var(--sans);overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.bar{position:fixed;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top) 12px 0;height:calc(env(safe-area-inset-top) + var(--bar-height));background:var(--bar);backdrop-filter:blur(12px)}.modes,.toggles{display:flex;gap:4px}.brand{position:absolute;left:50%;bottom:calc(var(--bar-height) / 2);transform:translate(-50%,50%);display:flex;align-items:center;gap:6px;font:600 19px/1 var(--serif);letter-spacing:.01em;color:var(--paper);pointer-events:none}.logo{width:20px;height:20px;fill:#2a4bb3}.logo .shine{fill:#fff;opacity:.45}.modes{padding:3px;border-radius:999px;background:#ffffff14}.modes button{min-width:52px;min-height:38px;border-radius:999px;color:var(--muted);transition:background .2s,color .2s}.modes button[aria-selected=true]{color:var(--ink);background:var(--paper)}.toggle{min-width:44px;min-height:44px;border-radius:999px;color:var(--muted)}.toggle[aria-pressed=true]{color:var(--paper)}#feed{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y}#feed::-webkit-scrollbar{display:none}.card{height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;justify-content:center;padding:calc(env(safe-area-inset-top) + var(--bar-height) + var(--gap)) var(--gap) calc(env(safe-area-inset-bottom) + var(--gap))}.inner{position:relative;flex:1;min-width:0;min-height:0;max-width:760px;display:flex;flex-direction:column;padding:40px 22px 18px;border-radius:var(--radius);background:var(--paper);color:var(--ink);box-shadow:0 20px 60px #00000059}.body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;scroll-behavior:smooth}.body::-webkit-scrollbar{display:none}.body.turn-next{animation:turn-next .25s ease}.body.turn-prev{animation:turn-prev .25s ease}@keyframes turn-next{0%{transform:translate(28px);opacity:0}}@keyframes turn-prev{0%{transform:translate(-28px);opacity:0}}.body.fade{mask-image:linear-gradient(to bottom,#000 calc(100% - 64px),transparent)}.text{flex:none;margin-block:auto;font:17px/1.55 var(--serif);font-optical-sizing:auto;font-kerning:normal;font-variant-ligatures:common-ligatures;font-variant-numeric:oldstyle-nums;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty}.text p{margin:0;border-radius:6px;transition:background .2s}.text p+p{text-indent:1.2em}.text p.cont{text-indent:0}.text.excerpt.first-page p:first-child:before{content:"\2026  ";color:var(--muted)}.text p.has-note{cursor:pointer;text-decoration:underline dotted rgba(181,69,47,.45);text-underline-offset:4px}.text p.active{background:var(--highlight)}.expand,.back{position:absolute;top:50%;right:0;z-index:1;width:26px;height:72px;transform:translateY(-50%);color:var(--muted);opacity:.6;transition:opacity .2s,transform .15s}.back{right:auto;left:0}.expand:hover,.back:hover{opacity:1}.expand:active{transform:translate(3px,-50%)}.back:active{transform:translate(-3px,-50%)}.expand .icon,.back .icon{width:26px;height:26px;stroke-width:1.5}.continue{margin-block:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 20px;text-align:center;border-radius:18px;background:var(--soft);animation:rise .25s ease}.continue p{margin:0;font:17px/1.4 var(--serif)}.continue span{font-size:12px;color:var(--muted)}.continue a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;text-decoration:none}.continue a .icon{width:18px;height:18px}.warning{margin-block:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 24px;text-align:center;border-radius:18px;background:var(--soft)}.warning .icon{width:28px;height:28px;color:var(--accent)}.warning p{margin:0;font-size:15px;line-height:1.45}.show,.reasons button{min-height:44px;padding:0 20px;border-radius:999px;border:1px solid rgba(42,36,32,.2);font-size:15px}.bottom{flex:none;margin-top:auto;padding-top:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr auto;grid-template-areas:"meta rail" "track rail";align-items:end;gap:10px 12px}.meta{grid-area:meta;min-width:0}.track{grid-area:track}.rail{grid-area:rail}.meta{position:relative}.reveal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:18px;color:var(--ink);font-size:14px;font-weight:600}.reveal .icon{width:18px;height:18px;color:var(--accent)}.veiled .title,.veiled .author,.veiled .blurb{filter:blur(8px);opacity:.7;user-select:none}.veiled .title:after{visibility:hidden}.title,.author{transition:filter .35s ease,opacity .35s ease}.book{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 16px;border-radius:18px;background:var(--soft);color:inherit;text-decoration:none}.title{font:600 20px/1.2 var(--serif)}.title:after{content:"";display:inline-block;width:.7em;height:.7em;margin-left:.3em;vertical-align:-.05em;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E") center / contain no-repeat}.author{color:var(--muted);font-size:14px;margin:2px 0 6px}.blurb{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.45}.blurb:empty{display:none}.rail{display:flex;flex-direction:column;gap:6px}.rail button{width:44px;height:44px;border-radius:999px;color:var(--ink);background:var(--soft);transition:transform .15s}.rail button:active{transform:scale(.9)}.rail .icon{width:24px;height:24px}.rail button[aria-pressed=true] .icon{fill:var(--accent);stroke:var(--accent)}.rail .save[aria-pressed=true] .icon{fill:var(--saved);stroke:var(--saved)}.rail button{position:relative}.save.burst .icon{animation:bookmark-drop .5s cubic-bezier(.3,1.6,.5,1)}.save.burst:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--saved);pointer-events:none;animation:ring .45s ease-out forwards}@keyframes bookmark-drop{0%{transform:translateY(-8px) scaleY(.7);opacity:.4}60%{transform:translateY(2px) scaleY(1.08);opacity:1}to{transform:none}}.like.burst .icon{animation:heart-pop .45s cubic-bezier(.17,.89,.32,1.49)}.like.burst:before,.like.burst:after{content:"";position:absolute;pointer-events:none;border-radius:50%}.like.burst:before{inset:0;border:2px solid var(--accent);animation:ring .5s ease-out forwards}.like.burst:after{left:50%;top:50%;width:6px;height:6px;margin:-3px;box-shadow:0 -28px 0 var(--accent),20px -20px #e8a33d,28px 0 0 var(--accent),20px 20px #e8a33d,0 28px 0 var(--accent),-20px 20px #e8a33d,-28px 0 0 var(--accent),-20px -20px #e8a33d;animation:sparks .55s ease-out forwards}.float-heart{position:absolute;left:50%;top:42%;z-index:2;width:110px;height:110px;margin:-55px;fill:var(--accent);stroke:var(--accent);pointer-events:none;filter:drop-shadow(0 8px 20px rgba(181,69,47,.35));animation:float-heart .9s ease-out forwards}@keyframes heart-pop{0%{transform:scale(.6)}50%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes ring{0%{transform:scale(.6);opacity:1}to{transform:scale(1.7);opacity:0}}@keyframes sparks{0%{transform:scale(.4);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes float-heart{0%{transform:scale(0) rotate(-12deg);opacity:0}18%{transform:scale(1.2) rotate(-12deg);opacity:.95}32%{transform:scale(1) rotate(-12deg)}to{transform:translateY(-140px) scale(1.1) rotate(-12deg);opacity:0}}@media(prefers-reduced-motion:reduce){.body.turn-next,.body.turn-prev,.burst .icon,.burst:before,.burst:after{animation:none!important}.burst:before,.burst:after,.float-heart{display:none}}.track{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);text-decoration:none;white-space:nowrap;overflow:hidden}.track .icon{width:14px;height:14px}.track span{overflow:hidden;text-overflow:ellipsis}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.note{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 20px);transform:translate(-50%);z-index:3;width:min(calc(100% - 32px),560px);display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:var(--ink);color:var(--paper);box-shadow:0 10px 40px #00000080;animation:rise .2s ease}.note p{margin:0;flex:1;font-size:15px;line-height:1.45}.note .icon{width:18px;height:18px}.hint{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top) + var(--bar-height) + var(--gap) + 10px);z-index:1;margin:0;padding:0 16px;text-align:center;font-size:12px;color:var(--muted);pointer-events:none;transition:opacity .4s}.hint .icon{width:14px;height:14px}.hint.gone{opacity:0}.about{width:min(calc(100% - 32px),560px);max-height:calc(100dvh - 48px);padding:0 0 8px;border:0;border-radius:var(--radius);background:var(--paper);color:var(--ink);box-shadow:0 20px 60px #00000080}.about::backdrop{background:#0009;backdrop-filter:blur(4px)}.about>*{margin-left:22px;margin-right:22px}.about h2{margin-top:22px;margin-bottom:4px;font:600 21px/1.2 var(--serif)}.about h3{display:flex;align-items:center;gap:8px;margin-top:18px;margin-bottom:4px;font-size:15px}.about h3 .icon{width:18px;height:18px;color:var(--accent)}.about p{margin-top:0;font-size:14px;line-height:1.5}.about p .icon{width:16px;height:16px}.about a{color:var(--accent)}.about .close{float:right;margin:10px 10px 0 0;width:44px;height:44px;border-radius:999px;color:var(--muted)}.about .kofi{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;text-decoration:none}.about .kofi .icon{width:18px;height:18px}.about .credits-heading{margin-top:24px;padding-top:16px;border-top:1px solid rgba(42,36,32,.12);font:600 17px/1.2 var(--serif)}.reasons{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.share-options{display:flex;justify-content:center;gap:8px;margin-top:16px;margin-bottom:18px}.share-options button{flex:1;max-width:96px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px}.share-options .icon{width:56px;height:56px;padding:16px;border-radius:999px;background:var(--soft)}.share-options button:disabled{opacity:.4;cursor:default}.saved{list-style:none;padding:0;margin-top:12px}.saved li{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid rgba(42,36,32,.12)}.saved a{flex:1;min-width:0;color:var(--ink);text-decoration:none}.saved strong{display:block;font:600 16px/1.25 var(--serif)}.saved span{font-size:13px;color:var(--muted)}.saved button{width:44px;height:44px;color:var(--muted)}.saved button .icon{width:18px;height:18px}@media(min-width:768px){:root{--gap: 20px;--radius: 28px}.bar{padding-inline:24px}.card{padding-inline:96px}.inner{padding:56px 64px 32px}.text{font-size:clamp(19px,.6vw + 12px,22px)}.expand,.back{width:40px}.expand{right:16px}.back{left:16px}.expand .icon,.back .icon{width:32px;height:32px}.meta{align-self:center;width:100%;max-width:420px}.track{justify-content:center}.bottom{display:flex;flex-direction:column;align-items:stretch}.bottom .meta,.bottom .track{flex:none}.rail{position:absolute;left:calc(100% + 16px);bottom:32px;gap:8px}.rail button{width:48px;height:48px}.rail button{color:var(--paper);background:#ffffff1a}.rail button:hover{background:#ffffff2e}.reveal:hover{background:#2a24200d}}@media(max-width:440px){.brand{position:static;transform:none}.brand span{display:none}.logo{width:22px;height:22px}}@media(max-width:360px){.text{font-size:17px}.inner{padding-inline:16px}}