.mb-hero{color:#fff;background:linear-gradient(120deg,#0f2438 0%,#2c5f86 55%,#4b9ed1 100%);border-radius:1.6rem;padding:2.25rem;position:relative;overflow:hidden;box-shadow:0 18px 40px -18px #0f243899}.mb-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#7fe3ff38,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-90px;right:-70px}.mb-hero>*{z-index:1;position:relative}.mb-kick{letter-spacing:.22em;text-transform:uppercase;opacity:.85;font-size:11px}.mb-glow{border-radius:9999px;box-shadow:0 0 0 3px #ffffffd9,0 0 0 7px #4fd6ff59,0 0 26px #4fd6ffa6}.mb-stat{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f243861;border:1px solid #fff3;border-radius:14px;min-width:116px;padding:10px 16px}.mb-stat b{color:#7fe3ff;text-shadow:0 0 14px #4fd6ffbf,0 0 2px #bff3ff;font-size:28px;line-height:1;display:block}.mb-stat span{letter-spacing:.14em;text-transform:uppercase;opacity:.9;font-size:11px}.mb-hbtn{white-space:nowrap;border-radius:9999px;align-items:center;height:2.5rem;padding:0 1.1rem;font-size:14px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.mb-hbtn-solid{color:#1d4766;background:#fff}.mb-hbtn-solid:hover{background:#e6f5ff;transform:translateY(-1px)}.mb-hbtn-line{color:#fff;border:1.5px solid #ffffffb3}.mb-hbtn-line:hover{background:#ffffff29;transform:translateY(-1px)}.mb-card{background:linear-gradient(180deg,#4b9ed112,#4b9ed103),var(--card);border:1px solid #4b9ed147;border-radius:1.15rem;transition:transform .2s,box-shadow .2s,border-color .2s}.mb-card:hover{border-color:#4b9ed199;transform:translateY(-3px);box-shadow:0 14px 28px -14px #2c5f868c}.dark .mb-card{background:linear-gradient(180deg,#4b9ed129,#4b9ed10d),var(--card)}.mb-title{color:#2c5f86;align-items:center;gap:.65rem;display:flex}.dark .mb-title{color:#cfe9fb}.mb-ico{color:#fff;background:linear-gradient(135deg,#2c5f86,#4b9ed1);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:inline-grid;box-shadow:0 6px 14px -6px #2c5f86cc}.mb-ico svg{width:19px;height:19px}.mb-btn{color:#fff;background:linear-gradient(135deg,#2c5f86,#4b9ed1);border-radius:9999px;align-items:center;height:2.5rem;padding:0 1rem;font-size:14px;font-weight:600;transition:transform .15s,filter .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 18px -8px #2c5f86cc}.mb-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 22px -8px #4b9ed1e6}.mb-btn:disabled{opacity:.55;filter:none;transform:none}.mb-btn2{color:#2c5f86;border:1.5px solid #4b9ed1;border-radius:9999px;align-items:center;height:2.5rem;padding:0 1rem;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.mb-btn2:hover{color:#1d4766;background:#4b9ed124}.dark .mb-btn2{color:#cfe9fb}.dark .mb-btn2:hover{color:#fff;background:#4b9ed147}.mb-nav{box-sizing:border-box;background:linear-gradient(#4b9ed114,#0000);border:1px solid #4b9ed147;border-radius:1.15rem;width:100%;max-width:100%;padding:.5rem;overflow:hidden}.dark .mb-nav{background:linear-gradient(#4b9ed129,#0000)}.mb-nav>li{min-width:0}.mb-navbtn{box-sizing:border-box;max-width:100%;margin:0;transition:background .15s,color .15s}.mb-navbtn:hover{color:#1d4766;background:#4b9ed124}.dark .mb-navbtn:hover{color:#fff;background:#4b9ed147}.mb-navbtn[aria-current=page]{color:#fff;background:linear-gradient(135deg,#2c5f86,#4b9ed1);box-shadow:0 3px 8px -5px #2c5f86cc}.mb-navbtn[aria-current=page] svg{color:#fff}.mb-row{border:1px solid #4b9ed138;border-radius:12px;transition:background .15s}.mb-row:hover{background:#4b9ed11f}.dark .mb-row:hover{background:#4b9ed13d}.mb-pill{color:#1d4766;white-space:nowrap;background:#4b9ed129;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700}.dark .mb-pill{color:#bff3ff;background:#7fe3ff29}.mb-fade{animation:.5s both mbUp}@keyframes mbUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.mb-list{background:var(--card);border:1px solid #4b9ed147;border-radius:1.15rem;overflow:hidden}.dark .mb-list{background:linear-gradient(180deg,#4b9ed114,#4b9ed108),var(--card)}.mb-thread{transition:background .15s;position:relative}.mb-thread:hover{background:#4b9ed11a}.dark .mb-thread:hover{background:#4b9ed138}.mb-thread[aria-current=true]{background:linear-gradient(90deg,#4b9ed133,#4b9ed10f);box-shadow:inset 3px 0 #4b9ed1}.dark .mb-thread[aria-current=true]{background:linear-gradient(90deg,#4b9ed152,#4b9ed11f)}.mb-ring{box-shadow:0 0 0 2px var(--card),0 0 0 4px #4b9ed166;border-radius:9999px}.mb-dot{background:#4b9ed1;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 10px #7fe3ff}.mb-in{background:linear-gradient(180deg,#4b9ed11a,#4b9ed10a),var(--card);border:1px solid #4b9ed140;border-radius:18px 18px 18px 6px}.dark .mb-in{background:#4b9ed129}.mb-out{color:#fff;background:linear-gradient(135deg,#2c5f86,#4b9ed1);border-radius:18px 18px 6px;box-shadow:0 8px 18px -10px #2c5f86e6}.mb-out a{color:#fff}.mb-head{background:linear-gradient(90deg,#4b9ed11f,#4b9ed105);border:1px solid #4b9ed140;border-radius:1.15rem}.dark .mb-head{background:linear-gradient(90deg,#4b9ed13d,#4b9ed10f)}.mb-day{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:#4b7a9c;font-size:11px}.dark .mb-day{color:#9fd0ee}.mb-comp{background:var(--card);border:1.5px solid #4b9ed166;border-radius:22px;align-items:flex-end;gap:10px;padding:8px;display:flex}.dark .mb-comp{background:#4b9ed11a}.mb-comp:focus-within{box-shadow:0 0 0 4px #4b9ed133}.mb-comp textarea{resize:none;background:0 0;border:0;outline:none}.mb-empty{text-align:center;background:linear-gradient(#4b9ed114,#0000);border:1.5px dashed #4b9ed173;border-radius:1.15rem;padding:2.5rem 1.25rem}.mb-bub{color:#fff;background:linear-gradient(135deg,#2c5f86,#4b9ed1);border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto .75rem;display:grid;box-shadow:0 0 26px #4fd6ff8c}.mb-chat{background:linear-gradient(#4b9ed10d,#0000);border:1px solid #4b9ed147;border-radius:1.15rem}@media (width<=640px){.mb-hero{padding:1.4rem}.mb-stat{flex:40%;min-width:0;padding:8px 12px}.mb-stat b{font-size:24px}}@media (prefers-reduced-motion:reduce){.mb-fade{animation:none}.mb-card,.mb-btn,.mb-hbtn,.mb-row,.mb-thread,.mb-navbtn,.mb-btn2{transition:none}.mb-card:hover,.mb-btn:hover,.mb-hbtn-solid:hover,.mb-hbtn-line:hover{transform:none}}
