:root{--bg:#0b0c0f;--card:#131621;--text:#e8ecf3;--muted:#9aa4b2;--accent:#7dd3fc;--err:#fb7185;}
*{box-sizing:border-box;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;}
body{margin:0;background:radial-gradient(1200px 800px at 20% -20%, #1f2a44, transparent),var(--bg);color:var(--text);}
.wrap{max-width:980px;margin:40px auto;padding:0 16px;}
.top{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:rgba(11,12,15,.85);backdrop-filter: blur(10px);}
.spacer{flex:1;}
h1,h2,h3{margin:0 0 12px 0;}
.card{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:16px;margin:14px 0;}
label{display:block;margin:8px 0 6px;color:var(--muted);font-size:13px;}
input,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);color:var(--text);}
textarea{resize:vertical;}
button{margin-top:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(125,211,252,.15);color:var(--text);cursor:pointer;}
button:hover{background:rgba(125,211,252,.22);}
.link{background:none;border:none;color:var(--accent);padding:0;cursor:pointer;text-decoration:none;font-size:14px;}
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;}
.item{display:block;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.18);color:var(--text);text-decoration:none;}
.item:hover{border-color:rgba(125,211,252,.45);}
.name{font-weight:650;margin-bottom:6px;}
.meta{color:var(--muted);font-size:12px;}
.err{margin-top:10px;color:var(--err);}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.muted{color:var(--muted);font-size:13px;}
pre{white-space:pre-wrap;word-wrap:break-word;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);padding:10px;border-radius:10px;}
@media (max-width:860px){.grid2{grid-template-columns:1fr;}}