*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0a0a0a;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#333;border-radius:3px;transition:background .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#4ade80}.glass-card{background:#121214b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d}.glass-panel-heavy{background:#121214f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 40px #00000080}.focus-ring:focus{outline:2px solid #4ade80;outline-offset:2px}.focus-ring:focus:not(:focus-visible){outline:none}.focus-ring:focus-visible{outline:2px solid #4ade80;outline-offset:2px}.btn-primary{background:#4ade80;color:#000;font-weight:600;padding:.625rem 1.25rem;border-radius:.5rem;transition:all .2s ease;box-shadow:0 4px 12px #4ade8033}.btn-primary:hover:not(:disabled){background:#22c55e;transform:translateY(-1px);box-shadow:0 6px 16px #4ade804d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff0d;color:#fff;font-weight:600;padding:.625rem 1.25rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#4ade80}.text-gradient-green{background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-mono-caps{font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.15em;font-size:.625rem;font-weight:700}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#fff0,#ffffff0d,#fff0);background-size:1000px 100%;animation:shimmer 3s infinite}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .5s ease-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slide-in-right .4s ease-out}@keyframes pulse-glow-green{0%,to{box-shadow:0 0 8px #4ade804d}50%{box-shadow:0 0 20px #4ade8099}}.animate-pulse-glow{animation:pulse-glow-green 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.25rem}.spinner{border:2px solid rgba(255,255,255,.1);border-top-color:#4ade80;border-radius:50%;width:20px;height:20px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:#4ade80;box-shadow:0 0 8px #4ade8099}.status-dot.processing{background:#fbbf24;box-shadow:0 0 8px #fbbf2499;animation:pulse 2s ease-in-out infinite}.status-dot.error{background:#ef4444;box-shadow:0 0 8px #ef444499}.status-dot.listening{background:#3b82f6;box-shadow:0 0 8px #3b82f699;animation:pulse 1.5s ease-in-out infinite}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.show-mobile{display:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-40px;left:0;background:#4ade80;color:#000;padding:8px;text-decoration:none;z-index:100;font-weight:600}.skip-link:focus{top:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#000000e6;color:#fff;padding:6px 12px;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000e6;opacity:0;pointer-events:none;transition:opacity .2s ease}.tooltip:hover:before,.tooltip:hover:after{opacity:1}.brand-border{position:relative;border:1px solid rgba(74,222,128,.3)}.brand-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#4ade80 0%,transparent 50%,#4ade80 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.brand-border:hover:before{opacity:1}.glow-green{box-shadow:0 0 20px #4ade804d}.glow-green-strong{box-shadow:0 0 40px #4ade8080}.terminal-text{font-family:Courier New,monospace;color:#4ade80;text-shadow:0 0 5px rgba(74,222,128,.5)}