@font-face{font-family:Inter;src:url('../fonts/inter-tight-latin.woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/inter-tight-cyrillic.woff2');font-weight:100 900;unicode-range:U+0400-052F;font-display:swap}

:root{
  --arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E");
}
html{touch-action:auto}
body{
  font-family:Inter,Arial,sans-serif;
  font-weight:450;
  background:
    radial-gradient(ellipse at 85% 18%, #b9d8fa99, transparent 46%),
    radial-gradient(ellipse at 30% 0%, #fff, transparent 42%),
    #f0f6fc;
}
body:before{display:none}

.topbar{
  position:sticky;top:0;z-index:100;
  height:auto;min-height:74px;
  margin:0;padding:18px 48px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  background:rgba(240,246,252,.88);
  border-bottom:1px solid rgba(255,255,255,.8);
  box-shadow:0 5px 25px rgba(36,74,121,.04);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
}
.topbar-brand{display:flex;align-items:center;gap:0;color:#172d49;text-decoration:none}
.topbar-brand svg{display:none}
.topbar-brand-name{
  font-size:28px;font-weight:560;letter-spacing:-1px;text-transform:lowercase;
}
.topbar-brand-name:after{
  content:'';display:inline-block;width:7px;height:7px;margin-left:2px;
  border-radius:50%;background:#2176ff;vertical-align:4px;
}
.topbar-nav{display:flex;gap:28px}
.nav-link{color:#345a86;font-size:15px;text-decoration:none}
.nav-link.active{color:#172d49}
.topbar-btn,.btn-primary,.invite-btn{
  background:#2176ff!important;color:#fff!important;border:0!important;
  border-radius:14px;padding:13px 18px;box-shadow:0 10px 25px #2176ff20;
}
.topbar-btn.primary{border-radius:30px}
.theme-toggle{display:none}
.topbar-home{
  display:none;width:40px;height:40px;padding:0;border:1px solid #fff;border-radius:12px;
  background:#ffffffb3;color:#172d49;box-shadow:0 8px 20px #527cb71a;
}
.burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:18px}
.burger span{display:block;height:2px;border-radius:2px;background:currentColor}
.arrow{display:inline-block;width:16px;height:16px;background:currentColor;-webkit-mask:var(--arrow) center/contain no-repeat;mask:var(--arrow) center/contain no-repeat}
.arrow.up{transform:rotate(-45deg)}
.to-top{
  position:fixed;z-index:80;right:24px;bottom:24px;width:52px;height:52px;padding:0;border-radius:50%;
  display:grid;place-items:center;color:#2176ff;border:1px solid #fff;background:#ffffffb3;
  box-shadow:0 24px 60px -35px #527cb74d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility .25s;
}
.to-top.visible{opacity:1;visibility:visible;transform:none}

.main{padding:0}
.main-content{max-width:1180px;margin:0 auto;padding:28px 48px 80px}

.hero{width:100%;max-width:760px;margin:28px auto 0;text-align:left}
.hero-mark{display:none}
.eyebrow{
  display:flex;align-items:center;gap:8px;
  font-size:11px;font-weight:650;letter-spacing:1.4px;color:#6f859e;
}
.hero-greeting,:root[data-theme="light"] .hero-greeting{
  font-family:Inter,Arial,sans-serif;
  font-size:clamp(34px,11vw,68px);line-height:1.02;letter-spacing:-2.5px;font-weight:560;
  margin:14px 0 18px;padding:0;
  background:none!important;
  color:#172d49!important;
  -webkit-text-fill-color:#172d49!important;
}
.hero-greeting .accent,:root[data-theme="light"] .hero-greeting .accent{
  color:#2176ff!important;
  -webkit-text-fill-color:#2176ff!important;
}
.hero-greeting .line,.hero-subtitle .line{display:block;white-space:nowrap}
.hero-greeting,:root[data-theme="light"] .hero-greeting,.hero-subtitle{text-align:left}
.hero-subtitle{font-size:clamp(14px,4.2vw,18px);line-height:1.35;color:#5d7694;margin:0 0 28px}

.hero-input-wrap,.composer{
  background:rgba(255,255,255,.72);
  border:1px solid #fff;
  border-radius:22px;
  box-shadow:0 24px 60px -35px #527cb74d;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
.hero-textarea,.composer textarea,input,select,textarea{font-size:16px}
.hero-textarea,.composer textarea{color:#172d49}
.send-circle,:root[data-theme="light"] .send-circle{
  width:46px;height:46px;border-radius:14px;
  background:#2176ff!important;color:#fff!important;border:0!important;
}
@media(max-width:1024px){.topbar-home{display:inline-flex}}
.pill-btn,.suggestion{
  background:rgba(255,255,255,.7);
  border:1px solid #fff;
  border-radius:16px;
  color:#172d49;
}
.suggestion-grid{gap:12px}
.suggestion-num{color:#2176ff}
.suggestions-label{color:#8a9bb0;letter-spacing:1.2px}

.chat-layout{gap:20px}
.rail,.chat-body,.msg,.auth-card,.post-card,.card,.session-card,.page-card{
  background:rgba(255,255,255,.72);
  border:1px solid #fff;
  border-radius:22px;
  box-shadow:0 24px 60px -35px #527cb74d;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
.msg.user{background:#2176ff;color:#fff;border-color:#2176ff}
.msg.user .msg-meta{color:rgba(255,255,255,.75)}
.context-badge{background:#eaf2fc;color:#2176ff;border-radius:8px}

.sidebar,.mobile-menu{
  background:#f7fbff;
  border-right:1px solid #fff;
  color:#172d49;
}
.footer{
  background:transparent;color:#8398b0;border-top:0;
}
.footer-brand svg{display:none}
.footer-brand-name{font-size:28px;letter-spacing:-1px;text-transform:lowercase;color:#172d49}
.footer-brand-name:after{
  content:'';display:inline-block;width:7px;height:7px;margin-left:2px;
  border-radius:50%;background:#2176ff;vertical-align:4px;
}

.admin-shell,.admin-sidebar,.admin-main{background:#f0f6fc;color:#172d49}
.admin-sidebar{background:#f7fbff;border-right:1px solid #fff}

@media(max-width:1024px){
  .topbar{
    height:52px;min-height:0;padding:0 16px;
  }
  .topbar-brand-name{font-size:22px;letter-spacing:-.6px}
  .topbar-brand-name:after{width:5px;height:5px;vertical-align:2px}
  .avatar{width:32px;height:32px}
  .mobile-menu{
    top:60px;bottom:auto;left:12px;right:12px;width:auto;max-width:none;height:auto;
    max-height:calc(100dvh - 76px);border-radius:18px;border:1px solid #fff;
    background:rgba(247,251,255,.9);
    box-shadow:0 24px 60px -35px #527cb74d;
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
    transform:translateY(-8px);opacity:0;pointer-events:none;z-index:90;
  }
  .mobile-menu.open{transform:none;opacity:1;pointer-events:auto}
  .mobile-menu-header{display:none}
  .mobile-menu-body{padding:8px}
  .mobile-profile{padding:8px 10px;margin-bottom:6px}
  .mobile-profile .profile-avatar{width:32px;height:32px}
  .mobile-menu .sidebar-section{margin-bottom:4px}
  .mobile-menu .sidebar-item{padding:8px 10px}
}
@media(max-width:740px){
  .topbar,.main-content{padding-left:16px;padding-right:16px}
  .hero{padding:8px 0 48px;min-height:0;align-items:stretch}
  .hero-greeting{letter-spacing:-1.6px}
  .eyebrow{font-size:10px;letter-spacing:.6px;white-space:nowrap}
  .topbar-nav{display:none}
  .to-top{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}
}