@font-face{font-family:Oswald Light;src:url(/assets/oswald-light-B6MrJzH0.ttf)format("truetype");font-weight:300;font-style:normal}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--wood-dark:#3e2723;--wood-mid:#5d4037;--wood-light:#6d4c41;--grill-bg:#1a1a1a;--grill-hole:#111;--amber:#ff8f00;--amber-glow:#ffb300;--cream:#f5f0e1;--cream-dark:#e8dcc8;--green-scope:#0f6;--green-dim:#004d1a;--red-accent:#c62828;--brass:#c9a84c;--notebook-bg:#fdf6e3;--notebook-line:#c5e0a4;--notebook-margin:#e57373;--font-retro:"Oswald Light", "Courier New", monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:16px}body{font-family:var(--font-retro);background:#2c2c2c url(/assets/bg-radio-BIKnaBNH.jpg) 50% -80px/1160px 1160px no-repeat;flex-direction:column;align-items:center;min-height:100vh;padding:16px;display:flex;overflow-x:hidden}#root{width:100%;min-width:320px;max-width:540px}.disclaimer{background:var(--cream-dark);border:1px solid var(--brass);border-radius:var(--radius-sm);width:95%;max-width:500px;color:var(--wood-dark);text-align:center;opacity:.8;margin-bottom:12px;line-height:1.4;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.disclaimer p{font-size:clamp(.8rem,4vw,1.1rem);font-weight:800}.disclaimer-open{padding:6px 14px 10px}.disclaimer-collapsed{padding:0 14px}.disclaimer p{margin-top:6px}.mic-status-row{border-top:1px dashed var(--wood-mid);align-items:center;gap:8px;margin-top:4px;padding-top:4px;display:flex}.mic-status{margin:0;font-size:clamp(.75rem,3.5vw,.95rem);font-weight:700}.mic-status.mic-ok{color:#2e7d32}.mic-status.mic-warn{color:#bf360c}.mic-enable-btn{font-family:var(--font-retro);border:1px solid var(--wood-mid);background:var(--wood-light);color:var(--wood-dark);cursor:pointer;white-space:nowrap;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:700;transition:background .15s}.mic-enable-btn:hover{background:var(--brass)}.mic-enable-btn:disabled{opacity:.6;cursor:wait}.disclaimer-toggle{font-family:var(--font-retro);color:var(--wood-mid);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;padding:6px 0 0;font-size:.8rem;font-weight:700;transition:color .15s}.disclaimer-toggle:hover{color:var(--wood-dark)}.radio{border-radius:var(--radius-lg);width:100%;margin-top:180px;padding:24px 20px 20px;position:relative}.radio-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:24px;display:flex}.radio-brand h1{font-family:var(--font-retro);color:var(--amber-glow);text-shadow:0 0 8px #ffb30066;letter-spacing:2px;text-transform:uppercase;font-size:clamp(1rem,4vw,1.6rem)}.speaker-grill{aspect-ratio:1;background:var(--grill-bg);border:6px solid var(--wood-dark);width:100%;max-width:320px;box-shadow:inset 0 2px 12px #000c, 0 0 0 3px var(--brass);border-radius:50%;margin:32px auto;position:relative;overflow:hidden}.speaker-grill canvas{width:100%;height:100%;display:block}.controls{flex-wrap:wrap;justify-content:center;gap:48px;margin:16px 0;display:flex}.radio-btn{font-family:var(--font-retro);border:4px solid var(--brass);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;font-size:clamp(.8rem,4vw,1.1rem);font-weight:700;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 8px #0006,inset 0 2px 4px #ffffff26,0 0 0 2px #0000004d}.radio-btn:hover:not(:disabled){box-shadow:0 6px 12px #00000080,inset 0 2px 4px #fff3,0 0 0 2px #0000004d}.radio-btn:active:not(:disabled),.radio-btn.active{transform:translateY(3px);box-shadow:0 2px 4px #0006,inset 0 4px 4px #0003,0 0 0 2px #0000004d}.radio-btn:disabled{cursor:not-allowed;opacity:.35;filter:grayscale(.6);box-shadow:0 2px 4px #0003,inset 0 1px 2px #ffffff0d,0 0 0 2px #0003}.btn-call{background:radial-gradient(circle at 35% 35%, #ffca28, var(--amber), #e65100);color:var(--wood-dark)}.btn-call:hover:not(:disabled){background:radial-gradient(circle at 50%, #ffe082, var(--amber-glow), #ef6c00)}.btn-memo{background:radial-gradient(circle at 35% 35%, #ef5350, var(--red-accent), #7f0000);color:var(--cream)}.btn-memo:hover:not(:disabled){background:radial-gradient(circle,#f44336,#e53935,#b71c1c)}.btn-memo.recording{background:radial-gradient(circle at 35% 35%,#ff1744,#d50000,#880e4f);animation:1s ease-in-out infinite pulse-red}@keyframes pulse-red{0%,to{box-shadow:0 0 4px #ff174480}50%{box-shadow:0 0 20px #ff1744e6}}.btn-voicemail{background:radial-gradient(circle at 35% 35%, #8d6e63, var(--wood-light), #3e2723);color:var(--cream);position:relative}.btn-voicemail:hover:not(:disabled){background:radial-gradient(circle at 35% 35%, #a1887f, var(--wood-mid), #4e342e)}.voicemail-badge{background:var(--red-accent);color:#fff;border:2px solid var(--wood-dark);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.55rem;display:flex;position:absolute;top:-4px;right:-4px}.radial-gauge{z-index:10;width:80px;height:80px;position:absolute;top:64px;right:30px}.gauge-bezel{box-sizing:border-box;background:radial-gradient(circle,#555 44%,#888 48%,#333 52%);border-radius:50%;width:100%;height:100%;padding:6px}.gauge-face{background:#fff;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.gauge-arc{z-index:1;border-radius:50%;position:absolute;inset:6px}.gauge-arc-inner{background:#fff;border-radius:50%;position:absolute;inset:8px}.gauge-ticks{z-index:2;position:absolute;inset:0}.gauge-tick{transform-origin:bottom;width:0;height:50%;display:block;position:absolute;top:5px;left:50%}.gauge-tick:before{content:"";background:#999;position:absolute;top:0;left:50%;transform:translate(-50%)}.gauge-tick-minor:before{width:.6px;height:5px}.gauge-tick-major:before{background:#111;width:1.5px;height:9px}.gauge-needle{z-index:5;transform-origin:50%;width:0;height:0;transition:transform .1s linear;position:absolute;top:50%;left:50%}.gauge-needle-line{background:#c62828;border-radius:1px;width:22px;height:2px;position:absolute;top:-1px;left:-5px}.gauge-cap{z-index:6;background:radial-gradient(circle at 35% 35%,#999,#333);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%}.gauge-label{color:#555;z-index:4;font-family:Courier New,monospace;font-size:5px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notebook-panel{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:auto;max-width:none;padding-bottom:0;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.notebook-panel>.notebook{width:90%;max-width:480px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notebook{background:var(--notebook-bg);border-radius:var(--radius-md);background-image:repeating-linear-gradient(transparent, transparent 27px, var(--notebook-line) 27px, var(--notebook-line) 28px);background-position:0 24px;width:100%;max-height:none;padding:24px 24px 24px 48px;font-family:Courier New,Lucida Console,monospace;position:relative;overflow-y:visible;box-shadow:4px 4px 16px #00000080,inset -2px 0 4px #0000001a}.notebook:before{content:"";background:var(--notebook-margin);width:2px;position:absolute;top:0;bottom:0;left:36px}.notebook-title{color:#333;border-bottom:1px solid #ccc;margin-bottom:16px;padding-bottom:8px;font-size:clamp(1rem,4vw,1.3rem);font-weight:700}.notebook p{color:#444;margin-bottom:8px;font-size:1rem;font-weight:700;line-height:22px}.notebook input[type=text]{font-family:var(--font-retro);border-radius:var(--radius-sm);background:#fff;border:2px solid #bcaaa4;outline:none;width:100%;margin:8px 0 12px;padding:8px 12px;font-size:.9rem}.notebook input[type=text]:focus{border-color:var(--amber)}.notebook-btn{font-family:var(--font-retro);border-radius:var(--radius-sm);background:var(--cream);color:var(--wood-dark);cursor:pointer;border:2px solid #8d6e63;margin:4px;padding:8px 16px;font-size:1rem;transition:all .15s}.notebook-btn:hover{background:var(--amber);color:var(--wood-dark)}.notebook-btn.primary{background:var(--amber);border-color:var(--amber);font-weight:700}.notebook-btn.primary:hover{background:var(--amber-glow)}.notebook-btn.danger{background:var(--red-accent);color:#fff;border-color:var(--red-accent)}.notebook-btn.danger:hover{background:#e53935}.agent-list{margin:12px 0;list-style:none}.agent-list li{border-radius:var(--radius-sm);cursor:pointer;color:var(--wood-dark);background:#fff;border:2px solid #d7ccc8;margin:6px 0;padding:12px 16px;font-size:clamp(.8rem,4vw,1.1rem);font-weight:700;transition:all .15s}.agent-list li:hover{border-color:var(--amber);background:#fff8e1}.agent-list li.selected{border-color:var(--amber);background:var(--amber);color:var(--wood-dark)}.call-status{text-align:center;margin:12px 0}.call-status .status-text{color:#1b5e20;font-size:1.7rem;animation:1.2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hangup-btn{font-family:var(--font-retro);background:var(--red-accent);color:#fff;border:2px solid var(--red-accent);border-radius:var(--radius-sm);cursor:pointer;margin-top:8px;padding:8px 24px;font-size:.8rem;font-weight:700}.hangup-btn:hover{background:#e53935}.voicemail-list{margin:8px 0;list-style:none}.voicemail-item{border-radius:var(--radius-sm);cursor:pointer;text-align:center;white-space:normal;word-wrap:break-word;background:#fff;border:1px solid #d7ccc8;margin:6px 0;padding:12px 14px;font-size:clamp(.8rem,4vw,1rem);line-height:1.15;transition:background .15s}.voicemail-item:hover{background:#fff8e1}.voicemail-item.read{opacity:.6}.voicemail-item.unread{border-left:3px solid var(--amber);font-weight:700}@keyframes dots{0%,20%{opacity:0}40%{opacity:1;content:"."}60%{content:".."}80%,to{content:"..."}}.generating-dots:after{content:"...";animation:1.4s infinite dots}.memo-display{border-radius:var(--radius-sm);color:#333;background:#fff;border:1px solid #d7ccc8;margin:8px 0;padding:12px;font-size:.85rem}.feedback-btn{border:1.5px solid var(--brass);background:var(--cream);width:20px;height:20px;color:var(--wood-dark);font-family:var(--font-retro);cursor:pointer;z-index:12;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.65rem;font-weight:700;line-height:1;transition:all .15s;display:flex}.feedback-btn:hover,.feedback-btn.active{background:var(--amber);color:var(--wood-dark)}.feedback-form p{color:#444;margin:10px 0 6px;font-size:.9rem;font-weight:700}.feedback-checkbox{cursor:pointer;color:#444;align-items:center;gap:6px;margin:4px 0;font-size:.85rem;display:flex}.feedback-checkbox input[type=checkbox]{accent-color:var(--amber);cursor:pointer;width:14px;height:14px}.feedback-multicheck{flex-wrap:wrap;gap:6px 16px;margin-bottom:6px;display:flex}.feedback-select{font-family:var(--font-retro);border-radius:var(--radius-sm);color:#444;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 10px center no-repeat;border:2px solid #bcaaa4;outline:none;width:100%;padding:8px 12px;font-size:.85rem}.feedback-select:focus{border-color:var(--amber)}.feedback-form input[type=text]{font-family:var(--font-retro);border-radius:var(--radius-sm);background:#fff;border:2px solid #bcaaa4;outline:none;width:100%;padding:8px 12px;font-size:.85rem}.feedback-form input[type=text]:focus{border-color:var(--amber)}.feedback-form input.input-error{border-color:var(--red-accent)}.feedback-error{color:var(--red-accent);margin-top:2px;font-size:.75rem;display:block}.feedback-actions{gap:8px;margin-top:12px;display:flex}.feedback-result{text-align:center;padding:20px 0;font-size:1rem}.feedback-result.success{color:#1b5e20}.feedback-result.error{color:var(--red-accent)}@keyframes feedback-spin{to{transform:rotate(360deg)}}.feedback-spinner{border:2px solid #bcaaa4;border-top-color:var(--amber);border-radius:50%;width:16px;height:16px;margin-top:10px;animation:.6s linear infinite feedback-spin;display:inline-block}.notebook::-webkit-scrollbar{width:6px}.notebook::-webkit-scrollbar-thumb{background:#bcaaa4;border-radius:3px}@media (width<=480px){body{background-size:900px 900px}.radio{padding:16px 12px 14px}.radio-brand h1{letter-spacing:2px}.radial-gauge{width:64px;height:64px;top:40px;right:20px}.speaker-grill{max-width:260px}.controls{gap:14px}.radio-btn{width:62px;height:62px;font-size:.58rem}.notebook{padding:16px 16px 16px 40px}.notebook-panel{margin-top:12px}}.app-footer{height:32px;font-family:var(--font-retro);color:#ffb300;z-index:20;background:#3e2723bf;justify-content:center;align-items:center;gap:6px;font-size:clamp(.7rem,4vw,1rem);display:flex;position:fixed;bottom:0;left:0;right:0}.app-footer a{color:#fff;text-decoration:none}.app-footer a:hover{text-decoration:underline}