:root{--opi-bg: #0f1115;--opi-surface: #16181d;--opi-surface-raised: #1f2128;--opi-text: #f3f4f6;--opi-text-muted: #9ca3af;--opi-accent: #ffffff;--opi-border: rgba(255, 255, 255, .08);--opi-border-hover: rgba(255, 255, 255, .15);--opi-glow: rgba(255, 255, 255, .04);--opi-glass-bg: rgba(22, 24, 29, .6);--opi-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--opi-font-mono: var(--opi-font-sans);--opi-text-xs: 1.2rem;--opi-text-sm: 1.4rem;--opi-text-base: 1.6rem;--opi-text-md: 1.8rem;--opi-text-lg: 2.4rem;--opi-text-xl: 3.2rem;--opi-text-2xl: 4.2rem;--opi-text-3xl: 6.4rem;--opi-space-2: .2rem;--opi-space-4: .4rem;--opi-space-8: .8rem;--opi-space-12: 1.2rem;--opi-space-16: 1.6rem;--opi-space-24: 2.4rem;--opi-space-32: 3.2rem;--opi-space-48: 4.8rem;--opi-space-64: 6.4rem;--opi-space-80: 8rem;--opi-space-128: 12.8rem;--opi-radius: 8px;--opi-transition: .3s cubic-bezier(.2, 0, 0, 1);--opi-shadow-sm: 0 4px 12px rgba(0, 0, 0, .2);--opi-shadow-md: 0 8px 24px rgba(0, 0, 0, .3);--opi-shadow-lg: 0 16px 48px rgba(0, 0, 0, .4)}[data-theme=light]{--opi-bg: #f5f7fa;--opi-surface: #ffffff;--opi-surface-raised: #f9fafc;--opi-text: #1a1d21;--opi-text-muted: #6b7280;--opi-accent: #000000;--opi-border: rgba(0, 0, 0, .08);--opi-border-hover: rgba(0, 0, 0, .15);--opi-glow: rgba(0, 0, 0, .02);--opi-glass-bg: rgba(255, 255, 255, .7);--opi-shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--opi-shadow-md: 0 8px 24px rgba(0, 0, 0, .06);--opi-shadow-lg: 0 16px 48px rgba(0, 0, 0, .08)}*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}html{font-size:62.5%}html,body{height:100%;background-color:var(--opi-bg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;color:var(--opi-text);font-family:var(--opi-font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:var(--opi-space-4)}::-webkit-scrollbar-track{background:var(--opi-bg)}::-webkit-scrollbar-thumb{background:var(--opi-border-hover);border-radius:var(--opi-radius)}.text-mono{font-family:var(--opi-font-mono);font-size:var(--opi-text-xs);font-weight:500;letter-spacing:-.02em}