@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,system-ui,sans-serif;color:#eff2ff;background:#0c1020;--muted:#9ca7c5;--line:#28304a;--accent:#69d7f3}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 0%,#202c51 0,transparent 42%),#0c1020}.top{height:72px;padding:0 max(24px,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#0c1020d9;position:sticky;top:0;z-index:3;backdrop-filter:blur(14px)}.brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.02em}.top select,.quiet{background:#171e33;color:#e8ecfa;border:1px solid var(--line);padding:9px 12px;border-radius:10px}.top>div{display:flex;gap:12px;align-items:center}.hero,.wrap{max-width:1200px;margin:auto;padding:72px 24px}.hero{padding-top:105px}.eyebrow{color:var(--accent);font-weight:700;font-size:12px;letter-spacing:.18em}h1{font-size:clamp(32px,5vw,54px);letter-spacing:-.04em;margin:15px 0}p{color:var(--muted);line-height:1.75}.hero>p{font-size:18px;max-width:680px}.button{display:inline-block;text-decoration:none;background:linear-gradient(100deg,#54d7f1,#8a9cff);color:#07111e;font-weight:800;padding:14px 22px;border-radius:12px;margin:20px 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:70px}.features article,.server-card,.panel,.setting-card{background:#141a2c;border:1px solid var(--line);border-radius:17px;padding:23px}.features b{color:var(--accent)}.features h2{font-size:18px}.wrap{padding-top:48px}.wrap h1{font-size:36px}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:30px}.server-card{display:flex;gap:14px;align-items:center;min-height:100px;color:inherit;text-decoration:none;transition:.15s}.server-card:hover{border-color:var(--accent);transform:translateY(-2px)}.server-card img,.guild-header img{width:52px;height:52px;border-radius:16px;object-fit:cover;background:#28304a}.server-card .placeholder{display:grid;place-items:center;font-weight:800}.server-card h3{margin:0 0 6px}.server-card p{font-size:13px;margin:0}.badge{font-size:11px;border-radius:99px;padding:5px 8px;background:#193b39;color:#72e4c0}.badge.off{background:#3d2b25;color:#ffc095}.guild-header{display:flex;align-items:center;gap:15px;margin:26px 0}.guild-header h1{font-size:30px;margin:0}.back{color:var(--muted);text-decoration:none}.editor{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}.tabs{position:sticky;top:92px;display:grid;gap:6px}.tab{cursor:pointer;text-align:left;border:0;border-radius:10px;padding:11px 13px;background:transparent;color:#aab4ce}.tab.active,.tab:hover{background:#202943;color:white}.panel{padding:22px}.panel-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:15px}.panel-head h2{margin:0;font-size:22px}.search{min-width:210px;background:#0d1323;color:white;border:1px solid var(--line);padding:10px 12px;border-radius:10px}.setting-list{display:grid;gap:10px}.setting-card{padding:15px 17px;background:#101729;border-radius:12px}.setting-title{font-weight:650;display:block;margin-bottom:5px}.setting-path{font-size:11px;color:#72809f;margin-top:6px;overflow-wrap:anywhere}.setting-control{width:100%;max-width:500px;background:#0a1020;color:#edf1ff;border:1px solid #303a57;border-radius:8px;padding:10px;margin-top:8px}.setting-control[type=checkbox]{width:20px;height:20px;accent-color:#6ed8f2}.inline-control{display:flex;align-items:center;gap:12px}.textarea{min-height:110px;font:12px ui-monospace,monospace}.save-row{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.save,.secondary{border:0;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer}.save{background:var(--accent);color:#091421}.secondary{background:#252e47;color:#eaf0ff}.empty{padding:30px;text-align:center;color:var(--muted)}.loading{color:var(--muted);padding:20px}.toast{position:fixed;right:22px;bottom:22px;padding:13px 17px;background:#1b694f;color:white;border-radius:10px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1}.channel-note{font-size:12px;color:var(--muted)}@media(max-width:700px){.features{grid-template-columns:1fr}.hero,.wrap{padding:38px 18px}.editor{grid-template-columns:1fr}.tabs{position:static;display:flex;overflow:auto}.tab{white-space:nowrap}.top{padding:0 16px}.search{width:100%}}
