:root{--modal-bg: rgba(10, 10, 10, .95);--modal-border: rgba(255, 255, 255, .1);--modal-border-hover: rgba(255, 255, 255, .2);--modal-text-primary: rgba(255, 255, 255, .9);--modal-text-secondary: rgba(255, 255, 255, .8);--modal-text-tertiary: rgba(255, 255, 255, .7);--modal-accent: rgba(255, 255, 255, .15);--modal-shadow: rgba(0, 0, 0, .5);--font-mono: "JetBrains Mono", "Fira Mono", "Courier New", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}body{font-family:var(--font-sans)}.frosted-backdrop{background:#00000008;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.frosted-glass{background:linear-gradient(135deg,#000,#000000ad,#000);backdrop-filter:blur(24px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(24px) saturate(180%) brightness(1.1);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #1813134d,0 0 0 1px #ffffff1a inset,inset 0 1px #fff3;position:relative}.frosted-glass:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.04) 0%,transparent 50%);border-radius:inherit;pointer-events:none}body{margin:0;padding:0;overflow:hidden}html{height:100%}