:root{--ink:#0a0c18;--ink-2:#13162b;--text:#f4efe6;--soft:#d9d4e6;--muted:#a29eba;--faint:#f4efe624;--glass:#ffffff0f;--hue:#f4b860;--display:"Newsreader", Georgia, "Times New Roman", serif;--ui:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overscroll-behavior:none}body{background:var(--ink);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5}::selection{background:color-mix(in oklab, var(--hue) 40%, transparent)}:focus-visible{outline:2px solid var(--hue);outline-offset:3px}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}em{color:var(--hue);font-style:italic}cite{font-style:italic}.label{font-family:var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.7rem;font-weight:600}.pill{background:var(--hue);min-height:3rem;color:var(--ink);font-family:var(--ui);cursor:pointer;box-shadow:0 0 2.5rem color-mix(in oklab, var(--hue) 40%, transparent);border:none;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .3s;display:inline-flex}.pill:hover{box-shadow:0 0 3.5rem color-mix(in oklab, var(--hue) 60%, transparent)}.pill:active{transform:scale(.97)}.round{border:1px solid var(--faint);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:3rem;height:3rem;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;text-decoration:none;display:grid}.round.small{width:2.5rem;height:2.5rem}.round.next{background:var(--text);color:var(--ink);border-color:#0000}.round:disabled{opacity:.3;cursor:default}.text-button{min-height:2.75rem;color:var(--muted);font-family:var(--ui);text-underline-offset:.25em;text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);cursor:pointer;background:0 0;border:none;padding:.75rem 0;font-size:.85rem}.stage{overscroll-behavior:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 80% at 50% 35%, color-mix(in oklab, var(--hue) 16%, var(--ink-2)) 0%, var(--ink) 70%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.stage-art{width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.stage-art.dim{opacity:.25}.think-art{animation:1.4s both fade-in}.stage-scrim{pointer-events:none;background:radial-gradient(120% 50% at 50% 38%,#0a0c188c 0%,#0a0c1833 50%,#0a0c1800 75%),linear-gradient(#0a0c1800 80%,#0a0c1873 100%);position:absolute;inset:0}.stage-top,.stage-body,.stage-bottom{z-index:1;position:relative}.stage-top,.stage-bottom{width:100%;max-width:40rem;margin:0 auto}.stage-top{padding:max(env(safe-area-inset-top), .875rem) 1rem 0;align-items:flex-start;gap:.75rem;display:flex}.stage-meta{flex:1;padding-top:.25rem}.progress{gap:4px;display:flex}.progress span{background:var(--faint);border-radius:2px;flex:1;height:2px;transition:background .4s}.progress span.on{background:var(--text)}.stage-eyebrow{letter-spacing:.04em;color:var(--muted);margin:.625rem 0 0;font-size:.75rem}.stage-body{touch-action:pan-y;flex-direction:column;flex:1;padding:1rem 1.5rem min(22vh,10rem);display:flex;overflow-y:auto}.kind-reading .stage-body{padding-bottom:3vh}.kind-name .stage-art,.kind-reading .stage-art{opacity:.55}.swipe{width:100%;margin:auto 0}.stage input{-webkit-user-select:text;user-select:text}.kind-urge .stage-body:has(.urge){padding-top:max(1rem,68dvh - 8.25rem);padding-bottom:0}.kind-urge .stage-body:has(.urge) .swipe{margin:0}.screen{width:100%;max-width:34rem;margin:0 auto}.enter-next{animation:.55s cubic-bezier(.2,.7,.2,1) both enter-next}.enter-back{animation:.55s cubic-bezier(.2,.7,.2,1) both enter-back}@keyframes enter-next{0%{opacity:0;transform:translate(1.75rem)}}@keyframes enter-back{0%{opacity:0;transform:translate(-1.75rem)}}@keyframes fade-in{0%{opacity:0}}.stage-bottom{min-height:5rem;padding:.75rem 1rem max(env(safe-area-inset-bottom), 1rem);justify-content:space-between;align-items:center;gap:1rem;display:flex}.hint{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:600;animation:2s 1.5s both fade-in}.say{font-family:var(--display);text-wrap:pretty;margin:0 0 1.25rem;font-size:clamp(1.7rem,6.4vw,2.6rem);font-weight:400;line-height:1.28;display:block}.say.long{font-size:clamp(1.45rem,5.4vw,2.1rem)}.kind-think .say{text-align:center}.kind-think .screen{flex-direction:column;align-items:center;display:flex}.answer-row{align-items:center;gap:.75rem;display:flex}.answer-row input{border:none;border-bottom:1px solid var(--faint);min-width:0;color:var(--hue);font-family:var(--display);background:0 0;border-radius:0;flex:1;padding:.5rem 0;font-size:1.6rem;font-style:italic;font-weight:400}.answer-row input::placeholder{color:var(--muted);opacity:.6}.answer-row input:focus{border-bottom-color:var(--hue);outline:none}.options{gap:.625rem;display:grid}.option{text-align:left;border:1px solid var(--faint);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:3.5rem;font-family:var(--ui);cursor:pointer;border-radius:1rem;padding:.875rem 1.125rem;font-size:1.05rem;font-weight:500;transition:border-color .2s,background .2s}.option:hover,.option.chosen{border-color:var(--hue);background:color-mix(in oklab, var(--hue) 16%, transparent)}.timer{background:var(--faint);border-radius:2px;width:100%;max-width:16rem;height:2px;margin:.5rem auto .25rem;overflow:hidden}.timer i{background:var(--hue);width:0;height:100%;box-shadow:0 0 12px var(--hue);animation:linear forwards fill;display:block}@keyframes fill{to{width:100%}}.urge{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.press{border:1px solid color-mix(in oklab, var(--hue) 70%, white);background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--hue) 55%, white), var(--hue) 70%);width:9.5rem;height:9.5rem;color:var(--ink);font-family:var(--ui);letter-spacing:.04em;cursor:pointer;box-shadow:0 0 4rem color-mix(in oklab, var(--hue) 55%, transparent);border-radius:50%;font-size:1.05rem;font-weight:600;animation:.6s both fade-in}.press:active{transform:scale(.96)}.name .claim,.reading-screen .claim{font-family:var(--display);color:var(--hue);text-wrap:balance;margin:0 0 .875rem;font-size:clamp(2rem,7.5vw,3rem);font-weight:500;line-height:1.12}.name-text{font-family:var(--display);color:var(--soft);text-wrap:pretty;margin:0 0 1.5rem;font-size:clamp(1.2rem,4.4vw,1.5rem);font-weight:400;line-height:1.4}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chips .label{width:100%;margin-bottom:.125rem}.chip{border:1px solid var(--faint);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:2.5rem;font-family:var(--display);cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-size:1rem;font-style:italic;transition:border-color .2s}.chip:hover{border-color:var(--hue)}.reading{margin:0 0 1.25rem;padding:0;list-style:none}.reading li{border-top:1px solid var(--faint);flex-direction:column;padding:.75rem 0;display:flex}.reading cite{font-family:var(--display);font-size:1.1rem}.reading span{color:var(--muted);font-size:.875rem}.fine{color:var(--muted);font-size:.75rem}.sheet-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05060c99;justify-content:center;align-items:flex-end;animation:.3s both fade-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:36rem;max-height:85vh;padding:1.75rem 1.5rem max(env(safe-area-inset-bottom), 1.5rem);border:1px solid var(--faint);background:color-mix(in oklab, var(--hue) 8%, var(--ink-2));border-bottom:none;border-radius:1.5rem 1.5rem 0 0;animation:.4s cubic-bezier(.2,.7,.2,1) both sheet-up;overflow-y:auto;box-shadow:0 -1rem 4rem #00000080}.sheet:focus{outline:none}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-title{font-family:var(--display);color:var(--hue);margin:0 0 1rem;font-size:1.6rem;font-style:italic;font-weight:400;line-height:1.25}.sheet p:not(.label){font-family:var(--display);margin:0 0 1rem;font-size:1.2rem;font-weight:400;line-height:1.5}.sheet .pill{margin-top:.5rem}.page{min-height:100dvh}.hero{background:radial-gradient(120% 90% at 50% 20%, color-mix(in oklab, var(--hue) 14%, var(--ink-2)) 0%, var(--ink) 75%);align-items:flex-end;min-height:min(56vh,30rem);display:flex;position:relative;overflow:hidden}.hero-art{width:100%;height:100%;position:absolute;inset:0}.hero-scrim{background:linear-gradient(to top, var(--ink) 0%, #0a0c1800 60%);position:absolute;inset:0}.hero-text{width:100%;max-width:44rem;margin:0 auto;padding:3rem 1.25rem 1.5rem;position:relative}.wordmark{font-family:var(--display);color:var(--muted);margin-bottom:.75rem;font-style:italic;text-decoration:none;display:inline-block}.hero h1{font-family:var(--display);letter-spacing:-.01em;margin:0 0 .75rem;font-size:clamp(2.6rem,11vw,4.5rem);font-weight:450;line-height:1.05}.lede{max-width:30rem;font-family:var(--display);color:var(--soft);margin:0;font-size:1.25rem;font-weight:400;line-height:1.4}.page-main{max-width:44rem;margin:0 auto;padding:.5rem 1.25rem 0}.group-heading,.all-heading{font-family:var(--display);color:var(--soft);margin:2.5rem 0 1rem;font-size:1.5rem;font-style:italic;font-weight:400}.all-heading{font-size:1.1rem;font-style:normal;font-family:var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:3.5rem;font-weight:600}.all-heading+.group .group-heading{margin-top:1rem}.cards{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=44rem){.cards{grid-template-columns:1fr 1fr}}.card{border:1px solid var(--faint);background:var(--glass);height:100%;color:var(--text);border-radius:1.25rem;align-items:stretch;gap:1rem;padding:.625rem;text-decoration:none;transition:border-color .25s,background .25s,transform .25s;display:flex}.card:hover{border-color:color-mix(in oklab, var(--hue) 70%, transparent);background:color-mix(in oklab, var(--hue) 8%, transparent);transform:translateY(-2px)}.card.plain{padding:1.125rem 1.25rem}.card-art{background:radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--hue) 22%, var(--ink-2)), var(--ink) 80%);border-radius:.875rem;flex-shrink:0;width:6rem;height:6rem}.card-text{flex-direction:column;justify-content:center;gap:.25rem;padding:.25rem .25rem .25rem 0;display:flex}.card-title{font-family:var(--display);font-size:1.3rem;font-weight:500;line-height:1.2}.card-number{color:var(--hue);margin-right:.5rem}.card-hook{color:var(--soft);font-size:.9rem;line-height:1.4}.card-meta{color:var(--muted);font-size:.75rem}.done-mark{color:var(--hue)}.suggested{margin-top:1rem;padding:0 0 .5rem}.suggested .group-heading{margin-top:1.5rem}.suggested .pill{margin-top:1.25rem}.site-footer{border-top:1px solid var(--faint);max-width:44rem;color:var(--muted);margin:4rem auto 0;padding:1.5rem 1.25rem 2.5rem;font-size:.8rem}.site-footer p{margin:0}@media (prefers-reduced-motion:reduce){.enter-next,.enter-back{animation-name:fade-in}.sheet{animation:none}.card,.pill{transition:none}}
