/* SGAR shared UI kit v1 — liquid-glass buttons + icon sizing.
   Theme: light by default; dark when body.dark / html.dark / [data-theme=dark].
   Usage: <button class="sg-btn sg-glass"><svg class="sg-ic"><use href="#sgi-send"/></svg></button> (see README.md) */
:root{
  --sg-accent:var(--accent,#2563eb);
  --sg-glass-bg:rgba(255,255,255,.55);
  --sg-glass-bg-hover:rgba(255,255,255,.72);
  --sg-glass-border:rgba(255,255,255,.65);
  --sg-glass-edge:rgba(15,23,42,.08);
  --sg-glass-fg:#0f172a;
  --sg-glass-shadow:0 1px 1px rgba(255,255,255,.7) inset,0 -1px 1px rgba(15,23,42,.05) inset,0 6px 18px rgba(15,23,42,.10);
  --sg-glass-blur:saturate(180%) blur(14px);
  --sg-btn-h:40px;--sg-radius:999px;
}
body.dark,html.dark,[data-theme="dark"]{
  --sg-glass-bg:rgba(30,34,44,.50);
  --sg-glass-bg-hover:rgba(46,52,66,.62);
  --sg-glass-border:rgba(255,255,255,.12);
  --sg-glass-edge:rgba(0,0,0,.35);
  --sg-glass-fg:#e8ecf4;
  --sg-glass-shadow:0 1px 0 rgba(255,255,255,.10) inset,0 -1px 0 rgba(0,0,0,.25) inset,0 8px 22px rgba(0,0,0,.35);
}
.sg-ic{width:22px;height:22px;flex:none;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.sg-ic.sm{width:18px;height:18px}.sg-ic.lg{width:26px;height:26px}
.sg-ic.fill{fill:currentColor;stroke:none}
.sg-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--sg-btn-h);padding:0 16px;border-radius:var(--sg-radius);border:1px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:600;line-height:1;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,background-color .2s ease,box-shadow .2s ease,opacity .2s}
.sg-btn:active{transform:scale(.96)}
.sg-btn:focus-visible{outline:2px solid var(--sg-accent);outline-offset:2px}
.sg-btn:disabled,.sg-btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
.sg-btn.icon{width:var(--sg-btn-h);padding:0}
.sg-btn.sm{--sg-btn-h:32px;padding:0 12px;font-size:13px}.sg-btn.sm.icon{padding:0}
.sg-btn.lg{--sg-btn-h:48px;padding:0 22px;font-size:16px}
.sg-glass{position:relative;background:var(--sg-glass-bg);color:var(--sg-glass-fg);border-color:var(--sg-glass-border);box-shadow:var(--sg-glass-shadow);-webkit-backdrop-filter:var(--sg-glass-blur);backdrop-filter:var(--sg-glass-blur);isolation:isolate}
.sg-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 55%);opacity:.7;z-index:-1}
body.dark .sg-glass::before,html.dark .sg-glass::before,[data-theme="dark"] .sg-glass::before{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 55%)}
@media (hover:hover){.sg-glass:hover{background:var(--sg-glass-bg-hover)}}
.sg-glass.primary{background:color-mix(in srgb,var(--sg-accent) 82%,transparent);color:#fff;border-color:color-mix(in srgb,#fff 30%,transparent)}
.sg-glass.danger{background:color-mix(in srgb,#ef4444 80%,transparent);color:#fff;border-color:rgba(255,255,255,.25)}
.sg-glass.active,.sg-glass[aria-pressed="true"]{color:var(--sg-accent)}
.sg-glass.liked{color:#ef4444}.sg-glass.liked .sg-ic{fill:currentColor}
.sg-glass-bar{display:flex;align-items:center;gap:6px;padding:6px;border-radius:22px;background:var(--sg-glass-bg);border:1px solid var(--sg-glass-border);box-shadow:var(--sg-glass-shadow);-webkit-backdrop-filter:var(--sg-glass-blur);backdrop-filter:var(--sg-glass-blur)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .sg-glass,.sg-glass-bar{background:#f3f5f9}
  body.dark .sg-glass,body.dark .sg-glass-bar,html.dark .sg-glass,[data-theme="dark"] .sg-glass{background:#262b36}
}
@media (prefers-reduced-motion:reduce){.sg-btn{transition:none}.sg-btn:active{transform:none}}
@media (prefers-reduced-transparency:reduce){.sg-glass,.sg-glass-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f3f5f9}body.dark .sg-glass{background:#262b36}}