:root{--bg:#0f1115;--bg-grad:radial-gradient(1200px 600px at 50% -10%,#1b2030 0%,#0f1115 60%);--card:#171a21;--card-hover:#1e222c;--border:#262b36;--text:#e7e9ee;--muted:#8b93a3;--accent:#6ea8fe}@media (prefers-color-scheme:light){:root{--bg:#f4f6fa;--bg-grad:radial-gradient(1200px 600px at 50% -10%,#e6ecf7 0%,#f4f6fa 60%);--card:#ffffff;--card-hover:#f0f3f9;--border:#e2e6ee;--text:#1a1d24;--muted:#6b7280;--accent:#2563eb}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg-grad),var(--bg)}a{color:inherit}.wrap{min-height:100vh;flex-direction:column;padding:6vh 20px 40px}.topbar,.wrap{display:flex;align-items:center}.topbar{width:100%;max-width:760px;justify-content:flex-end;gap:12px;color:var(--muted)}.btn,.topbar{font-size:.85rem}.btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--text);border:1px solid var(--border);border-radius:999px;padding:6px 14px;background:var(--card);cursor:pointer;transition:border-color .15s ease,background .15s ease}.btn:hover{border-color:var(--accent);background:var(--card-hover)}.btn-plain{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.85rem}.btn-plain:hover{color:var(--text)}header.hero{text-align:center;margin:24px 0 40px}.logo{font-size:2.6rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,var(--accent),#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);margin-top:8px;font-size:.95rem}.grid{display:grid;grid-gap:18px;gap:18px;width:100%;max-width:760px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:var(--card);border:1px solid var(--border);text-decoration:none;color:inherit;transition:transform .15s ease,background .15s ease,border-color .15s ease}.card:hover{transform:translateY(-3px);background:var(--card-hover);border-color:var(--accent)}.icon{font-size:1.8rem;width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:12px;background:rgba(110,168,254,.12)}.meta{min-width:0}.name{font-weight:650;font-size:1.05rem}.desc{color:var(--muted);font-size:.85rem;margin-top:2px}.lock{margin-left:auto;font-size:.8rem;opacity:.5}.empty{font-size:.9rem;margin-top:20px}.empty,footer{color:var(--muted)}footer{margin-top:48px;font-size:.8rem}.login-box{width:100%;max-width:340px;margin-top:8vh;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px}.login-box h1{font-size:1.3rem;margin:0 0 20px}.field{margin-bottom:14px}.field label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px}.field input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.95rem}.field input:focus{outline:none;border-color:var(--accent)}.submit{width:100%;padding:11px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;margin-top:6px}.error{color:#f87171;margin-bottom:14px}.back,.error{font-size:.85rem}.back{display:block;text-align:center;margin-top:16px;color:var(--muted);text-decoration:none}.admin-wrap{max-width:720px;margin:0 auto;padding:24px 16px 64px}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-head h1{font-size:1.4rem;margin:0}.section{margin-bottom:34px}.section>h2{font-size:1.05rem;margin:0 0 12px}.item{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:10px}.item-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.icon-sm{font-size:1.2rem}.item-title{font-weight:650}.sub{font-size:.8rem;margin-top:4px;word-break:break-all}.badge,.sub{color:var(--muted)}.badge{font-size:.68rem;padding:2px 8px;border-radius:999px;border:1px solid var(--border)}.badge.pub{color:#34d399;border-color:rgba(52,211,153,.4)}.badge.res{color:#fbbf24;border-color:rgba(251,191,36,.4)}.badge.admin{color:var(--accent);border-color:rgba(110,168,254,.4)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}.chip{font-size:.72rem;padding:3px 9px;border-radius:999px;background:rgba(110,168,254,.12);color:var(--text)}.chip-lg{font-size:.82rem;padding:5px 6px 5px 12px;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);background:var(--card)}.chip-x{border:none;background:none;color:var(--muted);cursor:pointer;font-size:1rem;line-height:1;padding:0 4px}.chip-x:hover{color:#f87171}details.edit{margin-top:10px}details.edit>summary{cursor:pointer;color:var(--accent);font-size:.85rem;list-style:none;padding:4px 0}details.edit>summary::-webkit-details-marker{display:none}.add-block>summary{font-weight:600}.form{margin-top:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.form label{font-size:.78rem;color:var(--muted);display:block;margin-bottom:4px}.form input,.form select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:16px}.form input:focus,.form select:focus{outline:none;border-color:var(--accent)}.form-row{display:flex;gap:10px}.checks{display:flex;flex-wrap:wrap;gap:12px}.check{display:flex;align-items:center;gap:6px;font-size:.9rem}.check input{width:auto}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:10px;font-weight:600}.btn-danger,.btn-primary{padding:11px 16px;cursor:pointer;font-size:.9rem}.btn-danger{background:none;color:#f87171;border:1px solid rgba(248,113,113,.4);border-radius:10px}.btn:disabled{opacity:.45;cursor:not-allowed}