*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--color-text);-webkit-font-smoothing:antialiased}input,button{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}:root{--bg-primary: #1a1a1a;--bg-secondary: #242429;--bg-controls: rgba(19, 20, 22, .9);--bg-hover: #272829;--bg-overlay: rgba(0, 0, 0, .6);--color-text: #ffffff;--color-text-secondary: #9b9ca4;--color-accent: #007aff;--color-success: #42a25a;--color-danger: #ff453a;--color-warning: #faa61a;--color-speaking: rgba(66, 162, 90, .8);--color-speaking-glow: rgba(66, 162, 90, .3);--border-controls: #28292c;--tile-bg: #202024;--tile-border: rgba(255, 255, 255, .06);--tile-radius: 12px;--overlay-gradient: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,.3) 40%, transparent 100%);--gap-sm: 4px;--gap-md: 8px;--gap-lg: 16px;--radius-sm: 8px;--radius-md: 12px;--transition-fast: .125s ease;--transition-normal: .2s ease;--z-controls: 100;--z-toast: 200;--z-overlay: 300;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes screenFadeScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}