:root{
  --kai-bg:#04101d;
  --kai-panel:#08192d;
  --kai-panel-soft:#0b2037;
  --kai-card:rgba(9,25,45,.72);
  --kai-border:rgba(137,229,255,.14);
  --kai-border-strong:rgba(137,229,255,.24);
  --kai-text:#f4fbff;
  --kai-muted:rgba(224,241,255,.68);
  --kai-soft:rgba(224,241,255,.42);
  --kai-burg:#12b7e6;
  --kai-blue:#1170c5;
  --kai-deep:#0b3566;
  --kai-accent:#89e5ff;
  --kai-accent-strong:#2fc9ff;
  --kai-brand-silver:#e1ebf4;
}
html,body{
  background:
    radial-gradient(circle at 14% 8%, rgba(137,229,255,.13), transparent 18%),
    radial-gradient(circle at 83% 7%, rgba(49,118,255,.16), transparent 20%),
    linear-gradient(180deg,#05101c 0%,#081425 42%,#05111d 100%);
}
body::before{
  background:
    linear-gradient(rgba(137,229,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(137,229,255,.02) 1px, transparent 1px);
  background-size:34px 34px;
  opacity:.58;
}
.kai-card,.kai-banner,.kai-filter-bar,.kai-song-row,.kai-form-block,.kai-plan,.kai-table-card,.kai-side-note,.kai-playlist-card,.kai-hero-chip,.kai-alert,
.kai-marketing-composer,.kai-marketing-advanced-card,.kai-marketing-editor-card,.kai-marketing-accordion,
.kai-admin-form-card,.kai-admin-table-card,.kai-admin-note,.kai-admin-card,.kai-admin-module,.kai-admin-surface-item,
.kai-auth-simple-card,.kai-more-panel,.kai-profile-panel{
  background:linear-gradient(180deg, rgba(10,28,48,.74), rgba(7,20,35,.64));
  border-color:rgba(137,229,255,.12);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  backdrop-filter:blur(18px) saturate(145%);
}
.kai-button-solid,.kai-home-create,.kai-auth-button,.kai-marketing-create,.kai-admin-btn.primary,.kai-create-submit .kai-button-solid,
.kai-home-rec-btn.is-live{
  background:linear-gradient(135deg,#c7f7ff 0%, #7ce9ff 14%, #27c4ff 40%, #1170c5 72%, #0a3e7f 100%) !important;
  color:#04111f !important;
  border-color:transparent !important;
  box-shadow:0 14px 34px rgba(8,104,186,.34);
}
.kai-marketing-auth-btn.is-solid,
.kai-pill{
  background:linear-gradient(135deg,#7ce9ff,#2fc9ff,#1170c5) !important;
  color:#04111f !important;
  border-color:transparent !important;
}
.kai-upgrade,.kai-auth-mini-link,.kai-button-soft,.kai-button-ghost,.kai-chip,.kai-tab,.kai-mode,.kai-small-select,.kai-small-input,.kai-small-pill,
.kai-marketing-auth-btn,.kai-marketing-pill-btn,.kai-marketing-round,.kai-marketing-disabled-btn,.kai-player-icon,.kai-icon-btn,
.kai-admin-btn,.kai-admin-side-link,.kai-more-quick,.kai-more-link,.kai-profile-link,.kai-nav-link{
  backdrop-filter:blur(16px) saturate(130%);
}
.kai-player{
  background:linear-gradient(90deg, rgba(6,18,34,.95), rgba(9,34,58,.92), rgba(6,18,34,.95)) !important;
  border-top-color:rgba(137,229,255,.12);
  backdrop-filter:blur(22px) saturate(150%);
}
.kai-player-play{
  background:linear-gradient(135deg,#eefbff,#8ce9ff) !important;
  color:#06213b !important;
}
.kai-banner{
  background:
    radial-gradient(circle at 18% 24%, rgba(137,229,255,.24), transparent 24%),
    radial-gradient(circle at 76% 28%, rgba(44,144,255,.24), transparent 24%),
    linear-gradient(135deg,#08192d 0%,#0a2744 44%,#091b31 100%) !important;
}
.kai-home-glow{
  background:
    radial-gradient(circle at 50% 22%, rgba(74,208,255,.30), rgba(15,70,127,.18) 24%, rgba(4,6,10,0) 60%),
    radial-gradient(circle at 10% 20%, rgba(13,96,170,.16), transparent 28%) !important;
}
.kai-marketing,
.kai-auth-simple-page{
  background:
    radial-gradient(circle at 18% 10%, rgba(137,229,255,.14), transparent 22%),
    radial-gradient(circle at 78% 10%, rgba(52,104,255,.18), transparent 24%),
    linear-gradient(180deg,#071421 0%,#09192a 40%,#07111b 100%) !important;
}
.kai-marketing::before{
  background:
    radial-gradient(circle at 18% 16%, rgba(137,229,255,.10), transparent 24%),
    radial-gradient(circle at 70% 18%, rgba(37,102,255,.12), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
}
.kai-marketing-brand,.kai-brand-wordmark{color:var(--kai-brand-silver) !important;}
.kai-marketing-brand-lockup,.kai-brand-lockup,.kai-admin-brand-lockup{
  display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0;
}
.kai-marketing-brand-lockup img,.kai-brand-logo,.kai-admin-brand-logo{
  width:40px;height:40px;object-fit:cover;border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,.28);border:1px solid rgba(137,229,255,.18);
}
.kai-brand-lockup .kai-brand-wordmark{font-size:22px;letter-spacing:-.05em;font-weight:800;line-height:1.1;}
.kai-marketing-brand-lockup span{font-size:18px;font-weight:800;letter-spacing:-.04em;line-height:1.1;}
.kai-admin-brand-lockup span{display:grid;gap:2px}
.kai-admin-brand-lockup strong{font-size:22px;letter-spacing:-.05em;color:var(--kai-brand-silver)}
.kai-admin-brand-lockup small{color:var(--kai-muted);font-size:12px}
.kai-brand-toggle{
  background:rgba(8,25,46,.7);border:1px solid rgba(137,229,255,.12);color:var(--kai-brand-silver);
}
.kai-avatar{
  background:linear-gradient(135deg,#0ea8d8,#7ce9ff,#1170c5) !important;
  color:#04111f;
}
.kai-home-top-pill,.kai-auth-mini-link,.kai-marketing-auth-btn,
.kai-marketing-pill-btn,.kai-marketing-round,.kai-player-icon,.kai-icon-btn,.kai-admin-badge,.kai-content-helper,
.kai-content-kicker,.kai-more-quick,.kai-profile-link,.kai-more-link,.kai-admin-side-link,.kai-admin-module,.kai-admin-surface-item,.kai-admin-upload-card{
  border-color:rgba(137,229,255,.12) !important;
}
.kai-admin-sidebar,
.kai-sidebar{
  background:linear-gradient(180deg, rgba(5,16,30,.92), rgba(8,24,44,.96)) !important;
  backdrop-filter:blur(20px) saturate(135%);
}
.kai-admin-side-link.is-active,
.kai-nav-link.is-active,
.kai-nav-link:hover{
  background:linear-gradient(135deg, rgba(19,112,197,.18), rgba(124,233,255,.10)) !important;
  color:#fff !important;
}
.kai-admin-spark::after{
  background:linear-gradient(90deg,#c7f7ff,#7ce9ff,#2fc9ff,#1170c5) !important;
}
.kai-content-mini-hero{
  background:radial-gradient(circle at 20% 20%, rgba(137,229,255,.16), transparent 34%), radial-gradient(circle at 76% 18%, rgba(44,144,255,.14), transparent 32%), linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)) !important;
}
.kai-marketing-topbar,
.kai-home-topbar,
.kai-filter-bar{
  backdrop-filter:blur(18px) saturate(135%);
}
.kai-marketing-floating-card,.kai-marketing-side-card,.kai-marketing-track-card,.kai-marketing-playlist-card,.kai-marketing-feature-card,.kai-marketing-faq-card,.kai-marketing-result-card{
  background:linear-gradient(180deg, rgba(10,28,48,.78), rgba(7,20,35,.70));
  border-color:rgba(137,229,255,.12);
  box-shadow:0 18px 44px rgba(0,0,0,.25);
  backdrop-filter:blur(18px) saturate(140%);
}
.kai-home-create,.kai-marketing-create{font-weight:800;}
.kai-auth-simple-card h1,.kai-marketing-title,.kai-home-hero h1,.kai-headline h1,.kai-headline h2{
  color:#f5fbff;
  text-shadow:0 12px 40px rgba(0,0,0,.24);
}
.kai-home-hero,.kai-marketing-composer,.kai-auth-simple-card,.kai-admin-hero-main,.kai-admin-hero-side{
  border-color:rgba(137,229,255,.12);
}
@media (max-width: 760px){
  .kai-marketing-brand-lockup span{font-size:15px}
  .kai-brand-lockup .kai-brand-wordmark{font-size:17px}
  .kai-marketing-brand-lockup img,.kai-brand-logo,.kai-admin-brand-logo{width:34px;height:34px;border-radius:12px}
}


/* v41 landing brand compact */
.kai-marketing-v3 .kai-marketing-brand-lockup img{width:34px;height:34px;border-radius:12px;}
.kai-marketing-v3 .kai-marketing-brand-lockup span{font-size:15px;letter-spacing:-.03em;}
@media (max-width:740px){.kai-marketing-v3 .kai-marketing-brand-lockup img{width:30px;height:30px;border-radius:10px;} .kai-marketing-v3 .kai-marketing-brand-lockup span{font-size:13px;}}