@font-face{font-family:Outfit;src:url('./outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}:root{color-scheme:dark;--ink:#090c0b;--paper:#ecf2ee;--secondary:#a3b2ac;--mint:#9fe7d1;--cyan:#52cde0;--lavender:#d2b5ef;--pink:#f1b1d9;--coral:#f1a088}*{box-sizing:border-box}body{margin:0;min-width:1024px;background:var(--ink);color:var(--paper);font-family:Outfit,'Avenir Next',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}header{position:absolute;z-index:2;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:30px 4vw}.brand{font-weight:550;font-size:23px;text-decoration:none;letter-spacing:-.055em}nav{display:flex;align-items:center;gap:32px;font-size:12px}nav a{text-decoration:none}button{font:inherit;background:none;border:1px solid #59655f;color:inherit;padding:11px 19px;cursor:pointer;border-radius:99px;transition:background .2s,border-color .2s}button:hover{background:#e4ece60d;border-color:var(--mint)}button:disabled{opacity:.4;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:6px}.hero{height:100svh;min-height:720px;position:relative;overflow:hidden}canvas{position:absolute;width:100%;height:100%;inset:0;touch-action:pan-y}.intro{position:absolute;left:4vw;top:145px;pointer-events:none;max-width:290px}h1{font-size:32px;font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:0}.intro p{font-size:14px;line-height:1.6;color:var(--secondary);margin-top:16px}.controls{position:absolute;bottom:78px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;font-size:12px}.controls label[hidden]{display:none}#phrase{font-size:10px;color:var(--secondary);letter-spacing:.12em}#choose{border:0;padding:12px 0;border-radius:0;font-size:14px}#choose:hover{background:none;color:var(--mint)}#status{position:absolute;left:4vw;bottom:119px;color:var(--secondary);font-size:11px}#status:empty{display:none}.foot{position:absolute;bottom:30px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.025em;color:var(--secondary)}.about{padding:90px 4vw 110px;max-width:800px}.about h2{font-size:34px;font-weight:400;letter-spacing:-.045em;margin:0 0 22px}.about p{font-size:15px;line-height:1.85;color:var(--secondary)}.about a{display:inline-block;font-size:13px;margin-top:18px}.about .note{font-size:11px;max-width:520px;margin-top:56px}#detail:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:70px 8vw;align-items:center}#detail h2{overflow-wrap:anywhere;font-size:28px;font-weight:400}#description{line-height:1.8;color:var(--secondary)}#originalStatus{font-size:12px;line-height:1.6;color:var(--secondary)}#close{display:block;margin-top:25px}.preview{width:100%;aspect-ratio:1;background-repeat:no-repeat;background-size:1600% 1600%;image-rendering:auto}::selection{background:var(--mint);color:var(--ink)}@media(prefers-reduced-motion:reduce){button{transition:none}}