:root{
  --bg:#0b0f17; --card:#111827; --text:#e5e7eb; --muted:#9ca3af; --accent:#60a5fa;
  --border:#1f2937; --danger:#ef4444; --success:#22c55e;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#0b0f17,#0b0f17 60%,#0f172a);color:var(--text);font:16px/1.5 system-ui,Segoe UI,Roboto,Inter,Arial}
.container{max-width:900px;margin:40px auto;padding:0 20px}
.hero{margin:10px 0 24px}
.hero h1{margin:0;font-weight:800;font-size:40px;letter-spacing:-.02em}
.sub{margin:6px 0 0;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px 16px;margin:16px 0;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.form{display:grid;gap:12px}
label{display:grid;gap:6px;color:var(--muted)}
input{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0b1220;color:var(--text)}
button{cursor:pointer;border:1px solid var(--border);background:#0b1220;color:var(--text);padding:10px 14px;border-radius:12px}
button:hover{border-color:#293345}
button.danger{border-color:var(--danger);color:#fecaca}
.result{margin-top:10px}
.result .success{background:#0a1b10;border:1px solid #1f4d2a;color:#c9f7d7;padding:10px 12px;border-radius:12px;display:flex;gap:10px;align-items:center}
.result .error{background:#1b0a0a;border:1px solid #4d1f1f;color:#f7c9c9;padding:10px 12px;border-radius:12px}
.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.links{display:grid;gap:10px}
.row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:14px;padding:12px;background:#0b1220}
.col .short{font-weight:700;color:var(--accent);text-decoration:none}
.col .long{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}
.meta{display:flex;gap:12px;color:var(--muted)}
.actions{display:flex;gap:8px}
.muted{color:var(--muted)}
.footer{opacity:.6;text-align:center;margin:12px 0}
.hidden{display:none}