:root{--color-bg: #000000;--color-surface: #1a1a1a;--color-surface-nested: #2b2b2b;--color-border: #838383;--color-border-subtle: #3c3c3c;--color-accent: #bc36e6;--color-text: #ffffff;--color-text-muted: #cccccc;--shadow-glow: 0 4px 12px rgba(255, 255, 255, .1);--shadow-accent: 0 0px 25px rgba(188, 54, 230, .7);--radius: 8px;--font-xs: clamp(.75rem, .72rem + .15vw, .8125rem);--font-sm: clamp(.8125rem, .78rem + .2vw, .9375rem);--font-md: clamp(.9375rem, .9rem + .25vw, 1.0625rem);--font-lg: clamp(1.0625rem, 1rem + .4vw, 1.3125rem);--font-xl: clamp(1.25rem, 1.1rem + .9vw, 1.875rem);--font-2xl: clamp(1.5rem, 1.2rem + 1.6vw, 2.5rem);--font-nav: clamp(1rem, .5rem + 1.2vw, 1.5rem);--space-xs: clamp(.25rem, .2rem + .2vw, .5rem);--space-sm: clamp(.5rem, .4rem + .4vw, .75rem);--space-md: clamp(.75rem, .6rem + .7vw, 1.25rem);--space-lg: clamp(1rem, .8rem + 1.2vw, 2rem);--touch-target: 44px}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:var(--font-md);background-color:var(--color-bg);overflow-x:hidden}h1{font-size:var(--font-2xl)}h2{font-size:var(--font-xl)}h3{font-size:var(--font-lg)}img,video,iframe{max-width:100%}.da-card{background:var(--color-surface);color:var(--color-text);border-radius:var(--radius);box-shadow:var(--shadow-glow)}.da-button{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-glow);cursor:pointer}.da-button:hover:not(:disabled){box-shadow:var(--shadow-accent)}.da-button:active:not(:disabled){box-shadow:var(--shadow-accent);border-color:var(--color-accent)}.da-field{background-color:var(--color-surface-nested);color:var(--color-text);border:2px solid var(--color-border-subtle);border-radius:var(--radius);padding:6px 10px;font-family:inherit;font-size:inherit;box-sizing:border-box}.da-row{background-color:var(--color-surface-nested);border:2px solid var(--color-border-subtle);color:var(--color-text);border-radius:var(--radius);box-shadow:var(--shadow-glow)}@media(pointer:coarse),(max-width:640px){button,select,.da-button,.da-field{min-height:var(--touch-target)}}@media(max-width:640px){input,select,textarea,.da-field{font-size:max(16px,1em)}}