:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--canvas:var(--lightningcss-light,oklch(99% .002 146))var(--lightningcss-dark,oklch(17.4% .012 176));--surface:var(--lightningcss-light,oklch(96.6% .006 154))var(--lightningcss-dark,oklch(21.2% .015 166));--surface-elevated:var(--lightningcss-light,oklch(94% .008 157))var(--lightningcss-dark,oklch(24.7% .02 163));--ink:var(--lightningcss-light,oklch(19.2% .012 167))var(--lightningcss-dark,oklch(95.2% .009 161));--ink-soft:var(--lightningcss-light,oklch(49.6% .016 167))var(--lightningcss-dark,oklch(68.9% .024 160));--ink-muted:var(--lightningcss-light,oklch(65.4% .013 162))var(--lightningcss-dark,oklch(51.5% .019 162));--border:var(--lightningcss-light,oklch(91.1% .012 154))var(--lightningcss-dark,oklch(27.2% .02 163));--border-light:var(--lightningcss-light,oklch(19.2% .012 167/.1))var(--lightningcss-dark,oklch(95.2% .009 161/.09));--brand-50:var(--lightningcss-light,oklch(97% .016 160))var(--lightningcss-dark,oklch(24% .05 158));--brand-100:var(--lightningcss-light,oklch(93.5% .032 160))var(--lightningcss-dark,oklch(30% .07 155));--brand-200:var(--lightningcss-light,oklch(88% .052 160))var(--lightningcss-dark,oklch(38% .095 154));--brand-300:var(--lightningcss-light,oklch(79% .072 160))var(--lightningcss-dark,oklch(50% .125 153));--brand-400:var(--lightningcss-light,oklch(63% .082 161))var(--lightningcss-dark,oklch(66% .155 152));--brand-500:var(--lightningcss-light,oklch(47.9% .078 161))var(--lightningcss-dark,oklch(80% .182 152));--brand-600:var(--lightningcss-light,oklch(41.8% .07 161))var(--lightningcss-dark,oklch(72% .17 152));--brand-700:var(--lightningcss-light,oklch(35.5% .06 162))var(--lightningcss-dark,oklch(61% .145 153));--brand-800:var(--lightningcss-light,oklch(29.5% .05 163))var(--lightningcss-dark,oklch(50% .12 154));--brand-900:var(--lightningcss-light,oklch(24.5% .04 164))var(--lightningcss-dark,oklch(40% .095 156));--brand-950:var(--lightningcss-light,oklch(19.5% .028 166))var(--lightningcss-dark,oklch(30% .07 158));--ice:var(--lightningcss-light,oklch(52% .1 235))var(--lightningcss-dark,oklch(80% .075 230));--flame:var(--lightningcss-light,oklch(55% .16 48))var(--lightningcss-dark,oklch(78% .15 58));--glass-bg:var(--lightningcss-light,oklch(100% 0 0/.12))var(--lightningcss-dark,oklch(0% 0 0/.25));--glass-border:var(--lightningcss-light,oklch(100% 0 0/.25))var(--lightningcss-dark,oklch(100% 0 0/.15));--glass-shadow:var(--lightningcss-light,oklch(0% 0 0/.25))var(--lightningcss-dark,oklch(0% 0 0/.5));--sans:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--serif:"Source Serif 4", Georgia, serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Hanken Grotesk;src:url(/assets/hanken-grotesk-latin-CaVRRdDk.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";src:url(/assets/source-serif-4-latin-BpEBLj1O.woff2)format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";src:url(/assets/source-serif-4-italic-latin-BOLXpvkj.woff2)format("woff2");font-weight:200 900;font-style:italic;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--on-brand:var(--canvas);--bezel:var(--lightningcss-light,oklch(20% .012 170))var(--lightningcss-dark,oklch(11% .008 170));--shadow:var(--lightningcss-light,oklch(30% .03 165/.22))var(--lightningcss-dark,oklch(0% 0 0/.5));--ground:#0b1210;--mark-ink:#48de81;--ease:cubic-bezier(.23, 1, .32, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55;transition:background-color .3s,color .3s;overflow-x:clip}h1,h2,h3,p,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--brand-500);outline-offset:3px;border-radius:6px}.ic{fill:currentColor;flex:none;width:24px;height:24px}.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}.band{padding-block:clamp(88px,11vw,150px)}.band+.band{padding-top:0}.top-sentinel{width:1px;height:1px;position:absolute;top:0}.serif{font-family:var(--serif);font-optical-sizing:auto}.h2{font-family:var(--serif);letter-spacing:-.022em;text-wrap:balance;font-size:clamp(2.3rem,4.6vw,3.7rem);font-weight:500;line-height:1.04}.h2 em{font-style:italic}.lede{color:var(--ink-soft);text-wrap:pretty;max-width:50ch;font-size:clamp(17px,1.35vw,19px);line-height:1.55}.btn{letter-spacing:-.005em;white-space:nowrap;height:50px;transition:transform .2s var(--ease), background-color .2s, border-color .2s, filter .2s;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn[hidden]{display:none}.btn:active{transform:scale(.97)}.btn .ic{width:18px;height:18px;transition:transform .25s var(--ease)}.btn:hover .ic{transform:translate(2px)}.btn-primary{background:var(--brand-500);color:var(--on-brand)}.btn-primary:hover{filter:brightness(1.07)}.btn-ghost{border-color:var(--border)}.btn-ghost:hover{background:var(--surface)}.nav{z-index:50;background:color-mix(in oklab, var(--canvas) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}.nav.scrolled{border-bottom-color:var(--border)}.nav-in{align-items:center;gap:28px;height:68px;display:flex}.brand{align-items:center;gap:8px;margin-right:auto;text-decoration:none;display:flex}.brand .mark{width:26px;height:26px;color:var(--brand-500);flex:none}.word{letter-spacing:-.025em;background:linear-gradient(to bottom right, var(--ink), var(--ink-soft));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.nav-links{gap:26px;font-size:15px;font-weight:500;display:flex}.nav-links a{color:var(--ink-soft);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav .btn{height:40px;padding:0 18px;font-size:15px}.icon-btn{border:1px solid var(--border);width:40px;height:40px;color:var(--ink-soft);background:0 0;border-radius:999px;place-items:center;transition:color .2s,background-color .2s;display:grid}.icon-btn:hover{color:var(--ink);background:var(--surface)}.icon-btn .ic{width:19px;height:19px}.theme-sun{display:none}:root[data-dark=true] .theme-sun{display:block}:root[data-dark=true] .theme-moon{display:none}@media (width<=860px){.nav-links{display:none}.nav-in{gap:10px}}.js .nav .brand .mark line{transform-box:fill-box;transform-origin:50%;animation:build .62s var(--ease) both;animation-delay:calc(.14s + var(--i) * 90ms)}.nav .brand .mark line:first-child{--i:3}.nav .brand .mark line:nth-child(2){--i:2}.nav .brand .mark line:nth-child(3){--i:1}.nav .brand .mark line:nth-child(4){--i:0}@keyframes build{0%{opacity:0;transform:scaleX(0)}}.hero{position:relative}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(24px,5vw,72px);min-height:calc(100svh - 68px);padding-block:24px 40px;display:grid}.display{font-family:var(--serif);letter-spacing:-.03em;font-size:clamp(3.1rem,6.6vw,5.9rem);font-weight:500;line-height:1.02}.display em{color:var(--brand-500);padding-bottom:.08em;font-style:italic;font-weight:400;line-height:1.1;display:inline-block}.hero .lede{max-width:30ch;margin-top:26px;font-size:clamp(18px,1.5vw,20px)}.hero .lede.rise{--d:.12s}.hero .ctas.rise{--d:.22s}.ctas{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.hero-phone{justify-content:center;display:flex}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:48px;min-height:0;padding-block:clamp(36px,9vw,64px) 0}.hero-copy{text-align:center}.hero .lede{margin-inline:auto}.ctas{justify-content:center}}.js .rise{animation:rise .9s var(--ease) both;animation-delay:var(--d,0s)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.js .hero-phone .device{animation:arrive 1.1s var(--ease) .16s both}@keyframes arrive{0%{opacity:0;transform:translateY(70px)}}.read-head{text-align:center;justify-items:center;gap:20px;display:grid}.read-head .lede{text-align:center}.read-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,64px);margin-top:clamp(48px,6vw,80px);display:grid}.notes{gap:44px;display:grid}.notes.left{text-align:right;justify-items:end}.note{max-width:32ch}.note h3{letter-spacing:-.01em;margin-bottom:6px;font-size:18px;font-weight:600}.note p{color:var(--ink-soft);font-size:15.5px;line-height:1.55}.read-phone,.reader-controls{justify-items:center;gap:22px;display:grid}.reader-themes{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rt{border:1px solid var(--border);height:36px;color:var(--ink-soft);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;font-size:14px;font-weight:500;transition:border-color .2s,color .2s,background-color .2s;display:inline-flex}.rt:hover{color:var(--ink)}.rt i{background:var(--sw-bg);border-radius:50%;width:20px;height:20px;position:relative;box-shadow:inset 0 0 0 1px oklch(50% 0 0/.35)}.rt i:after{content:"";background:var(--sw-fg);border-radius:50%;position:absolute;inset:7px}.rt[aria-pressed=true]{border-color:var(--brand-500);color:var(--ink);background:color-mix(in oklab, var(--brand-500) 10%, transparent)}.tally{color:var(--ink-soft);text-align:left;align-items:center;gap:10px;min-height:26px;font-size:15px;display:flex}.tally svg{flex:none;width:26px;height:26px}.tally strong{color:var(--ink);font-weight:600}@media (width<=1000px){.read-grid{grid-template-columns:1fr}.read-phone{order:1}.notes{order:2;gap:32px}.notes.left{text-align:left;order:2;justify-items:start}.notes.right{order:3}.note{max-width:60ch}.notes-pair{grid-template-columns:1fr 1fr;gap:32px;display:grid}}@media (width<=640px){.notes-pair{grid-template-columns:1fr}}.pulse-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,7vw,110px);display:grid}.rules{border-top:1px solid var(--border);margin-top:44px}.rule{grid-template-columns:6.6rem 1fr;align-items:baseline;gap:18px;padding:22px 0 0;display:grid}.rule b{font-family:var(--serif);letter-spacing:-.03em;color:var(--brand-500);white-space:nowrap;font-size:2.4rem;font-weight:500;line-height:1}.rule p{color:var(--ink-soft);font-size:16px}.rule p strong{color:var(--ink);font-weight:600}.pulse-stage{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:24px;justify-items:center;padding:clamp(28px,4vw,48px);display:grid;position:relative}.pulse-lede{margin-top:20px}.stage-meter svg{width:clamp(150px,20vw,210px);height:clamp(150px,20vw,210px);margin-bottom:26px;transition:transform .2s;display:block}.stage-count{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:clamp(42px,5vw,56px);font-weight:800;line-height:1}.stage-count small{letter-spacing:0;color:var(--ink-soft);margin-left:6px;font-size:.4em;font-weight:600}.stage-label{color:var(--ink-soft);margin:6px 0 14px;font-size:15px}.pulse-stage .pulse-line{max-width:34ch;min-height:3em;margin-top:16px;font-size:15.5px}.pulse-line.risk strong{color:var(--flame)}.stage-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.stage-actions .btn{height:44px;padding:0 20px;font-size:15px}.moment{z-index:5;background:var(--ground);color:#eaf1ed;white-space:nowrap;opacity:0;transition:opacity .3s var(--ease), transform .45s var(--spring);pointer-events:none;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-size:13.5px;font-weight:600;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-40%)scale(.96);box-shadow:0 10px 28px #00000047}.moment.show{opacity:1;transform:translate(-50%,-50%)}.moment-mark{background:#48de8124;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.moment-mark svg{width:20px;height:20px;color:var(--mark-ink)}.moment small{font-size:inherit;color:#8fa096;margin-left:4px;font-weight:500}@media (width<=900px){.pulse-grid{grid-template-columns:1fr}}@media (width<=560px){.rule{grid-template-columns:1fr;gap:6px}}.more-head{gap:18px;max-width:760px;display:grid}.bento{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:16px;margin-top:clamp(40px,5vw,64px);display:grid}.tile{border:1px solid var(--border);background:var(--surface);border-radius:24px;flex-direction:column;gap:22px;padding:clamp(22px,2.6vw,32px);display:flex;position:relative;overflow:hidden}.tile h3{letter-spacing:-.015em;margin-bottom:6px;font-size:20px;font-weight:600}.tile p{color:var(--ink-soft);max-width:44ch;font-size:15.5px}.t-explain{grid-area:1/1/auto/8}.t-share{color:#eef2f0;background:#10202e;border-color:oklch(100% 0 0/.08);grid-area:1/8/3/13}.t-share p{color:oklch(86% .02 230)}.t-save{grid-area:2/1/auto/5}.t-import{grid-area:2/5/auto/8}.explain-demo{gap:12px;margin-top:auto;display:grid}.page-snip{color:#5b4636;background:#f1e8d0;border-radius:16px;padding:18px 20px;font-size:15.5px;line-height:1.6}.page-snip mark{color:inherit;background:oklab(50.4482% .0423363 -.120989/.24);border-radius:3px;padding:0 2px}.explain-pop{background:var(--canvas);border:1px solid var(--border);border-radius:16px;margin-left:clamp(0px,6vw,48px);padding:16px 18px}.explain-pop .asked{font-family:var(--serif);color:var(--ink-soft);font-size:15px}.explain-pop .gist{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);margin:4px 0 6px;font-size:21px;font-weight:500;line-height:1.2}.explain-pop p{font-family:var(--serif);color:var(--ink-soft);font-size:15.5px;line-height:1.5}.share-art{justify-items:center;margin-block:auto;display:grid}.share-card{aspect-ratio:4/5;border-radius:18px;width:min(100%,330px);position:relative;overflow:hidden;box-shadow:0 30px 60px -28px oklch(0% 0 0/.6);container-type:inline-size}.share-card .frame{container-type:inline-size}.share-card .frame .cv>*{display:none}.share-card .frame .cv{background:radial-gradient(120% 90% at 30% 20%, color-mix(in oklab, var(--cv-bg) 70%, white), var(--cv-bg) 60%)}.share-card>.frame{filter:brightness(.5)saturate(1.05);position:absolute;inset:-6%}.share-card>.frame .cv{padding:14cqw 12cqw}.share-pane{border:1px solid #fff3;border-radius:4.5cqw;position:absolute;inset:8.5%;overflow:hidden}.share-pane .frame{filter:blur(16px)brightness(.62)saturate(1.1);position:absolute;inset:-30%}.share-pane .text{color:#fff;background:#ffffff0d;flex-direction:column;padding:10cqw 9cqw 8cqw;display:flex;position:absolute;inset:0}.share-pane blockquote{font-family:var(--serif);letter-spacing:-.005em;margin:auto 0;font-size:7.2cqw;line-height:1.32}.share-foot{font-family:var(--sans);align-items:center;gap:3.5cqw;margin-top:6cqw;display:flex}.share-foot .cover{border-radius:1.2cqw;flex:none;width:10cqw}.share-foot b{font-size:3.9cqw;font-weight:600;display:block}.share-foot span{opacity:.72;font-size:3.4cqw;display:block}.saved-list{gap:10px;margin-top:auto;display:grid}.saved-item{background:var(--canvas);border:1px solid var(--border);border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.saved-item .ic{width:18px;height:18px;color:var(--brand-500);margin-top:1px}.saved-item span{color:var(--ink)}.saved-item small{color:var(--ink-soft);margin-top:3px;font-size:12px;display:block}.import-art{align-items:center;gap:12px;margin-top:auto;display:flex}.file-chip{background:var(--canvas);border:1px solid var(--border);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;height:40px;padding:0 12px;font-size:13.5px;font-weight:500;display:flex}.file-chip .ic{width:18px;height:18px;color:var(--ink-soft)}.import-art .arrow{width:18px;height:18px;color:var(--ink-muted)}.app-icon{border-radius:14px;flex:none;width:52px;height:52px;box-shadow:0 6px 16px -6px oklch(0% 0 0/.5)}@media (width<=1000px){.t-explain{grid-area:auto/1/auto/-1}.t-share{grid-area:auto/1/span 2/8}.t-save,.t-import{grid-area:auto/8/auto/-1}}@media (width<=720px){.t-explain,.t-share,.t-save,.t-import{grid-area:auto/1/auto/-1}}.private-statement{font-family:var(--serif);letter-spacing:-.03em;text-wrap:balance;max-width:13ch;font-size:clamp(2.6rem,6.4vw,5.4rem);font-weight:500;line-height:1.02}.private-statement em{color:var(--brand-500);font-style:italic;font-weight:400}.facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px);margin-top:clamp(48px,6vw,80px);display:grid}.fact{border-top:1px solid var(--border);padding-top:22px}.fact .ic{width:26px;height:26px;color:var(--brand-500);margin-bottom:14px}.fact h3{letter-spacing:-.01em;margin-bottom:6px;font-size:18px;font-weight:600}.fact p{color:var(--ink-soft);font-size:15.5px}@media (width<=820px){.facts{grid-template-columns:1fr;gap:28px}}.install-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(36px,6vw,96px);display:grid}.install-copy{justify-items:start;gap:22px;display:grid;position:sticky;top:110px}.install-copy .btn{margin-top:10px}.platforms{gap:16px;display:grid}.platform{border:1px solid var(--border);background:var(--surface);border-radius:24px;padding:clamp(22px,2.6vw,30px)}.platform-head{align-items:center;gap:10px;margin-bottom:18px;font-size:18px;font-weight:600;display:flex}.platform-head .ic{width:24px;height:24px;color:var(--ink-soft)}.steps{counter-reset:step;gap:14px;display:grid}.steps li{counter-increment:step;color:var(--ink-soft);grid-template-columns:30px 1fr;gap:12px;font-size:15.5px;display:grid}.steps li:before{content:counter(step);background:var(--canvas);border:1px solid var(--border);width:28px;height:28px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.steps strong{color:var(--ink);font-weight:600}@media (width<=860px){.install-grid{grid-template-columns:1fr}.install-copy{position:static}}footer{border-top:1px solid var(--border);padding-block:40px 56px}.foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;display:flex}.foot .brand{margin-right:0}.foot-meaning{color:var(--ink-soft);font-size:15px}.foot-meaning .am{color:var(--ink);font-weight:600}.foot-links{flex-wrap:wrap;gap:22px;font-size:14.5px;display:flex}.foot-links a{color:var(--ink-soft);text-decoration:none}.foot-links a:hover{color:var(--ink)}body{isolation:isolate;position:relative}.manuscript{z-index:-1;pointer-events:none;-webkit-mask-image:var(--copy-clear,linear-gradient(#000, #000)), linear-gradient(to bottom, #000 62%, transparent);-webkit-mask-image:var(--copy-clear,linear-gradient(#000, #000)), linear-gradient(to bottom, #000 62%, transparent);mask-image:var(--copy-clear,linear-gradient(#000, #000)), linear-gradient(to bottom, #000 62%, transparent);-webkit-mask-composite:source-in;position:absolute;inset:0 0 -96px;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.ms-track{will-change:transform;animation:260s linear infinite ms-drift;position:absolute;inset:-4% -3% auto}.ms-cols{columns:3 300px;font-family:var(--serif);text-align:justify;-webkit-hyphens:auto;hyphens:auto;color:color-mix(in oklab, var(--ink) 7%, transparent);column-gap:56px;padding-bottom:1.85em;font-size:15.5px;line-height:1.85}.ms-cols p{text-indent:1.4em;margin:0 0 .9em}@keyframes ms-drift{to{transform:translateY(-50%)}}.js [data-reveal]{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transition-delay:var(--d,0s);transform:translateY(22px)}.js [data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}.js [data-reveal]{opacity:1;transform:none}}.device{background:var(--bezel);width:412px;height:866px;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.09), 0 0 0 1px oklch(0% 0 0/.18), 0 50px 90px -30px var(--shadow), 0 24px 40px -24px var(--shadow);border-radius:56px;flex:none;padding:11px;position:relative}.screen{isolation:isolate;background:var(--canvas);width:390px;height:844px;color:var(--ink);font-family:var(--sans);text-align:left;border-radius:45px;flex-direction:column;font-size:16px;line-height:1.5;display:flex;position:relative;overflow:hidden}.punch{z-index:60;background:#040605;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:13px;left:50%}.status{font-variant-numeric:tabular-nums;z-index:20;flex:none;justify-content:space-between;align-items:center;height:38px;padding:0 28px;font-size:14px;font-weight:600;display:flex;position:relative}.status-icons{align-items:center;gap:5px;display:flex}.status-icons .ic{width:15px;height:15px}.scroller{scrollbar-width:none;overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.scroller::-webkit-scrollbar{display:none}.cover{aspect-ratio:2/3;background:oklch(22% .02 163);border-radius:12px;position:relative;overflow:hidden;container-type:inline-size}.cover.shade:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,oklch(0% 0 0/.4));position:absolute;inset:0}.cover .prog{z-index:2;background:oklch(0% 0 0/.25);border-radius:2px;height:3px;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.cover .prog i{background:var(--brand-500);height:100%;display:block}.cv{background:var(--cv-bg);color:var(--cv-ink);font-family:var(--serif);text-align:left;flex-direction:column;padding:10cqw 9cqw;display:flex;position:absolute;inset:0}.cv-author{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-size:6.4cqw;font-weight:600;line-height:1.25}.cv-title{letter-spacing:-.01em;font-weight:500;line-height:.98}.cv-rule{opacity:.6;background:currentColor;width:22cqw;height:max(1px,.9cqw);display:block}.cv-a{justify-content:space-between}.cv-a .cv-title{font-size:21cqw;font-style:italic;font-weight:400}.cv-a .cv-rule{order:2;margin-top:auto;margin-bottom:4cqw}.cv-a .cv-title{order:3}.cv-b{text-align:center;justify-content:center;align-items:center;gap:6cqw}.cv-b .cv-title{text-transform:uppercase;letter-spacing:.05em;border-block:max(1px, .8cqw) solid color-mix(in oklab, currentColor 55%, transparent);padding:5cqw 0;font-size:10.5cqw;line-height:1.12}.cv-b .cv-author{order:3}.cv-b .cv-rule{display:none}.cv-c .cv-title{font-size:17cqw;line-height:1.02}.cv-c .cv-author{font-family:var(--serif);text-transform:none;letter-spacing:0;order:3;margin-top:auto;font-size:9cqw;font-style:italic;font-weight:400}.cv-c .cv-rule{order:2;margin-top:6cqw}.cv-d{justify-content:space-between}.cv-d .cv-title{letter-spacing:-.03em;font-size:25cqw;line-height:.92}.cv-d .cv-rule{display:none}.app-header{z-index:5;background:color-mix(in oklab, var(--canvas) 80%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);align-items:center;gap:8px;padding:16px 20px 20px;display:flex;position:sticky;top:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.app-header .mark{width:26px;height:26px;color:var(--brand-500)}.now{border:1px solid var(--border);background:var(--surface);text-align:center;width:calc(100% - 32px);color:inherit;transition:transform .2s var(--ease);border-radius:16px;gap:16px;margin:0 16px 20px;padding:16px 20px;text-decoration:none;display:flex}.now:active{transform:scale(.98)}.now .cover{border-radius:8px;flex:none;width:80px}.now-body{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex;position:relative}.now-chev{width:20px;height:20px;color:var(--ink-soft);position:absolute;top:0;right:0}.now-kicker{color:var(--brand-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:11px;font-weight:500}.now-title{letter-spacing:-.01em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.now-author{color:var(--ink-soft);margin-bottom:10px;font-size:14px}.now-progress{color:var(--ink-soft);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.bar{background:oklch(0% 0 0/.1);border-radius:2px;flex:1;height:3px;overflow:hidden}.now-progress .bar>i{background:var(--brand-500);border-radius:2px;height:100%;display:block}.sec-head{color:var(--ink);justify-content:space-between;align-items:center;padding:12px 20px 8px;font-size:16px;font-weight:600;display:flex}.carousel{scroll-snap-type:x proximity;scrollbar-width:none;gap:12px;padding:0 20px 8px;scroll-padding-left:20px;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.carousel>*{scroll-snap-align:start;flex:none}.book,.book .cover{width:120px}.book-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:12px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.book-author{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.pulse-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin:0 20px;padding:16px 16px 14px}.pulse-top{align-items:center;gap:16px;display:flex}.meter-box{background:var(--canvas);border-radius:20px;flex:none;place-items:center;width:84px;height:84px;transition:background-color .5s;display:grid}.meter-box.closed{background:color-mix(in oklab, var(--brand-500) 15%, transparent)}.meter-box svg{width:64px;height:64px}.count{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:30px;font-weight:800;line-height:1}.count small{letter-spacing:0;color:var(--ink-soft);margin-left:4px;font-size:15px;font-weight:600}.count-label{color:var(--ink-soft);margin:4px 0 8px;font-size:12px}.chip{background:var(--surface-elevated);height:26px;color:var(--ink-soft);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.chip.kept{color:var(--ink)}.chip .rest{color:var(--ice);font-weight:500}.pulse-line{color:var(--ink-soft);margin-top:12px;font-size:13px;line-height:1.4}.pulse-line strong{color:var(--ink);font-weight:600}.week{border-top:1px solid var(--border);justify-content:space-between;margin-top:14px;padding-top:12px;display:flex}.day{width:34px;color:var(--ink-muted);flex-direction:column;align-items:center;gap:6px;font-size:10px;display:flex}.day.today{color:var(--ink)}.day svg{width:26px;height:26px}.day .dot{background:var(--brand-500);border-radius:50%;width:4px;height:4px;margin-top:-4px}.stats{gap:8px;padding:12px 20px 0;display:flex}.stat{text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:12px;flex:1;padding:12px 8px}.stat b{font-variant-numeric:tabular-nums;color:var(--ink);font-size:20px;font-weight:700;display:block}.stat span{color:var(--ink-soft);margin-top:2px;font-size:12px;display:block}.tabbar{z-index:10;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.glass{border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow), inset 0 1px 1px oklch(100% 0 0/.15);background:color-mix(in oklab, var(--canvas) 62%, transparent);-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);position:relative;overflow:hidden}.tabs{border-radius:999px;flex:1;grid-template-columns:repeat(4,1fr);height:60px;padding:4px;display:grid}.tabs .pill{background:color-mix(in oklab, var(--brand-500) 15%, transparent);border-radius:999px;width:calc(25% - 2px);height:52px;position:absolute;top:4px;left:4px;box-shadow:inset 0 1px oklch(100% 0 0/.12)}.tab{color:color-mix(in oklab, var(--ink) 45%, transparent);place-items:center;display:grid;position:relative}.tab.on{color:var(--brand-500)}.fab{width:60px;height:60px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.reader-screen{background:var(--r-bg);color:var(--r-fg);transition:background-color .35s,color .35s}.r-scroll{scroll-snap-type:y mandatory;scrollbar-width:none;outline:none;flex:1;min-height:0;overflow-y:auto}.r-scroll::-webkit-scrollbar{display:none}.r-card{scroll-snap-align:start;scroll-snap-stop:always;height:806px;font-family:var(--serif);cursor:pointer;-webkit-user-select:text;user-select:text;flex-direction:column;padding:72px 24px;font-size:18.4px;line-height:1.6;display:flex}.r-inner{flex-direction:column;flex:1;justify-content:safe center;gap:.8em;width:100%;max-width:65ch;min-height:0;margin-inline:auto;display:flex;overflow:hidden}.r-inner p{white-space:pre-line}.r-inner h2{letter-spacing:-.025em;text-wrap:balance;font-weight:600;line-height:1.25}.r-inner h2.centred{text-align:center}.r-probe{visibility:hidden;pointer-events:none;width:390px;font-family:var(--serif);position:fixed;top:0;left:-10000px}.r-measure{width:100%;max-width:65ch;margin-inline:auto}.r-line{display:inline-block}.r-sample{white-space:pre-line;margin:0}.back-chip{z-index:30;background:color-mix(in oklab, var(--r-fg) 8%, transparent);height:34px;color:var(--r-fg);transition:opacity .23s var(--ease), transform .2s var(--ease);border:0;border-radius:12px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;display:flex;position:absolute;top:50px;left:12px}.back-chip:active{transform:scale(.95)}.back-chip .ic{width:16px;height:16px}.rail{z-index:30;color:var(--r-fg);flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:88px;right:12px}.rail-item{opacity:.3;transition:opacity .23s var(--ease), transform .23s var(--ease), color .2s;transition-delay:calc(var(--i,0) * 38ms);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex;transform:translateY(4px)}.rail[data-shown=true] .rail-item{opacity:1;transform:none}.rail[data-shown=false] .rail-item{transition-duration:.17s;transition-delay:0s}.rail-glyph{justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.rail-glyph .ic{width:27px;height:27px;filter:drop-shadow(0 0 3px var(--r-bg)) drop-shadow(0 0 7px var(--r-bg))}.rail-label{opacity:.6;text-shadow:0 0 4px var(--r-bg), 0 0 9px var(--r-bg);font-size:10px;font-weight:600}.rail-item.saved{color:var(--r-save)}.lamp-wrap{-webkit-user-select:none;user-select:none;position:relative}.rail-lamp{cursor:pointer;touch-action:none}.rail-lamp .rail-label{font-variant-numeric:tabular-nums}.rail[data-dimming=true] .rail-item:not(.rail-lamp){opacity:.12;transition-delay:0s}.lamp-box{pointer-events:none;transform-origin:right calc(100% - 66px);width:56px;transition:transform .26s var(--ease);flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;bottom:calc(50% - 66px);right:calc(100% + 12px);transform:scale(.5)}.lamp-box>*{opacity:0;transition:opacity .17s var(--ease)}.lamp-box[data-open=true]{transform:none}.lamp-box[data-open=true]>*{opacity:1}.lamp-box[data-pinned=true]{pointer-events:auto}.lamp-read{font-variant-numeric:tabular-nums;text-shadow:0 0 4px var(--r-bg), 0 0 9px var(--r-bg);font-size:12px;font-weight:700}.lamp-pill{cursor:pointer;touch-action:none;background:color-mix(in oklab, var(--r-bg) 58%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);width:56px;height:216px;box-shadow:0 0 0 1px color-mix(in oklab, currentColor 14%, transparent), 0 10px 28px oklch(0% 0 0/.22);border-radius:999px;position:relative;overflow:hidden}.lamp-fill{background:color-mix(in oklab, currentColor 30%, transparent);height:100%;position:absolute;inset:auto 0 0}.lamp-ic{justify-content:center;display:flex;position:absolute;inset:auto 0 13px}.lamp-ic .ic{width:24px;height:24px}@media (prefers-reduced-motion:reduce){.lamp-box{transform:none}}.r-dim{z-index:25;opacity:0;pointer-events:none;background:#000;position:absolute;inset:38px 0 0}.lamp-scrim{z-index:29;position:absolute;inset:0}.ring{width:42px;height:42px;display:block;position:relative}.ring .cover{aspect-ratio:auto;border-radius:50%;position:absolute;inset:5.5px}.ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring circle{transition:stroke-dashoffset .2s linear}.sheet-scrim{z-index:40;opacity:0;pointer-events:none;background:oklch(0% 0 0/.38);transition:opacity .3s;position:absolute;inset:0}.sheet{z-index:45;background:var(--surface);max-height:74%;color:var(--ink);transition:transform .42s var(--ease);visibility:hidden;border-radius:24px 24px 0 0;padding:10px 22px 30px;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(104%)}.sheet.open{visibility:visible;transform:none}.sheet.open~.sheet-scrim{opacity:1;pointer-events:auto}.screen:has(.sheet.open) .sheet-scrim{opacity:1;pointer-events:auto}.sheet-handle{background:var(--border);border-radius:3px;width:36px;height:5px;margin:0 auto 14px}.sheet-head{align-items:center;gap:10px;margin-bottom:14px;font-size:18px;font-weight:700;display:flex}.sheet-head .ic{width:22px;height:22px}.sheet-close{background:var(--surface-elevated);width:34px;height:34px;color:var(--ink-soft);border:0;border-radius:50%;place-items:center;margin-left:auto;display:grid}.sheet-close .ic{width:15px;height:15px}.sheet p{color:var(--ink);font-size:15.5px;line-height:1.55}.sheet .quiet.centred{text-align:center}.sheet .quiet{color:var(--ink-soft);margin-top:14px;font-size:12.5px}.toc li{color:var(--ink-soft);border-top:1px solid var(--border);justify-content:space-between;padding:11px 0;font-size:15px;display:flex}.toc li:first-child{color:var(--brand-500);border-top:0;font-weight:600}.toc li span:last-child{font-variant-numeric:tabular-nums}.themes{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.theme-opt{color:var(--ink-soft);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;font-size:11.5px;font-weight:600;display:flex}.theme-opt .sw{border:2px solid var(--border);width:52px;height:52px;font-family:var(--serif);border-radius:14px;place-items:center;font-size:20px;display:grid}.theme-opt[aria-pressed=true]{color:var(--ink)}.theme-opt[aria-pressed=true] .sw{border-color:var(--brand-500)}.sec-head.sec-gap{margin-top:8px}.sec-head.sec-gap-wide{margin-top:16px}.carousel.last{padding-bottom:110px}.ic.accent{color:var(--brand-500)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip-word{background:var(--canvas);height:34px;color:var(--ink-soft);border-radius:10px;align-items:center;padding:0 12px;font-size:15px;font-weight:500;display:inline-flex}.chip-word.picked{background:var(--brand-500);color:var(--canvas)}.answer{border-top:1px solid var(--border);margin-top:14px;padding-top:16px}.asked{font-family:var(--serif);color:var(--ink-soft);font-size:15px}.asked-in{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;overflow:hidden}.answer .gist{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);margin-top:12px;font-size:25px;font-weight:500;line-height:1.22}.answer .detail{font-family:var(--serif);color:var(--ink);margin-top:10px;font-size:17.5px;line-height:1.55}.answer:not(.answered) .gist,.answer:not(.answered) .detail{display:none}.explain-rules{flex-direction:column;gap:24px;padding:18px 0 10px;display:flex}.answer .explain-rules i{background:color-mix(in oklab, var(--brand-500) 38%, transparent);transform-origin:0;border-radius:3px;height:3px;animation:1.8s cubic-bezier(.2,0,0,1) infinite explain-draw}.explain-rules i:nth-child(2){width:88%;animation-delay:.12s}.explain-rules i:nth-child(3){width:54%;animation-delay:.24s}@keyframes explain-draw{0%{opacity:1;transform:scaleX(0)}45%{opacity:1;transform:scaleX(1)}80%,to{opacity:0;transform:scaleX(1)}}.answer.answered .explain-rules{display:none}.answered .explain-word{animation:.32s cubic-bezier(.2,0,0,1) both explain-word;animation-delay:calc(var(--w) * 40ms)}.answered .detail .explain-word{animation-delay:calc(.25s + var(--w) * 30ms)}@keyframes explain-word{0%{opacity:0;filter:blur(3px)}}
