@charset "UTF-8";
:root{--gold:#ffe88a;--surface:#171c1b;--line:#ffffff1c;--muted:#a5aca7;--bs-body-bg:#0f1313;--bs-body-color:#f3f4ef;--bs-primary:#ffe88a;--bs-link-color:#ffe88a;--bs-link-hover-color:#fff1b9;--bs-border-color:#ffffff1c;--bs-secondary-color:#a5aca7;--bs-tertiary-bg:#202624}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 76% 0%,#252b2080,transparent 48%),#0f1313;color:#f3f4ef;font-family:Inter,"Segoe UI",sans-serif;font-size:14px}a{text-decoration:none;color:var(--gold)}a:hover{color:#fff1b9}h1,h2,h3{font-weight:650;letter-spacing:-.035em;overflow-wrap:anywhere}h1{font-size:30px;margin-bottom:24px}h2{font-size:24px}h3{font-size:18px}.text-muted{color:var(--muted)!important}.site-shell{max-width:1600px;margin:auto;min-height:100dvh;display:flex;flex-direction:column;padding:0 24px}.site-header{min-height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 204px}.brand{display:flex;gap:12px;align-items:center;color:#fff;font-weight:650;font-size:16px}.brand-mark{display:grid;place-items:center;color:var(--gold);background:#302d1e;border:1px solid #5b4f22;border-radius:13px;width:40px;height:40px;font-size:25px}.owner-link{font-size:13px;color:#dedfd8}.site-columns{display:grid;grid-template-columns:180px minmax(0,1fr) 180px;gap:24px;flex:1}.main-content{min-width:0;padding:54px 0;outline:none;display:flex;flex-direction:column}.home-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:36px 0}.home-content h1{font-size:48px;font-weight:650;margin-bottom:28px}.home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:780px}.home-actions .btn{font-size:13px;white-space:nowrap}.btn{border-radius:12px;padding:12px 20px;font-weight:600;font-size:13px;display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:45px}.btn-primary,.btn-success{--bs-btn-bg:var(--gold);--bs-btn-color:#17160b;--bs-btn-border-color:var(--gold);--bs-btn-hover-bg:#fff0b0;--bs-btn-hover-border-color:#fff0b0;--bs-btn-hover-color:#17160b;--bs-btn-active-bg:#efd47a;--bs-btn-active-color:#17160b;--bs-btn-disabled-bg:#b5a367;--bs-btn-disabled-border-color:#b5a367}.btn-outline-light{--bs-btn-color:#f4f3e9;--bs-btn-border-color:#ffffff29;--bs-btn-hover-bg:#ffffff0c;--bs-btn-hover-color:var(--gold);--bs-btn-hover-border-color:#ffffff45;--bs-btn-active-bg:#ffffff16;background:#ffffff04}.btn-danger{--bs-btn-bg:#312020;--bs-btn-border-color:#653a36;--bs-btn-color:#ffb4a9;--bs-btn-hover-bg:#4c2925}.btn-sm{min-height:34px;padding:7px 12px;font-size:12px}.btn:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.panel,.card-modern{border:1px solid var(--line);background:linear-gradient(135deg,#ffffff05,#ffffff00),var(--surface);background-color:var(--surface);border-radius:18px;padding:38px}.form-panel{width:100%;max-width:680px;margin:12px auto}.eyebrow{display:block;color:var(--gold);font-size:11px;letter-spacing:.15em;margin-bottom:18px}.form-label{font-size:13px;font-weight:600;margin-bottom:9px}.form-control,.form-select{background-color:#101515;color:#f5f5ef;border:1px solid #ffffff29;border-radius:11px;padding:12px 14px;font-size:14px;min-width:0}.form-control:focus,.form-select:focus{background-color:#101515;color:#fff;border-color:#b5a45e;box-shadow:0 0 0 3px #ffe88a12}.form-control::placeholder{color:#838d87}.form-note{font-size:12px;color:var(--muted);line-height:1.8}.input-action{display:flex;gap:12px;align-items:stretch}.input-action .form-control{flex:1;width:0}.code-input{letter-spacing:.12em}.back-link{font-size:12px}.segmented{display:flex;gap:8px}.segmented .btn{flex:1}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0;border-top:1px solid var(--line);margin:0 204px;color:var(--muted);font-size:11px}.site-footer a{color:var(--muted)}.ad-rail{padding-top:32px;min-width:0}.ad-label{display:block;text-align:center;letter-spacing:.18em;font-size:9px;color:#92998d;margin-bottom:12px}.ad-frame{height:clamp(600px,70vh,850px);border:1px solid var(--line);border-radius:14px;background:#141919;overflow:hidden;display:flex;align-items:center;justify-content:center}.ad-frame a{display:flex;align-items:center;width:100%;height:100%}.ad-frame img{width:100%;height:100%;object-fit:contain}.ad-placeholder{font-size:12px;color:#78827a}.clan-list{display:flex;flex-direction:column;gap:10px}.clan-list-item{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:12px;padding:16px;color:#f5f5ed;background:#ffffff02}.clan-list-item:hover{background:#ffffff06;color:var(--gold)}.clan-list-item small{display:block;color:var(--muted);margin-top:4px}.avatar{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);background:#ffffff06;color:var(--gold);border-radius:13px;flex-shrink:0;font-weight:650}.clan-shell{display:grid;grid-template-columns:235px minmax(0,1fr);border:1px solid var(--line);border-radius:18px;background:var(--surface);min-height:620px;overflow:hidden}.clan-sidebar{padding:24px 16px;border-right:1px solid var(--line);background:#101615;display:flex;flex-direction:column;gap:22px}.clan-identity{display:flex;gap:12px;align-items:center;overflow-wrap:anywhere}.channel-list{display:flex;flex-direction:column;gap:6px}.channel-button{text-align:left;border:1px solid transparent;border-radius:11px;padding:13px 12px;background:transparent;color:#b3beb6;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.channel-button.active,.channel-button:hover{border-color:#ffe88a33;background:#ffe88a09;color:var(--gold)}.channel-button small{font-size:10px;color:var(--muted)}.clan-body{padding:36px;min-width:0}.voice-header{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px;display:flex;justify-content:space-between;gap:14px;align-items:center}.voice-header h1{margin:0}.participants{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px;margin:24px 0}.participant-card{border:1px solid var(--line);border-radius:14px;background:#ffffff05;padding:20px;min-width:0;overflow-wrap:anywhere}.participant-card.speaking{border-color:#58c89b;box-shadow:0 0 0 1px #58c89b33}.participant-card strong{display:block;margin:16px 0 10px}.participant-card small{display:block;color:var(--muted);font-size:12px;margin:6px 0}.voice-controls{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:24px;margin-top:36px}.room-code{background:#ffe88a08;border:1px solid #ffe88a25;border-radius:12px;padding:18px;margin:22px 0}.room-code strong{color:var(--gold);font-size:28px;letter-spacing:.16em}.status-dot{display:inline-block;width:7px;height:7px;background:#68c9a3;border-radius:100%;margin-right:6px}.clan-tag{letter-spacing:.12em;font-weight:650;color:var(--gold);overflow-wrap:anywhere}.owner-settings{border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.owner-settings summary{cursor:pointer;color:var(--gold);margin-bottom:16px}.admin-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.asset-tile{border:1px solid var(--line);border-radius:12px;padding:12px;overflow-wrap:anywhere}.asset-tile img{width:100%;height:160px;object-fit:contain;margin-bottom:10px}.empty-state{text-align:center;padding:50px 16px;color:var(--muted)}.skip-link{position:fixed;left:20px;top:-100px;z-index:99;background:var(--gold);color:#111;padding:12px}.skip-link:focus{top:12px}#blazor-error-ui{display:none;position:fixed;bottom:0;left:0;right:0;padding:16px;background:#442b23;z-index:999}.alert{border-radius:12px;font-size:13px}.progress{background:#ffffff0b}.progress-bar{background:var(--gold)}
@media(min-width:1600px){.site-shell{max-width:1740px}.site-columns{grid-template-columns:200px minmax(0,1fr) 200px;gap:28px}.site-header,.site-footer{margin-left:228px;margin-right:228px}}
@media(max-width:1200px){.site-shell{padding:0 16px}.site-columns{grid-template-columns:140px minmax(0,1fr) 140px;gap:16px}.site-header,.site-footer{margin-left:156px;margin-right:156px}.panel{padding:28px}.home-actions{grid-template-columns:1fr;max-width:330px}.clan-shell{grid-template-columns:190px minmax(0,1fr)}.clan-body{padding:24px}.clan-sidebar{padding:20px 12px}.ad-frame{height:650px}}
@media(max-width:900px){.site-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.main-content{grid-column:1 / -1;grid-row:1;padding:30px 0}.ad-rail{grid-row:2;padding-top:0;margin-bottom:24px}.ad-frame{height:260px}.site-header,.site-footer{margin:0}.home-content{min-height:400px}.home-actions{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.home-actions .btn{white-space:normal;padding:12px}.site-footer{flex-wrap:wrap}.form-panel{margin-top:0}}
@media(max-width:600px){h1{font-size:26px}.site-header{min-height:76px}.brand{font-size:14px}.owner-link{font-size:12px}.home-content h1{font-size:38px}.home-actions{grid-template-columns:1fr;max-width:330px}.home-content{min-height:380px}.panel{padding:24px 20px}.clan-shell{display:flex;flex-direction:column}.clan-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:20px}.channel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.clan-body{padding:24px 20px}.voice-header{align-items:flex-start;flex-direction:column}.voice-controls .btn{flex:1}.input-action{gap:8px}.input-action .btn{padding:12px 15px}.ad-frame{height:240px}.site-footer{padding:24px 0}.home-content h1{margin-bottom:26px}.brand-mark{width:35px;height:35px}.table{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

h1[tabindex="-1"]:focus{outline:none}
.room-ad{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#0000001a;display:flex;flex-direction:column;align-items:center;text-align:center}
.room-ad .ad-label{font-size:10px;letter-spacing:.2em;color:var(--muted);margin-bottom:12px}
.room-ad a{display:block;width:100%;max-width:240px}
.room-ad-frame{aspect-ratio:4/3;width:100%;overflow:hidden;border-radius:10px;background:#0000001a}
.room-ad-frame img{width:100%;height:100%;object-fit:contain}
.room-ad-title{margin:14px 0 6px;font-weight:550;color:#d9dad3;overflow-wrap:anywhere}
.room-ad .ad-placeholder{color:var(--muted)}

/* ============================================================
   Modern UI katmanı — tüm uygulamayı kapsar (markup değişmeden).
   Koyu + altın temayla uyumlu; reklam alanları yükseltildi.
   ============================================================ */
:root{
  --radius:16px;
  --shadow-sm:0 2px 8px #00000038;
  --shadow-md:0 10px 30px -12px #00000070;
  --shadow-glow:0 0 0 1px #ffe88a2e,0 14px 40px -18px #ffe88a30;
  --ease:cubic-bezier(.22,.61,.36,1);
  --gold-grad:linear-gradient(135deg,#ffe88a,#ffd45f 60%,#f2c24a);
}

/* Yumuşak geçişler */
.btn,.clan-list-item,.channel-button,.participant-card,.form-control,.form-select,
.ad-frame,.room-ad,.room-ad-frame img,.ad-frame img,.brand-mark,.panel,.card-modern{
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),
             border-color .25s var(--ease),background-color .25s var(--ease),color .2s var(--ease);
}

/* Arka plan: ince ikinci ışık kaynağı ile daha derin bir sahne */
body{background:
  radial-gradient(ellipse at 76% 0%,#2a3124aa,transparent 50%),
  radial-gradient(ellipse at 8% 100%,#1c2a2680,transparent 55%),
  #0f1313;}

/* Butonlar: derinlik + hover kalkışı */
.btn{box-shadow:var(--shadow-sm);will-change:transform}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-primary,.btn-success{background:var(--gold-grad)!important;box-shadow:0 6px 18px -6px #ffe88a66}
.btn-primary:hover,.btn-success:hover{box-shadow:0 10px 24px -6px #ffe88a80}

/* Paneller: katmanlı gölge + üst parıltı çizgisi */
.panel,.card-modern{box-shadow:var(--shadow-md);position:relative;overflow:hidden}
.panel::before,.card-modern::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;
  background:linear-gradient(90deg,transparent,#ffffff2e,transparent)}

/* Marka işareti parıltısı */
.brand:hover .brand-mark{box-shadow:0 0 0 1px #7a6a2e,0 8px 22px -8px #ffe88a66;transform:translateY(-1px)}

/* Form odak hissi */
.form-control:focus,.form-select:focus{box-shadow:0 0 0 3px #ffe88a24,var(--shadow-sm)}

/* Liste / kanal öğeleri hover kalkışı */
.clan-list-item:hover{transform:translateY(-2px);border-color:#ffe88a30;box-shadow:var(--shadow-sm)}
.channel-button:hover{transform:translateX(2px)}

/* Katılımcı kartı: konuşurken nabız */
.participant-card{position:relative}
.participant-card.speaking{animation:kv-speak 1.6s var(--ease) infinite}
@keyframes kv-speak{
  0%,100%{box-shadow:0 0 0 1px #58c89b55}
  50%{box-shadow:0 0 0 1px #58c89b,0 0 22px -2px #58c89b66}
}

/* ---------- REKLAM ALANLARI ---------- */
/* "REKLAM" etiketi -> pill rozet */
.ad-label{display:inline-block;padding:4px 12px;border-radius:999px;
  border:1px solid #ffffff14;background:#ffffff08;color:#b9c0b6;
  font-size:9px;letter-spacing:.22em;margin:0 auto 14px;width:auto}
.ad-rail .ad-label{display:block;width:fit-content}

/* Yan banner çerçevesi: gradient hairline + yumuşak zemin + hover glow */
.ad-frame{position:relative;border:1px solid transparent;border-radius:var(--radius);
  background:
    linear-gradient(#111616,#0e1313) padding-box,
    linear-gradient(160deg,#ffffff22,#ffffff05 40%,#ffe88a1f) border-box;
  box-shadow:var(--shadow-md)}
.ad-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 1px 0 #ffffff14}
.ad-frame:hover{box-shadow:var(--shadow-glow),var(--shadow-md)}
.ad-frame img{transition:transform .4s var(--ease)}
.ad-frame a:hover img{transform:scale(1.035)}

/* Boş reklam alanı: canlı shimmer */
.ad-placeholder{position:relative;color:#7d867e;font-size:12px;letter-spacing:.02em}
.ad-frame .ad-placeholder::before,.room-ad-frame .ad-placeholder::before{content:"";
  position:absolute;inset:0;border-radius:inherit;opacity:.5;
  background:linear-gradient(100deg,transparent 20%,#ffffff12 50%,transparent 80%);
  background-size:200% 100%;animation:kv-shimmer 2.4s linear infinite}

/* Oda reklamı kartı */
.room-ad{border:1px solid transparent;border-radius:var(--radius);
  background:
    linear-gradient(#131918,#0f1514) padding-box,
    linear-gradient(160deg,#ffffff1f,#ffffff05 45%,#ffe88a1c) border-box;
  box-shadow:var(--shadow-md)}
.room-ad:hover{box-shadow:var(--shadow-glow),var(--shadow-md)}
.room-ad-frame{position:relative;background:#0c1110}
.room-ad a:hover .room-ad-frame img{transform:scale(1.04)}
.room-ad-title{letter-spacing:-.01em}

@keyframes kv-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* İnce kaydırma çubuğu */
*{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px;border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:#ffffff33;background-clip:content-box}

/* Hareket azaltma tercihini onurlandır */
@media(prefers-reduced-motion:reduce){
  .participant-card.speaking,.ad-placeholder::before{animation:none!important}
  .btn:hover,.clan-list-item:hover,.channel-button:hover,.ad-frame a:hover img,
  .room-ad a:hover .room-ad-frame img,.brand:hover .brand-mark{transform:none!important}
}

/* ============================================================
   Modern UI — Katman 2: okunabilirlik, header, hero, formlar,
   geri bildirim. Tüm sayfalara uygulanır, markup değişmez.
   ============================================================ */

/* Tipografi: daha rahat okunur satır/harf aralığı */
body{font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
p{line-height:1.7}
h1{letter-spacing:-.04em}
.eyebrow{font-weight:600;opacity:.9}

/* Yapışkan, bulanık (glass) header — kaydırırken hep erişilebilir */
.site-header{position:sticky;top:0;z-index:20;
  background:linear-gradient(#0f1313ee,#0f1313b0);
  backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px)}
.owner-link{padding:8px 14px;border:1px solid #ffffff16;border-radius:999px;background:#ffffff06}
.owner-link:hover{border-color:#ffe88a3a;color:var(--gold);background:#ffe88a0d}

/* Ana sayfa hero: gradient başlık + yumuşak giriş animasyonu */
.home-content h1{
  background:linear-gradient(120deg,#fff 0%,#ffe88a 55%,#f2c24a 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  line-height:1.1}
.home-content{animation:kv-rise .5s var(--ease) both}
.main-content>.panel,.main-content>.form-panel{animation:kv-rise .45s var(--ease) both}
@keyframes kv-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Avatar: hafif gradient + canlılık */
.avatar,.brand-mark{background:radial-gradient(circle at 30% 25%,#ffffff12,transparent 60%),#ffffff08}

/* Oda kodu: öne çıkan, kopyalanası his */
.room-code{background:
  linear-gradient(#ffe88a0d,#ffe88a05) padding-box,
  linear-gradient(135deg,#ffe88a3a,#ffe88a10) border-box;
  border:1px solid transparent;box-shadow:inset 0 1px 0 #ffffff12}
.room-code strong{text-shadow:0 2px 14px #ffe88a40}

/* Durum noktası: canlı nabız */
.status-dot{box-shadow:0 0 0 0 #68c9a366;animation:kv-pulse 2s var(--ease) infinite}
@keyframes kv-pulse{
  0%{box-shadow:0 0 0 0 #68c9a366}
  70%{box-shadow:0 0 0 7px #68c9a300}
  100%{box-shadow:0 0 0 0 #68c9a300}
}

/* Bildirim/uyarı kutuları: yumuşak, temaya uygun */
.alert{border-radius:12px;border:1px solid #ffffff12;backdrop-filter:blur(4px)}
.alert-danger{background:#3a1f1fcc;border-color:#653a3680;color:#ffc2b8}

/* Segmentli kontrol: birleşik kapsül görünümü */
.segmented{background:#ffffff06;border:1px solid #ffffff14;border-radius:14px;padding:5px;gap:5px}
.segmented .btn{min-height:40px;box-shadow:none;border-radius:10px}
.segmented .btn:hover{transform:none;background:#ffffff0c}

/* Odak görünürlüğü: her yerde net ama zarif */
:focus-visible{outline:2px solid #ffe88a;outline-offset:3px;border-radius:6px}

/* Bağlantılarda ince alt-çizgi animasyonu (içerik linkleri) */
.main-content a:not(.btn):not(.clan-list-item):not(.channel-button):not(.brand){
  background-image:linear-gradient(currentColor,currentColor);
  background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;
  transition:background-size .25s var(--ease)}
.main-content a:not(.btn):not(.clan-list-item):not(.channel-button):not(.brand):hover{background-size:100% 1px}

/* Devre dışı öğeler daha net */
.btn:disabled,.btn.disabled{opacity:.55;box-shadow:none;transform:none}

@media(prefers-reduced-motion:reduce){
  .home-content,.main-content>.panel,.main-content>.form-panel{animation:none!important}
  .status-dot{animation:none!important}
}

/* Mobilde dokunma hedefleri ve boşluklar */
@media(max-width:600px){
  .btn{min-height:46px}
  .owner-link{padding:7px 12px}
}

/* ============================================================
   Tema geçişi (toggle) butonu — her iki temada çalışır
   ============================================================ */
.header-actions{display:flex;align-items:center;gap:12px}
.theme-toggle{display:inline-grid;place-items:center;width:40px;height:40px;
  border-radius:999px;border:1px solid var(--line);background:#ffffff08;
  color:var(--bs-body-color);cursor:pointer;font-size:17px;line-height:1;
  transition:background .2s var(--ease,ease),border-color .2s,transform .2s}
.theme-toggle:hover{border-color:var(--gold);color:var(--gold);
  background:#ffffff14;transform:translateY(-1px)}
.theme-toggle:active{transform:none}

/* ============================================================
   AYDINLIK (light) TEMA KATMANI
   Koyu tema varsayılan kalır; bu blok yalnızca data-bs-theme=light
   iken geçerli olur ve sabit koyu renkleri açık karşılıklarıyla değiştirir.
   ============================================================ */
[data-bs-theme="light"]{
  --gold:#9a6b0f;            /* açıkta okunur koyu-altın (link/metin aksanı) */
  --surface:#ffffff;
  --line:#10131a14;
  --muted:#5a6560;
  --bs-body-bg:#f3f5f7;
  --bs-body-color:#1b211f;
  --bs-primary:#9a6b0f;
  --bs-link-color:#9a6b0f;
  --bs-link-hover-color:#7c560b;
  --bs-border-color:#10131a14;
  --bs-secondary-color:#5a6560;
  --bs-tertiary-bg:#eaedf0;
}
[data-bs-theme="light"] body{
  background:radial-gradient(ellipse at 76% 0%,#f3d78a40,transparent 46%),#f3f5f7;
  color:#1b211f}
[data-bs-theme="light"] a:hover{color:#7c560b}
[data-bs-theme="light"] .site-header{
  background:linear-gradient(#f7f9fbee,#f7f9fbb8)}
[data-bs-theme="light"] .brand{color:#14181a}
[data-bs-theme="light"] .brand-mark,[data-bs-theme="light"] .avatar{
  background:radial-gradient(circle at 30% 25%,#00000008,transparent 60%),#f0c86a26;
  border-color:#c9a03e5c;color:#8a5f0d}
[data-bs-theme="light"] .owner-link{
  border-color:#10131a1a;background:#10131a08;color:#2c332f}
[data-bs-theme="light"] .owner-link:hover{color:var(--gold);background:#f3d78a26}
[data-bs-theme="light"] .theme-toggle{background:#10131a08;color:#2c332f}
[data-bs-theme="light"] .theme-toggle:hover{background:#f3d78a26}
[data-bs-theme="light"] .form-control,[data-bs-theme="light"] .form-select{
  background-color:#fff;color:#1b211f;border-color:#10131a24}
[data-bs-theme="light"] .form-control:focus,[data-bs-theme="light"] .form-select:focus{
  background-color:#fff;color:#111;border-color:#c9a03e;box-shadow:0 0 0 3px #9a6b0f1f}
[data-bs-theme="light"] .form-control::placeholder{color:#8a938d}
[data-bs-theme="light"] .panel,[data-bs-theme="light"] .card-modern{
  background:linear-gradient(135deg,#00000003,#00000000),#fff;
  background-color:#fff;box-shadow:0 1px 3px #10131a12,0 8px 24px #10131a0a}
[data-bs-theme="light"] .ad-frame{background:#eef1f3}
[data-bs-theme="light"] .clan-list-item{color:#1b211f;background:#10131a03}
[data-bs-theme="light"] .clan-list-item:hover{background:#10131a08;color:var(--gold)}
[data-bs-theme="light"] .clan-shell{background:#fff}
[data-bs-theme="light"] .clan-sidebar{background:#f6f8fa}
[data-bs-theme="light"] .channel-button{color:#454e49}
[data-bs-theme="light"] .participant-card{background:#10131a04}
[data-bs-theme="light"] .btn-outline-light{
  --bs-btn-color:#1b211f;--bs-btn-border-color:#10131a24;
  --bs-btn-hover-bg:#10131a08;--bs-btn-hover-color:var(--gold);
  --bs-btn-hover-border-color:#10131a3a;--bs-btn-active-bg:#10131a12;
  background:#10131a02}
[data-bs-theme="light"] .btn-danger{
  --bs-btn-bg:#fdecea;--bs-btn-border-color:#e8b4ad;--bs-btn-color:#b3261e;
  --bs-btn-hover-bg:#fbdcd7}
[data-bs-theme="light"] .alert-danger{
  background:#fdeceacc;border-color:#e8b4ad;color:#8c2019}
[data-bs-theme="light"] .segmented{background:#10131a05;border-color:#10131a12}
[data-bs-theme="light"] .segmented .btn:hover{background:#10131a0a}
[data-bs-theme="light"] .home-content h1{
  background:linear-gradient(120deg,#1b211f 0%,#9a6b0f 60%,#c08a1a 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}