:root{color-scheme:dark;--bg-page:#191919;--bg-page-soft:#2a2a2a;--bg-page-warm:#222;--bg-panel:#222;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-tertiary:color-mix(in srgb,#a3a3a3 72%,#191919);--text-on-primary:#fafafa;--brand-primary:#b8121b;--brand-primary-soft:#8b0d14;--brand-accent:#c9a962;--brand-accent-soft:color-mix(in srgb,#c9a962 18%,transparent);--line-default:#3d3d3d;--line-strong:color-mix(in srgb,#3d3d3d 64%,#fafafa);--shadow-soft:0 16px 40px color-mix(in srgb,#000 20%,transparent);--shadow-medium:0 22px 54px color-mix(in srgb,#000 30%,transparent);--shadow-strong:0 28px 64px color-mix(in srgb,#000 40%,transparent);--base-mix-surface:#191919;--color-primary:#b8121b;--color-primary-dark:#8b0d14;--color-primary-light:#d4343d;--color-gold:#c9a962;--color-gold-dark:#a88a45;--color-gold-light:#e0c681;--color-background:#191919;--color-background-light:#2a2a2a;--color-background-card:#222;--color-foreground:#fafafa;--color-foreground-muted:#a3a3a3;--color-border:#3d3d3d}*,*:after,*:before{box-sizing:border-box}html{overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth}::-moz-selection{background:color-mix(in srgb,var(--brand-primary) 42%,var(--base-mix-surface))}::selection{background:color-mix(in srgb,var(--brand-primary) 42%,var(--base-mix-surface))}body{background:var(--bg-page);color:var(--text-primary);font-size:16px;line-height:1.5;margin:0;min-width:320px;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip;overscroll-behavior-x:none;overscroll-behavior-y:auto;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}body,button,input,select,textarea{font:inherit}button,input,select,textarea{outline:none}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}#app{background:var(--bg-page);min-height:100vh}#app>main{min-height:50vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--line-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brand-accent)}
