:root{color-scheme:dark;--font-heading: "Antonio", Verdana, sans-serif;--font-body: Verdana, Geneva, Tahoma, sans-serif;--color-bg: #000000;--color-bg-soft: #050505;--color-surface: #0a0a0a;--color-surface-2: #111111;--color-surface-3: #171717;--color-heading: #ffffff;--color-text: #d4d4d4;--color-muted: #a1a1aa;--color-subtle: #71717a;--color-border: #262626;--color-border-soft: #1f1f1f;--color-card: #0f0f0f;--color-card-hover: #181818;--color-button: #ffffff;--color-button-text: #000000;--color-accent: #3b82f6;--color-accent-soft: rgba(59, 130, 246, .15);--color-code-bg: #171717;--color-pill-bg: #18181b;--color-sidebar-bg: #030303;--color-header-bg: rgba(0, 0, 0, .78);--color-selection-bg: #ffffff;--color-selection-text: #000000;--color-scrollbar-track: #050505;--color-scrollbar-thumb: #3f3f46;--color-scrollbar-thumb-hover: #52525b;--shadow-card: 0 20px 80px rgba(0, 0, 0, .45);--color-overlay: rgba(0, 0, 0, .35);--color-text-muted: #8b8b8b;--color-warning: #facc15;--color-warning-soft: rgba(250, 204, 21, .14)}[data-theme=light]{color-scheme:light;--color-bg: #ffffff;--color-bg-soft: #fafafa;--color-surface: #ffffff;--color-surface-2: #f5f5f5;--color-surface-3: #eeeeee;--color-heading: #050505;--color-text: #27272a;--color-muted: #5f6368;--color-subtle: #737373;--color-border: #e5e5e5;--color-border-soft: #eeeeee;--color-card: #ffffff;--color-card-hover: #f7f7f7;--color-button: #111111;--color-button-text: #ffffff;--color-accent: #2563eb;--color-accent-soft: rgba(37, 99, 235, .12);--color-code-bg: #f4f4f5;--color-pill-bg: #f4f4f5;--color-sidebar-bg: #ffffff;--color-header-bg: rgba(255, 255, 255, .78);--color-selection-bg: #000000;--color-selection-text: #ffffff;--color-scrollbar-track: #f5f5f5;--color-scrollbar-thumb: #c7c7c7;--color-scrollbar-thumb-hover: #a3a3a3;--shadow-card: 0 20px 80px rgba(0, 0, 0, .08);--color-overlay: rgba(255, 255, 255, .35);--color-text-muted: #666666;--color-warning: #b45309;--color-warning-soft: rgba(245, 158, 11, .14)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1.4rem;line-height:1.6;background:var(--color-bg);color:var(--color-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html,body,#root{min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}select{color-scheme:dark}select option{background:var(--color-card);color:var(--color-heading)}select option:checked,select option:hover{background:var(--color-accent);color:var(--color-button-text)}[data-theme=light] select{color-scheme:light}[data-theme=light] select option{background:var(--color-card);color:var(--color-heading)}[data-theme=light] select option:checked,[data-theme=light] select option:hover{background:var(--color-accent);color:#fff}button{cursor:pointer;border:0;background:transparent}button,a,input,textarea,select,[role=button]{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .2s ease}button:disabled,[aria-disabled=true]{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}button>svg,a>svg,[role=button]>svg{transition:transform .2s ease}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:Antonio,Verdana,sans-serif;color:var(--color-heading);line-height:1.1;letter-spacing:-.03em}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;border:2px solid transparent;background-clip:padding-box}*:hover::-webkit-scrollbar-thumb,*:focus-within::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);background-clip:padding-box}*:hover::-webkit-scrollbar-thumb:hover,*:focus-within::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover);background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover,*:focus-within{scrollbar-color:var(--color-scrollbar-thumb) transparent}main article,main [class*=Row]{transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}main article>svg,main article>header svg,main article>div:first-child>svg{transition:color .2s ease,transform .2s ease}@media (hover: hover) and (pointer: fine){button:not(:disabled):hover,a:hover,[role=button]:not([aria-disabled=true]):hover{transform:translateY(-1px)}button:not(:disabled):active,a:active,[role=button]:not([aria-disabled=true]):active{transform:translateY(0) scale(.98)}button:not(:disabled):hover>svg,a:hover>svg,[role=button]:not([aria-disabled=true]):hover>svg{transform:scale(1.08)}main article:hover{border-color:color-mix(in srgb,var(--color-accent) 42%,var(--color-border));box-shadow:var(--shadow-card);transform:translateY(-2px)}main article:hover>svg,main article:hover>header svg,main article:hover>div:first-child>svg{color:var(--color-accent);transform:scale(1.06)}main [class*=Row]:hover{border-color:color-mix(in srgb,var(--color-accent) 28%,var(--color-border));background-color:var(--color-card-hover)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
