:root{--night: #0b0b0e;--sclera: #ebe6dc;--iris: #c4122f;--shade: #020203;--fog: #1d1a23;--rib: #322b36;--lamp: #efe2c6;--bg: #f3f1ec;--ink: #141416;--muted: #6b6a70;--accent: #c4122f;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--gutter: clamp(16px, 4vw, 48px);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #121216;--ink: #ecebe7;--muted: #8e8d94;--accent: #ff4a5f;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}::selection{background:var(--accent);color:var(--bg)}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--mono);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-underline-offset:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{width:min(1100px,100% - 2 * var(--gutter));margin-inline:auto}.stage{position:relative;background:var(--night);color:var(--sclera)}.motto{display:grid;place-items:center;min-height:min(60svh,520px);margin:0;padding:64px var(--gutter);font:600 clamp(2rem,8vw,5rem)/1 var(--mono);letter-spacing:-.03em}.motto .decode,.stage canvas,.ideas,.gaze-hint{display:none}.through{background:var(--bg);color:var(--ink);padding:clamp(40px,6vw,80px) 0}.gaze-on .gaze{height:38400svh}.gaze-on .stage{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y}.gaze-on .stage canvas{display:block;position:absolute;inset:0;width:100%;height:100%}.gaze-on .stage:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgb(0 0 0 / .5) 100%)}.gaze-on .stage:before{content:"";position:absolute;inset:-256px;z-index:1;pointer-events:none;background:var(--grain);opacity:.055;animation:grain .4s steps(1) infinite}.gaze-on .stage.paged:after{background:none}.gaze-on .stage.paged:before{opacity:.03}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-97px,61px)}50%{transform:translate(53px,-117px)}75%{transform:translate(-31px,-73px)}}.gaze-on .motto{position:absolute;left:0;top:0;display:block;min-height:0;padding:0;white-space:pre;opacity:0;pointer-events:none;transform-origin:50% 50%}.gaze-on .motto-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.gaze-on .motto .decode{display:inline}.gaze-on .motto{text-shadow:0 0 .25em var(--night),0 0 .7em var(--night)}.decode .know{color:var(--iris)}.decode [data-grow]{display:inline-block;width:calc(var(--g, 1) * (1ch - .03em));text-indent:calc((var(--g, 1) - 1) * .5ch);clip-path:inset(-.5em 0);opacity:var(--g, 1)}.gaze-on .through{position:absolute;inset:0;padding:0;opacity:0;pointer-events:none}.gaze-on .through.open{background:none;pointer-events:auto;user-select:text;-webkit-user-select:text}.gaze-on .through-view{position:absolute;inset:0 0 auto;height:var(--vh, 100svh);display:grid;align-content:center;transform-origin:0 0;opacity:0}.gaze-on .ideas{display:block;position:absolute;inset:0;pointer-events:none}.idea{position:absolute;left:0;top:0;white-space:pre;opacity:0;font-family:var(--mono);font-weight:500;line-height:1;letter-spacing:-.02em;color:var(--sclera);transform-origin:50% 50%;text-shadow:0 0 .3em var(--night),0 0 .8em var(--night)}.idea s{position:relative;text-decoration:none}.idea s:after{content:"";position:absolute;left:-.08em;right:-.08em;top:52%;height:.1em;background:var(--iris);transform:scaleX(var(--strike, 0));transform-origin:left center}.gaze-on .gaze-hint{display:block;position:absolute;left:var(--gutter);right:var(--gutter);top:calc(var(--vh, 100svh) - clamp(24px,5svh,48px) - 1em);margin:0;text-align:center;font:500 .9rem/1.3 var(--mono);color:var(--sclera);opacity:0;mix-blend-mode:difference}.page{position:relative;border-left:3px solid var(--accent);padding:.4rem 0 .4rem clamp(16px,3vw,32px)}.page h2{margin:0;font:700 clamp(2.2rem,9vw,6.5rem)/.95 var(--mono);letter-spacing:-.06em;overflow-wrap:anywhere}.page h2 span,.page h2 em{font-style:normal;color:var(--accent)}.page p{margin:.6rem 0 0;color:var(--muted)}.page .page-kicker{margin:0 0 1.2rem;font:600 .75rem/1 var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--accent)}.page-kicker s{color:var(--muted);text-decoration-thickness:2px}.page .page-soon{margin-top:1.4rem;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--ink)}.page .page-line{max-width:36ch;font-size:.85rem}.walked{margin:2.5rem 0 0;font:500 .8rem/1.4 var(--mono);color:var(--muted)}.lost{position:relative;min-height:100svh;background:var(--night);color:var(--sclera);display:grid;align-items:end}.lost canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.lost-text{position:relative;padding:0 var(--gutter) clamp(32px,10svh,96px);text-align:center;pointer-events:none}.lost-text a{pointer-events:auto;color:var(--sclera);text-decoration-color:var(--iris)}.lost h1{margin:0;font:600 clamp(2.5rem,9vw,4.5rem)/1 var(--mono);letter-spacing:-.03em;color:var(--iris)}.lost p{margin:.6rem 0 0}.cookies{display:none}.gaze-on .cookies{display:block;position:absolute;left:50%;bottom:max(var(--gutter),env(safe-area-inset-bottom));z-index:2;width:min(560px,100% - 2 * var(--gutter));padding:18px 20px;background:var(--bg);color:var(--ink);border-radius:12px;box-shadow:0 12px 40px #0009;font:400 .85rem/1.45 var(--mono);transform:translate(-50%,calc(100% + 80px));transition:transform .6s cubic-bezier(.2,.9,.3,1.2)}.gaze-on .cookies.shown{transform:translate(-50%)}.cookies p{margin:0 0 12px}.cookies-title{font-weight:600}.cookies-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.cookies button{font:inherit;cursor:pointer;border:0;border-radius:8px}.cookies-yes{padding:10px 16px;background:var(--accent);color:#fff;font-weight:700;letter-spacing:.04em}.cookies-no{padding:6px 8px;background:none;color:var(--muted);font-size:.75rem;transition:transform .18s ease-out}.notice-card,.pings,.learned{display:none}.gaze-on .notice-card{display:block;position:absolute;left:50%;bottom:max(var(--gutter),env(safe-area-inset-bottom));z-index:2;width:min(520px,100% - 2 * var(--gutter));padding:16px 20px;background:var(--bg);color:var(--ink);border-radius:12px;box-shadow:0 12px 40px #0009;font:400 .85rem/1.45 var(--mono);transform:translate(-50%,calc(100% + 80px));transition:transform .6s cubic-bezier(.2,.9,.3,1.2)}.gaze-on .notice-card.shown{transform:translate(-50%)}.notice-card p{margin:0 0 10px}.notice-title{font-weight:600}.notice-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.notice-card button{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;background:var(--accent);color:#fff;font-weight:700}.coupon{padding:6px 10px;border:1px dashed var(--muted);border-radius:6px;font-weight:700;letter-spacing:.06em}.checkin .q{margin:0 0 2px;color:var(--muted)}.checkin .a{min-height:1.45em;letter-spacing:.15em}.checkin-done{color:var(--accent);opacity:0;transition:opacity .4s}.checkin.done .checkin-done{opacity:1}.gaze-on .still{bottom:auto;top:50%;transform:translate(-50%,-50%) scale(.9);opacity:0;pointer-events:none;transition:transform .3s,opacity .3s;width:min(360px,100% - 2 * var(--gutter));text-align:center}.gaze-on .still.shown{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}.still .notice-actions{justify-content:center}.gaze-on .pings{display:flex;flex-direction:column;gap:8px;position:absolute;right:var(--gutter);top:clamp(92px,18svh,160px);z-index:2;width:min(300px,100% - 2 * var(--gutter));pointer-events:none}.ping{margin:0;padding:10px 14px 10px 30px;position:relative;background:color-mix(in srgb,var(--bg) 92%,transparent);color:var(--ink);border-radius:10px;box-shadow:0 8px 24px #0008;font:500 .78rem/1.35 var(--mono);opacity:0;transform:translate(24px);transition:opacity .4s,transform .4s}.ping:before{content:"";position:absolute;left:12px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--accent)}.ping.shown{opacity:1;transform:none}.gaze-on .learned{display:block;position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(24px,8svh,64px);margin:0;text-align:center;font:500 .9rem/1.3 var(--mono);color:var(--iris);opacity:0;transition:opacity .4s;pointer-events:none}.gaze-on .learned.shown{opacity:1}.again{margin:2rem 0 0}.walked:not([hidden])+.again{margin-top:.6rem}.forget{margin:.6rem 0 0}.forget button{font:500 .75rem/1 var(--mono);background:none;border:0;padding:0;color:var(--muted);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.again button{font:500 .85rem/1 var(--mono);background:none;border:0;padding:0;color:var(--muted);cursor:pointer;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.choice .notice-actions{flex-wrap:wrap}.choice [data-c=feed]{background:#1a9e76}.choice.chosen .choice-actions{display:none}.choice-again{margin:4px 0 0}.choice-again button{background:none;color:var(--ink);padding:0;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}