:root,
[data-bs-theme="light"] {
  --bs-primary:#ef7c00;
  --bs-primary-rgb:239,124,0;
  --bs-success:#ef7c00;
  --bs-success-rgb:239,124,0;
  --bs-link-color:#d96e00;
  --bs-link-hover-color:#a95400;
  --bs-body-font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --bb-bg:#f8fafc;
  --bb-surface:#fff;
  --bb-surface-soft:#f1f5f9;
  --bb-field:#fff;
  --bb-text:#0f172a;
  --bb-muted:#475569;
  --bb-line:#e2e8f0;
  --bb-shadow:0 10px 30px rgba(15,23,42,.08);
}
[data-bs-theme="dark"] {
  --bs-body-bg:#07101f;
  --bs-body-color:#f8fafc;
  --bs-secondary-bg:#18243a;
  --bs-tertiary-bg:#111c2f;
  --bs-border-color:#334155;
  --bs-link-color:#fb923c;
  --bs-link-hover-color:#fdba74;
  --bb-bg:#07101f;
  --bb-surface:#111c2f;
  --bb-surface-soft:#18243a;
  --bb-field:#0b1527;
  --bb-text:#f8fafc;
  --bb-muted:#cbd5e1;
  --bb-line:#334155;
  --bb-shadow:0 14px 38px rgba(0,0,0,.32);
  color-scheme:dark;
}
* { box-sizing:border-box; }
body { background:var(--bb-bg)!important; color:var(--bb-text); transition:background-color .2s,color .2s; }
.bb-top { position:sticky; top:0; z-index:1100; min-height:82px; padding:0 max(1.5rem,calc((100% - 80rem)/2)); display:flex; align-items:center; justify-content:space-between; gap:1.25rem; background:rgba(15,23,42,.96); color:white; border-bottom:1px solid rgba(255,255,255,.08); backdrop-filter:blur(16px); }
.bb-brand { display:flex; align-items:center; flex-shrink:0; }
.bb-brand img { display:block; width:auto; height:68px; }
.bb-nav { display:flex; align-items:center; gap:.15rem; }
.bb-nav a { padding:.75rem .55rem; color:#e2e8f0; text-decoration:none; font-size:.84rem; font-weight:650; white-space:nowrap; border-radius:.5rem; }
.bb-nav a:hover { color:#ef7c00; background:rgba(255,255,255,.05); }
.bb-nav .bb-cta { margin-left:.5rem; padding-inline:1rem; color:white; background:#ef7c00; }
.bb-nav .bb-cta:hover { color:white; background:#d96e00; }
.theme-toggle { flex:0 0 auto; display:flex; align-items:center; gap:.45rem; min-height:38px; margin:0; padding:.4rem .65rem; color:#e2e8f0; border:1px solid #334155; border-radius:.5rem; font-size:.78rem; font-weight:700; cursor:pointer; }
.theme-toggle input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.theme-switch { position:relative; width:2rem; height:1.1rem; flex:0 0 auto; border-radius:999px; background:#475569; transition:background .2s; }
.theme-switch::after { content:""; position:absolute; width:.8rem; height:.8rem; top:.15rem; left:.15rem; border-radius:50%; background:white; transition:transform .2s; }
.theme-toggle input:checked + .theme-switch { background:#ef7c00; }
.theme-toggle input:checked + .theme-switch::after { transform:translateX(.9rem); }
.theme-toggle:has(input:focus-visible) { outline:3px solid rgba(239,124,0,.45); outline-offset:2px; }
.bb-mobile { display:none; }
.bb-mobile summary { width:48px; height:48px; padding:12px; cursor:pointer; list-style:none; }
.bb-mobile summary::-webkit-details-marker { display:none; }
.bb-mobile summary i { display:block; height:2px; margin:5px 0; background:white; }
.bb-mobile nav { position:fixed; top:81px; left:0; right:0; display:flex; flex-direction:column; padding:1rem 1.5rem 1.5rem; background:var(--bb-surface); box-shadow:var(--bb-shadow); }
.bb-mobile nav a { padding:.8rem; color:var(--bb-text); text-decoration:none; font-weight:650; border-radius:.5rem; }
.bb-mobile nav a:hover { color:#ef7c00; background:var(--bb-surface-soft); }
.bb-mobile .bb-cta { margin-top:.5rem; color:white; background:#ef7c00; text-align:center; }
.bb-intro { max-width:760px; margin:3.5rem auto 1.5rem; padding:0 1.25rem; text-align:center; }
.bb-intro span { color:#ef7c00; font-size:.8rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.bb-intro h1 { margin:.4rem 0; color:var(--bb-text); font-size:clamp(2rem,5vw,3.3rem); font-weight:800; letter-spacing:-.04em; }
.bb-intro p { color:var(--bb-muted); font-size:1.05rem; }
body > .navbar { max-width:80rem; margin:0 auto 1rem!important; padding:1rem; background:var(--bb-surface)!important; border:1px solid var(--bb-line); border-radius:1rem; box-shadow:var(--bb-shadow); }
body > .navbar .container-fluid { padding:0; }
body > .navbar .navbar-brand { display:none!important; }
body > .navbar .navbar-collapse { width:100%; }
body > .navbar .navbar-nav { width:100%; flex-wrap:wrap; }
body > .navbar #navbar > .navbar-nav:last-child { display:none!important; }
body > .navbar .nav-item { max-width:100%; }
main { max-width:80rem; width:calc(100% - 2rem); margin:0 auto 4rem; padding:1.5rem; color:var(--bb-text); background:var(--bb-surface); border:1px solid var(--bb-line); border-radius:1.25rem; box-shadow:var(--bb-shadow); }
.btn { min-height:44px; font-weight:700; border-radius:.5rem; }
.btn-success,.btn-primary { color:white!important; background:#ef7c00!important; border-color:#ef7c00!important; }
.btn-success:hover,.btn-primary:hover { background:#d96e00!important; border-color:#d96e00!important; box-shadow:0 0 18px rgba(239,124,0,.35); }
.btn-secondary,.btn-outline-secondary { color:var(--bb-text); background:var(--bb-surface); border-color:var(--bb-line); }
.btn-secondary:hover,.btn-outline-secondary:hover { color:#ef7c00; background:var(--bb-surface-soft); border-color:#ef7c00; }
.form-control,.form-select,.dropdown-menu { color:var(--bb-text); background-color:var(--bb-field); border-color:var(--bb-line); }
.dropdown-item { color:var(--bb-text); }
.dropdown-item:hover,.dropdown-item:focus { color:var(--bb-text); background:var(--bb-surface-soft); }
.form-control:focus,.form-select:focus,.form-check-input:focus,.btn:focus-visible { color:var(--bb-text); background-color:var(--bb-field); border-color:#ef7c00; box-shadow:0 0 0 .25rem rgba(239,124,0,.22); }
.nav-tabs { border-color:var(--bb-line); }
.nav-tabs .nav-link { color:var(--bb-muted); }
.nav-tabs .nav-link.active { color:var(--bb-text); background:var(--bb-field); border-color:var(--bb-line) var(--bb-line) var(--bb-field); }
#editorTabs .nav-link { min-height:0; padding:.5rem .85rem; line-height:1.3; }
#message { min-height:310px; color:var(--bb-text); background:var(--bb-field); border-color:var(--bb-line); border-radius:.75rem; }
kbd { color:var(--bb-text); background:var(--bb-surface-soft); border:1px solid var(--bb-line); }
.card,.modal-content,.alert-info { color:var(--bb-text); background:var(--bb-surface-soft); border-color:var(--bb-line); }
body > footer.container-fluid { display:none; }
.bb-footer { padding:2.2rem 1rem; color:#94a3b8; background:#020617; text-align:center; }
.bb-footer a { color:#cbd5e1; }
@media(max-width:1180px){.bb-nav a{font-size:.76rem;padding-inline:.3rem}.bb-nav .bb-cta{display:none}.theme-label{display:none}}
@media(max-width:900px){.bb-nav{display:none}.bb-mobile{display:block}body>.navbar{width:calc(100% - 2rem)}.navbar-collapse{padding-top:1rem}}
@media(max-width:600px){.bb-top{min-height:72px;padding-inline:1rem;gap:.5rem}.bb-brand img{height:58px}.bb-mobile nav{top:71px}.bb-intro{margin-top:2.2rem}main{padding:1rem}.navbar-nav .btn,.navbar-nav .form-select,.navbar-nav .form-control{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}