*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--neon-pink:#ff2a6d;--neon-cyan:#00f0ff;--neon-yellow:#e8ff00;--dark-bg:#0a0a12;--dark-surface:#12121e;--dark-surface-2:#1a1a2e;--grid-color:#00f0ff14;--text-dim:#fff6;--text-medium:#ffffffb3}html,body{background:var(--dark-bg);color:#fff;height:100%;font-family:Share Tech Mono,monospace}body:before{content:"";pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001f 2px 4px);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:99;background:radial-gradient(#0000 50%,#00000080 100%);position:fixed;inset:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:2px}.neon-input{background:var(--dark-surface);color:#fff;letter-spacing:1px;border:1px solid #00f0ff33;border-radius:4px;outline:none;width:100%;padding:12px 16px;font-family:Share Tech Mono,monospace;font-size:14px;transition:border-color .3s,box-shadow .3s}.neon-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 8px #00f0ff33,inset 0 0 8px #00f0ff0d}.neon-input::placeholder{color:var(--text-dim)}.neon-select{background:var(--dark-surface);color:#fff;letter-spacing:1px;appearance:none;cursor:pointer;border:1px solid #00f0ff33;border-radius:4px;outline:none;width:100%;padding:12px 16px;font-family:Share Tech Mono,monospace;font-size:14px;transition:border-color .3s,box-shadow .3s}.neon-select:focus{border-color:var(--neon-cyan);box-shadow:0 0 8px #00f0ff33}.neon-btn{border:1px solid var(--neon-cyan);color:var(--neon-cyan);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:4px;padding:12px 28px;font-family:Share Tech Mono,monospace;font-size:13px;transition:all .3s;position:relative}.neon-btn:hover{background:#00f0ff14;box-shadow:0 0 15px #00f0ff4d,inset 0 0 15px #00f0ff0d}.neon-btn:disabled{opacity:.3;cursor:not-allowed}.neon-btn.pink{border-color:var(--neon-pink);color:var(--neon-pink)}.neon-btn.pink:hover{background:#ff2a6d14;box-shadow:0 0 15px #ff2a6d4d}.neon-btn.yellow{border-color:var(--neon-yellow);color:var(--neon-yellow)}.neon-btn.yellow:hover{background:#e8ff0014;box-shadow:0 0 15px #e8ff004d}.neon-btn.filled{background:var(--neon-cyan);color:var(--dark-bg);font-weight:700}.neon-btn.filled:hover{box-shadow:0 0 20px #00f0ff80}@keyframes pulse-cyan{0%,to{box-shadow:0 0 #00f0ff66}50%{box-shadow:0 0 0 12px #00f0ff00}}@keyframes pulse-pink{0%,to{box-shadow:0 0 #ff2a6d66}50%{box-shadow:0 0 0 12px #ff2a6d00}}@keyframes pulse-yellow{0%,to{box-shadow:0 0 #e8ff0066}50%{box-shadow:0 0 0 12px #e8ff0000}}.recording-pulse-cyan{animation:1.5s infinite pulse-cyan}.recording-pulse-pink{animation:1.5s infinite pulse-pink}.recording-pulse-yellow{animation:1.5s infinite pulse-yellow}.grid-floor{background:linear-gradient(0deg, var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);transform-origin:bottom;pointer-events:none;z-index:0;background-size:60px 40px;width:140%;height:45%;animation:4s linear infinite gridScroll;position:fixed;bottom:0;left:-20%;transform:perspective(400px)rotateX(55deg);-webkit-mask-image:linear-gradient(#0000 30%,#0006 100%);mask-image:linear-gradient(#0000 30%,#0006 100%)}@keyframes gridScroll{0%{background-position:0 0,0 0}to{background-position:0 40px,0 40px}}.corner{z-index:50;opacity:.25;pointer-events:none;width:30px;height:30px;position:fixed}.corner:before,.corner:after{content:"";background:var(--neon-cyan);position:absolute}.corner-tl{top:16px;left:16px}.corner-tl:before{width:16px;height:1px}.corner-tl:after{width:1px;height:16px}.corner-tr{top:16px;right:16px}.corner-tr:before{width:16px;height:1px;right:0}.corner-tr:after{width:1px;height:16px;right:0}.corner-bl{bottom:16px;left:16px}.corner-bl:before{width:16px;height:1px;bottom:0}.corner-bl:after{width:1px;height:16px;bottom:0}.corner-br{bottom:16px;right:16px}.corner-br:before{width:16px;height:1px;bottom:0;right:0}.corner-br:after{width:1px;height:16px;bottom:0;right:0}.field-label{letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-size:11px;display:block}.mode-toggle{border:1px solid #00f0ff33;border-radius:4px;display:flex;overflow:hidden}.mode-toggle button{color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex:1;padding:10px 20px;font-family:Share Tech Mono,monospace;font-size:12px;transition:all .3s}.mode-toggle button.active{color:var(--neon-cyan);background:#00f0ff1a;box-shadow:inset 0 0 15px #00f0ff1a}.recording-item{background:var(--dark-surface);border:1px solid #ffffff0f;border-radius:4px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .3s;display:flex}.recording-item:hover{border-color:#00f0ff33}.type-badge{letter-spacing:2px;text-transform:uppercase;border-radius:2px;padding:3px 8px;font-size:10px;font-weight:700}.type-badge.question{color:var(--neon-cyan);background:#00f0ff1a}.type-badge.response{color:var(--neon-pink);background:#ff2a6d1a}.type-badge.concern{color:var(--neon-yellow);background:#e8ff001a}.error-msg{color:var(--neon-pink);letter-spacing:1px;background:#ff2a6d0d;border:1px solid #ff2a6d4d;border-radius:4px;padding:8px 12px;font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out fadeIn}