@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#fbfbfd;--panel-bg:#fff;--text-primary:#1d1d1f;--text-secondary:#86868b;--accent:#007aff;--border-color:#00000014;--success:#34c759;--error:#ff3b30;--warning:#ff9500;--shadow-subtle:0 4px 24px #0000000a;--shadow-medium:0 10px 40px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;display:flex;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}button{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:8px;font-family:inherit;transition:all .2s}button.primary{background-color:var(--text-primary);color:#fff;border-radius:24px;padding:10px 20px;font-weight:500}button.primary:hover{background-color:#333336;transform:translateY(-1px)}button.primary.recording{background-color:var(--error);color:#fff}button.primary.recording:hover{background-color:#ff453a}button.secondary{border:1px solid var(--border-color);background-color:#0000;border-radius:20px;padding:8px 16px;font-weight:500}button.secondary:hover{background-color:#00000008}button.icon-btn{color:var(--text-secondary);background-color:#0000;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}button.icon-btn:hover{color:var(--text-primary);background-color:#0000000d}input[type=password],input[type=text]{width:100%;color:var(--text-primary);background-color:#f5f5f7;border:1px solid #0000;border-radius:12px;padding:12px 16px;font-family:inherit;transition:all .2s}input:focus{border-color:var(--accent);background-color:#fff;outline:none;box-shadow:0 0 0 3px #007aff26}.apple-panel{background:var(--panel-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-subtle);border-radius:24px}.dropdown-menu{box-shadow:var(--shadow-medium);border:1px solid var(--border-color);z-index:50;background:#fff;border-radius:16px;flex-direction:column;gap:4px;min-width:260px;margin-top:8px;padding:8px;display:flex;position:absolute;top:100%;right:0}.dropdown-item{color:var(--text-primary);text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.95rem;font-weight:500;display:flex}.dropdown-item:hover{background-color:#f5f5f7}.dropdown-item.danger{color:var(--error)}.dropdown-item.danger:hover{background-color:#ff3b301a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000026}.mobile-metrics{display:none!important}@media (width<=768px){.app-layout{flex-direction:column!important}.transcript-col{border-right:none!important;border-bottom:1px solid var(--border-color)!important;flex:none!important;height:35vh!important}.transcript-col.full-screen{border-bottom:none!important;height:100%!important}.facts-col{border-left:none!important;flex:none!important;width:100%!important;height:65vh!important}.cost-metrics{display:none!important}.mobile-metrics{display:flex!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin,.animate-spin{animation:1s linear infinite spin}