:root{--ink: #0e0e0e;--paper: #f2efe8;--dust: #9b968c;--blue: #1f3bff;--wall: #cfc8bb;--wide: Archivo, Arial Black, sans-serif;--mono: IBM Plex Mono, ui-monospace, Menlo, monospace;--jp: Zen Kaku Gothic New, Hiragino Sans, Yu Gothic, system-ui, sans-serif;--gut: max(16px, env(safe-area-inset-left, 0px));--gut-r: max(16px, env(safe-area-inset-right, 0px));color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--wall);color:var(--paper);font:14.5px/1.8 var(--jp);-webkit-font-smoothing:antialiased}[hidden]{display:none !important}::selection{background:var(--blue);color:var(--paper)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}#MainContent:focus{outline:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:10;padding:8px 12px;background:var(--paper);color:var(--ink);transform:translateY(-200%)}.skip-link:focus{transform:none}swimmy-teaser{display:block}swimmy-teaser.is-tagging{user-select:none;-webkit-user-select:none}.teaser-scene{position:fixed;inset:0;width:100%;height:100%;display:block;overflow:hidden;background:#82807e;pointer-events:none}.teaser-scene img{width:100%;height:100%;object-fit:cover}@media(max-aspect-ratio: 17/20){.teaser-scene img{height:auto;transform:translateY(-28%)}.teaser-scene::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent, #82807e 60%)}}.teaser-wall,.teaser-fish{position:fixed;inset:0;width:100%;height:100%;display:block}.teaser-wall{opacity:0;touch-action:none;cursor:crosshair}[data-ready] .teaser-wall{opacity:1}.teaser-fish{pointer-events:none}.mono{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;line-height:1.5}.wide{font-family:var(--wide);font-weight:800;font-stretch:125%;text-transform:uppercase;letter-spacing:-0.01em;line-height:.94}.slip{background:var(--ink);color:var(--paper)}.layer{position:fixed;inset:0;width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;padding:calc(env(safe-area-inset-top, 0px) + 20px) var(--gut-r) calc(env(safe-area-inset-bottom, 0px) + 20px) var(--gut);pointer-events:none}.layer p{margin:0}.layer a,.layer button,.layer input,.layer summary{pointer-events:auto}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}.top-r{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.logo{padding:9px 12px 8px;font-size:15px}.status{padding:9px 11px 8px;display:flex;gap:8px;align-items:center}.status i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px var(--paper);animation:blink 1.2s steps(2) infinite}@keyframes blink{50%{opacity:.2}}.center{align-self:end;margin-top:16px;margin-bottom:14px;justify-self:start;display:grid;gap:6px;max-width:100%;min-width:0}.eyebrow{padding:7px 11px 6px;justify-self:start;color:var(--dust)}.head{padding:14px 16px 16px;justify-self:start;max-width:min(1100px,100%);transform:rotate(-1.2deg);transform-origin:left}.head h1{margin:0;font-size:clamp(22px,2.8vw,40px);text-wrap:balance}.head em{font-style:normal;color:var(--blue);background:var(--paper);padding:0 .1em;margin:0 -0.03em}.bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.right{display:grid;gap:6px;justify-items:end}.hint{padding:7px 11px 6px;color:var(--dust)}.co{margin:0;padding:12px 14px;display:grid;grid-template-columns:auto minmax(0, 1fr);gap:4px 14px;align-items:baseline;max-width:min(460px,100%);min-width:0;font-size:12.5px;line-height:1.6;user-select:text;-webkit-user-select:text;pointer-events:auto}.co dt{color:var(--dust)}.co dd{margin:0;min-width:0;overflow-wrap:anywhere;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.co .copy{appearance:none;border:0;border-radius:0;padding:9px 11px 8px;background:var(--ink);color:var(--paper);font:10.5px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;pointer-events:auto}.co .copy:hover{background:var(--paper);color:var(--ink)}.co .copy{padding:2px 7px;border:1px solid color-mix(in srgb, var(--paper) 35%, transparent);font-size:9.5px}.tools{display:flex;gap:2px}.tools button{appearance:none;border:0;border-radius:0;padding:9px 11px 8px;background:var(--ink);color:var(--paper);font:10.5px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;pointer-events:auto}.tools button:hover{background:var(--paper);color:var(--ink)}.tools button[aria-pressed=true]{background:var(--blue);color:#fff}.pw{pointer-events:auto;margin:0}.pw summary{list-style:none;cursor:pointer;padding:9px 11px 8px}.pw summary::-webkit-details-marker{display:none}.pw[open] summary{background:var(--paper);color:var(--ink)}.pw form{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px;justify-content:flex-end}.pw input{font:12px var(--mono);padding:8px 10px;border:0;border-radius:0;background:var(--paper);color:var(--ink);min-width:0;width:150px}.pw button{appearance:none;border:0;border-radius:0;padding:9px 11px 8px;background:var(--ink);color:var(--paper);font:10.5px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;pointer-events:auto}.pw button:hover{background:var(--paper);color:var(--ink)}.pw button{background:var(--blue);color:#fff}.pw .err{flex-basis:100%;margin:4px 0 0;padding:6px 10px;background:var(--ink);color:#ff7aa8;font-size:11px}.pw .err ul{margin:0;padding-left:16px}.not-found{display:grid;place-content:center;justify-items:start;gap:16px;min-height:100svh;padding:40px var(--gut);background:var(--ink)}.not-found h1,.not-found p{margin:0}.not-found h1{font-size:clamp(32px,8vw,80px)}.not-found .button{appearance:none;border:0;border-radius:0;padding:9px 11px 8px;background:var(--ink);color:var(--paper);font:10.5px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;pointer-events:auto}.not-found .button:hover{background:var(--paper);color:var(--ink)}.not-found .button{background:var(--paper);color:var(--ink)}@media(max-width: 760px){.head{max-width:calc(100% - 4px)}}@media(max-height: 560px){.layer{position:relative;height:auto;min-height:100svh}.center{margin-top:32px}}@media(prefers-reduced-motion: reduce){.status i{animation:none}}