@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}.field-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.field-hint{color:var(--text-secondary);font-size:.7rem;line-height:1.5}select.select-mini{appearance:none;width:100%;color:var(--text-primary);cursor:pointer;background-color:#f5f5f7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #0000;border-radius:9px;padding:7px 30px 7px 11px;font-family:inherit;font-size:.8rem;transition:background-color .15s,box-shadow .15s,border-color .15s}select.select-mini:hover{background-color:#eeeef0}select.select-mini:focus{border-color:var(--accent);background-color:#fff;outline:none;box-shadow:0 0 0 3px #007aff1f}button.btn-mini{border:1px solid var(--border-color);color:var(--text-primary);background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:7px 13px;font-size:.78rem;font-weight:500;transition:background-color .15s,opacity .15s;display:inline-flex}button.btn-mini:hover:not(:disabled){background:#00000008}button.btn-mini:disabled{opacity:.4;cursor:default}button.btn-mini.solid{background:var(--text-primary);border-color:var(--text-primary);color:#fff}button.btn-mini.solid:hover:not(:disabled){background:#333336}button.btn-ghost{color:var(--text-secondary);background:0 0;border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:.75rem;font-weight:500;transition:color .15s,background-color .15s;display:inline-flex}button.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#00000008}button.btn-ghost:disabled{opacity:.4;cursor:default}button.btn-ghost.danger:hover:not(:disabled){color:var(--error);background:#ff3b300f}.chip{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:7px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.chip:hover{background:#00000005}.chip.selected{color:var(--text-primary);background:#f5f5f7;border-color:#00000024}.thin-scroll{scrollbar-width:thin;scrollbar-color:#0003 transparent;scrollbar-gutter:stable;overflow-x:hidden}.thin-scroll::-webkit-scrollbar{width:6px}.thin-scroll::-webkit-scrollbar-track{background:0 0}.thin-scroll::-webkit-scrollbar-thumb{background:#0000002e;border-radius:3px}.thin-scroll::-webkit-scrollbar-thumb:hover{background:#0000004d}::-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}.scribe-mobile{display:none}.hide-on-mobile{display:flex}.hide-on-desktop{display:none!important}@media (width<=768px){.app-header{gap:8px;padding:0 12px!important}.action-center{display:none!important}.scribe-mobile{display:flex!important}.hide-on-mobile{display:none!important}.hide-on-desktop{display:flex!important}.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}