.lh{position:relative;padding:96px 0 56px;display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:end}.lh>:not(.ram){position:relative}.lh .ram{position:absolute;right:0;top:24px;width:230px;color:#ffffff0b}.lh h1{font-weight:560;font-size:clamp(44px,5.2vw,72px);line-height:1.02;letter-spacing:-.035em}.lh h1 span{color:var(--mute)}.lh p{font-size:17px;line-height:1.6;color:var(--mute)}.bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}.tabs{display:flex;gap:4px}.tabs button{height:32px;padding:0 12px;border-radius:8px;border:1px solid transparent;background:none;color:var(--mute);font:14px Geist;cursor:pointer;display:flex;gap:8px;align-items:center}.tabs button i{font-style:normal;font:12px JBM;color:var(--dim)}.tabs button:hover{color:var(--fg)}.tabs button.on{background:#1b1d21;border-color:#2b2e33;color:var(--fg)}.tools{display:flex;gap:8px}.search{height:34px;width:260px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.search span{color:var(--dim);font-size:13px}.search input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--fg);font:14px Geist}select{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--mute);font:14px Geist}.empty{padding:60px 0;text-align:center;color:var(--mute);font-size:16px}.empty a{color:var(--fg);border-bottom:1px solid #3a3d43}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border-radius:14px;overflow:hidden;background:var(--card);box-shadow:0 0 0 1px var(--line);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #33363c,0 30px 60px -30px #000c}.card[hidden]{display:none}.shot{aspect-ratio:16 / 10;overflow:hidden;background:#0a0b0c}.shot img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;transition:transform .5s ease}.card:hover .shot img{transform:scale(1.03)}.meta{padding:14px 16px 16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;flex:1}.t{display:flex;align-items:center;gap:8px;font-size:16px}.t b{font-weight:560}.badge{font:11px JBM;color:var(--mute);border:1px solid #2b2e33;border-radius:5px;padding:1px 6px}.meta p{font-size:14px;line-height:1.5;color:var(--mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.by{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim)}.by img{width:18px;height:18px;border-radius:50%;background:#222}.by .stars{margin-left:auto}.by .gh{margin-left:auto;color:var(--mute)}.by .stars+.gh{margin-left:12px}.card.text{min-height:170px}.card.text .meta{border-top:none;padding:20px 20px 18px}.card.text .meta p{-webkit-line-clamp:3}.share{margin-top:110px;padding-top:56px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:56px}.share h2{font-weight:560;font-size:34px;letter-spacing:-.025em;margin-bottom:12px}.share p,.share li{font-size:16px;line-height:1.65;color:var(--mute)}.share b{color:var(--fg);font-weight:500}.share ol{margin:20px 0 0 20px;display:grid;gap:10px}.share ol a{color:var(--fg);border-bottom:1px solid #3a3d43}.share code{font:13.5px JBM;color:#d6d8dd;background:#18191c;border:1px solid var(--line);border-radius:5px;padding:1px 6px}.share .trust{margin-top:24px;font-size:14px;color:var(--dim)}.prompt{align-self:start;border:1px solid var(--line);border-radius:12px;background:#121315;overflow:hidden}.prompt .ph{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);font-size:12px;color:var(--dim)}.prompt p{padding:16px 18px 20px;font:14px/1.7 JBM;color:#c9cbd0}.copy{height:28px;padding:0 12px;border-radius:7px;border:1px solid #2b2e33;background:#1b1d21;color:var(--fg);font:13px Geist;cursor:pointer}@media(max-width:960px){.lh,.share{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.bar{flex-direction:column;align-items:stretch}}@media(max-width:600px){.grid{grid-template-columns:1fr}}
