body.home{height:100%;overflow:hidden}html:has(body.home){height:100%}.top,.bottom{z-index:3;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));font-family:var(--f-mono);color:var(--muted);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:16px;font-size:11px;transition:opacity .35s;display:flex;position:fixed;left:0;right:0}.top{padding-top:calc(18px + env(safe-area-inset-top,0px));top:0}.bottom{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));justify-content:center;bottom:0}.top .me{view-transition-name:brand;color:var(--fg);font-family:var(--f-body);align-items:center;gap:8px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}body.open .top,body.open .bottom{opacity:0;pointer-events:none}.scrub{flex:none;width:168px;height:12px;position:relative;overflow:hidden}.ticks{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.ticks i{background:var(--muted);opacity:.55;width:1px;height:9px}.bracket{border:1px solid var(--fg);background:var(--bg);border-radius:2px;height:12px;position:absolute;top:0}.strip{touch-action:none;cursor:grab;transition:opacity .35s;position:fixed;inset:0}.strip.drag{cursor:grabbing}body.open .strip{opacity:.15;pointer-events:none}.card{all:unset;box-sizing:border-box;background:var(--card);cursor:pointer;will-change:transform;position:absolute;top:0;left:0;container-type:inline-size}.card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.card .lbl{font-family:var(--f-mono);color:var(--muted);white-space:nowrap;padding-bottom:8px;font-size:11px;position:absolute;bottom:100%;left:0}.face{position:absolute;inset:0;overflow:hidden}.word{letter-spacing:-.055em;white-space:nowrap;font-size:21cqw;font-weight:500;line-height:.9;position:absolute;bottom:2cqw;left:5cqw}.tease{font-family:var(--f-mono);color:var(--muted);font-size:max(11px,1.9cqw);position:absolute;top:5cqw;left:5cqw}.ring{aspect-ratio:1;border:1.5px solid var(--accent);border-radius:50%;width:52cqw;position:absolute;top:-14cqw;right:-8cqw}.ring:after{content:"";aspect-ratio:1;background:var(--accent);border-radius:50%;width:4cqw;position:absolute;bottom:-2cqw;left:50%;transform:translate(-50%)}.bar{background:var(--accent);width:16cqw;height:1.5px;position:absolute;top:5cqw;right:5cqw}.lines{background:linear-gradient(var(--accent), var(--accent)) 0 0 / 100% 1.5px no-repeat, linear-gradient(var(--accent), var(--accent)) 0 50% / 100% 1.5px no-repeat, linear-gradient(var(--accent), var(--accent)) 0 100% / 60% 1.5px no-repeat;width:18cqw;height:6cqw;position:absolute;top:5cqw;right:5cqw}.arrow{aspect-ratio:1;border-top:1.5px solid var(--accent);border-right:1.5px solid var(--accent);width:11cqw;position:absolute;top:5cqw;right:5cqw}.arrow:after{content:"";background:var(--accent);transform-origin:100%;width:141%;height:1.5px;position:absolute;top:0;right:0;transform:rotate(-45deg)}.status{font-family:var(--f-mono);color:var(--accent);align-items:center;gap:.6em;font-size:max(11px,1.9cqw);display:flex;position:absolute;top:calc(5cqw + 2.4em);left:5cqw}.status[hidden]{display:none}.status:before{content:"";background:currentColor;border-radius:50%;width:.55em;height:.55em;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.sheet:focus{outline:none}.sheet{z-index:10;background:var(--card);position:fixed;overflow:hidden;box-shadow:0 30px 80px -40px #00000059}.sheet .ghost{pointer-events:none;position:absolute;inset:0;container-type:inline-size}.sheet .inner{padding:28px 32px 32px;position:absolute;inset:0;overflow-y:auto}.sheet header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.sheet h2{letter-spacing:-.045em;margin:0;font-size:clamp(34px,7vw,52px);font-weight:500;line-height:1}.sheet p{max-width:58ch;margin:0 0 12px}.copy{all:unset;cursor:pointer;font-family:var(--f-mono);color:var(--muted);border:1px solid var(--rule);border-radius:4px;padding:2px 7px;font-size:11px}.copy:hover{color:var(--fg)}.copy:focus-visible{outline:1px solid var(--accent)}.noscript{font-family:var(--f-mono);justify-content:center;gap:16px;font-size:12px;display:flex;position:fixed;bottom:60px;left:0;right:0}@media (width<=640px){.sheet .inner{padding:22px 20px 24px}}@media (prefers-reduced-motion:reduce){.status:before{animation:none}}