:root{color-scheme:light dark;--paper: #efe6d2;--ink: #241f18;--ink-soft: #6b6153;--rule: #dcd0b4;--sketch: #a8672b;--poetry: #3e5c76;--question: #7a3b44;--focus: #241f18}@media (prefers-color-scheme: dark){:root{--paper: #1c1912;--ink: #efe6d2;--ink-soft: #b8ac95;--rule: #3a342a;--sketch: #d08a46;--poetry: #8db1d6;--question: #d18f8f;--focus: #efe6d2}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;text-align:inherit;-webkit-tap-highlight-color:transparent}.page{max-width:520px;margin:0 auto;min-height:100vh;padding:20px 20px calc(48px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.page-status{justify-content:center;align-items:center;text-align:center;gap:16px}.status-text{color:var(--ink-soft);font-size:1rem;max-width:34ch}.status-error{color:var(--question)}.retry{border:1px solid var(--rule);border-radius:8px;padding:10px 20px;color:var(--ink);font-weight:500;transition:border-color .15s ease,background .15s ease}.retry:hover{border-color:var(--ink-soft);background:color-mix(in srgb,var(--ink) 6%,transparent)}.masthead{display:flex;align-items:baseline;justify-content:space-between;padding-top:8px;margin-bottom:8px}.wordmark{font-family:Fraunces,serif;font-size:1.1rem;font-weight:600}.today{font-size:.85rem;color:var(--ink-soft)}.intro{font-family:Fraunces,serif;font-style:italic;font-size:1.15rem;color:var(--ink-soft);margin:20px 0 12px;max-width:26ch}.entry-list{display:flex;flex-direction:column;border-top:1px solid var(--rule);margin-top:12px}.entry{display:flex;align-items:center;gap:16px;padding:22px 4px;border-bottom:1px solid var(--rule);animation:entry-in .42s cubic-bezier(.16,1,.3,1) both;position:relative}.entry:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity .15s ease;pointer-events:none}.entry:active:before{opacity:.06}.entry-sketch{color:var(--sketch)}.entry-poetry{color:var(--poetry)}.entry-question{color:var(--question)}.entry-mark{flex:none;width:40px;height:40px;display:grid;place-items:center;color:currentColor}.entry-mark svg{width:28px;height:28px}.entry-text{display:flex;flex-direction:column;gap:2px;color:var(--ink)}.entry-label{font-family:Fraunces,serif;font-size:1.3rem;font-weight:500}.entry-teaser{font-size:.9rem;color:var(--ink-soft)}@keyframes entry-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-nav{display:flex;align-items:center;justify-content:space-between;padding-top:8px;margin-bottom:8px}.back{display:flex;align-items:center;gap:8px;padding:6px 4px}.back span{color:var(--ink);font-family:Fraunces,serif;font-size:1.05rem;font-weight:600}.back svg{width:18px;height:18px}.detail-heading{display:flex;align-items:center;gap:14px;margin:36px 0 8px}.detail-sketch .detail-heading,.detail-sketch .back{color:var(--sketch)}.detail-poetry .detail-heading,.detail-poetry .back{color:var(--poetry)}.detail-question .detail-heading,.detail-question .back{color:var(--question)}.detail-heading .entry-mark svg{width:32px;height:32px}.detail-heading h1{margin:0;font-family:Fraunces,serif;font-size:1.6rem;font-weight:600;color:var(--ink)}.detail-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:15vh;animation:body-in .48s 60ms cubic-bezier(.16,1,.3,1) both}@keyframes body-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.detail-text{font-family:Fraunces,serif;font-size:1.85rem;font-weight:500;line-height:1.35;max-width:20ch}.detail-empty{font-family:Fraunces,serif;font-style:italic;font-size:1.2rem;color:var(--ink-soft);max-width:26ch}.poem{margin:0;padding-left:18px;border-left:2px solid currentColor;color:var(--poetry);display:flex;flex-direction:column;gap:4px}.poem-line{font-family:Fraunces,serif;font-style:italic;font-size:1.5rem;line-height:1.5;color:var(--ink)}.attribution{margin:20px 0 0;color:var(--ink-soft);font-size:.9rem}::view-transition-old(root),::view-transition-new(root){animation-duration:.26s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){.entry,.detail-body{animation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
