:root{--background: #060D0A;--foreground: #FFFFFF;--border: rgba(62,222,114,.12);--card: #0C1A12;--card-foreground: #FFFFFF;--primary: #3EDE72;--primary-foreground: #060D0A;--muted: #1A2E1F;--muted-foreground: rgba(255,255,255,.45);--accent: #00FF88;--destructive: #FF4444;--ring: rgba(62,222,114,.4);--app-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: .875rem;--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 4px);--radius-2xl: calc(var(--radius) + 8px);--loop-green: #3EDE72;--loop-green-dim: #00A850;--loop-green-glow: rgba(62,222,114,.18);--loop-bg: #060D0A;--loop-card: #0C1A12;--loop-card-hover: #112017;--loop-surface: #0F201A}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{background:var(--loop-bg);color:var(--foreground);font-family:var(--app-font-sans);min-height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100svh;display:flex;flex-direction:column}input,textarea,select,button{font-family:inherit;font-size:inherit}.loop-card{background:var(--loop-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:background .15s,border-color .15s}.loop-card:hover{background:var(--loop-card-hover);border-color:#3ede7238}.btn-primary{background:var(--loop-green);color:var(--loop-bg);font-weight:700;border-radius:999px;padding:.875rem 2rem;font-size:1rem;border:none;cursor:pointer;transition:filter .15s,transform .15s,opacity .15s;width:100%;letter-spacing:.01em;display:flex;align-items:center;justify-content:center}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.01)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:#fff9;font-weight:500;border-radius:999px;padding:.75rem 1.5rem;font-size:.9rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:border-color .15s,color .15s;width:100%;display:flex;align-items:center;justify-content:center}.btn-ghost:hover{border-color:#ffffff40;color:#fff}.glow-text{color:var(--loop-green);text-shadow:0 0 20px rgba(62,222,114,.5)}.glow-border{border-color:var(--loop-green);box-shadow:0 0 0 1px #3ede724d,0 0 20px #3ede721a}@keyframes pulse-green{0%,to{box-shadow:0 0 #3ede7266}50%{box-shadow:0 0 0 6px #3ede7200}}@keyframes speaking-pulse{0%,to{box-shadow:0 0 0 2px #3ede72e6,0 0 0 6px #3ede7233}50%{box-shadow:0 0 0 2px #3ede72,0 0 0 10px #3ede7200}}@keyframes spin-loop{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse-live{animation:pulse-green 2s ease-in-out infinite}.speaking-ring{animation:speaking-pulse .8s ease-in-out infinite}.spinner{width:20px;height:20px;border:2px solid rgba(62,222,114,.2);border-top-color:var(--loop-green);border-radius:50%;animation:spin-loop .7s linear infinite;display:inline-block;flex-shrink:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3ede7233;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#3ede7266}