.not-found{--at-band:2/14;padding-top:45px}@media (max-width:1023px){.not-found{--at-band:1/-1}}.not-found .art{grid-column:1/-1;display:grid;grid-template-columns:subgrid}.not-found .tone{grid-column:1/-1;position:relative;height:200px;cursor:crosshair;touch-action:pan-y}.not-found .tone canvas{position:absolute;inset:0;width:100%;height:100%}.not-found .screen{position:absolute;inset-inline-end:0;bottom:0;margin:0;color:var(--ink-soft);font:10px/1.6 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;direction:ltr}.not-found .scan{grid-column:var(--at-band);position:relative;height:120px;margin-top:24px;direction:ltr;font:10px var(--font-mono)}.not-found .scan .band-axis{top:56px}.not-found .scan .ver{top:50px;transition:background-color .3s,opacity .3s}.not-found .scan .ver.is-asked{background:rgb(var(--stamp)/.75)}.not-found .scan .ver.is-asked span{color:rgb(var(--stamp))}.not-found .scan .ver.is-done{background:var(--rule);opacity:.45}.not-found .scan .ver.is-done span{color:var(--ink-soft)}.not-found .scan .tick{top:70px}.not-found .post-dot{position:absolute;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--ink-soft)}.not-found .post-dot.ping{animation:nf-ping .9s var(--ease)}@keyframes nf-ping{30%{background:rgb(var(--stamp));scale:2.4}}.not-found .cursor{top:0;bottom:18px;left:0;width:1px;pointer-events:none}.not-found .cursor,.not-found .cursor:after{position:absolute;background:rgb(var(--stamp))}.not-found .cursor:after{content:"";bottom:-4px;left:-3.5px;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px rgb(var(--stamp)/.15)}.not-found .cursor b{position:absolute;top:-2px;left:6px;padding:2px 5px;background:rgb(var(--stamp));color:var(--paper);font-weight:500;white-space:nowrap}.not-found .cursor b.flip{right:6px;left:auto}.not-found .swept{position:absolute;top:0;bottom:18px;left:0;background:linear-gradient(to right,transparent,rgb(var(--stamp)/.05));pointer-events:none}.not-found .log{grid-column:var(--at-band);min-height:0;margin:8px 0 0;padding:12px 0 0;border-top:1px dashed var(--rule);color:var(--ink-soft);font:11px/2 var(--font-mono);list-style:none;direction:ltr}.not-found .log li{display:flex;gap:14px;animation:nf-line-in .4s var(--ease) both}.not-found .log .years{min-width:9ch}.not-found .log .q{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.not-found .log .r{color:rgb(var(--stamp));font-weight:500}.not-found .log .last{color:var(--ink-strong)}@keyframes nf-line-in{0%{opacity:0;translate:0 6px}}.not-found .copy{grid-column:1/-1;display:grid;grid-template-columns:subgrid;margin-top:40px}.not-found .copy>*{grid-column:var(--at-text)}:where(.not-found .copy>*){margin:0}.not-found .kicker .mono{font-size:11px;letter-spacing:.12em}.not-found h1{margin:5px 0 0;color:var(--ink-strong);font-size:22px;font-weight:600;line-height:1.6;text-wrap:balance}.not-found .lead{margin-top:10px;font-size:15px;text-wrap:pretty}.not-found .lead code{padding:1px 6px;border:1px dashed var(--ink-soft);border-radius:4px;color:var(--ink-strong);font-size:12px;overflow-wrap:anywhere}.not-found .en{margin-top:6px;color:var(--ink-soft);font-size:11px;letter-spacing:.04em}.not-found h2{margin-top:40px;padding-bottom:6px;border-bottom:1px solid var(--ink-soft);color:var(--ink-soft);font-size:13px;font-weight:400}.not-found .maybe{padding:0;list-style:none}.not-found .maybe li{display:flex;align-items:baseline;gap:10px;padding:10px 0 8px;border-bottom:1px solid var(--rule)}.not-found .maybe a{color:var(--ink-strong);font-size:15px;font-weight:500;text-decoration:none}.not-found .maybe i{flex:1;min-width:24px;border-bottom:1.5px dotted var(--ink-soft);translate:0 -5px;transition:border-color .2s}.not-found .maybe time{color:var(--ink-soft);font-size:12.5px;white-space:nowrap}.not-found .maybe li:hover :is(a,i){color:var(--link-hover);border-color:var(--link-hover)}.not-found .ways{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:24px;font-size:13px}.not-found .ways a{color:var(--ink-strong)}@property --dot{syntax:"<length>";inherits:false;initial-value:0}.not-found .copy>*{mask:radial-gradient(circle,#000 var(--dot),transparent calc(var(--dot) + .5px)) 0 0 /6px 6px;animation:nf-dissolve 1.1s var(--ease) both;animation-delay:calc(var(--scan) + var(--n) * .11s)}.not-found .copy>:first-child{--n:0}.not-found .copy>:nth-child(2){--n:1}.not-found .copy>:nth-child(3){--n:2}.not-found .copy>:nth-child(4){--n:3}.not-found .copy>:nth-child(5){--n:4}.not-found .copy>:nth-child(6){--n:5}.not-found .copy>:nth-child(n+7){--n:6}@keyframes nf-dissolve{0%{--dot:0px;opacity:0}30%{opacity:1}to{--dot:5px;opacity:1}}@media (max-width:719px){.not-found{padding-top:32px}.not-found .tone{height:140px}.not-found .log .years,.not-found .screen{display:none}.not-found .maybe li{flex-wrap:wrap;gap:0 10px}.not-found .maybe i{display:none}.not-found .maybe time{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.not-found .copy>*{mask:none;animation:none}.not-found .log li,.not-found .post-dot.ping{animation:none}}