/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
:root{
  --bg: #0f1216;
  --fg: #e6e7ea;
  --card: #1a1f26;
  --muted: #8a93a6;
  --pill-bg: #263042;
  --pill-fg: #cbd5e1;
  --shadow: 0 8px 20px rgba(0,0,0,0.25);
}

@media (prefers-color-scheme: light){
  :root{ --bg:#f7f7fb; --fg:#16181d; --card:#ffffff; --muted:#475569; --pill-bg:#eef2ff; --pill-fg:#1f2937 }
}

html,body{ height:100%; background:var(--bg); color:var(--fg); }
*{ box-sizing:border-box }

.pill{ display:inline-block; padding:4px 8px; border-radius:999px; background:var(--pill-bg); color:var(--pill-fg); font-size:12px; }
.badge{ display:inline-block; padding:2px 6px; border-radius:6px; background:#334155; color:#cbd5e1; font-size:11px; }
.card{ background:var(--card); border-radius:12px; box-shadow:var(--shadow); }
.floating-button{ position:fixed; left:16px; bottom:16px; z-index:10000; }
.side-panel{ position:fixed; left:0; top:0; bottom:0; width:320px; background:var(--card); box-shadow:var(--shadow); transform:translateX(-100%); transition:transform .25s ease; z-index:1000; }
.side-panel.open{ transform:translateX(0) }
.overlay-root{ position:fixed; pointer-events:none; inset:0; z-index:5000; overflow:hidden }