:root { color-scheme: dark; --bg:#101116; --panel:#17191f; --panel2:#20232b; --text:#f4f7fb; --muted:#9ca5b4; --line:#30343d; --accent:#7fd332; --accent2:#e4b34f; --pilot:#35d9ff; --danger:#ee5757; --off:#ff4d4f; }
* { box-sizing: border-box; }
body { margin:0; font:15px/1.5 Inter, ui-sans-serif, system-ui, Segoe UI, Arial, sans-serif; color:var(--text); background:var(--bg); }
a { color:inherit; text-decoration:none; }
.top { height:76px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 28px; border-bottom:1px solid #252b35; background:linear-gradient(180deg,#0b0d13 0%,#090a0f 100%); box-shadow:0 14px 40px rgba(0,0,0,.28); position:sticky; top:0; z-index:5; }
.top .actions { margin-top:0; }
.brand { display:inline-flex; align-items:center; gap:12px; min-width:0; font-size:25px; font-weight:900; letter-spacing:0; }
.brand-icon-wrap { display:inline-flex; align-items:center; justify-content:center; flex:0 0 48px; width:48px; max-width:48px; height:48px; max-height:48px; border-radius:14px; border:1px solid rgba(53,217,255,.38); background:radial-gradient(circle at 50% 42%,rgba(53,217,255,.14),rgba(12,17,25,.95) 68%); box-shadow:0 0 28px rgba(53,217,255,.2), inset 0 0 18px rgba(53,217,255,.08); overflow:hidden; }
.brand-icon { display:block; flex:0 0 48px; width:48px !important; max-width:48px; height:48px !important; max-height:48px; object-fit:contain; transform:scale(1.24); }
.brand-wordmark { display:inline-flex; align-items:baseline; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,.35); }
.brand-pilot { color:var(--pilot); text-shadow:0 0 18px rgba(53,217,255,.35); }
.brand-beta { margin-left:2px; }
.shell { display:grid; grid-template-columns:280px 1fr; min-height:calc(100vh - 76px); }
.side { background:#15171d; border-right:1px solid #242832; padding:22px 16px; position:sticky; top:76px; height:calc(100vh - 76px); overflow:auto; }
.main { padding:38px min(5vw,72px); }
.nav a { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; margin:4px 0; border-radius:8px; color:#d6dce5; }
.nav a.active, .nav a:hover { background:#232730; color:#fff; outline:1px solid #353b45; }
.nav .premium-nav { display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; margin:10px 0 12px; padding:14px; border:1px solid #50333a; background:linear-gradient(180deg,#24171b 0%,#171a20 100%); box-shadow:0 12px 34px rgba(0,0,0,.22); }
.nav .premium-nav.active, .nav .premium-nav:hover { background:linear-gradient(180deg,#2a2028 0%,#20242d 100%); outline:1px solid #6a4550; }
.premium-copy { display:grid; gap:2px; min-width:0; }
.premium-copy strong { color:#fff; overflow-wrap:anywhere; }
.premium-copy small { color:#d8b7c0; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.02em; }
.premium-status { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:999px; font-size:12px; font-weight:900; white-space:nowrap; border:1px solid #723232; color:#ffb7b7; background:#2a1214; }
.premium-nav.unlocked { border-color:#435027; background:linear-gradient(180deg,#1a2513 0%,#171d18 100%); }
.premium-nav.unlocked .premium-status { border-color:#435027; color:#bdf283; background:#17220f; }
.premium-nav.unlocked .premium-copy small { color:#bdf283; }
.premium-nav.expiring { border-color:#8d2d31; background:linear-gradient(180deg,#2b1517 0%,#1c161a 100%); }
.premium-nav.expiring .premium-status { border-color:#8d2d31; color:#ffc7ca; background:#311416; }
.premium-nav.expiring .premium-copy small { color:#ffc7ca; }
.hero { max-width:1020px; padding:72px 28px; margin:0 auto; }
.hero h1 { font-size:clamp(42px,7vw,84px); line-height:1; margin:0 0 18px; letter-spacing:0; }
.hero p { max-width:760px; color:#d5dae3; font-size:19px; }
.public-shell { position:relative; min-height:100vh; overflow:hidden; background:radial-gradient(ellipse at 58% 12%, rgba(53,217,255,.18), transparent 38%), radial-gradient(ellipse at 34% 18%, rgba(127,211,50,.09), transparent 34%), linear-gradient(180deg,#080a0f 0%,#101116 52%,#0c0e13 100%); }
.public-shell::before { content:""; position:absolute; inset:76px 0 auto; height:460px; pointer-events:none; opacity:.34; background:linear-gradient(90deg,transparent,rgba(53,217,255,.2),rgba(127,211,50,.1),rgba(53,217,255,.16),transparent); filter:blur(52px); }
.public-top { height:auto; min-height:76px; flex-wrap:wrap; background:rgba(8,10,15,.72); backdrop-filter:blur(18px) saturate(130%); }
.public-nav { align-items:center; justify-content:flex-end; gap:10px; }
.public-nav .btn { white-space:nowrap; }
.language-slider { display:inline-flex; align-items:center; gap:4px; padding:4px; border:1px solid rgba(210,224,244,.18); border-radius:999px; background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045)); box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 30px rgba(0,0,0,.18); backdrop-filter:blur(14px) saturate(135%); }
.language-slider a { min-width:52px; padding:7px 10px; border-radius:999px; color:#dce4ef; font-size:13px; font-weight:900; text-align:center; }
.language-slider a.active { color:#0d1115; background:linear-gradient(180deg,#bdf283 0%,var(--accent) 100%); box-shadow:0 8px 22px rgba(127,211,50,.22), inset 0 1px 0 rgba(255,255,255,.38); }
.home-page { position:relative; width:min(1500px,calc(100% - 64px)); margin:0 auto; padding:0 0 34px; }
.home-hero-section { min-height:calc(100vh - 76px); display:grid; grid-template-rows:minmax(0,1fr) auto; gap:30px; padding:54px 0 34px; }
.home-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(520px,620px); gap:clamp(48px,5vw,86px); align-items:center; }
.home-hero-copy { min-width:0; text-align:center; justify-self:center; max-width:900px; }
.home-benefit-pill, .home-section-eyebrow { display:inline-flex; align-items:center; gap:9px; padding:9px 16px; border:1px solid rgba(53,217,255,.58); border-radius:999px; color:#c8edff; background:rgba(8,42,56,.58); box-shadow:0 0 32px rgba(53,217,255,.16), inset 0 1px 0 rgba(255,255,255,.12); font-size:14px; font-weight:900; }
.home-benefit-pill::before { content:""; width:9px; height:9px; border-radius:50%; background:var(--pilot); box-shadow:0 0 13px rgba(53,217,255,.74),0 0 24px rgba(127,211,50,.22); }
.home-hero h1 { margin:22px 0 18px; color:#f8fbff; font-size:clamp(48px,7vw,92px); line-height:1; letter-spacing:0; text-wrap:balance; text-shadow:0 0 32px rgba(127,211,50,.1); }
.home-lede { max-width:740px; margin:0 auto; color:#dce4ef; font-size:clamp(18px,2vw,23px); line-height:1.45; text-wrap:balance; }
.home-hero-actions { justify-content:center; margin-top:30px; }
.btn.home-primary-cta, .btn.home-nav-invite { border-color:rgba(173,239,111,.74); background:linear-gradient(180deg,rgba(127,211,50,.48),rgba(127,211,50,.2)); color:#f5ffe9; box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 18px 42px rgba(64,145,34,.24); }
.btn.home-primary-cta { min-height:48px; padding:13px 18px; font-size:16px; }
.btn.home-primary-cta::after, .btn.home-nav-invite::after { content:"\203A"; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; margin-left:8px; border-radius:50%; background:rgba(16,17,22,.42); color:#dff9bd; }
.home-smallprint { margin:14px auto 0; max-width:560px; color:#9ca5b4; font-size:13px; font-weight:700; }
.home-preview { align-self:center; display:grid; gap:18px; min-width:0; width:100%; padding:24px; border:1px solid rgba(53,217,255,.26); border-radius:8px; background:linear-gradient(180deg,rgba(16,31,42,.84),rgba(12,15,24,.78)); box-shadow:0 30px 80px rgba(0,0,0,.36),0 0 46px rgba(53,217,255,.1), inset 0 1px 0 rgba(255,255,255,.11); backdrop-filter:blur(18px) saturate(130%); }
.home-preview-top { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px; align-items:center; padding-bottom:17px; border-bottom:1px solid rgba(53,217,255,.18); }
.home-preview-logo { display:inline-flex; align-items:center; justify-content:center; width:58px; height:58px; border:1px solid rgba(53,217,255,.46); border-radius:8px; background:#0b0d13; overflow:hidden; box-shadow:0 0 28px rgba(53,217,255,.22); }
.home-preview-logo img { width:58px; height:58px; object-fit:contain; transform:scale(1.18); }
.home-preview-top strong, .home-discord-card strong, .home-step strong { display:block; color:#fff; }
.home-preview-top small { display:block; color:#aeb8c6; font-size:13px; font-weight:800; }
.home-discord-card { display:grid; grid-template-columns:auto 1fr; gap:15px; align-items:start; padding:18px; border:1px solid rgba(53,217,255,.32); border-radius:8px; background:linear-gradient(180deg,#303744,#252b36); color:#dbdee1; }
.home-discord-avatar { display:block; flex:0 0 58px; width:58px; height:58px; border-radius:50%; object-fit:cover; background:#0b0d13; border:1px solid rgba(53,217,255,.55); box-shadow:0 0 24px rgba(53,217,255,.28),0 0 0 3px rgba(53,217,255,.08); }
.home-discord-card p { margin:3px 0 0; color:#dfe3ea; font-size:14px; }
.home-preview-list { display:grid; gap:11px; }
.home-preview-list span { display:flex; align-items:center; gap:10px; min-width:0; padding:11px 12px; border:1px solid rgba(53,217,255,.18); border-radius:8px; background:rgba(8,18,27,.76); color:#dce4ef; font-size:14px; font-weight:800; }
.home-preview-list i { flex:0 0 10px; width:10px; height:10px; border-radius:50%; background:var(--pilot); box-shadow:0 0 13px rgba(53,217,255,.54),0 0 18px rgba(127,211,50,.18); }
.home-feature-strip { display:grid; grid-template-columns:repeat(6,minmax(180px,1fr)); gap:14px; }
.home-feature { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:13px; min-width:0; min-height:112px; padding:16px; border:1px solid rgba(53,217,255,.2); border-radius:8px; background:linear-gradient(180deg,rgba(16,31,42,.72),rgba(11,15,24,.78)); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 46px rgba(0,0,0,.18); backdrop-filter:blur(14px) saturate(125%); }
.home-feature-icon { display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:8px; border:1px solid rgba(53,217,255,.48); color:#c8edff; background:rgba(53,217,255,.12); box-shadow:0 0 20px rgba(53,217,255,.14), inset 0 1px 0 rgba(255,255,255,.08); font-weight:900; }
.home-feature strong { display:block; color:#fff; font-size:15px; }
.home-feature small { display:block; margin-top:3px; color:#b9c5d4; font-size:13px; line-height:1.28; }
.home-start { display:grid; grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr); gap:34px; align-items:start; padding:84px 0 40px; }
.home-start h2, .home-pilot-band h2 { margin:14px 0 10px; font-size:clamp(32px,4vw,52px); line-height:1.05; letter-spacing:0; text-wrap:balance; }
.home-start p, .home-pilot-band p { margin:0; color:#cfd6e1; font-size:17px; }
.home-step-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.home-step { position:relative; min-height:190px; padding:22px; border:1px solid rgba(53,217,255,.2); border-radius:8px; background:linear-gradient(180deg,rgba(16,31,42,.72),rgba(12,17,27,.78)); box-shadow:0 20px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07); }
.home-step-number { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; margin-bottom:16px; border-radius:8px; background:rgba(53,217,255,.14); border:1px solid rgba(53,217,255,.42); color:#c8edff; box-shadow:0 0 20px rgba(53,217,255,.12); font-weight:900; }
.home-step p { margin-top:8px; color:#aeb8c6; font-size:14px; }
.home-pilot-band { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:22px; margin:26px 0 24px; padding:18px 22px; border:1px solid rgba(228,179,79,.28); border-radius:8px; background:radial-gradient(circle at 9% 50%,rgba(228,179,79,.13),transparent 24%),linear-gradient(135deg,rgba(13,31,43,.84),rgba(15,18,28,.88)); box-shadow:0 20px 54px rgba(0,0,0,.24),0 0 42px rgba(53,217,255,.08),inset 0 1px 0 rgba(255,255,255,.08); }
.home-pilot-copy { min-width:0; max-width:840px; }
.home-pilot-mascot { position:relative; display:inline-flex; align-items:center; justify-content:center; width:98px; height:98px; border-radius:50%; border:1px solid rgba(228,179,79,.48); background:radial-gradient(circle at 50% 42%,rgba(53,217,255,.18),rgba(9,12,20,.96) 68%); box-shadow:0 0 30px rgba(228,179,79,.16),0 0 28px rgba(53,217,255,.14),inset 0 1px 0 rgba(255,255,255,.12); overflow:hidden; }
.home-pilot-mascot::after { content:""; position:absolute; inset:8px; border-radius:50%; border:1px solid rgba(53,217,255,.16); pointer-events:none; }
.home-pilot-mascot img { display:block; width:92px; height:92px; border-radius:50%; object-fit:cover; transform:scale(1.08); }
.home-pilot-band .home-section-eyebrow { border-color:rgba(228,179,79,.52); color:#ffe7a4; background:rgba(58,40,13,.42); box-shadow:0 0 26px rgba(228,179,79,.11), inset 0 1px 0 rgba(255,255,255,.1); }
.home-pilot-band h2 { margin:8px 0 7px; font-size:clamp(26px,2.7vw,38px); line-height:1.08; }
.home-pilot-band p { max-width:780px; font-size:15px; line-height:1.42; }
.btn.home-pilot-cta { display:inline-flex; align-items:center; justify-content:center; min-height:46px; white-space:nowrap; border-color:rgba(228,179,79,.62); color:#fff6d8; background:linear-gradient(180deg,rgba(228,179,79,.28),rgba(53,217,255,.13)); box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 16px 34px rgba(228,179,79,.1),0 0 24px rgba(53,217,255,.1); }
.btn.home-pilot-cta::after { content:"\2726"; margin-left:8px; color:#ffe7a4; font-size:13px; }
.btn.home-pilot-cta:hover { border-color:rgba(255,216,128,.82); background:linear-gradient(180deg,rgba(228,179,79,.36),rgba(53,217,255,.18)); }
.public-footer { position:relative; z-index:1; display:flex; justify-content:center; align-items:center; gap:16px; flex-wrap:wrap; padding:22px 20px 34px; color:#8893a3; font-size:13px; font-weight:700; }
.public-footer a { color:#b8c2d0; text-decoration:underline; text-decoration-color:rgba(184,194,208,.32); text-underline-offset:3px; }
.actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
.btn, button { border:1px solid rgba(167,184,211,.22); background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045)); color:#fff; padding:10px 14px; border-radius:8px; font-weight:800; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px rgba(0,0,0,.18); backdrop-filter:blur(14px) saturate(125%); transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.btn:hover, button:hover { border-color:rgba(210,224,244,.34); background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.065)); box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 16px 34px rgba(0,0,0,.24); transform:translateY(-1px); }
.btn:active, button:active { transform:translateY(0); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.18); }
.btn.primary, button.primary { background:linear-gradient(180deg,rgba(127,211,50,.36),rgba(127,211,50,.18)); color:#eaffdb; border-color:rgba(127,211,50,.55); box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 34px rgba(64,145,34,.2); }
.btn.primary:hover, button.primary:hover { background:linear-gradient(180deg,rgba(127,211,50,.46),rgba(127,211,50,.24)); border-color:rgba(173,239,111,.72); }
.btn.danger, button.danger { background:linear-gradient(180deg,rgba(238,87,87,.36),rgba(238,87,87,.17)); border-color:rgba(238,87,87,.55); color:#ffe8e8; }
.btn.danger:hover, button.danger:hover { background:linear-gradient(180deg,rgba(238,87,87,.46),rgba(238,87,87,.24)); border-color:rgba(255,150,150,.72); }
.btn.discord-btn { display:inline-flex; align-items:center; gap:8px; background:linear-gradient(180deg,rgba(88,101,242,.48),rgba(88,101,242,.26)); border-color:rgba(140,150,255,.52); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 34px rgba(88,101,242,.2); }
.btn.discord-btn:hover { background:linear-gradient(180deg,rgba(100,113,255,.58),rgba(88,101,242,.32)); border-color:rgba(177,184,255,.68); }
.discord-icon { display:block; width:17px; height:17px; flex:0 0 17px; fill:currentColor; transform:translateY(1px); }
.btn.invite-btn { display:inline-flex; align-items:center; background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045)); border-color:rgba(167,184,211,.22); color:#fff; }
.btn.invite-btn:hover { background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.065)); border-color:rgba(210,224,244,.34); }
.invite-label { display:inline-flex; align-items:baseline; gap:3px; }
.invite-action { color:var(--accent); }
.invite-brand { display:inline-flex; align-items:baseline; }
.invite-guild { color:#fff; }
.invite-pilot { color:var(--pilot); text-shadow:0 0 14px rgba(53,217,255,.45); }
.guild-row td { padding-top:7px; padding-bottom:7px; }
.guild-action-cell { width:1%; white-space:nowrap; }
.btn.guild-action-btn { display:inline-flex; align-items:center; justify-content:center; min-height:32px; min-width:68px; padding:6px 11px; font-size:14px; line-height:1.1; border-radius:7px; box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.14); }
.btn.guild-action-btn:hover { box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 24px rgba(0,0,0,.2); }
.btn.guild-action-btn .invite-label { gap:2px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; }
.panel { background:var(--panel); border:1px solid #262b34; border-radius:8px; padding:20px; margin:0 0 18px; box-shadow:0 18px 60px rgba(0,0,0,.2); }
.panel h2, .panel h3 { margin:0 0 8px; }
.muted { color:var(--muted); }
.form-section { padding:0 0 18px; margin:0 0 18px; border-bottom:1px solid #2a2f38; }
.form-section:last-of-type { border-bottom:0; }
.settings-form h2 { font-size:18px; }
.settings-field { margin-top:16px; }
.settings-field h3 { margin:0 0 8px; font-size:15px; }
.combo-select { position:relative; }
.combo-control { display:flex; align-items:center; flex-wrap:wrap; gap:7px; min-height:46px; background:#0f1116; border:1px solid #303642; border-radius:8px; padding:6px 8px; cursor:text; }
.combo-control:focus-within, .combo-select.open .combo-control { border-color:#5d6a7c; box-shadow:0 0 0 3px rgba(127,211,50,.08); }
.combo-chips { display:flex; flex-wrap:wrap; gap:6px; }
.combo-chip { display:inline-flex; align-items:center; gap:7px; max-width:100%; border:1px solid #394252; border-radius:6px; background:#202631; padding:5px 7px; color:#f2f6fb; font-size:13px; font-weight:800; }
.combo-chip span { overflow-wrap:anywhere; }
.combo-chip button { padding:0 4px; min-width:20px; height:20px; border-radius:5px; border-color:#4b5566; background:#151a22; color:#c8d1df; line-height:1; }
.combo-input { flex:1 1 180px; min-width:160px; border:0; background:transparent; padding:5px 4px; outline:0; }
.combo-menu { display:none; position:absolute; left:0; right:0; top:calc(100% + 6px); z-index:10; max-height:280px; overflow:auto; border:1px solid #303642; border-radius:8px; background:#101218; box-shadow:0 18px 50px rgba(0,0,0,.35); padding:6px; }
.combo-select.open .combo-menu { display:grid; gap:4px; }
.combo-option, .command-option { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; width:100%; min-height:44px; border:1px solid transparent; border-radius:7px; background:transparent; color:#e8edf5; padding:8px 10px; text-align:left; }
.combo-option:hover, .combo-option.selected, .command-option:hover { border-color:#354050; background:#171c25; }
.combo-option strong, .command-option strong { display:block; overflow-wrap:anywhere; }
.combo-option small, .command-option small { display:block; margin-top:2px; color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.combo-marker, .command-icon { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:6px; color:#dce4ef; background:#242a34; font-weight:900; }
.combo-meta { color:var(--muted); font-size:12px; font-weight:800; }
.role-swatch { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:6px; color:#dce4ef; background:#242a34; font-weight:900; }
.role-swatch { border:1px solid rgba(255,255,255,.18); }
.command-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:8px; margin-top:10px; }
.command-option { border-color:#303642; background:#101218; }
.empty-list { padding:12px; border:1px dashed #3a414d; border-radius:8px; color:var(--muted); background:#101218; }
.counter-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:18px; align-items:start; }
.counter-card { display:grid; gap:14px; }
.counter-card header { display:flex; align-items:start; justify-content:space-between; gap:16px; padding-bottom:14px; border-bottom:1px solid #2a2f38; }
.counter-card h2 { margin:0; }
.counter-card p { margin:4px 0 0; }
.counter-preview { border:1px solid #303642; background:#0f1116; border-radius:8px; padding:12px; color:#d7dde7; }
.counter-preview strong { display:block; color:#f4f7fb; overflow-wrap:anywhere; }
.auto-voice-hub { display:grid; gap:16px; }
.auto-voice-header { margin-bottom:0; }
.auto-voice-system-list { display:grid; gap:10px; }
.auto-voice-system { display:grid; grid-template-columns:minmax(260px,1fr) minmax(280px,1.1fr) auto; gap:12px; align-items:center; padding:12px; border:1px solid var(--line); border-radius:8px; background:#11141a; }
.auto-voice-system-main { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:12px; width:100%; padding:0; border:0; background:transparent; color:inherit; text-align:left; text-decoration:none; }
.auto-voice-system-main strong { display:block; overflow-wrap:anywhere; }
.auto-voice-system-main small { display:block; color:var(--muted); font-weight:700; }
.auto-voice-system-meta { display:flex; align-items:center; gap:8px; flex-wrap:wrap; color:#cfd6e1; font-size:13px; }
.auto-voice-system-meta span:not(.pill) { padding:4px 8px; border:1px solid #303642; border-radius:8px; background:#0f1116; overflow-wrap:anywhere; }
.auto-voice-delete { margin:0; }
.auto-voice-editor { border-top:1px solid var(--line); padding-top:16px; }
label { display:block; color:#d7dde7; font-weight:700; margin:14px 0 6px; }
input, select, textarea { width:100%; background:#0f1116; color:#f7f8fb; border:1px solid #303642; border-radius:8px; padding:11px 12px; font:inherit; }
input[type="file"] { padding:9px 12px; }
.field-help { margin:6px 0 12px; color:var(--muted); font-size:13px; }
.pilot-help-steps { display:grid; gap:12px; margin-top:16px; }
.setup-step { padding:14px; border:1px solid var(--line); border-radius:8px; background:#11141a; }
.setup-step h3 { margin:0 0 8px; font-size:17px; }
.setup-step p { margin:8px 0; color:#d7dde7; }
.setup-step p:last-child { margin-bottom:0; }
.setup-step code { padding:2px 5px; border-radius:5px; background:#080b10; color:#bdf283; font:700 12px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; }
.switch-toggle { display:inline-flex; align-items:center; gap:10px; margin:14px 0 6px; color:#dff9bd; font-weight:800; cursor:pointer; }
.switch-toggle.compact { margin:0; }
.switch-toggle input { position:absolute; opacity:0; width:1px; height:1px; pointer-events:none; }
.switch-slider { position:relative; width:48px; height:26px; border-radius:999px; border:1px solid #723232; background:#2a1214; transition:background .16s ease, border-color .16s ease; }
.switch-slider::before { content:""; position:absolute; width:20px; height:20px; left:3px; top:2px; border-radius:50%; background:#ffb7b7; transition:transform .16s ease, background .16s ease; }
.switch-toggle input:checked + .switch-slider { border-color:#7fd332; background:#7fd332; box-shadow:0 0 18px rgba(127,211,50,.24); }
.switch-toggle input:checked + .switch-slider::before { transform:translateX(22px); background:#101116; }
.switch-toggle input:focus-visible + .switch-slider { outline:2px solid #dff9bd; outline-offset:3px; }
.switch-toggle:has(input[type="checkbox"]:not(:checked)) { color:#ffb7b7; }
.switch-label-on, .switch-label-off { display:inline; }
.switch-toggle input:not(:checked) ~ .switch-label .switch-label-on { display:none; }
.switch-toggle input:checked ~ .switch-label .switch-label-off { display:none; }
textarea { min-height:110px; resize:vertical; }
table { width:100%; border-collapse:collapse; }
th, td { padding:10px; border-bottom:1px solid #2a2f38; text-align:left; }
.pill { display:inline-flex; padding:3px 8px; border-radius:999px; border:1px solid #435027; color:#bdf283; background:#17220f; font-size:12px; font-weight:800; }
.pill.status-on { border-color:#435027; color:#bdf283; background:#17220f; }
.pill.status-off { border-color:#723232; color:#ffb7b7; background:#2a1214; }
.guild-server-name, .pilot-server-badge { display:inline-flex; align-items:center; gap:8px; }
.pilot-server-name { color:var(--pilot); text-shadow:0 0 14px rgba(53,217,255,.35); }
.pilot-server-icon { flex:0 0 24px; width:24px; height:24px; border-radius:50%; object-fit:cover; border:1px solid rgba(53,217,255,.5); box-shadow:0 0 16px rgba(53,217,255,.25); background:#0b0d13; }
.guild-status-tags { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.pill.pilot-tag { border-color:#237bc2; color:#c8edff; background:#0f263b; box-shadow:0 0 18px rgba(53,217,255,.14); }
.pill.ticket-style-primary { border-color:#3443b5; color:#cdd4ff; background:#172052; }
.pill.ticket-style-secondary { border-color:#4d5665; color:#d9dee8; background:#20242d; }
.pill.ticket-style-success { border-color:#247943; color:#c5f0d4; background:#11281a; }
.pill.ticket-style-danger { border-color:#8d2d31; color:#ffc7ca; background:#311416; }
.notice { padding:12px 14px; border-radius:8px; background:#142313; border:1px solid #355d22; margin-bottom:18px; }
.warn { background:#2c2312; border-color:#6a511d; }
.logs-form { display:grid; gap:22px; max-width:1024px; }
.logs-head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:4px; }
.logs-head h1 { margin:0; font-size:38px; line-height:1.1; }
.logs-head p { margin:8px 0 0; max-width:680px; }
.logs-master-toggle { margin:0; flex:0 0 auto; }
.log-card { margin:0; padding:28px 20px; background:#0d0f13; border-color:#242832; box-shadow:0 22px 70px rgba(0,0,0,.24); }
.log-card h2 { font-size:22px; margin:0 0 2px; }
.log-card p { margin:0; }
.log-divider { height:1px; background:#2f343d; margin:20px 0; }
.logs-save { justify-self:start; }
.section-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }
.section-head h2 { margin:0 0 4px; }
.row-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.row-actions form { margin:0; }
.welcome-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:18px; align-items:start; }
.welcome-preview-panel { position:sticky; top:92px; }
.discord-preview { background:#313338; border:1px solid #3d4148; border-radius:8px; padding:16px; color:#f2f3f5; }
.preview-author { color:#b5bac1; font-size:13px; font-weight:700; margin-bottom:8px; }
.preview-content { margin-bottom:10px; overflow-wrap:anywhere; white-space:pre-wrap; }
.saved-preview-label { margin:14px 0 8px; }
.welcome-rendered-preview { display:block; width:100%; aspect-ratio:3/1; object-fit:cover; border-radius:6px; border:1px solid #1f2024; background:#101116; }
.embed-builder-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); gap:18px; align-items:start; }
.embed-editor { min-width:0; }
.embed-preview-panel { position:sticky; top:92px; }
.builder-section { padding:16px 0; border-top:1px solid var(--line); }
.builder-section:first-child { border-top:0; padding-top:0; }
.builder-section h2 { font-size:18px; margin:0 0 6px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.color-row { display:grid; grid-template-columns:74px 1fr; gap:10px; align-items:end; }
input[type="color"] { min-height:43px; padding:4px; }
.upload-card { display:grid; gap:8px; padding:12px; border:1px solid var(--line); border-radius:8px; background:#14171d; }
.upload-card label { margin:0; }
.upload-card .muted { margin:0; font-size:13px; }
.profile-upload-card { margin:14px 0; }
.profile-upload-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.profile-upload-head strong { display:block; color:#f4f7fb; font-size:15px; }
.profile-upload-body { display:grid; grid-template-columns:72px minmax(180px,1fr); gap:12px; align-items:center; }
.profile-image-preview, .profile-image-empty { display:flex; align-items:center; justify-content:center; width:72px; height:72px; border:1px solid #303642; border-radius:8px; background:#0f1116; color:var(--muted); font-size:12px; font-weight:800; text-align:center; object-fit:cover; }
.file-picker { display:inline-flex; align-items:center; justify-content:center; width:max-content; min-height:42px; padding:10px 14px; border:1px solid #3b414d; border-radius:8px; background:#242933; color:#fff; font-weight:800; cursor:pointer; }
.file-picker:hover, .file-picker:focus-within { border-color:#5d6a7c; background:#2b313d; }
.file-picker input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.url-fallback { margin-top:4px; }
.url-fallback summary { cursor:pointer; color:#d7dde7; font-weight:800; }
.url-fallback label { margin-top:8px; }
.builder-item { padding:12px; border:1px solid var(--line); border-radius:8px; margin:10px 0; background:#14171d; }
.builder-item-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
.builder-item-head h3 { margin:0; font-size:14px; color:#e8edf5; }
.small-btn { padding:7px 10px; font-size:13px; }
.mini-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; }
.advanced-json summary { cursor:pointer; color:#d7dde7; font-weight:800; margin:8px 0; }
.advanced-json textarea { min-height:180px; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:13px; }
.discord-stage { background:#313338; border:1px solid #3d4148; border-radius:8px; padding:18px; min-height:360px; }
.discord-message { display:grid; grid-template-columns:40px 1fr; gap:12px; color:#dbdee1; }
.discord-avatar { width:40px; height:40px; border-radius:50%; background:linear-gradient(135deg,var(--accent2),var(--accent)); }
.discord-author { font-weight:800; color:#f2f3f5; margin-bottom:3px; }
.discord-content { white-space:pre-wrap; margin-bottom:8px; color:#dbdee1; }
.discord-embed { border-left:4px solid var(--accent); background:#2b2d31; border-radius:4px; max-width:560px; padding:12px; display:grid; gap:8px; }
.discord-embed-top { display:flex; justify-content:space-between; gap:12px; }
.discord-embed-main { min-width:0; }
.discord-embed-author, .discord-embed-footer { color:#dbdee1; font-size:13px; }
.discord-embed-title { color:#f2f3f5; font-weight:800; overflow-wrap:anywhere; }
.discord-embed-desc { white-space:pre-wrap; overflow-wrap:anywhere; }
.discord-thumb { width:80px; height:80px; border-radius:6px; object-fit:cover; background:#1e1f22; }
.discord-image { max-width:100%; max-height:260px; border-radius:6px; object-fit:cover; background:#1e1f22; }
.discord-fields { display:grid; grid-template-columns:1fr; gap:10px; }
.discord-field.inline { display:inline-block; width:31%; min-width:130px; vertical-align:top; margin-right:8px; }
.discord-field-name { color:#f2f3f5; font-weight:800; font-size:13px; overflow-wrap:anywhere; }
.discord-field-value { white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; }
.discord-buttons { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.discord-button { display:inline-flex; align-items:center; min-height:32px; padding:6px 12px; border-radius:4px; background:#5865f2; color:#fff; font-weight:800; font-size:13px; }
.discord-button.secondary { background:#4e5058; }
.discord-button.success { background:#248046; }
.discord-button.danger { background:#da373c; }
.discord-button.link { background:#5865f2; }
.empty-preview { color:#b5bac1; }
.ticket-type-list { display:grid; gap:12px; }
.ticket-hub, .ticket-builder { display:grid; gap:14px; }
.ticket-system { grid-template-columns:minmax(260px,1fr) minmax(280px,1.1fr) auto; }
.ticket-transcript { white-space:pre-wrap; overflow:auto; max-height:70vh; padding:14px; border:1px solid var(--line); border-radius:8px; background:#0f1116; color:#d7dde7; }
.ticket-hub-editor { display:grid; gap:12px; padding-top:4px; }
.ticket-types-overview { display:grid; gap:16px; }
.ticket-type-row { grid-template-columns:minmax(260px,1fr) minmax(220px,.8fr) auto; }
.ticket-type-editor { max-width:1080px; }
.ticket-type-pick-list { display:flex; flex-wrap:wrap; gap:8px; padding:10px; border:1px solid var(--line); border-radius:8px; background:#0f1116; }
.ticket-type-pick { display:inline-flex; align-items:center; gap:8px; margin:0; padding:7px 10px; border:1px solid #303642; border-radius:7px; background:#171c25; color:#e8edf5; font-size:13px; }
.ticket-type-pick input { width:auto; margin:0; }
.token-field label { margin-bottom:8px; }
.token-chip-list { display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 14px; }
.token-chip { display:inline-flex; align-items:center; gap:8px; width:auto; padding:7px 10px; border:1px solid #303642; border-radius:7px; background:#111722; color:#e8edf5; font-size:13px; }
.token-chip:hover, .token-chip:focus-visible { border-color:#5d6a7c; background:#182132; }
.token-chip strong { font-size:13px; }
.token-chip code { padding:2px 5px; border-radius:5px; background:#080b10; color:#bdf283; font:700 12px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; }
.components-v2-builder .v2-component-list { display:grid; gap:12px; }
.components-v2-builder .v2-component { margin:0; }
.v2-kind-fields { margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }
.compact-v2-row { margin:8px 0; background:#10141b; }
.v2-preview { display:grid; gap:10px; max-width:620px; }
.v2-preview-text { white-space:pre-wrap; overflow-wrap:anywhere; color:#dbdee1; }
.v2-preview-section { display:grid; grid-template-columns:minmax(0,1fr) 88px; gap:12px; align-items:start; padding:12px; border:1px solid #3d4148; border-radius:8px; background:#2b2d31; color:#dbdee1; white-space:pre-wrap; overflow-wrap:anywhere; }
.v2-preview-section img { width:88px; aspect-ratio:1/1; object-fit:cover; border-radius:6px; background:#1e1f22; }
.v2-preview-media { border:1px solid #3d4148; border-radius:8px; overflow:hidden; background:#2b2d31; }
.v2-preview-media img { display:block; width:100%; max-height:260px; object-fit:cover; background:#1e1f22; }
.v2-preview-file { padding:10px 12px; border:1px solid #3d4148; border-radius:8px; background:#2b2d31; color:#f2f3f5; font-weight:800; overflow-wrap:anywhere; }
.v2-preview-separator { height:10px; }
.v2-preview-separator.large { height:22px; }
.v2-preview-separator.divider { border-top:1px solid #4a4e57; height:18px; margin-top:6px; }
.v2-preview-separator.divider.large { height:30px; }
.v2-preview-container { display:grid; gap:10px; padding:12px; border:1px solid #3d4148; border-left:4px solid var(--accent); border-radius:8px; background:#2b2d31; }
.v2-preview-container > img { display:block; width:100%; max-height:240px; object-fit:cover; border-radius:6px; background:#1e1f22; }
.v2-preview-select { display:grid; gap:7px; padding:10px; border:1px solid #3d4148; border-radius:8px; background:#2b2d31; }
.v2-preview-select strong { color:#f2f3f5; }
.v2-preview-select span { display:block; padding:7px 9px; border-radius:6px; background:#1f2229; color:#dbdee1; font-weight:700; }
.components-v2-canvas-builder { display:grid; gap:18px; }
.v2-canvas-settings { border:1px solid var(--line); border-radius:8px; padding:18px; background:#101218; }
.v2-canvas-workspace { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:18px; align-items:start; }
.v2-canvas-panel, .v2-inspector-panel { border:1px solid var(--line); border-radius:8px; background:#11141a; padding:16px; }
.v2-canvas-toolbar { position:relative; display:flex; gap:10px; margin-bottom:14px; }
.v2-add-menu { position:absolute; left:0; top:calc(100% + 6px); z-index:4; min-width:210px; padding:6px; border:1px solid #303642; border-radius:8px; background:#16191f; box-shadow:0 18px 48px rgba(0,0,0,.36); }
.v2-add-menu[hidden] { display:none; }
.v2-add-menu:not([hidden]) { display:grid; }
.v2-add-menu button { width:100%; text-align:left; justify-content:flex-start; border-color:transparent; background:transparent; box-shadow:none; border-radius:6px; }
.v2-add-menu button:hover { background:#232832; transform:none; }
.v2-canvas-message { display:grid; gap:10px; min-height:320px; padding:18px; border:1px solid #3d4148; border-radius:8px; background:#343840; }
.v2-canvas-empty { display:flex; align-items:center; justify-content:center; min-height:220px; border:1px dashed #555b66; border-radius:8px; color:#c1c8d4; font-weight:800; }
.v2-canvas-node { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:8px; align-items:start; padding:8px; border:1px solid transparent; border-radius:8px; background:#353941; }
.v2-canvas-node.selected { border-color:#7fd332; box-shadow:0 0 0 2px rgba(127,211,50,.12); }
.v2-drag-handle { width:24px; min-width:24px; padding:5px 0; border:0; background:transparent; box-shadow:none; color:#b6beca; cursor:grab; }
.v2-drag-handle:hover { transform:none; background:transparent; }
.v2-node-body { min-width:0; color:#e8edf5; overflow-wrap:anywhere; }
.v2-node-text { white-space:pre-wrap; }
.v2-node-container { display:grid; gap:6px; padding:10px; border:1px solid #444a55; border-left:4px solid var(--accent); border-radius:6px; background:#252932; }
.v2-node-container span { white-space:pre-wrap; color:#cbd2dd; }
.v2-node-media { display:grid; gap:8px; justify-items:start; }
.v2-node-media img { max-width:340px; max-height:190px; border-radius:6px; object-fit:cover; background:#20232b; }
.v2-node-file { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.v2-node-file span { padding:10px 12px; border:1px solid #4b5260; border-radius:6px; background:#444954; font-weight:800; }
.v2-node-separator { min-height:18px; border-top:1px solid #22262e; margin-top:8px; text-align:center; color:#b7bfcb; font-size:12px; font-weight:800; }
.v2-node-separator.large { min-height:30px; }
.v2-node-select { display:grid; gap:7px; max-width:520px; padding:10px; border:1px solid #444a55; border-radius:6px; background:#252932; }
.v2-node-select span { display:block; padding:7px 9px; border-radius:6px; background:#1c2028; color:#dce2ec; }
.v2-node-actions { display:flex; gap:5px; }
.v2-node-actions button { width:28px; height:28px; padding:0; border-radius:6px; }
.v2-inline-upload { display:inline-flex; align-items:center; width:auto; margin:0; padding:8px 10px; border:1px solid #4b5260; border-radius:6px; background:#444954; color:#f4f7fb; font-size:13px; cursor:pointer; }
.v2-inline-upload input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.v2-inspector-panel { position:sticky; top:92px; display:grid; gap:10px; }
.v2-inspector-panel h2 { margin:0 0 6px; font-size:18px; }
.v2-inspector-panel h3 { margin:10px 0 0; font-size:14px; color:#dfe6ef; }
.v2-inspector-panel label { margin:0; }
.v2-inspector-panel .check-row { display:flex; align-items:center; gap:8px; }
.v2-inspector-panel .check-row input { width:auto; }
.v2-option-editor { display:grid; gap:8px; padding:10px; border:1px solid var(--line); border-radius:8px; background:#0f1116; }
.discord-button.disabled { opacity:.55; }
@media (max-width: 1040px) {
  .home-hero { grid-template-columns:1fr; }
  .home-preview { width:min(100%,620px); justify-self:center; }
  .home-feature-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .home-start { grid-template-columns:1fr; }
}
@media (max-width: 780px) {
  .top.public-top { align-items:flex-start; padding-top:12px; padding-bottom:12px; }
  .public-nav { width:100%; justify-content:flex-start; }
  .home-page { width:calc(100% - 32px); }
  .home-hero-section { min-height:auto; padding:38px 0 22px; }
  .home-hero { gap:28px; }
  .home-hero h1 { font-size:clamp(42px,13vw,62px); }
  .home-hero-actions { align-items:stretch; }
  .home-feature-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-start { padding:46px 0 24px; }
  .home-step-grid { grid-template-columns:1fr; }
  .home-step { min-height:auto; }
  .home-pilot-band { grid-template-columns:auto minmax(0,1fr); align-items:center; padding:20px; }
  .home-pilot-cta { grid-column:1 / -1; justify-self:start; }
}
@media (max-width: 540px) {
  .public-top .brand { font-size:21px; }
  .public-top .brand-icon-wrap { flex-basis:42px; width:42px; max-width:42px; height:42px; max-height:42px; }
  .public-top .brand-icon { flex-basis:42px; width:42px !important; max-width:42px; height:42px !important; max-height:42px; }
  .public-top .brand-beta { display:none; }
  .language-slider { width:100%; }
  .language-slider a { flex:1 1 0; }
  .public-nav .btn { display:inline-flex; justify-content:center; flex:1 1 150px; min-width:0; }
  .home-primary-cta { width:100%; justify-content:center; }
  .home-benefit-pill { max-width:100%; padding:7px 11px; font-size:12px; }
  .home-hero h1 { font-size:clamp(38px,11.5vw,50px); }
  .home-lede { font-size:16px; }
  .home-smallprint { display:none; }
  .home-feature-strip { grid-template-columns:1fr; }
  .home-feature { min-height:auto; }
  .home-preview-top { grid-template-columns:auto minmax(0,1fr); }
  .home-preview-top .pill { grid-column:1 / -1; justify-self:start; }
  .home-discord-card { grid-template-columns:1fr; }
  .home-pilot-band { grid-template-columns:1fr; justify-items:start; }
  .home-pilot-mascot { width:92px; height:92px; }
  .home-pilot-mascot img { width:86px; height:86px; }
}
@media (max-width: 1100px) { .welcome-layout { grid-template-columns:1fr; } .welcome-preview-panel { position:static; } }
@media (max-width: 1120px) { .embed-builder-grid { grid-template-columns:1fr; } .embed-preview-panel { position:static; } }
@media (max-width: 1120px) { .v2-canvas-workspace { grid-template-columns:1fr; } .v2-inspector-panel { position:static; } }
@media (max-width: 760px) { .auto-voice-system { grid-template-columns:1fr; } .auto-voice-delete { justify-self:start; } }
@media (max-width: 620px) { .form-row, .color-row, .command-list { grid-template-columns:1fr; } .section-head { align-items:flex-start; flex-direction:column; } .discord-field.inline { display:block; width:100%; } }
@media (max-width: 620px) { .logs-head { align-items:flex-start; flex-direction:column; } .logs-head h1 { font-size:32px; } }
@media (max-width: 860px) { .shell { grid-template-columns:1fr; } .side { position:static; height:auto; } .main { padding:24px 16px; } .top { padding:0 16px; } }