/* Marcone — tokens e base */
:root{
  --bg:#06080c;
  --bg-2:#0a0e14;
  --panel:#0f141b;
  --panel-2:#141b24;
  --panel-3:#1a2330;
  --line:#1f2a36;
  --line-2:#2a3746;
  --text:#eef2f7;
  --muted:#8a97a6;
  --faint:#5f6c7b;
  --red:#ff3b2f;
  --red-2:#ff6a3d;
  --red-soft:rgba(255,59,47,.14);
  --green:#2fe38a;
  --green-soft:rgba(47,227,138,.14);
  --gold:#ffcf4d;
  --gold-soft:rgba(255,207,77,.14);
  --blue:#4da3ff;
  --blue-soft:rgba(77,163,255,.14);
  --radius:14px;
  --radius-sm:9px;
  --shadow:0 10px 30px rgba(0,0,0,.45);
  --shadow-lg:0 24px 70px rgba(0,0,0,.6);
  --ease:cubic-bezier(.22,.9,.28,1);
  --spring:cubic-bezier(.2,.9,.3,1.25);
  --sidebar:248px;
  --font:"Segoe UI Variable","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{color-scheme:dark;-webkit-text-size-adjust:100%}
html,body{height:100%}
body{
  margin:0;background:var(--bg);color:var(--text);font:14px/1.45 var(--font);
  background-image:radial-gradient(900px 500px at 85% -10%,rgba(255,59,47,.10),transparent 60%),
                   radial-gradient(700px 480px at -10% 110%,rgba(77,163,255,.07),transparent 60%);
  background-attachment:fixed;
}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.01em}
h2{font-size:22px}
h3{font-size:15px}
svg{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
a{color:var(--red-2);text-decoration:none}
a:hover{text-decoration:underline}
::selection{background:rgba(255,59,47,.35)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:10px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:#3a4a5d;background-clip:padding-box;border:2px solid transparent}
::-webkit-scrollbar-track{background:transparent}
.muted{color:var(--muted)}
.faint{color:var(--faint)}
.green{color:var(--green)}.red{color:var(--red)}.gold{color:var(--gold)}.blue{color:var(--blue)}
.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--red-2);outline-offset:2px;border-radius:6px}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}