*{margin:0;padding:0;box-sizing:border-box}:root{--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(0, 0, 0, .08);--accent-blue: #007AFF;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--background: #f5f5f7;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 32px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .12);--blur-standard: blur(20px);--blur-heavy: blur(40px);--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 48px;--space-xl: 80px;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f5f5f7,#e8e8ed);color:var(--text-primary)}#root{width:100%;min-height:100vh}.glass{background:var(--glass-bg);backdrop-filter:var(--blur-standard);-webkit-backdrop-filter:var(--blur-standard);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.glass-heavy{background:#ffffffd9;backdrop-filter:var(--blur-heavy);-webkit-backdrop-filter:var(--blur-heavy);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}*{transition:all .2s cubic-bezier(.34,1,.68,1)}button{transition:all .15s cubic-bezier(.34,1.56,.64,1)}.preview-card{position:relative;isolation:isolate}.lissajous-canvas{position:relative;z-index:2}.preview-title{position:relative;z-index:3;--title-from: #0b63ff;--title-to: #5856d6;background-image:linear-gradient(135deg,var(--title-from),var(--title-to));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;mix-blend-mode:normal!important;text-shadow:0 1px 1px rgba(0,0,0,.06)}