:root{--bg:#f5f3ee;--surface:#fff;--ink:#17171b;--muted:#6d6b65;--line:#e3dfd4;--accent:#ff5b2e;--accent-soft:#ffe6dc;--shadow:0 1px 0 #00000008, 0 12px 32px -18px #1e140a40;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0d0e11;--surface:#16181d;--ink:#edeae3;--muted:#9a978e;--line:#262930;--accent:#ff7a50;--accent-soft:#3a1f16;--shadow:0 1px 0 #ffffff05, 0 16px 40px -24px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}button{font:inherit;color:inherit}.bar,main,.foot{max-width:1120px;padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));margin:0 auto}.bar{justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px;display:flex}.brand{font:600 14px/1 var(--mono);letter-spacing:.01em;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.brand .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.lang{border:1px solid var(--line);background:var(--surface);font:600 13px/1 var(--mono);cursor:pointer;border-radius:999px;padding:6px 14px}.lang:hover{border-color:var(--ink)}.hero{padding:clamp(40px,9vw,110px) 0 clamp(36px,7vw,80px)}.mark{letter-spacing:-.055em;perspective:600px;white-space:nowrap;margin:0;font-size:clamp(64px,15vw,184px);font-weight:800;line-height:.92}.flip{all:unset;color:var(--accent);cursor:pointer;transform-origin:50%;backface-visibility:visible;-webkit-tap-highlight-color:transparent;transition:transform .25s;display:inline-block;transform:rotateY(180deg)}.flip:hover{transform:rotateY(180deg)translateY(-4px)}.flip:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:12px}.flip.flipping{animation:.9s cubic-bezier(.6,0,.3,1) mirror}@keyframes mirror{0%{transform:rotateY(180deg)}45%,55%{transform:rotateY(360deg)}to{transform:rotateY(540deg)}}.lede{letter-spacing:-.01em;margin:clamp(20px,3vw,32px) 0 0;font-size:clamp(22px,3.4vw,34px);font-weight:700}.sub{max-width:620px;color:var(--muted);margin:10px 0 0;font-size:clamp(16px,1.8vw,19px)}.beeps{font:13px/1.5 var(--mono);color:var(--muted);margin:24px 0 0}.beeps b{color:var(--ink)}.lab-head{border-top:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:24px;padding-top:18px;display:flex}.lab-head h2,.about h2{font-size:15px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:0}.lab-head p{color:var(--muted);max-width:520px;margin:0;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;display:grid}.card{--tint:hsl(var(--h) 85% 93%);--tint-ink:hsl(var(--h) 55% 32%);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.card{--tint:hsl(var(--h) 35% 16%);--tint-ink:hsl(var(--h) 75% 74%)}}.card:hover{border-color:color-mix(in srgb, var(--tint-ink) 45%, var(--line));transform:translateY(-3px)}.shot{aspect-ratio:16/10;background:radial-gradient(120% 90% at 20% 10%, color-mix(in srgb, var(--tint) 60%, transparent), transparent 60%), var(--tint);border-bottom:1px solid var(--line);place-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.shot-fallback{filter:saturate(1.1);font-size:72px}.shot img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.card:hover .shot img{transform:scale(1.03)}.card-body{flex-direction:column;flex:1;padding:18px 20px;display:flex}.card-top{align-items:center;gap:10px;min-width:0;display:flex}.icon{background:var(--tint);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.host{font:600 13px/1 var(--mono);color:var(--tint-ink);white-space:nowrap;text-overflow:ellipsis;text-decoration:none;overflow:hidden}.host span{color:var(--muted);font-weight:400}.ping{font:12px/1 var(--mono);color:var(--muted);flex:none;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.ping i{background:var(--muted);opacity:.5;border-radius:50%;width:7px;height:7px}.ping.checking i{animation:1s infinite blink}.ping.online i{opacity:1;background:#1fb86a;box-shadow:0 0 0 3px #1fb86a38}.ping.offline i{opacity:1;background:#e5484d}@keyframes blink{50%{opacity:.1}}.card h3{letter-spacing:-.01em;margin:14px 0 6px;font-size:23px;line-height:1.25}.card h3 a{text-decoration:none}.pitch{color:var(--muted);margin:0;font-size:15px}.tags{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.tags li{background:var(--tint);color:var(--tint-ink);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.card-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.open{font-weight:700;text-decoration:none}.open:hover{text-underline-offset:4px;text-decoration:underline}.vote{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.vote:hover{border-color:var(--accent)}.vote b{font-family:var(--mono);color:var(--muted);font-weight:600}.vote .heart{color:var(--accent);font-size:16px;line-height:1}.vote.done{background:var(--accent-soft);cursor:default;border-color:#0000}.vote.done b{color:var(--ink)}.num{background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:600 12px/1.2 var(--mono);color:var(--muted);border-radius:8px;padding:3px 8px;position:absolute;top:12px;left:14px}.about{border-top:2px solid var(--ink);max-width:720px;margin:clamp(56px,8vw,96px) 0 0;padding-top:18px}.about p{color:var(--muted);margin:12px 0 0}.foot{padding-top:48px;padding-bottom:max(40px, env(safe-area-inset-bottom));font-size:14px}.foot p{margin:4px 0}.muted{color:var(--muted)}@media (width<=520px){.card h3{font-size:21px}.card-body{padding:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}