:root{--bg:#0a0a0a;--text:#f5f5f5;--muted:#a3a3a3;--dim:#848484;--line:#222;--accent:#5b8cff;--sans:Geist, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0}[hidden]{display:none!important}html,body{background:var(--bg)}body{color:var(--text);font:400 15px/1.5 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:6px}.progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:50;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none}.nav{position:relative;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1200px;margin:0 auto;padding:20px 24px}.brand{font-weight:600;font-size:18px;letter-spacing:-.02em}.nav ul{display:flex;gap:32px;list-style:none;padding:0;font-size:14px;color:#cfcfcf}.nav ul a:hover,.nav ul a[aria-current]{color:#fff}.nav ul a[aria-current]{box-shadow:inset 0 -1px 0 var(--accent)}.nav .cta{justify-self:end;font-size:14px;font-weight:500;background:#e9e9e9;color:#0a0a0a;padding:8px 14px;border-radius:8px}.btn{font-weight:500;font-size:14px;padding:11px 18px;border-radius:9px;display:inline-flex;align-items:center;gap:8px}.btn-alt{background:#1a1a1a;border:1px solid #2a2a2a}.btn-alt:hover{border-color:#444}.sec{max-width:1200px;margin:0 auto;padding-left:48px;padding-right:48px;position:relative}.sec:before{content:"";position:absolute;inset:0;pointer-events:none;border:solid #1a1a1a;border-width:1px 1px 0}.sec:after{content:"";position:absolute;left:-6px;right:-6px;top:-6px;height:13px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M6.5 0v13M0 6.5h13' stroke='%23555' stroke-width='1'/%3E%3C/svg%3E") left top/13px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M6.5 0v13M0 6.5h13' stroke='%23555' stroke-width='1'/%3E%3C/svg%3E") right top/13px no-repeat}.label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim);margin-bottom:22px}.label i[data-i]{width:22px;height:22px;padding:4px;border-radius:7px;background:#5b8cff1f;color:var(--accent)}h2{font-weight:600;font-size:clamp(34px,3.4vw,48px);line-height:1.05;letter-spacing:-.035em}i[data-i]{display:inline-flex;width:15px;height:15px;flex:none;color:currentColor}i[data-i] svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.diff{font-size:11px;font-weight:500;padding:2px 8px;border-radius:999px}.diff.easy{color:#4ade80;background:#4ade801f}.diff.medium{color:#fbbf24;background:#fbbf241f}.diff.hard{color:#f87171;background:#f871711f}.typed .ghost{color:transparent}.typed .tcaret{display:inline-block;width:.08em;height:.9em;margin:0 .02em;vertical-align:-.08em;background:var(--accent)}.head{padding-top:70px;padding-bottom:56px}.crumb{font:400 12.5px var(--mono);color:var(--dim);margin-bottom:26px}.crumb a:hover{color:#fff}.head h1{font-weight:600;font-size:clamp(48px,5.4vw,82px);line-height:.98;letter-spacing:-.045em;max-width:15ch;filter:blur(20px);opacity:0;transition:filter 1.3s cubic-bezier(.2,.7,.2,1),opacity 1.3s}.head h1 span{color:#8a8a8a}.ready .head h1{filter:none;opacity:1}.head .lede{margin-top:24px;max-width:56ch;font-size:18px;color:var(--muted)}.tools{padding-top:34px;padding-bottom:34px}.search{display:flex;align-items:center;gap:12px;background:#121212;border:1px solid #262626;border-radius:12px;padding:13px 16px;color:var(--muted)}.search:focus-within{border-color:#3a4a7a}.search input{all:unset;flex:1;font:400 16px/1.4 var(--sans);color:#eee}.search input::placeholder{color:#828282}.search kbd{font:400 11px/1 var(--mono);color:#bdbdbd;border:1px solid #333;border-bottom-width:2px;border-radius:5px;padding:3px 6px}.filters{display:flex;flex-wrap:wrap;gap:24px;margin-top:16px}.group{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.group button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;font-size:13.5px;color:#9a9a9a;border-right:1px solid var(--line);transition:background .2s,color .2s}.group button:last-child{border-right:0}.group button small{font:400 11.5px var(--mono);color:#666}.group button:hover{color:#fff}.group button[aria-pressed=true]{background:#171a24;color:#fff}.group button[aria-pressed=true] small{color:var(--accent)}.group button i[data-i]{width:13px;height:13px}.count{margin-left:auto;align-self:center;font-size:13px;color:var(--dim)}.list{padding-top:40px;padding-bottom:100px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:32px 22px}.card{display:flex;flex-direction:column;gap:14px}.info{display:flex;flex-direction:column;gap:9px}.thumbwrap{position:relative}.thumb{display:block;width:100%;aspect-ratio:16/10;border:1px solid var(--line);border-radius:12px;background:#0d0d0d;transition:filter .4s,border-color .3s}.card:hover .thumb{filter:brightness(1.4);border-color:#333}.thumbwrap .diff{position:absolute;left:12px;top:12px}.meta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--dim)}.meta i[data-i]{width:13px;height:13px}.meta .sep{width:3px;height:3px;border-radius:50%;background:#444}h3{font-weight:600;font-size:22px;letter-spacing:-.025em;line-height:1.15}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{font-size:11.5px;color:#a8a8a8;border:1px solid #2a2a2a;border-radius:6px;padding:2px 7px}.more{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--accent)}.more i[data-i]{width:13px;height:13px}.sum{font-size:13.5px;color:var(--muted);line-height:1.45}.card.third .sum{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}mark{background:#5b8cff2e;color:inherit;border-radius:2px;padding:0 1px}.pills{position:absolute;left:12px;top:12px;display:flex;gap:6px;align-items:center}.pill.new{font:500 10.5px/1 var(--sans);color:#fff;background:var(--accent);padding:3px 8px;border-radius:999px}.chain{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;font:400 11.5px/1.3 var(--mono);color:#ccc;background:linear-gradient(transparent,#000000d9 40%);display:flex;flex-wrap:wrap;align-items:center;gap:3px 5px;opacity:0;transition:opacity .3s;border-radius:0 0 11px 11px;pointer-events:none}.card:hover .chain,.card:focus-visible .chain{opacity:1}.chain span{opacity:0;animation:fadeIn .25s ease forwards}.chain .first{color:var(--accent)}.chain .arr{color:#666;font-size:13px}.card.wide .chain{border-radius:0}@keyframes fadeIn{to{opacity:1}}.empty{padding:60px 0;text-align:center;color:var(--muted)}.empty button{all:unset;cursor:pointer;color:#fff;border-bottom:1px solid #444}.contact{padding-top:90px;padding-bottom:120px;text-align:center}.contact .label{justify-content:center}.contact h2 a{border-bottom:1px solid #333}.contact h2 a:hover{border-color:#e9e9e9}.contact p{color:var(--muted);max-width:44ch;margin:18px auto 30px}.contact nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.logo{width:16px;height:16px;background:var(--c);-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}.logo.li{background:#0a66c2;color:#fff;border-radius:3px;font:700 11px/16px Arial,sans-serif;text-align:center;-webkit-mask:none;mask:none}.foot{border-top:1px solid var(--line);padding-top:40px;overflow:hidden}#wordmark{display:block;width:100%;height:clamp(140px,22vw,320px)}.foot-row{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;padding:18px 24px 28px;font-size:13px;color:var(--dim)}.marquee{display:block;width:100%;height:clamp(38px,5vw,64px);margin-bottom:18px}.card.third{grid-column:span 2}.card.half{grid-column:span 3}.card.half h3{font-size:28px}.card.wide{grid-column:span 6;display:grid;grid-template-columns:1.45fr 1fr;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0f0f0f;transition:border-color .3s}.card.wide:hover{border-color:#333}.card.wide .thumb{aspect-ratio:16/9;height:100%;border:0;border-right:1px solid var(--line);border-radius:0}.card.wide .info{padding:36px;gap:12px;justify-content:center}.card.wide h3{font-size:36px;letter-spacing:-.035em}@media(prefers-reduced-motion:reduce){.head h1,.thumb{transition:none}}@media(max-width:900px){.nav ul{display:none}.sec{padding-left:24px;padding-right:24px}.grid{grid-template-columns:1fr 1fr}.card.third,.card.half{grid-column:span 1}.card.wide{grid-column:span 2;grid-template-columns:1fr}.card.wide .thumb{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:640px){.grid{grid-template-columns:minmax(0,1fr)}.card.third,.card.half,.card.wide{grid-column:span 1}}