:root{--bg-color: #000000;--text-color: #ffffff;--accent-color: #3b82f6;--accent-glow: rgba(59, 130, 246, .5);--secondary-bg: #1a1a1a;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-family: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#root{width:100%;height:100vh;display:flex;flex-direction:column;position:relative}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.flex-center{display:flex;justify-content:center;align-items:center}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 20px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes ripple{0%{transform:scale(1);opacity:.8}to{transform:scale(2.5);opacity:0}}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.recording-timer-fixed{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;color:#fff;z-index:1000;box-shadow:0 4px 15px #00000080}.timer-dot{width:10px;height:10px;background-color:#ef4444;border-radius:50%;animation:timer-pulse 1s infinite}@keyframes timer-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}