/* Local system typography only — no external font loader. */
:root{
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  /* Softer, more consistent QXONI geometry. */
  --r-xs:10px;
  --r-sm:14px;
  --r-md:18px;
  --r-lg:24px;
  --r-xl:30px;
  --r-2xl:38px;
  --r-pill:999px;
}

/* Keep every interactive control visibly rounded and consistent. */
button,
input,
textarea,
select,
.auth-card,
.sb,
.sb-search-wrap,
.new-btn,
.ci,
.u-av,
.theme-btn,
.m-head,
.chat-header,
.w-chip,
.w-chip-btn,
.w-recent-item,
.m-body,
.m-edit-wrap,
.media-card,
.inp-wrap,
.ib,
.ib2,
#sb2,
.it-btn,
.vm-box,
.vm-orb,
.vm-close,
.st-p,
.st-item,
.st-uc,
.dng,
.sm-btn,
.sys-ta,
.fs-btn,
.kbd-box,
.kbd-key,
.kbd-close,
#lightbox img,
.lb-close,
.lb-dl,
.dr-ico,
.toast,
#ck-banner,
.ck-btn,
.a-field input,
.otp-inp{
  border-radius:var(--r-lg);
}

/* Pill-shaped primary actions and compact controls. */
.btn-primary,
.btn-ghost,
.w-chip,
.w-chip-btn,
.guest-badge,
.ai-ctrl-btn,
#stop-btn,
.lb-dl,
.ck-btn{
  border-radius:var(--r-pill);
}

/* Main surfaces get the largest soft corners. */
.auth-card,
.inp-wrap,
.vm-box,
.kbd-box,
#ck-banner,
.st-p{
  border-radius:var(--r-2xl);
}

/* Chat bubbles remain directional, but much softer. */
.ai .m-body{
  border-radius:12px 24px 24px 24px;
}
.user .m-body{
  border-radius:24px 12px 24px 24px;
}

/* Round sidebar and panels on desktop without creating clipping issues. */
@media (min-width:769px){
  .sb{
    margin:10px 0 10px 10px;
    height:calc(100dvh - 20px);
    border:1px solid var(--line);
    border-radius:28px;
    overflow:hidden;
    box-shadow:var(--s-sm);
  }
}

@media (max-width:768px){
  .sb{
    border-radius:0 28px 28px 0;
  }
}

/* Cleaner controls with a little more breathing room. */
.new-btn,
.sb-search-wrap{
  min-height:42px;
}
.inp-wrap{
  padding:10px;
}
textarea#ui{
  font-size:15px;
  padding:9px 7px;
}
#sb2{
  width:40px;
  height:40px;
  border-radius:50%;
}
.ib2{
  width:38px;
  height:38px;
  border-radius:50%;
}

/* Prevent any external accessibility helper from showing an injected skip link. */
a[href="#main-content"],
a[href="#content"],
.skip-link,
.skip-to-content,
.qxoni-skip-link{
  display:none!important;
}
