/* Boost appearance uses the existing flat Kavare palette, never a gradient. */
.boost-settings { --boost-blue:#0060ff; --boost-surface:#111; --boost-raised:#1c1c1c; --boost-border:#303030; --boost-text:#f5f5f5; --boost-muted:#b6bdc9; color:var(--boost-text); min-width:0; }
.boost-settings-heading { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding-bottom:20px; }
.boost-settings-heading div { flex:1; min-width:150px; }
.boost-settings-heading h3 { margin:0; font-size:22px; }
.boost-settings-heading p,.boost-settings-summary { margin:6px 0 0; color:var(--boost-muted); font-size:14px; line-height:1.8; }
.boost-current-level,.boost-level-requirement { display:inline-flex; align-items:center; border-radius:7px; padding:3px 9px; background:#122a4c; color:#a9ceff; white-space:nowrap; font-size:12px; font-weight:700; }
.boost-level-milestones { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.boost-level-milestones>div { display:grid; gap:6px; border-bottom:3px solid var(--boost-border); padding:12px 8px; background:var(--boost-surface); border-radius:8px 8px 0 0; }
.boost-level-milestones span,.boost-level-milestones small { color:var(--boost-muted); font-size:12px; }
.boost-level-milestones strong { font-size:14px; }
.boost-level-milestones>div.is-unlocked { border-color:var(--boost-blue); }
.boost-level-milestones .is-unlocked small { color:#74c8a7; }
.boost-setting-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:28px; align-items:start; padding:30px 0; border-bottom:1px solid var(--boost-border); }
.boost-setting-copy,.boost-setting-row>div { min-width:0; }
.boost-setting-title { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.boost-setting-title h4 { font-size:16px; margin:0; }
.boost-setting-copy p { margin:10px 0; color:var(--boost-muted); font-size:14px; line-height:1.9; }
.boost-setting-copy>small { display:block; color:var(--boost-muted); font-size:12px; line-height:1.9; }
.boost-settings button,.boost-settings a.boost-unlock-button { font:inherit; font-size:13px; min-height:44px; border:1px solid #454545; border-radius:10px; padding:9px 14px; background:var(--boost-raised); color:var(--boost-text); cursor:pointer; transition:background .18s ease,border-color .18s ease; text-decoration:none; }
.boost-settings button:hover:not(:disabled),.boost-settings a.boost-unlock-button:hover { background:#252525; border-color:#80b4ff; }
.boost-settings :is(button,a,input):focus-visible,.server-boost-progress:focus-visible { outline:2px solid #8cbeff; outline-offset:3px; }
.boost-settings button:disabled { opacity:.45; cursor:not-allowed; }
.boost-settings a.boost-unlock-button { display:inline-flex; align-items:center; gap:8px; background:#fff; color:#0c0c0c; border-color:#fff; margin-top:16px; }
.boost-settings a.boost-unlock-button:hover { background:#dceaff; }
.boost-settings .boost-progress-switch { min-width:44px; width:44px; min-height:44px; height:44px; padding:10px 3px; border:0; margin-inline-start:auto; background:transparent; position:relative; flex:none; }
.boost-progress-switch::before { content:''; position:absolute; inset:10px 0; border:1px solid #666; border-radius:20px; background:#303030; }
.boost-progress-switch span { position:relative; display:block; width:18px; height:18px; border-radius:50%; background:white; transform:translateX(0); transition:transform .18s ease; }
.boost-progress-switch[aria-checked=true]::before { background:var(--boost-blue); border-color:var(--boost-blue); }
.boost-progress-switch[aria-checked=true] span { transform:translateX(-20px); }
.boost-progress-preview { background:#0a0a0a; border:1px solid var(--boost-border); border-radius:12px; overflow:hidden; padding-bottom:16px; }
.boost-mini-banner { min-height:108px; padding:18px; display:flex; align-items:flex-start; gap:8px; background:#122a4c; background-size:cover; background-position:center; text-shadow:0 1px 4px #000; }
.boost-mini-banner strong { overflow-wrap:anywhere; }
.boost-mini-progress { position:relative; margin:14px 12px; display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; font-size:12px; }
.boost-mini-progress progress { width:100%; height:6px; appearance:none; border:0; border-radius:8px; overflow:hidden; }
.boost-mini-progress progress::-webkit-progress-bar { background:#303030; }
.boost-mini-progress progress::-webkit-progress-value { background:#0060ff; }
.boost-mini-progress progress::-moz-progress-bar { background:#0060ff; }
.boost-mini-channel { display:block; padding:6px 16px; font-size:13px; color:var(--boost-muted); }
.boost-image-preview { aspect-ratio:16/9; background:#242424; border:1px dashed #535353; border-radius:12px; overflow:hidden; position:relative; display:grid; place-items:center; }
.boost-image-preview>img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.boost-image-preview>[data-boost-image-placeholder] { display:grid; justify-items:center; gap:12px; color:#b6bdc9; }
.boost-image-preview>[data-boost-image-placeholder]>i { font-size:28px; }
.boost-image-lock { position:absolute; bottom:10px; inset-inline:10px; padding:8px 10px; display:flex; justify-content:center; gap:8px; border-radius:8px; background:#101010ed; font-size:12px; color:#e3e7ed; }
.boost-setting-row.is-locked .boost-image-preview>img { opacity:.35; }
.boost-asset-controls { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:16px; }
.boost-asset-status:empty,.boost-settings-status:empty { display:none; }
.boost-settings [hidden] { display:none!important; }
.boost-settings-status { font-size:14px; color:#a9ceff; padding:10px 0; overflow-wrap:anywhere; }
.boost-settings [data-boost-asset-status] { font-size:13px; color:#a9ceff; }
.boost-settings .vanity-invite-form { margin:0; padding:16px; background:#151515; border:1px solid var(--boost-border); border-radius:12px; }
.boost-settings .vanity-invite-form>h3 { display:none; }
.boost-settings .vanity-controls { flex-wrap:wrap; }
.boost-settings .vanity-input-row { min-width:0; }
.boost-settings .vanity-input-row input { min-width:0; width:100%; }
.boost-settings .vanity-invite-form p { overflow-wrap:anywhere; font-size:13px; }
.boost-settings .vanity-invite-form label { font-size:13px; }
.server-boost-progress { display:block; padding:12px 14px; margin:0; background:#101010; border:0; border-bottom:1px solid #303030; color:#c1c8d2; text-decoration:none; font-size:12px; }
.server-boost-progress>span { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.server-boost-progress strong { color:#a9ceff; font-weight:600; }
.server-boost-progress progress { display:block; margin-top:8px; width:100%; height:5px; appearance:none; overflow:hidden; border:0; border-radius:8px; background:#303030; }
.server-boost-progress progress::-webkit-progress-bar { background:#303030; }
.server-boost-progress progress::-webkit-progress-value { background:#0060ff; }
.server-boost-progress progress::-moz-progress-bar { background:#0060ff; }
.server-boost-progress:hover { background:#191919; }
.workspace-banner-crop canvas { aspect-ratio:16/9; }
.boost-settings-link { display:inline-flex; align-items:center; gap:8px; margin-top:16px; color:#a9ceff; }
.invite-preview-page { margin:0; min-height:100dvh; background:#080808; color:#fff; font-family:'Baloo Bhaijaan 2',sans-serif; padding:clamp(16px,4vw,48px); display:grid; place-items:center; }
.invite-preview-card { width:min(100%,520px); background:#111; border:1px solid #333; border-radius:20px; overflow:hidden; text-align:center; }
.invite-preview-background { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.invite-preview-content { padding:24px; }
.invite-preview-avatar { width:72px; height:72px; object-fit:cover; border-radius:20px; background:#0060ff; margin:auto; display:grid; place-items:center; font-size:30px; }
.invite-preview-card h1 { margin:16px 0 8px; overflow-wrap:anywhere; font-size:26px; }
.invite-preview-card p { color:#c1c8d2; line-height:1.8; overflow-wrap:anywhere; }
.invite-preview-card .primary-btn { width:100%; justify-content:center; margin-top:16px; }
.invite-preview-card .invite-cancel { display:inline-block; padding:12px; color:#b6bdc9; margin-top:8px; }
@media(max-width:900px) { .boost-setting-row { gap:20px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); } }
@media(max-width:640px) { .boost-setting-row { grid-template-columns:minmax(0,1fr); gap:16px; padding:24px 0; } .boost-level-milestones { grid-template-columns:1fr; } .boost-level-milestones>div { grid-template-columns:1fr auto; align-items:center; } .boost-level-milestones strong { grid-column:1; } .boost-level-milestones small { grid-column:2; grid-row:1/3; } .boost-settings-heading h3 { font-size:20px; } .boost-settings .vanity-invite-form { padding:12px; } }
@media(prefers-reduced-motion:reduce) { .boost-settings button,.boost-progress-switch span { transition:none; } }