:root{--bg:#0f1218;--page:#161a24;--line:#2a3040;--ink:#e6e9ef;--muted:#8b93a7;--accent:#58a6ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font-size:16px;line-height:1.5}a{color:var(--accent)}button,a.primary,.actions a{font:inherit;cursor:pointer;background:var(--page);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px 14px;text-decoration:none}button.active{border-color:var(--accent);color:var(--accent)}a.primary{background:var(--accent);color:#08101c;border-color:var(--accent);font-weight:600}header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 24px;padding:16px 28px;display:flex}header h1{margin:0;font-size:20px;font-weight:500}header nav{gap:8px;display:flex}header .user{color:var(--muted);align-items:center;gap:12px;margin-left:auto;font-size:14px;display:flex}main{max-width:1400px;margin:0 auto;padding:28px}.status{color:var(--muted);text-align:center;padding:40px 28px}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;display:grid}.card{background:var(--page);border:1px solid var(--line);cursor:pointer;border-radius:10px;transition:border-color .15s,transform .15s;overflow:hidden}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card{position:relative}.card img{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;display:block}.badge{background:var(--accent);color:#08101c;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:10px;right:10px}.card .body{padding:14px 16px 16px}.card h2{margin:0 0 6px;font-size:17px;font-weight:500}.card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 10px;font-size:14px;display:-webkit-box;overflow:hidden}.card small{color:var(--muted);font-size:12px}.backdrop{z-index:10;background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}.pane{background:var(--page);border-left:1px solid var(--line);width:min(680px,100%);height:100%;padding:28px 32px 48px;position:relative;overflow-y:auto}.pane .close{padding:2px 10px;font-size:22px;line-height:1;position:absolute;top:14px;right:16px}.pane img{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:8px;width:100%}.pane h2{margin:20px 0 6px;font-size:24px;font-weight:500}.pane .lead{color:var(--muted);margin:0 0 16px}.pane dl{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px 16px;margin:0 0 20px;font-size:14px;display:grid}.pane dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.pane dd{margin:0}.actions{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.hint{color:var(--muted);border-top:1px solid var(--line);padding-top:14px;font-size:14px}.about{border-top:1px solid var(--line);padding-top:14px;font-size:15px}.about h1{font-size:18px;font-weight:500}.about h2,.about h3{font-size:16px;font-weight:500}.about table{border-collapse:collapse;width:100%;font-size:14px}.about th,.about td{text-align:left;border-bottom:1px solid var(--line);padding:6px 10px}.about pre{background:var(--bg);border-radius:6px;padding:10px 12px;font-size:13px;overflow-x:auto}.about code{font-family:Menlo,Consolas,monospace;font-size:.92em}.share{border-top:1px solid var(--line);margin-bottom:14px;padding-top:14px;font-size:14px}.share label{cursor:pointer;align-items:center;gap:8px;display:flex}.share .link{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.share .link input{min-width:0;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:6px;flex:1;padding:6px 10px}@media (width<=700px){header{padding:12px 16px}header .user{justify-content:space-between;width:100%;margin-left:0}main{padding:16px}.grid{grid-template-columns:1fr;gap:16px}.card:hover{transform:none}.pane{border-left:0;width:100%;padding:20px 16px 40px}.pane h2{margin-right:40px;font-size:20px}.actions a{text-align:center;flex:auto}}