@font-face {
  font-family: 'Neo Tech Std';
  src: url("Neo Tech Std Regular/Neo Tech Std Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --ink: #f4efe6;
  --ink-rgb: 244, 239, 230;
  --ink-dim: rgba(244,239,230,0.68);
  --ink-muted: rgba(244,239,230,0.42);
  --ink-faint: rgba(244,239,230,0.24);

  --primary: #f4efe6;
  --primary-dark: #f4efe6;
  --loading-border: rgba(244,239,230,0.1);
  --secondary: rgba(244,239,230,0.74);
  --dark: #0d0d0d;
  --darker: #050505;
  --light: #f4efe6;
  --content-bg: rgba(10,10,10,0.95);
  --terminal-bg: rgba(8,8,8,0.94);
  --terminal-border: rgba(244,239,230,0.1);
  --grid-color: rgba(244,239,230,0.026);
  --sidenav-width: 236px;
  --border-color: rgba(244,239,230,0.1);
  --accent-color: #f4efe6;
  --text-color: #f4efe6;
  --text-color-dimmed: rgba(244,239,230,0.68);
  --text-secondary: rgba(244,239,230,0.45);
  --monospace-font: 'Consolas','Courier New',monospace;
  --ui-font: 'Inter','Segoe UI','Roboto',sans-serif;





  --surface-0: #050409;
  --surface-1: #07060d;
  --surface-2: #0b0a12;
  --surface-3: #15131f;
  --surface-highlight: rgba(244,239,230,0.06);



  --cmd-pane: #0f0d18;
  --cmd-raise: #15131f;
  --cmd-well: #07060d;
  --cmd-edge: rgba(198,202,255,0.055);
  --cmd-line: rgba(244,239,230,0.09);
  --cmd-line-strong: rgba(244,239,230,0.17);
  --scrollbar-track: #07060d;
  --scrollbar-thumb: rgba(244,239,230,0.16);
  --scrollbar-thumb-hover: rgba(244,239,230,0.3);
  --scrollbar-thumb-dim: rgba(244, 239, 230, 0.2);
  --scrollbar-thumb-dim-hover: rgba(244, 239, 230, 0.34);
  --shadow-soft: 0 18px 40px rgba(0,0,0,0.6);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --glow-primary: #f4efe6;
  --glow-primary-rgb: 244, 239, 230;
  --glow-duration: 400ms;
  --glow-delay: 60ms;







  --o-bg: #08070e;
  --o-bg-sunken: #06050c;
  --o-bg-panel: #0b0a12;
  --o-bg-hover: rgba(244, 239, 230, 0.045);

  --o-rule: rgba(244, 239, 230, 0.09);
  --o-rule-strong: rgba(244, 239, 230, 0.14);
  --o-border: rgba(244, 239, 230, 0.12);

  --o-ink: #f4efe6;
  --o-ink-2: rgba(244, 239, 230, 0.74);
  --o-ink-3: rgba(244, 239, 230, 0.5);
  --o-ink-4: rgba(244, 239, 230, 0.34);

  --o-gutter: 38px;
  --o-space: 34px;
  --o-rail: 196px;
  --o-rail-gap: 40px;
  --o-radius: 4px;
  --o-radius-lg: 6px;


  --o-measure: none;
  --o-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
}

.sidenav {
  --primary: #7787ffc3;
  --primary-dark: #7787ff;
  --loading-border: rgba(143,156,255,0.18);
  --secondary: #55b5ff;
  --dark: #161922;
  --darker: #0b0d12;
  --light: #f2f4f8;
  --content-bg: rgba(28,30,36,0.95);
  --terminal-bg: rgba(24,26,33,0.94);
  --terminal-border: rgba(143,156,255,0.16);
  --grid-color: rgba(112,122,197,0.05);
  --border-color: rgba(143,156,255,0.18);
  --accent-color: #8f9cff;
  --text-color: #d7d9df;
  --text-color-dimmed: rgba(215,217,223,0.65);
  --text-secondary: rgba(215,217,223,0.55);
  --surface-0: #0b0d12;
  --surface-1: #11141c;
  --surface-2: #181b24;
  --surface-3: #1f232d;
  --surface-highlight: rgba(176,184,255,0.08);
  --scrollbar-track: #11141c;
  --scrollbar-thumb: #485365;
  --scrollbar-thumb-hover: #606d82;
  --shadow-soft: 0 18px 40px rgba(6,7,11,0.55);
  --glow-primary: #9f7aea;
  --glow-primary-rgb: 159, 122, 234;
}

img, 
.image,
[class*="image"],
[class*="img"],
svg,
[class*="logo"],
[class*="icon"],
[class*="avatar"],
[class*="thumbnail"],
[class*="preview"] {
  filter: none !important;
  -webkit-filter: none !important;
  -moz-filter: none !important;
  -ms-filter: none !important;
  -o-filter: none !important;
  color-scheme: light only !important;
  forced-color-adjust: none !important;
  -webkit-forced-color-adjust: none !important;
}

img[src*=".png"],
img[src*=".jpg"],
img[src*=".jpeg"],
img[src*=".gif"],
img[src*=".svg"],
img[src*=".webp"],
img[src*=".ico"] {
  filter: none !important;
  -webkit-filter: none !important;
  -moz-filter: none !important;
  -ms-filter: none !important;
  -o-filter: none !important;
  color-scheme: light only !important;
  forced-color-adjust: none !important;
  -webkit-forced-color-adjust: none !important;
}

[style*="background-image"],
[class*="bg-"],
[class*="background"] {
  filter: none !important;
  -webkit-filter: none !important;
  -moz-filter: none !important;
  -ms-filter: none !important;
  -o-filter: none !important;
  color-scheme: light only !important;
  forced-color-adjust: none !important;
  -webkit-forced-color-adjust: none !important;
}

@media (prefers-color-scheme: dark) {
  img, 
  .image,
  [class*="image"],
  [class*="img"],
  svg,
  [class*="logo"],
  [class*="icon"],
  [class*="avatar"],
  [class*="thumbnail"],
  [class*="preview"] {
    filter: none !important;
    -webkit-filter: none !important;
    -moz-filter: none !important;
    -ms-filter: none !important;
    -o-filter: none !important;
    color-scheme: light only !important;
    forced-color-adjust: none !important;
    -webkit-forced-color-adjust: none !important;
  }
}



[data-src*=".png"],
[data-src*=".jpg"],
[data-src*=".jpeg"],
[data-src*=".gif"],
[data-src*=".svg"],
[data-src*=".webp"],
[data-src*=".ico"],
picture,
picture img,
figure img,
.photo,
.photograph,
.media,
.media img {
  filter: none !important;
  -webkit-filter: none !important;
  -moz-filter: none !important;
  -ms-filter: none !important;
  -o-filter: none !important;
  color-scheme: light only !important;
  forced-color-adjust: none !important;
  -webkit-forced-color-adjust: none !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--ui-font);
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

html, body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: var(--surface-0);
  color: var(--text-color);
  font-family: var(--ui-font);
  -webkit-font-smoothing: antialiased;
}

.bg-grid {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);
  background-size: 28px 28px;
  z-index: -2;
}

.bg-glow {
  position: fixed;
  top: 32%;
  left: 52%;
  width: 68vw;
  height: 68vh;
  transform: translate(-50%,-50%);
  background: radial-gradient(circle,rgba(244,239,230,0.035) 0%,rgba(244,239,230,0.015) 45%,rgba(0,0,0,0) 70%);
  z-index: -1;
  pointer-events: none;
  filter: blur(0.5px);
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
  0% { box-shadow: 0 0 5px var(--primary); }
  70% { box-shadow: 0 0 12px var(--primary); }
  100% { box-shadow: 0 0 5px var(--primary); }
}

@keyframes loader {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes pulse-redirect {
  0% { opacity: 0.5; transform: translateY(0); }
  50% { opacity: 1; transform: translateY(3px); }
  100% { opacity: 0.5; transform: translateY(0); }
}