@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Literata:ital,opsz,wght@0,7..72,400;0,7..72,500;1,7..72,400&display=swap');
:root{color-scheme:dark;--bg:#141918;--panel:#1b211f;--text:#ecece1;--muted:#9ca69d;--line:#303832;--accent:#c3d4b0;--serif:'Literata',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}html[data-theme=light]{color-scheme:light;--bg:#f6f5ed;--panel:#eeeee4;--text:#26372d;--muted:#657469;--line:#d7dece;--accent:#3f694a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header{height:92px;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.brand{font-size:12px;letter-spacing:2.4px;display:flex;align-items:center;gap:13px;font-weight:600}.brand-icon{font-size:34px;color:var(--accent);line-height:1}.icon-button{width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:50%;font-size:23px}main{max-width:1104px;margin:auto;padding:0 0 130px}.hero{padding:65px 0 44px;position:relative}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--accent)}h1,h2,p{margin-top:0}h1{font:400 52px/1.25 var(--serif);letter-spacing:-1.8px;margin:20px 0}h1 em{color:var(--accent);font-weight:400}h2{font:400 23px/1.4 var(--serif);letter-spacing:-.5px}.muted{color:var(--muted)}.hero>.muted{line-height:1.9}.journey{position:absolute;right:0;top:121px;width:280px;padding:22px 24px;border:1px solid var(--line);border-radius:8px}.journey>div>span{display:block;font-size:9px;letter-spacing:1.7px;color:var(--muted)}.journey strong{display:block;font-size:26px;font-weight:500;margin-top:9px}.journey strong small{font-size:12px;font-weight:400;color:var(--muted)}.journey-percent{position:absolute;right:24px;top:25px;color:var(--accent);font-size:11px}progress{width:100%;height:4px;border:0;display:block;margin:17px 0 11px;background:var(--line);border-radius:4px}progress::-webkit-progress-bar{background:var(--line);border-radius:4px}progress::-webkit-progress-value{background:var(--accent);border-radius:4px}progress::-moz-progress-bar{background:var(--accent)}.journey>small{font-size:10px;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.section-heading h2{margin:0;font-size:21px}.section-heading>span{font-size:11px;color:var(--muted)}.genres{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.genre{padding:25px;text-align:left;border:1px solid var(--line);border-radius:9px;background:var(--panel);transition:transform .2s,border-color .2s}.genre:hover{transform:translateY(-4px);border-color:var(--accent)}.genre.story{background:linear-gradient(135deg,#263329,#1c2721);--card-accent:#c3d4b0}.genre.essay{background:linear-gradient(135deg,#302c24,#26241f);--card-accent:#dbc59c}.genre.poem{background:linear-gradient(135deg,#2c2933,#24222c);--card-accent:#c7bfdc}.genre{color:#ecece1}.genre-top{display:flex;justify-content:space-between;align-items:center;color:var(--card-accent);font-size:10px}.genre-symbol{font-size:35px;line-height:1.2}.genre h2{font-size:31px;margin:25px 0 8px}.genre p{font-size:12px;color:#b7bab0;margin-bottom:30px}.genre-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff18;padding-top:18px;font-size:11px;color:var(--card-accent)}.genre-bottom small{font-size:10px;color:#a4ada0}.next-section{margin-top:42px}.text-button{background:transparent;padding:10px 0;color:var(--accent);font-size:12px}.reading-list{border-top:1px solid var(--line)}.reading-row{display:flex;width:100%;text-align:left;align-items:center;gap:18px;padding:19px 8px;background:transparent;border-bottom:1px solid var(--line)}.reading-row:hover{background:var(--panel)}.type-dot{flex-shrink:0;display:grid;place-items:center;width:36px;height:40px;border-radius:4px;background:#2a372c;color:#c3d4b0;font-family:var(--serif)}.type-dot.essay{background:#393225;color:#dbc59c}.type-dot.poem{background:#342e3f;color:#c7bfdc}.row-copy{min-width:0;flex:1}.row-copy strong{display:block;font:400 17px/1.5 var(--serif);overflow-wrap:anywhere}.row-copy small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.row-copy small span{opacity:.75}.row-end{font-size:21px;color:var(--accent)}.footer-note{text-align:center;font:italic 13px var(--serif);color:var(--muted);margin:35px 0 0}nav{display:flex;justify-content:center;gap:8px;position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 35px #0005;z-index:5}nav a{display:flex;gap:9px;align-items:center;white-space:nowrap;padding:10px 20px;color:var(--muted);border-radius:8px;font-size:17px}nav a span{font-size:12px}nav a.active{color:var(--accent);background:var(--line)}.page-heading{padding-top:56px}.page-heading h1{font-size:43px}.filters{display:flex;gap:12px;margin:25px 0;flex-wrap:wrap}input,select,textarea{border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);padding:12px}input[type=search]{flex:1;min-width:180px}textarea{width:100%;resize:vertical;min-height:105px}label{display:block;color:var(--muted);font-size:13px}label select{display:block;width:100%;margin-top:8px}.primary,.secondary{display:inline-block;padding:12px 19px;border-radius:6px;font-size:13px;margin:5px 4px 5px 0}.primary{background:var(--accent);color:var(--bg);font-weight:600}.secondary{background:var(--panel);border:1px solid var(--line);color:var(--text)}.file-label{cursor:pointer}.file-label input{display:none}.backup,.instructions{margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.empty>span{font-size:40px;color:var(--accent)}.empty h2{margin-top:20px;color:var(--text)}.log-entry{padding-top:20px}.log-entry>.eyebrow{margin-bottom:0}.log-note{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;padding:0 60px}.pack-panel{display:flex;gap:35px;padding:35px;background:var(--panel);border:1px solid var(--line);border-radius:9px;margin-top:35px}.pack-panel h2{margin-bottom:12px}.pack-icon{font-size:65px;color:var(--accent)}.fine{font-size:12px;margin-top:15px}.instructions li{padding:6px 0;color:var(--muted)}dialog{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;width:min(600px,calc(100% - 24px));max-height:90dvh;padding:42px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}dialog h2{font-size:32px;margin-bottom:10px;padding-right:24px}dialog .close{position:absolute;right:14px;top:14px;font-size:16px}dialog .author{color:var(--muted);font-family:var(--serif);font-style:italic}.source-note{background:var(--panel);padding:18px;border-radius:7px;margin:25px 0;font-size:13px}.source-note p{margin:8px 0 0;color:var(--muted)}.note-label{margin:25px 0 10px}#toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--bg);padding:13px 22px;border-radius:8px;opacity:0;pointer-events:none;z-index:20;max-width:90vw;width:max-content;font-size:13px}#toast.visible{opacity:1}@media(min-width:1500px){main{padding-top:25px}}@media(max-width:1200px){main{padding-left:40px;padding-right:40px}}@media(max-width:900px){.journey{position:static;width:100%;margin-top:30px}.hero{padding-top:40px}.journey-percent{position:static;float:right;margin-top:-43px}.genre{padding:20px}.genre-bottom{flex-direction:column}.section-heading>span{display:none}}@media(max-width:600px){header{height:74px;padding:0 22px}.brand{font-size:10px;letter-spacing:1.8px}main{padding:0 22px 120px}.hero{padding-top:35px;padding-bottom:30px}h1{font-size:37px;letter-spacing:-1.3px}.hero>.muted{font-size:13px}.eyebrow{font-size:8px;letter-spacing:1.5px}.genres{grid-template-columns:1fr;gap:12px}.genre{position:relative;padding:20px 22px}.genre-top{float:right;width:55px;flex-direction:column;gap:10px}.genre h2{font-size:27px;margin:0 0 5px}.genre p{margin-bottom:18px;font-size:12px}.genre-bottom{flex-direction:row;padding-top:12px}.journey{padding:18px 20px}.journey strong{font-size:23px}.section-heading h2{font-size:20px}.next-section{margin-top:32px}nav{bottom:0;left:0;transform:none;width:100%;border-radius:12px 12px 0 0;justify-content:space-around;gap:0;padding:7px 7px max(8px,env(safe-area-inset-bottom))}nav a{flex-direction:column;gap:2px;padding:7px 12px;line-height:1.4}nav a span{font-size:10px}.row-copy strong{font-size:15px}.row-copy small span{display:block}.reading-row{gap:12px;padding:17px 0}.page-heading{padding-top:35px}.page-heading h1{font-size:34px}.filters{gap:8px}.filters input{flex-basis:100%}.filters select{flex:1;min-width:0}.pack-panel{padding:22px;display:block}.pack-icon{display:none}.pack-panel .filters label{flex:1}.log-note{padding:0 10px;font-size:13px}dialog{padding:32px 22px}dialog h2{font-size:27px}.source-link{display:block;text-align:center}#toast{bottom:95px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* In-app reading, with inert source text and an adjustable reading measure. */
dialog{width:min(820px,calc(100% - 24px));padding:46px 56px;scroll-behavior:smooth}dialog .close{position:sticky;top:0;float:right;z-index:4;background:var(--bg)}.reader-toolbar{position:sticky;top:-46px;z-index:3;display:flex;flex-wrap:wrap;gap:5px;padding:9px 0;background:var(--bg);border-bottom:1px solid var(--line)}.reader-toolbar .secondary{margin:0;padding:8px 13px;min-height:42px}.reading-meta{color:var(--muted);font-size:12px;margin-top:28px}.reading-text{font-family:var(--serif);line-height:1.85;overflow-wrap:anywhere;margin:28px auto 35px;max-width:65ch}.reading-text p{margin-bottom:1.25em}.reading-text h3{font-size:1.2em;line-height:1.5;margin:2em 0 1em;scroll-margin-top:100px}.reading-text .verse{white-space:pre-wrap;line-height:1.75}.reading-text [data-block]{scroll-margin-top:110px}.text-attribution{border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:11px}.source-details{margin:25px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.source-details summary{cursor:pointer;color:var(--muted);font-size:13px}.source-details[open] summary{margin-bottom:15px}.text-search{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0}.text-search input{min-width:130px;flex:1}.text-search~select{max-width:100%;width:100%}.search-match{background:color-mix(in srgb,var(--accent) 18%,transparent);border-left:3px solid var(--accent);padding-left:10px}#inline-reader[aria-busy=true]{color:var(--muted)}
@media(max-width:600px){dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:25px 22px;padding-bottom:max(35px,env(safe-area-inset-bottom))}.reader-toolbar{top:-25px}.reading-text{line-height:1.8}.reading-text h3{font-size:1.1em}.reader-toolbar .secondary{padding:8px 12px;font-size:12px}}
.row-copy .available-text{color:var(--accent);font-size:10px;margin-top:5px}
@media(max-width:600px){.filters #textsource{flex-basis:100%}}
.time-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 22px}.time-picker label{color:var(--text)}.time-picker small{flex-basis:100%;color:var(--muted);font-size:11px}.time-picker select{margin:0}.genre:disabled{opacity:.5;cursor:default}.genre:disabled:hover{transform:none;border-color:var(--line)}@media(max-width:600px){.time-picker{gap:8px}.time-picker label{flex-basis:100%}.time-picker select{flex:1}.time-picker .text-button{padding:10px 4px}.filters #maxMinutes,.filters #sort{flex-basis:45%}}

.account-panel{padding:25px;border:1px solid var(--line);border-radius:9px;background:var(--panel);margin:25px 0 35px}.account-panel h2{margin-bottom:12px}.sign-in-controls{display:flex;gap:10px;align-items:center;margin-top:8px}.sign-in-controls input{flex:1;min-width:0}.sync-status{color:var(--accent);font-size:13px}.sync-conflict{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.account-panel #sign-out{margin-left:15px}.account-panel button:disabled{opacity:.5;cursor:wait}@media(max-width:600px){.sign-in-controls{flex-direction:column;align-items:stretch}.account-panel{padding:20px}.account-panel p{overflow-wrap:anywhere}}

.home-account{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;margin-top:24px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.home-account>div{min-width:0}.home-account strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.home-account small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.home-account a{flex-shrink:0;margin:0;white-space:nowrap}.home-account+.hero{padding-top:35px}.home-account+.hero .journey{top:91px}@media(max-width:600px){.home-account{padding:12px;gap:10px;margin-top:20px}.home-account a{padding:10px;font-size:12px}.home-account+.hero{padding-top:25px}}

.log-transfer{margin:0 0 32px;padding:22px;border:1px solid var(--line);border-radius:9px}.log-transfer h2{margin-bottom:10px}.log-transfer p{font-size:13px}.log-transfer .fine{font-size:11px;margin-bottom:0}.log-transfer>div{display:flex;flex-wrap:wrap;gap:6px}

.reading-progress{position:sticky;bottom:-46px;margin:20px -56px -46px;padding:12px 28px 16px;background:var(--bg);border-top:1px solid var(--line);z-index:6}.reading-progress[hidden]{display:none}.reading-progress>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.reading-progress progress{margin:8px 0 0;height:4px}@media(max-width:600px){.reading-progress{bottom:calc(-1 * max(35px,env(safe-area-inset-bottom)));margin:20px -22px calc(-1 * max(35px,env(safe-area-inset-bottom)));padding:12px 22px max(16px,env(safe-area-inset-bottom))}}

.reading-text:not(.poetry){max-width:60ch;line-height:1.9}.reading-text p{margin-bottom:1.4em}.prose-chunk{display:block}.prose-chunk+.prose-chunk{margin-top:1.4em}.reader-toolbar select{max-width:100%;font-size:12px;padding:8px;min-height:42px}.paragraph-layout-note{line-height:1.6;margin-bottom:0}