:root {
  color-scheme: dark;
  --bg: #0d0f15;
  --panel: #171a23;
  --panel-2: #202431;
  --line: #303544;
  --text: #f7f1ed;
  --muted: #aaa8b3;
  --accent: #ff9e7d;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: var(--text); background: radial-gradient(circle at 10% -10%, #352338 0, transparent 34rem), var(--bg); }
a { color: inherit; text-decoration: none; }
header { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; min-height: 68px; padding: 0 5vw; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(13,15,21,.84); backdrop-filter: blur(18px); }
nav { display: flex; gap: 1rem; align-items: center; color: var(--muted); }
.brand { font-weight: 850; letter-spacing: -.03em; color: #fff; }
main { width: min(1120px, 90vw); margin: 0 auto; padding: 4rem 0 7rem; }
footer { padding: 2rem 5vw; color: #757682; border-top: 1px solid var(--line); text-align: center; }
.hero { padding: 5vh 0 7vh; max-width: 820px; }
.hero h1, .page-head h1, .leader-head h1 { margin: .3rem 0 1.2rem; font-size: clamp(2.6rem, 7vw, 6.4rem); line-height: .95; letter-spacing: -.065em; }
.hero em { color: var(--accent); font-style: normal; }
.hero p, .page-head p, .leader-head p { color: var(--muted); font-size: 1.1rem; line-height: 1.7; }
.eyebrow { margin: 0 !important; color: var(--accent) !important; font-size: .78rem !important; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.button, button { display: inline-flex; padding: .72rem 1rem; border: 0; border-radius: .7rem; color: #181019; background: linear-gradient(135deg,#ffc090,#ff8d7f); font-weight: 800; cursor: pointer; }
.button.secondary { color: var(--text); background: var(--panel-2); border: 1px solid var(--line); }
.actions { margin-top: 2rem; }
.inline { display: inline; }
.link-button { padding: 0; color: var(--muted); background: none; font: inherit; }
.account { color: var(--text); }
.bot-grid, .guild-grid, .stats { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 1rem; }
.bot-grid article, .guild-card, .stat, .panel { border: 1px solid var(--line); border-radius: 1rem; background: linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01)); }
.bot-grid article { min-height: 150px; padding: 1.3rem; display: flex; flex-direction: column; justify-content: space-between; }
.bot-grid b { font-size: 1.3rem; }
.bot-grid span, small { color: var(--muted); line-height: 1.5; }
.blaze { color:#ff784f}.lina{color:#be7eff}.rocket{color:#64d7ff}.milo{color:#ffb257}.molly{color:#ff78b4}
.page-head, .leader-head { margin-bottom: 2.5rem; max-width: 800px; }
.page-head h1, .leader-head h1 { font-size: clamp(2.4rem,6vw,4.8rem); }
.guild-card { display: flex; gap: 1rem; align-items: center; padding: 1rem; transition: transform .15s,border-color .15s; }
.guild-card:hover { transform: translateY(-2px); border-color: var(--accent); }
.guild-card img,.guild-placeholder { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; background: var(--panel-2); display:grid;place-items:center;font-weight:900; }
.guild-card span { display: flex; flex-direction: column; }
.stat { padding: 1.2rem; border-top: 3px solid var(--accent); }
.stat span { color: var(--muted); }
.stat strong { display: block; margin-top: .4rem; font-size: 2rem; }
.panel { margin-top: 1.4rem; padding: 1.5rem; }
.command-list { display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.5rem; }
code { padding:.55rem .7rem;border-radius:.5rem;background:#0c0e14;color:#ffc090;border:1px solid var(--line); }
.leaderboard { list-style:none;padding:0;margin:0;display:grid;gap:.65rem; }
.leaderboard li { display:grid;grid-template-columns:48px 54px 1fr;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--panel); }
.rank { color:#ff78b4;text-align:center; }
.avatar,.avatar-placeholder { width:52px;height:52px;border-radius:50%;object-fit:cover;background:var(--panel-2);display:grid;place-items:center; }
.member { min-width:0;display:flex;flex-direction:column;gap:.22rem; }
.progress { height:7px;margin-top:.35rem;overflow:hidden;border-radius:9px;background:#0c0e14; }
.progress span { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff78b4,#ffc090); }
.empty { color:var(--muted);padding:2rem; }
.page-head.compact h1 { font-size: clamp(2.2rem,5vw,4.2rem); }
.settings-tabs { position:sticky;top:76px;z-index:8;display:flex;gap:.5rem;margin:0 0 1.4rem;padding:.6rem;overflow-x:auto;border:1px solid var(--line);border-radius:1rem;background:rgba(23,26,35,.94);backdrop-filter:blur(16px); }
.settings-tab { flex:1 0 auto;padding:.72rem 1rem;border-radius:.65rem;color:var(--muted);font-weight:800;text-align:center; }
.settings-tab:hover { color:var(--text);background:var(--panel-2); }
.settings-tab.active { color:#181019;background:linear-gradient(135deg,#ffc090,#ff8d7f); }
.tab-heading { --tab:#ff9e7d;display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;margin:1rem 0;padding:2rem;border:1px solid color-mix(in srgb,var(--tab),transparent 68%);border-radius:1.2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--tab),transparent 88%),rgba(255,255,255,.01)); }
.tab-heading .eyebrow { color:var(--tab)!important; }
.tab-heading h2 { margin:.25rem 0;font-size:clamp(2rem,5vw,3.8rem);letter-spacing:-.05em; }
.tab-heading p { color:var(--muted);max-width:700px;line-height:1.6; }
.tab-stat { flex:0 0 auto;display:flex;flex-direction:column;text-align:right; }
.tab-stat strong { color:var(--tab);font-size:3rem;line-height:1; }
.tab-stat span,.tab-stat small { color:var(--muted); }
.blaze-theme{--tab:#ff784f}.lina-theme{--tab:#be7eff}.rocket-theme{--tab:#64d7ff}.milo-theme{--tab:#ffb257}.molly-theme{--tab:#ff78b4}
.notice { margin:0 0 1rem;padding:.9rem 1rem;border:1px solid rgba(93,218,154,.4);border-radius:.75rem;color:#bdf8d8;background:rgba(62,180,118,.09); }
.panel h3 { margin-top:0;font-size:1.25rem; }
.settings-form { display:grid;gap:1rem;margin-top:1rem; }
.form-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem; }
label { display:grid;gap:.38rem;color:var(--muted);font-size:.86rem;font-weight:700; }
input,textarea,select { width:100%;padding:.76rem .8rem;border:1px solid var(--line);border-radius:.65rem;color:var(--text);background:#10131a;font:inherit;outline:none; }
input:focus,textarea:focus,select:focus { border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,158,125,.12); }
textarea { resize:vertical;line-height:1.5; }
.wide { grid-column:1/-1; }
.checks { display:flex;flex-wrap:wrap;gap:1rem; }
.check { display:flex;grid-template-columns:auto 1fr;align-items:center;gap:.55rem; }
.check input[type=checkbox] { width:1.1rem;height:1.1rem;accent-color:var(--accent); }
.hint,.note p { color:var(--muted);line-height:1.6;font-size:.9rem; }
.table-wrap { width:100%;overflow:auto;margin-top:1rem; }
table { width:100%;border-collapse:collapse;min-width:560px; }
th,td { padding:.75rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top; }
th { color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em; }
td small { display:block;margin-top:.2rem; }
.two-columns { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem; }
.chips { display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0; }
.chip { display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .55rem;border:1px solid var(--line);border-radius:999px;background:var(--panel-2); }
.mini-form { display:inline; }
.icon-button { padding:0;width:1.4rem;height:1.4rem;display:inline-grid;place-items:center;border-radius:50%;color:var(--muted);background:#11141b; }
.inline-fields { display:flex;align-items:end;gap:.7rem;max-width:560px; }
.inline-fields label { flex:1; }
.accent-panel { border-color:rgba(255,120,180,.35);box-shadow:inset 0 1px 0 rgba(255,120,180,.12); }
.empty-inline { color:var(--muted); }
@media(max-width:600px){header{padding:0 1rem}.account{display:none}main{width:min(94vw,1120px);padding-top:2rem}.leaderboard li{grid-template-columns:36px 44px 1fr}.avatar,.avatar-placeholder{width:42px;height:42px}}
@media(max-width:800px){.two-columns{grid-template-columns:1fr}.tab-heading{align-items:flex-start;flex-direction:column}.tab-stat{text-align:left}.settings-tabs{top:72px}.inline-fields{align-items:stretch;flex-direction:column}}