:root{color-scheme:light dark;--primary-red: #D32F2F;--header-bg: #ffffff;--bg-chat-surface: #ffffff;--text-main: #1c1e21;--text-secondary: #65676b;--border-color: #e4e6eb;--bubble-user: #0084ff;--bubble-user-text: #ffffff;--bubble-agent: #ffffff;--bubble-agent-text: #050505;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--input-bg: #f0f2f5}@media(prefers-color-scheme:dark){:root{--header-bg: #1c1c1e;--bg-chat-surface: #121212;--text-main: #f5f5f7;--text-secondary: #a1a1a6;--border-color: #38383a;--bubble-user: #0084ff;--bubble-user-text: #ffffff;--bubble-agent: #2c2c2e;--bubble-agent-text: #f5f5f7;--input-bg: #1c1c1e}}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden;font-family:var(--font-family);background-color:var(--bg-chat-surface);color:var(--text-main);-webkit-font-smoothing:antialiased}.App.nidra-theme{display:flex;flex-direction:column;height:100dvh;max-width:500px;margin:0 auto;background:var(--bg-chat-surface);position:relative;box-shadow:0 12px 28px #0000001f;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.nidra-header{flex:0 0 72px;padding:0 20px;background:var(--header-bg);display:flex;align-items:center;justify-content:space-between;z-index:100;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #00000008}.nidra-profile{display:flex;align-items:center;gap:12px}.avatar-circle{width:44px;height:44px;border-radius:50%;border:2px solid var(--primary-red);overflow:hidden;background:var(--header-bg)}.avatar-circle img{width:100%;height:100%;object-fit:cover}.header-text h1{font-size:16px;font-weight:700;margin:0;color:var(--text-main)}.header-text h2{font-size:11px;font-weight:500;color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:4px}.header-text h2:before{content:"";width:6px;height:6px;background:#42b72a;border-radius:50%;display:inline-block}.call-timer-subtle{font-family:Space Mono,monospace;font-size:12px;color:var(--primary-red);background:#d32f2f14;padding:4px 12px;border-radius:20px;display:flex;align-items:center;gap:6px;font-weight:700}.header-actions{display:flex;gap:8px}.header-actions button{background:var(--input-bg);border:none;color:var(--text-main);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.header-actions .call-toggle-btn.active{color:#fff;background:var(--primary-red)}.nidra-main-container{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px;background-color:var(--bg-chat-surface);background-image:url(https://lh3.googleusercontent.com/d/1ngYbxEVyYvIoaQqhTKqV1TkvlBJjddAU);background-size:contain;background-repeat:repeat;background-position:top left;background-attachment:local;scroll-behavior:smooth}@media(prefers-color-scheme:dark){.nidra-main-container{background-image:linear-gradient(#121212f0,#121212f0),url(https://lh3.googleusercontent.com/d/1ngYbxEVyYvIoaQqhTKqV1TkvlBJjddAU)}}.chat-row{display:flex;width:100%;position:relative;margin-bottom:8px}.chat-row.agent{justify-content:flex-start}.chat-row.user{justify-content:flex-end}.chat-row.system{justify-content:center;margin:24px 0}.chat-bubble{padding:12px 18px;font-size:15.5px;line-height:1.5;max-width:85%;box-shadow:0 2px 8px #0000001f;position:relative;word-wrap:break-word}.chat-bubble.agent{background:var(--bubble-agent);color:var(--bubble-agent-text);border-radius:20px 20px 20px 4px;border:1px solid var(--border-color)}.chat-bubble.user{background:var(--bubble-user);color:var(--bubble-user-text);border-radius:20px 20px 4px}.suggestions-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;width:100%}.suggestion-chip{background:var(--header-bg);border:1px solid var(--border-color);color:var(--primary-red);padding:8px 16px;border-radius:24px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 1px 4px #0000000d;transition:all .2s}.suggestion-chip:hover{transform:translateY(-1px);box-shadow:0 3px 8px #d32f2f26;border-color:var(--primary-red)}.nidra-footer{flex:0 0 auto;padding:12px 16px 32px;background:var(--header-bg);border-top:1px solid var(--border-color)}.input-bar-container{display:flex;align-items:center;gap:10px}.text-input{flex:1;border:1px solid var(--border-color);background:var(--input-bg);border-radius:24px;padding:12px 20px;font-size:15px;outline:none;color:var(--text-main)}.nidra-mic-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--primary-red);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #d32f2f4d}.typing-indicator{display:flex;gap:4px;padding:4px;align-items:center}.typing-indicator span{width:6px;height:6px;background:currentColor;border-radius:50%;animation:wave 1.3s infinite;opacity:.6}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.system-divider{background:var(--input-bg);color:var(--text-secondary);font-size:10px;font-weight:800;text-transform:uppercase;padding:6px 16px;border-radius:20px;letter-spacing:1.5px;border:1px solid var(--border-color)}.transcription-badge{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;display:flex;align-items:center;gap:6px;color:var(--text-secondary);opacity:.8}.user .transcription-badge{text-align:right;justify-content:flex-end}.badge-pulse{width:6px;height:6px;background:var(--primary-red);border-radius:50%;animation:badge-pulse-anim 1s infinite}@keyframes badge-pulse-anim{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.chat-bubble.interim{opacity:1;border-style:dashed!important;animation:interim-pulse 2s infinite ease-in-out}@keyframes interim-pulse{0%,to{opacity:.85}50%{opacity:1}}.chat-link{color:var(--primary-red);font-weight:700;text-decoration:none;border-bottom:1px solid var(--primary-red)}.chat-image{display:block;max-width:100%;height:auto;border-radius:12px;margin-top:8px;border:1px solid var(--border-color);cursor:pointer}.pdf-download-card{display:flex;align-items:center;gap:16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:16px;padding:16px;margin:12px 0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:100%;box-sizing:border-box;position:relative;overflow:hidden}.pdf-download-card:hover{background:var(--border-color);border-color:var(--primary-red);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.pdf-download-card .material-symbols-outlined{font-size:32px;color:var(--primary-red);background:#d32f2f14;padding:8px;border-radius:12px}.pdf-info{flex:1;display:flex;flex-direction:column;overflow:hidden}.pdf-name{font-size:15px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-action{font-size:12px;color:var(--text-secondary);margin-top:2px}.download-icon{font-size:24px!important;opacity:.5;transition:all .2s;color:var(--text-main)!important;background:none!important;padding:0!important}.pdf-download-card:hover .download-icon{opacity:1;color:var(--primary-red)!important}.inline-pdf-viewer{width:100%;max-width:100%;background:var(--input-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;margin:12px 0;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000d}.inline-pdf-header{padding:10px 16px;background:var(--header-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.inline-pdf-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-main)}.inline-pdf-title .material-symbols-outlined{font-size:18px;color:var(--primary-red)}.inline-pdf-actions{display:flex;gap:8px}.inline-pdf-action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:all .2s}.inline-pdf-action-btn:hover{background:#0000000d;color:var(--primary-red)}.inline-pdf-action-btn .material-symbols-outlined{font-size:20px}.inline-pdf-content{height:500px;position:relative;background:#fff}.inline-pdf-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;z-index:5;font-size:12px;color:var(--text-secondary);gap:8px}.inline-pdf-content iframe{border:none;width:100%;height:100%;display:block}.pdf-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.pdf-viewer-container{width:100%;max-width:900px;height:90vh;background:#1c1c1e;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 48px #00000080;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.pdf-viewer-header{padding:16px 24px;background:#2c2c2e;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.pdf-viewer-title{display:flex;align-items:center;gap:12px;color:#fff;font-weight:600;font-size:16px}.pdf-viewer-title .material-symbols-outlined{color:#f44}.pdf-viewer-actions{display:flex;gap:12px}.viewer-action-btn{background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.viewer-action-btn:hover{background:#fff3;transform:scale(1.05)}.viewer-action-btn.close:hover{background:#f44}.pdf-viewer-content{flex:1;background:#fff;position:relative}.pdf-loading-state{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;z-index:10;text-align:center;padding:20px}.pdf-spinner{width:40px;height:40px;border:3px solid rgba(211,47,47,.1);border-top:3px solid var(--primary-red);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.pdf-loading-state p{margin:0;font-weight:600;color:var(--text-main);font-size:16px}.pdf-loading-state span{font-size:13px;color:var(--text-secondary);margin-top:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}