@font-face{font-family:Alegreya;src:url(/fonts/Alegreya-Variable.woff2)format("woff2-variations");font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:Alegreya;src:url(/fonts/Alegreya-Italic.woff2)format("woff2-variations");font-weight:400 500;font-style:italic;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/Literata-Variable.woff2)format("woff2-variations");font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--base:#f2ede3;--paper:#f2ede3;--surface:#e9e3d6;--sunken:#e2dbcc;--line:#d6cfc0;--ink:#1f2633;--verse:#1f2633;--interface:#2e3542;--secondary:#5c6370;--wash:#8a8f98;--gold:#b8933f;--gold-text:#7a5d1c;--ochre:#8c3b22;--paper-dim-opacity:0;--safe-left:max(24px, env(safe-area-inset-left));--safe-right:max(24px, env(safe-area-inset-right));color-scheme:light}*{box-sizing:border-box}html,body{background:var(--base);width:100%;min-height:100%;color:var(--interface);margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;overflow-x:hidden}body{touch-action:manipulation}button,a{color:inherit;font:inherit}button{cursor:pointer;border:0;min-width:44px;min-height:44px}button:focus-visible,a:focus-visible{outline:2px solid var(--gold-text);outline-offset:4px}.app-shell{background:var(--base);min-height:100svh;position:relative}.screen{width:100%;display:none}.screen.is-active{display:grid}.entry-screen,.closing-screen{min-height:100svh;padding:calc(32px + env(safe-area-inset-top)) var(--safe-right) calc(24px + env(safe-area-inset-bottom)) var(--safe-left);place-items:center;position:relative;overflow:hidden}.background-paint,.paint-stack,.veil{position:absolute;inset:0}.background-paint picture,.background-paint img{width:100%;height:100%;display:block}.background-paint img{object-fit:cover;object-position:50% 50%;opacity:.45}.background-paint:after{content:"";background:radial-gradient(circle,#f2ede300 0 60%,#f2ede373 100%),linear-gradient(#f2ede300 42%,#f2ede39e 70%,#f2ede3d1 100%);position:absolute;inset:0}.veil:before{content:"";background:radial-gradient(circle,#f2ede300 0 60%,#f2ede373 100%);position:absolute;inset:0}.entry-content{z-index:2;text-align:center;width:min(560px,100%);position:relative}h1,h2{color:var(--verse);letter-spacing:0;margin:0;font-family:Alegreya,Literata,Georgia,serif;font-weight:400}h1{font-size:34px;line-height:1.15}.tagline{color:var(--interface);margin:8px 0 34px;font-size:16px;line-height:1.4}.duration-group{grid-template-columns:repeat(7,56px);justify-content:center;gap:8px;margin:0 auto;display:grid}.duration-chip{width:56px;height:44px;color:var(--interface);font-feature-settings:"tnum";background:0 0;border:1px solid #0000;border-radius:999px;font-size:18px;font-weight:500;line-height:1}.duration-chip[aria-pressed=true]{border-color:var(--gold-text);background:color-mix(in srgb, var(--sunken), transparent 28%);color:var(--gold-text)}.minutes-label{color:var(--secondary);margin:10px 0 26px;font-size:13px;font-weight:500;line-height:1.4}.primary-action{background:var(--verse);width:100%;height:48px;color:var(--base);border-radius:8px;font-weight:500}.text-link{min-height:44px;color:var(--interface);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--interface), transparent 50%);text-underline-offset:4px;background:0 0;justify-content:center;align-items:center;margin-top:16px;padding:0 8px;display:inline-flex}.text-link.quiet{margin-top:8px}.entry-note,.attribution,.install-note{color:var(--secondary);margin:18px auto 0;font-size:13px;font-weight:500;line-height:1.4}.attribution a{color:var(--interface);text-decoration-color:color-mix(in srgb, var(--interface), transparent 50%);text-underline-offset:3px}.install-note{max-width:440px;margin-top:8px}.paper-dim-row{color:var(--secondary);justify-content:center;align-items:center;gap:12px;margin:18px auto 0;font-size:13px;font-weight:500;line-height:1.4;display:flex}.paper-dim-dots{align-items:center;gap:2px;min-height:44px;padding:0 4px;display:inline-flex}.paper-dim-dot{background:0 0;border-radius:999px;width:44px;height:44px;position:relative}.paper-dim-dot:before{content:"";border:1px solid var(--line);background:0 0;border-radius:999px;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.paper-dim-dot[aria-checked=true]:before{border-color:var(--gold);background:var(--gold)}.paper-dim-layer{z-index:20;pointer-events:none;opacity:var(--paper-dim-opacity);background:#000;transition:opacity .4s;position:fixed;inset:0}.session-screen{--ring-size:112px;--ring-stroke:3;--ring-font:22px;overscroll-behavior:none;background:var(--base);touch-action:manipulation;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.paint-stack{background:var(--paper)}@property --reveal{syntax:"<number>";inherits:false;initial-value:0}.paint-frame{transform-origin:50% 20%;will-change:transform;position:absolute;inset:0}.paint-frame.drift-in{animation:driftIn var(--drift-duration,240s) linear forwards}.paint-frame.drift-out{animation:driftOut var(--drift-duration,240s) linear forwards}.paint-layer{object-fit:cover;object-position:50% 50%;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.paint-wash .paint-layer{opacity:0;transition:opacity var(--wash-in,8s) linear}.paint-frame.is-washed .paint-wash .paint-layer{opacity:.35}.paint-ink .paint-layer{opacity:1}.paint-ink{--reveal:0;-webkit-mask-image:linear-gradient(105deg, #000 0%, #000 calc(var(--reveal) * 130% - 30%), transparent calc(var(--reveal) * 130%)), url(/img/brush-noise.png);mask-image:linear-gradient(105deg, #000 0%, #000 calc(var(--reveal) * 130% - 30%), transparent calc(var(--reveal) * 130%)), url(/img/brush-noise.png);-webkit-mask-composite:source-in;will-change:mask-position;position:absolute;inset:0;-webkit-mask-size:100% 100%,512px 512px;mask-size:100% 100%,512px 512px;-webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat;mask-composite:intersect;mask-mode:alpha,luminance}.paint-frame.is-revealing .paint-ink{animation:brushReveal var(--reveal-duration,60s) linear forwards}.paint-frame.is-revealed .paint-ink{will-change:auto;animation:none;-webkit-mask-image:none;mask-image:none}.paint-frame{opacity:1;transition:opacity var(--paint-out,6s) ease-in-out}.paint-frame.is-leaving{opacity:0}.paint-frame.is-plain .paint-wash{display:none}.paint-frame.is-plain .paint-ink{opacity:0;transition:opacity var(--plain-in,1.5s) ease-in-out;animation:none;-webkit-mask-image:none;mask-image:none}.paint-frame.is-plain.is-visible .paint-ink{opacity:1}@keyframes brushReveal{0%{--reveal:0}to{--reveal:1}}.veil{pointer-events:none;z-index:2}.verse-veil{--veil-lead:12dvh;--verse-anchor:calc(12dvh + env(safe-area-inset-bottom));--veil-min:58dvh;--veil-at-number:.72;--veil-under-verse:.86;z-index:3;min-height:var(--veil-min);padding-top:var(--veil-lead);padding-bottom:var(--verse-anchor);pointer-events:none;background:linear-gradient(to top, rgba(242,237,227,var(--veil-under-verse)) 0, rgba(242,237,227,var(--veil-under-verse)) var(--verse-anchor), rgba(242,237,227,var(--veil-at-number)) calc(100% - var(--veil-lead)), #f2ede300 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.verse-block{width:min(62ch, 920px, calc(100% - 128px - env(safe-area-inset-left) - env(safe-area-inset-right)));opacity:0;transition:opacity var(--verse-fade,3s) ease-in-out;text-align:left;text-shadow:0 0 18px #f2ede399;margin:0 auto}.verse-text{pointer-events:auto}:root[data-paper-dim="3"] .verse-text,:root[data-paper-dim="4"] .verse-text,:root[data-paper-dim="5"] .verse-text{font-weight:500}.verse-block.is-visible{opacity:1}.verse-block.is-reading{transition-duration:var(--verse-fade-read,.8s)}.verse-number{color:var(--gold-text);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:500;line-height:1}.verse-text{color:var(--verse);white-space:pre-line;user-select:text;font-family:Alegreya,Literata,Georgia,serif;font-size:clamp(22px,14px + 1.4vw,31px);font-weight:400;line-height:1.45}.controls{z-index:4;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.controls.is-visible{opacity:1;pointer-events:auto}.top-row{top:calc(14px + env(safe-area-inset-top));left:calc(24px + env(safe-area-inset-left));right:calc(24px + env(safe-area-inset-right));justify-content:space-between;align-items:center;min-height:44px;display:flex;position:absolute}.top-actions,.mobile-actions{align-items:center;gap:8px;display:flex}.mobile-actions{display:none}.time-remaining,.read-count{color:var(--interface);font-feature-settings:"tnum";font-size:14px;font-weight:500;line-height:1}.bottom-row{left:calc(24px + env(safe-area-inset-left));right:calc(24px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute}.outline-button,.danger-button,.text-control,.icon-button{background:var(--surface);color:var(--interface);border-radius:8px}.outline-button{border:1px solid var(--line);min-width:102px;padding:0 18px}.danger-button{color:var(--ochre);background:0 0;padding:0 8px}.icon-button{border:1px solid #0000;place-items:center;width:44px;height:44px;padding:0;display:inline-grid}.icon-button svg{stroke:currentColor;width:20px;height:20px}.time-ring{z-index:4;top:calc(24px + env(safe-area-inset-top));right:calc(24px + env(safe-area-inset-right));width:var(--ring-size,112px);height:var(--ring-size,112px);opacity:.35;pointer-events:none;transition:opacity .3s;position:absolute}.session-screen.is-reading-mode .time-ring{display:none}.session-screen:has(.session-controls.is-visible) .time-ring,.session-screen.is-paused .time-ring{opacity:1}.time-ring svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.time-ring circle{fill:none;vector-effect:non-scaling-stroke;stroke-width:var(--ring-stroke,3);stroke-linecap:round}.ring-spent{stroke:var(--line)}.ring-left{stroke:var(--gold);stroke-dasharray:var(--ring-left,100) 100}.ring-time{color:var(--interface);font-size:var(--ring-font,22px);font-feature-settings:"tnum";opacity:0;place-items:center;font-weight:500;line-height:1;transition:opacity .3s;display:grid;position:absolute;inset:0}.session-screen:has(.session-controls.is-visible) .ring-time,.session-screen.is-paused .ring-time{opacity:1}.pause-label{z-index:5;color:var(--secondary);opacity:0;pointer-events:none;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.session-screen.is-paused .pause-label{animation:4s ease-in-out infinite pauseBreath}.session-screen.is-paused .paint-frame,.session-screen.is-paused .paint-ink{animation-play-state:paused}.read-controls,.session-screen.is-reading-mode .session-controls{display:none}.session-screen.is-reading-mode .read-controls{display:block}.read-bottom-row{left:calc(24px + env(safe-area-inset-left));right:calc(24px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));justify-content:space-between;display:flex;position:absolute}.text-control{color:var(--interface);background:0 0;padding:0 8px}.closing-card{text-align:center;width:min(560px,100%)}.closing-card h2{font-size:34px;line-height:1.15}.session-summary{color:var(--interface);margin:8px 0 30px;font-size:16px;line-height:1.4}#noSleep{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}body.hide-cursor{cursor:none}@keyframes driftIn{0%{transform:translateX(calc(var(--drift-pan,1.5%) * -1)) scale(1)}to{transform:translateX(var(--drift-pan,1.5%)) scale(var(--drift-max,1.12))}}@keyframes driftOut{0%{transform:translateX(var(--drift-pan,1.5%)) scale(var(--drift-max,1.12))}to{transform:translateX(calc(var(--drift-pan,1.5%) * -1)) scale(1)}}@keyframes pauseBreath{0%,to{opacity:.6}50%{opacity:1}}@media (width<=540px){.session-screen{--ring-size:64px;--ring-stroke:2.5;--ring-font:14px}h1{font-size:28px;font-weight:500}.duration-group{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.duration-chip{width:100%;height:52px}.duration-chip:nth-child(5){grid-column:1/span 1;margin-left:calc(50% + 4px)}.verse-veil{--verse-anchor:calc(88px + env(safe-area-inset-bottom))}.verse-block{width:auto;margin-right:calc(24px + env(safe-area-inset-right));margin-left:calc(24px + env(safe-area-inset-left))}.verse-text{font-size:21px;font-weight:500}.top-row{justify-content:center}.top-actions{display:none}.mobile-actions{display:flex}.bottom-row{bottom:calc(18px + env(safe-area-inset-bottom))}.outline-button{min-width:88px;padding:0 12px}}@media (orientation:landscape) and (height<=520px){.session-screen{--ring-size:56px;--ring-stroke:2;--ring-font:13px}.background-paint img,.paint-layer{object-position:50% 40%}.background-paint:after{background:radial-gradient(circle,#f2ede300 0 60%,#f2ede373 100%),linear-gradient(#f2ede300 50%,#f2ede39e 70%,#f2ede3d1 100%)}.verse-veil{--veil-lead:10dvh;--verse-anchor:calc(20px + env(safe-area-inset-bottom));--veil-min:50dvh;--veil-at-number:.8;--veil-under-verse:.92}.verse-block{width:min(64ch, 700px, calc(100% - 64px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.session-screen:has(.session-controls.is-visible) .verse-veil{--verse-anchor:calc(72px + env(safe-area-inset-bottom))}.verse-number{margin-bottom:8px;font-size:11px}.verse-text{font-size:19px;font-weight:500;line-height:1.35}.bottom-row,.read-bottom-row{bottom:calc(8px + env(safe-area-inset-bottom))}}@media (width>=700px) and (orientation:portrait){.session-screen{--ring-size:88px;--ring-stroke:3;--ring-font:18px}.background-paint img,.paint-layer{object-position:50% 35%}.verse-veil{--verse-anchor:calc(14dvh + env(safe-area-inset-bottom))}.verse-block{width:min(36ch,600px,100% - 96px)}.verse-text{font-size:25px;font-weight:400}}@media (width>=900px) and (orientation:landscape){.session-screen{--ring-size:96px;--ring-stroke:3;--ring-font:20px}.verse-block{width:min(42ch, 760px, calc(100% - 128px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.verse-text{font-size:27px;font-weight:400}}@media (width>=1280px){.session-screen{--ring-size:112px;--ring-stroke:3;--ring-font:22px}.verse-block{width:min(62ch, 920px, calc(100% - 128px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.verse-text{font-size:clamp(22px,14px + 1.4vw,31px)}.verse-block.is-largo .verse-text{font-size:27px}}@media (prefers-reduced-motion:reduce){.paint-frame,.paint-ink{animation:none}.paint-wash{display:none}.paint-ink{-webkit-mask-image:none;mask-image:none}.verse-block{transition-duration:1.5s}}
