.transcript-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6c757d}.transcript-loading-wrapper{position:relative;width:150px;height:150px}.mic-animation-svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.mic-icon{fill:#adb5bd}.visualizer-bar{fill:var(--button-primary-bg);transform-origin:center bottom;animation:visualizer-pulse 1.2s ease-in-out infinite alternate}@keyframes visualizer-pulse{0%{transform:scaleY(.3)}to{transform:scaleY(.8)}}.visualizer-bar:nth-child(1){animation-delay:0s;animation-duration:1.1s}.visualizer-bar:nth-child(2){animation-delay:.1s;animation-duration:.9s}.visualizer-bar:nth-child(3){animation-delay:.2s;animation-duration:1.3s}.visualizer-bar:nth-child(4){animation-delay:.3s;animation-duration:.8s}.visualizer-bar:nth-child(5){animation-delay:.4s;animation-duration:1.2s}.visualizer-bar:nth-child(6){animation-delay:.5s;animation-duration:1s}.visualizer-bar:nth-child(7){animation-delay:.6s;animation-duration:1.4s}.visualizer-bar:nth-child(8){animation-delay:.7s;animation-duration:.9s}.visualizer-bar:nth-child(9){animation-delay:.8s;animation-duration:1.1s}.visualizer-bar:nth-child(10){animation-delay:.9s;animation-duration:1.3s}.visualizer-bar:nth-child(11){animation-delay:.7s;animation-duration:.8s}.visualizer-bar:nth-child(12){animation-delay:.6s;animation-duration:1.2s}.visualizer-bar:nth-child(13){animation-delay:.5s;animation-duration:1s}.visualizer-bar:nth-child(14){animation-delay:.4s;animation-duration:1.4s}.visualizer-bar:nth-child(15){animation-delay:.5s;animation-duration:.9s}.visualizer-bar:nth-child(16){animation-delay:.6s;animation-duration:1.1s}.visualizer-bar:nth-child(17){animation-delay:.7s;animation-duration:1.3s}.visualizer-bar:nth-child(18){animation-delay:.8s;animation-duration:1.4s}.visualizer-bar:nth-child(19){animation-delay:.9s;animation-duration:.9s}.visualizer-bar:nth-child(20){animation-delay:.8s;animation-duration:1.3s}.visualizer-bar:nth-child(21){animation-delay:.7s;animation-duration:1.2s}.visualizer-bar:nth-child(22){animation-delay:.6s;animation-duration:1s}.visualizer-bar:nth-child(23){animation-delay:.5s;animation-duration:1.4s}.visualizer-bar:nth-child(24){animation-delay:.4s;animation-duration:.9s}.visualizer-bar:nth-child(25){animation-delay:.3s;animation-duration:1.1s}.visualizer-bar:nth-child(26){animation-delay:.2s;animation-duration:1.3s}.visualizer-bar:nth-child(27){animation-delay:.1s;animation-duration:1.4s}.visualizer-bar:nth-child(28){animation-delay:0s;animation-duration:.9s}.transcript-loading-text{margin-top:1.5rem;font-size:1.1rem;font-weight:500}.mic-gain-control{display:flex;align-items:center;gap:.5rem;color:#6c757d}.rms-value-label{font-family:Consolas,Monaco,Courier New,monospace;font-size:.8em;font-weight:600;color:#495057;background-color:#e9ecef;padding:2px 5px;border-radius:3px;min-width:45px;text-align:center}.gain-slider-wrapper{position:relative;display:flex;align-items:center}.gain-slider{-webkit-appearance:none;appearance:none;width:100px;height:6px;background:transparent;outline:none;margin:0;cursor:pointer;position:relative;z-index:2}.vu-meter-track{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:6px;background-color:#e9ecef;border-radius:3px;overflow:hidden;z-index:1}.vu-meter-bar{height:100%;background:linear-gradient(90deg,#28a745,#ffc107,#dc3545);border-radius:3px;transition:width .05s linear}.gain-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border:2px solid #adb5bd;border-radius:50%;box-shadow:0 1px 3px #0003}.gain-slider::-moz-range-thumb{width:16px;height:16px;background:#fff;border:2px solid #adb5bd;border-radius:50%;box-shadow:0 1px 3px #0003}.gain-value-label{font-size:.8em;font-weight:600;min-width:30px;text-align:left}.device-status-indicator{display:inline-flex;align-items:center;gap:.5rem;width:100%}.device-info-text-group{display:flex;align-items:center;gap:.5rem;flex-grow:1;min-width:0}.device-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mic-icon-container{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.vu-meter-icon{position:relative;display:flex;align-items:center;justify-content:center}.vu-meter-pulse{position:absolute;width:16px;height:16px;background-color:var(--primary-color, #007bff);border-radius:50%;transition:opacity .1s ease-out,transform .2s ease-out;z-index:0}.mic-icon{position:relative;z-index:1}.mic-icon.muted{color:var(--error-color);animation:pulse-error 1.5s infinite}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.5}}.vu-meter-track-compact{flex-grow:1;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin:0 8px;min-width:50px}.vu-meter-bar-compact{height:100%;background-color:var(--primary-color, #007bff);transition:width .05s linear;border-radius:4px}.recording-source-info{display:flex;flex-direction:column;gap:8px;flex-grow:1;min-width:0}.audio-playback-bar{display:flex;align-items:center;gap:.75rem;background-color:var(--panel-bg);border-radius:20px;padding:.5rem;border:1px solid var(--panel-border);margin-bottom:.5rem;margin-top:.5rem}.play-pause-btn,.download-btn{background:none;border:none;cursor:pointer;color:var(--text-color-secondary);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background-color .2s ease,color .2s ease}.play-pause-btn:hover,.download-btn:hover{background-color:var(--hover-bg-color);color:var(--text-color-primary)}.play-pause-btn svg,.download-btn svg{fill:currentColor}.time-display{font-family:inherit;font-variant-numeric:tabular-nums;font-size:.9rem;color:var(--text-color-secondary);min-width:45px;text-align:center}.progress-bar{flex-grow:1;width:100%;cursor:pointer}.progress-bar::-webkit-slider-runnable-track{background-color:var(--panel-border);height:6px;border-radius:3px}.progress-bar::-moz-range-track{background-color:var(--panel-border);height:6px;border-radius:3px;border:none}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background-color:var(--button-primary-bg);border-radius:50%;margin-top:-5px;transition:background-color .2s ease}.progress-bar::-moz-range-thumb{width:16px;height:16px;background-color:var(--button-primary-bg);border-radius:50%;border:none;transition:background-color .2s ease}.progress-bar:hover::-webkit-slider-thumb{background-color:var(--button-primary-hover-bg)}.progress-bar:hover::-moz-range-thumb{background-color:var(--button-primary-hover-bg)}.download-menu-container{position:relative;display:flex;align-items:center}.download-options{position:absolute;bottom:100%;right:0;margin-bottom:8px;background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;box-shadow:var(--shadow-md);z-index:10;min-width:100px;padding:5px;display:flex;flex-direction:column;gap:4px}.download-options a{display:block;padding:8px 12px;color:var(--text-color-primary);text-decoration:none;font-size:.9rem;border-radius:4px;text-align:center}.download-options a:hover{background-color:var(--hover-bg-color)}.connection-status-indicator{position:fixed;top:0;left:0;width:100%;padding:8px 0;text-align:center;color:#fff;font-size:.9rem;font-weight:500;z-index:3000;display:flex;align-items:center;justify-content:center;gap:8px}.connection-status-indicator.connecting{background-color:#ffc107;color:#000}.connection-status-indicator.connected{background-color:#28a745;transition:transform .4s ease-in-out;transform:translateY(0)}.connection-status-indicator .spinner{animation:rotate 2s linear infinite;width:20px;height:20px}.connection-status-indicator .spinner .path{stroke:#000;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.pulsing-dots-spinner{display:flex;justify-content:center;align-items:center;gap:10px}.pulsing-dots-spinner .dot{width:12px;height:12px;border-radius:50%;background-color:var(--button-primary-bg);animation:pulse-animation 1.4s infinite ease-in-out}.pulsing-dots-spinner .dot:nth-child(1){animation-delay:-.32s}.pulsing-dots-spinner .dot:nth-child(2){animation-delay:-.16s}@keyframes pulse-animation{0%,to{transform:scale(.6);opacity:.6}50%{transform:scale(1);opacity:1}}.pocket-mode-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background-color:#000;color:#888;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;touch-action:none;-webkit-user-select:none;user-select:none;cursor:none;overscroll-behavior:none}.pocket-mode-overlay.is-active{opacity:1;visibility:visible}.pocket-mode-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.pocket-lock-icon{width:64px;height:64px;color:#555;margin-bottom:1rem}.pocket-mode-overlay .session-timer{font-size:4rem!important;font-family:monospace;font-weight:700;color:#555!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;border:none!important}.pocket-mode-overlay .session-timer .timer-label{display:none}.pocket-status{font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;color:#555}.unlock-hint{position:absolute;bottom:calc(100px + env(safe-area-inset-bottom));left:0;width:100%;display:flex;flex-direction:column;align-items:center;color:#555;animation:pulse-dim 3s infinite}.unlock-hint svg{width:32px;height:32px;margin-bottom:8px}@keyframes pulse-dim{0%{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-20px)}to{opacity:.5;transform:translateY(0)}}.pocket-mode-btn{background-image:var(--button-secondary-gradient);color:var(--button-text-color)}.pocket-mode-btn:hover{background-image:var(--button-secondary-hover-gradient);color:var(--button-text-color)}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);z-index:9999;opacity:1;transition:opacity .3s ease-in-out}.loader-overlay.fading-out{opacity:0}.spinner{width:60px;height:60px;border:6px solid rgba(0,86,179,.2);border-top-color:#0056b3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification{position:fixed;top:20px;left:50%;padding:16px 24px;border-radius:8px;color:#fff;display:flex;align-items:center;font-size:1rem;box-shadow:0 5px 15px #0003;z-index:2000;opacity:0;transform:translate(-50%,-150%);transition:transform .4s cubic-bezier(.25,.8,.25,1),opacity .4s ease;max-width:400px;word-break:break-word;pointer-events:none}.notification.visible{opacity:1;transform:translate(-50%);pointer-events:auto}.notification .notification-icon{margin-right:15px;flex-shrink:0;display:flex;align-items:center}.notification.info{background-color:#0d6efd}.notification.success{background-color:#198754}.notification.error{background-color:#dc3545}:root{font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .07);--shadow-md: 0 4px 8px rgba(0, 0, 0, .06), 0 2px 6px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .07), 0 5px 15px rgba(0, 0, 0, .1);--button-primary-gradient: linear-gradient(to top, #28a745, #2ebf4f);--button-primary-hover-gradient: linear-gradient(to top, #218838, #28a745);--button-secondary-gradient: linear-gradient(to top, #6c757d, #868e96);--button-secondary-hover-gradient: linear-gradient(to top, #5a6268, #6c757d)}html{scrollbar-gutter:stable}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh;box-sizing:border-box;background-color:#f4f4f9;color:#333}#root{width:100%;max-width:500px;margin:0 auto;text-align:center;padding:2rem;box-sizing:border-box}body{--bg-color: #f4f4f9;--text-color: #333;--panel-bg: #ffffff;--panel-border: #dee2e6;--input-bg: #ffffff;--input-border: #ced4da;--input-focus-border: #86b7fe;--input-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);--button-primary-bg: #007bff;--button-primary-hover-bg: #0056b3;--button-text-color: #ffffff;--header-color: #1a2533;--error-color: #dc3545;--error-border-color: #dc3545;--hover-bg-color: #e9ecef;--text-color-primary: #333;--text-color-secondary: #6c757d}#root{width:100%;max-width:500px;margin:0 auto;text-align:center}.container{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:2rem;box-shadow:var(--shadow-md);text-align:left}h1{color:var(--header-color);font-size:2em;font-weight:600;letter-spacing:-.5px;padding-bottom:.6rem;margin:0 0 1.5rem;border-bottom:2px solid;border-image:linear-gradient(to right,#0056b3,#e0e0e0) 1}.form-group{margin-bottom:1.25rem}.new-session-modal .form-group-checkbox{display:flex;flex-direction:row;align-items:center;gap:.75rem;margin-top:.5rem;margin-bottom:0}.new-session-modal .form-group-checkbox input[type=checkbox]{width:16px;height:16px;margin:0;flex-shrink:0;background-color:initial;border:initial;box-shadow:none;padding:0}.new-session-modal .form-group-checkbox label{margin-bottom:0;font-weight:400;color:var(--text-color-secondary, #6c757d);cursor:pointer}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#495057}.form-group input:not([type=range]):not([type=checkbox]),.form-group select{width:100%;padding:.8125rem .75rem;font-size:1rem;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out;background-color:#f8f9fa;box-shadow:var(--shadow-sm)}.form-group input:not(:focus):hover,.form-group select:not(:focus):hover{border-color:#ced4da}.form-group input:focus,.form-group select:focus{border-color:var(--input-focus-border);outline:0;box-shadow:0 0 0 3px #0d6efd40,var(--shadow-sm)}.form-group input.error{border-color:var(--error-border-color)}input[type=date]{font-family:inherit;color:var(--text-color)}input[type=date]:in-range::-webkit-datetime-edit-year-field,input[type=date]:in-range::-webkit-datetime-edit-month-field,input[type=date]:in-range::-webkit-datetime-edit-day-field{color:var(--text-color);opacity:.5}.error-message{color:var(--error-color);font-size:.875em;margin-top:.5rem}.submit-btn{width:100%;padding:.75rem;font-size:1.1rem;font-weight:500;color:var(--button-text-color);background-color:var(--button-primary-bg);border:none;border-radius:4px;cursor:pointer;transition:background-color .15s ease-in-out}.submit-btn:hover{background-color:var(--button-primary-hover-bg)}.submit-btn:disabled{background-color:#6c757d;cursor:not-allowed}.session-header-buttons{display:flex;gap:.5rem}.quick-record-container{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;margin-bottom:0rem}.quick-source-selector-wrapper{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.quick-source-selector-wrapper .react-aria-Label{font-size:.7em;font-weight:600;color:#6c757d;margin:0;flex-shrink:0}.select-trigger.compact{flex-grow:1;font-size:.7em;padding:.4rem;height:auto;border-color:#ced4da;background-color:var(--input-bg)}.compact-option{font-size:.7em;padding:.2rem .5rem;border-radius:6px;outline:none;cursor:pointer}.compact-option[data-hovered],.compact-option[data-focused]{background-color:#e9ecef}.compact-option[data-selected]{background-color:var(--button-primary-bg);color:var(--button-text-color)}.new-session-btn{flex-grow:1;background-image:var(--button-primary-gradient);transition:background-image .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out;margin-bottom:0rem;margin-top:0rem;border-radius:8px;direction:ltr;text-align:center;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:var(--shadow-md);border:none}.new-session-btn:hover{background-image:var(--button-primary-hover-gradient);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.new-session-btn .button-content svg{width:20px;height:20px;margin-right:8px;fill:currentColor}.detailed-session-btn{flex-shrink:0;width:42px;padding:0;background-image:var(--button-secondary-gradient);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);border:none;transition:background-image .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out}.detailed-session-btn:hover{background-image:var(--button-secondary-hover-gradient);transform:translateY(-2px);box-shadow:var(--shadow-md)}.detailed-session-btn svg{margin:0}.button-content{display:inline-flex;align-items:center;justify-content:center;transition:opacity .3s ease-in-out}.waveform-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:4px;opacity:0;transition:opacity .3s ease-in-out}.waveform-bar{width:4px;height:80%;background-color:currentColor;border-radius:2px;transform:scaleY(.1);animation:waveform-animation 1.2s ease-in-out infinite}@keyframes waveform-animation{0%,to{transform:scaleY(.1)}50%{transform:scaleY(1)}}.new-session-btn:hover .button-content{opacity:0}.new-session-btn:hover .waveform-container{opacity:1}.waveform-bar:nth-child(1){animation-delay:.1s}.waveform-bar:nth-child(2){animation-delay:.3s}.waveform-bar:nth-child(3){animation-delay:0s}.waveform-bar:nth-child(4){animation-delay:.2s}.waveform-bar:nth-child(5){animation-delay:.4s}.waveform-bar:nth-child(6){animation-delay:0s}.waveform-bar:nth-child(7){animation-delay:.1s}.waveform-bar:nth-child(8){animation-delay:.3s}.waveform-bar:nth-child(9){animation-delay:.2s}.waveform-bar:nth-child(10){animation-delay:.4s}.logout-btn{background-image:var(--button-secondary-gradient);display:inline-flex;align-items:center;justify-content:center;margin-top:1rem;margin-bottom:0rem;border-radius:8px;box-shadow:var(--shadow-sm);border:none;transition:background-image .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out}.logout-btn:hover{background-image:var(--button-secondary-hover-gradient);transform:translateY(-2px);box-shadow:var(--shadow-md)}.logout-arrow{transition:transform .3s ease-in-out}.logout-btn:hover .logout-arrow{transform:translate(4px)}.mic-muted-warning{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem 1rem;background-color:#fff3cd;color:#664d03;border:1px solid #ffecb5;border-radius:6px;font-weight:500;font-size:.9em;box-sizing:border-box;animation:pulse-warning-bg 2.5s infinite}@keyframes pulse-warning-bg{0%,to{background-color:#fff3cd}50%{background-color:#ffecb5}}.mic-muted-warning svg{flex-shrink:0;width:20px;height:20px;fill:currentColor}.new-session-btn svg,.logout-btn svg{width:20px;height:20px;margin-right:8px;fill:currentColor}.app-content{width:100%;opacity:0;transition:opacity .7s ease-in-out}.app-content.visible{opacity:1}html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}html::-webkit-scrollbar-thumb{background:#00000026;border-radius:6px;border:2px solid #f1f1f1}html::-webkit-scrollbar-thumb:hover{background:#0000004d}.session-list-scrollable-area::-webkit-scrollbar{width:10px}.session-list-scrollable-area::-webkit-scrollbar-track{background:#f8f9fa;border-radius:8px}.session-list-scrollable-area::-webkit-scrollbar-thumb{background-color:#0000000d;border-radius:8px;border:1px solid #dbdbdb}.session-list-scrollable-area::-webkit-scrollbar-thumb:hover{background-color:#0000000d;border-color:#c4c4c4}#root.main-view{max-width:100%}.main-layout{display:grid;grid-template-columns:1fr minmax(auto,900px) 1fr;width:100%}.session-list-panel{display:flex;flex-direction:column;grid-column:1 / 2;justify-self:end;margin-right:1rem;position:sticky;top:2rem;width:240px;height:calc(100vh - 4rem);direction:rtl;box-sizing:border-box}.session-panel-header{direction:ltr;flex-shrink:0;padding:0 10px 0 20px;box-sizing:border-box}.session-list-scrollable-area{flex-grow:1;overflow-y:auto;scrollbar-gutter:stable;-webkit-mask-image:linear-gradient(transparent,black 10px,black 95%,transparent);mask-image:linear-gradient(transparent,black 10px,black 95%,transparent)}.session-panel-footer{direction:ltr;flex-shrink:0;padding:0 10px 0 20px;box-sizing:border-box}.session-content-panel{grid-column:2 / 3;width:100%}.session-list-container{display:flex;flex-direction:column;gap:.5rem;direction:ltr;padding:0 10px;box-sizing:border-box}.session-list-inner-content{display:flex;flex-direction:column;height:100%}.session-tab{display:block;width:100%;padding:3px 8px;margin-top:0!important;background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;text-align:left;font-size:1em;cursor:pointer;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;font-family:inherit;box-sizing:border-box;color:#495057;box-shadow:var(--shadow-sm)}.session-tab:focus{outline:none}.session-tab:focus-visible{outline:0px solid var(--input-focus-border);outline-offset:2px}.session-tab:hover{background-color:#f8f9fa;border-color:#dee2e6;transform:translateY(-0px);box-shadow:var(--shadow-md)}.session-tab.active{background-image:linear-gradient(to top,#007bff,#3395ff);color:var(--button-text-color);border-color:transparent;box-shadow:0 5px 10px #007bff40}.session-tab.active:hover{background-image:linear-gradient(to top,#0069d9,#1a88ff);box-shadow:0 6px 12px #007bff4d}.session-tab.active .tab-date,.session-tab.active .tab-urn,.session-tab.active .tab-status{color:#ffffffd9}.tab-grid-container{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:0px;align-items:center}.tab-name,.tab-urn{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.tab-name .editable-span,.tab-urn .editable-span{display:block}.tab-name{grid-column:1;grid-row:1;font-weight:600}.tab-date{grid-column:2;grid-row:1;font-size:.8em;text-align:right}.tab-urn{grid-column:1;grid-row:2;font-size:.8em}.tab-status-container{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.tab-status{font-size:.8em;font-weight:700;text-align:right}.no-sessions{margin-top:1rem;padding:1rem;text-align:center;color:#6c757d;background-color:#f8f9fa;border:1px dashed #dee2e6;border-radius:5px}.session-list-header{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.session-list-header h2{margin:0;font-size:1.5rem}.session-list-controls{display:flex;gap:.5rem}.session-list-controls button{background:none;border:1px solid transparent;border-radius:4px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s}.session-list-controls button:hover{background-color:#e9ecef;border-color:#dee2e6}.session-list-controls svg{width:20px;height:20px;fill:#495057}.date-group:not(:first-child){margin-top:.1rem}.date-group-header{display:flex;align-items:center;justify-content:space-between;padding:0;cursor:pointer}.date-group-header h3{margin:0;font-size:.8em;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.3px}.date-group-toggle{border:none;background:none;cursor:pointer;padding:2px}.date-group-toggle svg{width:18px;height:18px;fill:#6c757d;transition:transform .2s ease-in-out}.date-group.collapsed .date-group-toggle svg{transform:rotate(-90deg)}.date-group-sessions{transition:max-height .3s ease-in-out,padding .3s ease-in-out,margin .3s ease-in-out;max-height:1000px;overflow:hidden;padding-left:0rem;display:flex;flex-direction:column;gap:.25rem;margin-top:0rem}.date-group.collapsed .date-group-sessions{max-height:0;margin-top:0;padding-top:0;padding-bottom:0}.notification-popup{position:fixed;top:20px;bottom:auto;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:8px;z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out;pointer-events:none;font-weight:500;box-shadow:var(--shadow-lg);transform:translate(-50%,-20px)}.notification-popup.visible{opacity:1;visibility:visible;transform:translate(-50%)}.notification-popup.info{background-color:#007bffe6;color:#fff}.notification-popup.error{background-color:#dc3545e6;color:#fff}.tab-error-icon{display:flex;align-items:center;color:var(--error-color)}.session-tab.error{border-left:4px solid var(--error-color)}.session-tab.error.active{background-image:linear-gradient(to top,#c82333,#dc3545);box-shadow:0 5px 10px #dc354540}.session-view-container .sub-tabs{display:flex;border-bottom:1px solid var(--panel-border);margin-bottom:1rem}.finished-session-header{position:sticky;top:0;z-index:100;background-color:var(--panel-bg);padding-top:.5rem;border-bottom:0px solid transparent;transition:border-color .2s ease-in-out}.finished-session-header.scrolled{border-bottom-color:var(--panel-border)}.finished-session-header .export-options{top:calc(100% + 5px);left:auto;right:0}.finished-session-header .tiptap-menu-bar{border-top:1px solid var(--panel-border);margin-top:.5rem}.sub-tab{padding:.75rem 1.25rem;cursor:pointer;border:none;background:none;font-size:1rem;font-weight:500;color:#6c757d;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}.sub-tab:hover{color:#343a40}.sub-tab.active{color:var(--button-primary-bg);border-bottom-color:var(--button-primary-bg)}.sub-tab:disabled{color:#adb5bd;cursor:not-allowed}.context-form{display:flex;flex-direction:column;margin-bottom:1.5rem}.textarea-wrapper{position:relative;margin-bottom:.5rem}.textarea-wrapper:before{content:"Drag & drop files, paste images, or enter text here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#aaa;font-size:.95em;font-weight:500;text-align:center;padding:0 1rem;width:80%;pointer-events:none;transition:opacity .2s ease-in-out;opacity:1}.textarea-wrapper.has-content:before{opacity:0}.context-form textarea{width:100%;min-height:25vh;padding:10px;border-radius:4px;border:1px solid var(--input-border);font-family:inherit;font-size:1rem;resize:vertical;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.context-form textarea:focus,.context-form textarea:hover{border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}.context-form textarea.drag-over{border-style:dashed}.file-previews{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1rem;min-height:20px}.preview-item{position:relative;width:80px;height:80px;border-radius:4px;border:1px solid #ccc;background-color:#f8f9fa;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px;box-sizing:border-box;overflow:hidden;cursor:pointer}.preview-item:hover{transform:scale(1.1);z-index:2;box-shadow:0 4px 12px #00000026}.preview-item img{width:100%;height:100%;object-fit:cover;border-radius:2px}.preview-item .file-icon{width:32px;height:32px;fill:#6c757d;flex-shrink:0}.preview-item .file-name{font-size:.7em;text-align:center;color:#333;word-break:break-all;line-height:1.2;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.preview-item .remove-btn{position:absolute;top:-8px;right:-8px;background-color:#d34949e6;color:#fff;border:1px solid white;border-radius:50%;width:22px;height:22px;font-size:16px;line-height:20px;text-align:center;cursor:pointer;font-weight:700;padding:0;box-shadow:0 1px 3px #0000004d;z-index:1}.context-form-controls{display:flex;justify-content:space-between;align-items:center}.file-input-hidden{display:none}.file-input-label{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;font-size:1em;cursor:pointer;transition:background-color .2s;white-space:nowrap;height:42px;box-sizing:border-box}.file-input-label:not(.disabled):hover{background-color:#5a6268}.file-input-label.disabled{cursor:not-allowed;opacity:.5}.context-form button[type=submit].submit-context-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:#28a745;height:42px;box-sizing:border-box}.context-form button[type=submit].submit-context-btn:disabled{opacity:.5;cursor:not-allowed}.context-form button[type=submit]{background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:1em;cursor:pointer}.finalize-prompt-context{display:none;text-align:center;margin:1.5rem 0}.history-container{margin-top:2rem;border-top:1px solid #eee;padding-top:1rem}.history-item{margin-bottom:1.5rem;position:relative}.history-item-content{background-color:#fdfdff;border:1px solid #e9ecef;border-radius:5px;padding:1rem;position:relative}.history-item .edit-view{width:100%}.history-item-controls{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem}.history-item-controls button{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:28px;height:28px;transition:background-color .2s}.history-item-controls button:hover{background-color:#e9ecef}.history-item-controls svg{width:16px;height:16px;fill:#6c757d}.history-text{white-space:pre-wrap;margin:0;font-family:inherit;font-size:1em}.history-item .edit-view textarea{width:100%;min-height:120px;box-sizing:border-box;resize:vertical;font-family:inherit;font-size:1em;padding:10px;border-radius:4px;border:1px solid var(--input-border)}.history-files-header{font-weight:700;margin-top:.5rem;margin-bottom:.2rem}.history-file-previews{margin-top:.5rem}.history-timestamp{font-size:.8em;color:#6c757d;text-align:right;margin:0 .5rem .25rem 0;padding:0}.new-session-modal h1,.new-session-modal .form-section-header{text-align:center}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1005;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background-color .3s ease-in-out}.react-aria-ModalOverlay[data-entering],.react-aria-ModalOverlay[data-exiting]{background-color:transparent}.react-aria-Modal{background:#fff;border:none;border-radius:8px;box-shadow:var(--shadow-lg);max-height:90vh;padding:0;outline:none;transition:opacity .25s ease-in-out,transform .25s ease-in-out}.react-aria-Modal[data-entering]{opacity:0;transform:scale(.5)}.react-aria-Modal[data-exiting]{opacity:0;transform:scale(.5)}.new-session-modal{transition:opacity .25s ease-in-out,transform .25s ease-in-out}.new-session-modal[data-entering]{opacity:0;transform:scale(.3)}.react-aria-Modal[data-open]{opacity:1;transform:scale(1)}.new-session-modal[data-exiting]{opacity:0;transform:scale(.3)}.modal-title{color:var(--header-color);font-size:2rem;font-weight:620;margin:0;padding:0;text-align:center;width:100%}.modal-header{padding:1rem 1.5rem .5rem;border-bottom:1px solid var(--panel-border);position:relative;display:flex;justify-content:center}.modal-content{position:relative;background:var(--panel-bg);padding:2rem;display:flex;flex-direction:column}.modal-close{position:absolute;top:15px;right:25px;color:#333;font-size:2.5rem;font-weight:700;cursor:pointer;line-height:1;z-index:1002;background:none;border:none}#modal-image{max-width:100%;max-height:100%;object-fit:contain}#modal-file-info{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#333}.file-icon-large{width:100px;height:100px;fill:#6c757d}#modal-file-name{font-size:1.2em;font-weight:500;word-break:break-all}#modal-file-preview{width:100%;height:100%;padding:1rem;box-sizing:border-box;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word;min-width:60vw;min-height:60vh}#modal-file-preview.is-html{white-space:normal}.react-aria-Modal.new-session-modal{max-width:600px;width:100%}.new-session-modal .modal-content{padding:2rem 2.5rem}.form-optional-notification{font-size:.85em;font-style:italic;color:#6c757d;text-align:center;margin:-.5rem 0 1.5rem;padding:.5rem;background-color:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.form-row>.form-group.form-group-name{flex:2}.form-row>.form-group.form-group-urn{flex:2}.form-row{display:flex;gap:1.5rem}.form-row>.form-group{flex:1}.form-section-header{font-size:.9em;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-top:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--panel-border)}.form-section-header:first-of-type{margin-top:0}.modal-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;border-top:1px solid var(--panel-border);padding-top:1.5rem}.modal-actions .secondary-btn{background-color:#6c757d;display:inline-flex;align-items:center;justify-content:center}.modal-actions .submit-btn,.modal-actions .secondary-btn{width:auto;padding:.6rem 1.2rem;display:inline-flex;align-items:center;justify-content:center}.modal-action-btn{min-width:120px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;color:var(--button-text-color);box-shadow:var(--shadow-md);transition:background-image .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out}.modal-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-action-btn.primary{background-image:linear-gradient(to top,#007bff,#3395ff)}.modal-action-btn.primary:hover{background-image:linear-gradient(to top,#0069d9,#1a88ff)}.modal-action-btn.secondary{background-image:var(--button-secondary-gradient)}.modal-action-btn.secondary:hover{background-image:var(--button-secondary-hover-gradient)}.modal-action-btn.destructive{background-image:linear-gradient(to top,#c82333,#dc3545)}.modal-action-btn.destructive:hover{background-image:linear-gradient(to top,#bd2130,#c82333)}.modal-actions .secondary-btn{background-color:#6c757d}.modal-actions .secondary-btn:hover:not(:disabled){background-color:#5a6268}.modal-actions .submit-btn svg{width:18px;height:18px;margin-right:8px;fill:currentColor}.edit-view-actions{display:flex;gap:10px;margin-top:10px}.edit-view-actions button{background-color:var(--button-primary-bg);color:var(--button-text-color);border:none;border-radius:4px;padding:8px 15px;font-size:14px;cursor:pointer;transition:background-color .2s}.edit-view-actions button.cancel-btn{background-color:#6c757d}.edit-view-actions button:hover{background-color:var(--button-primary-hover-bg)}.edit-view-actions button.cancel-btn:hover{background-color:#5a6268}.tiptap-menu-bar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;border:1px solid #ccc;border-bottom:none;border-radius:4px 4px 0 0;background-color:#f8f9fa}.tiptap-menu-bar button{background-color:#fff;border:1px solid #ccc;border-radius:3px;padding:4px 8px;cursor:pointer}.tiptap-menu-bar button.is-active{background-color:var(--button-primary-bg);color:var(--button-text-color);border-color:var(--button-primary-bg)}.react-aria-Modal.confirm-modal{max-width:400px;width:100%;padding:2rem;box-sizing:border-box;text-align:center}.react-aria-Modal.confirm-modal p{margin:0 0 1.5rem;font-size:1.1em}.ProseMirror{border:1px solid #ccc;border-radius:0 0 4px 4px;padding:.75rem;min-height:400px;background-color:#fff}.ProseMirror:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}.ProseMirror p{font-size:1em;margin-block-start:.8em;margin-block-end:.5em}.ProseMirror>p:has(strong){font-size:1.05em}.ProseMirror ul li p,.ProseMirror ol li p{margin-block-start:.2em;margin-block-end:.2em}.ProseMirror ul,.ProseMirror ol{margin-block-start:0em;margin-block-end:0em;padding-inline-start:30px}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{font-size:1.26em;margin-block-start:1.5em;margin-block-end:.5em}.editor-container{margin-top:1rem;position:relative}.editor-container.display-mode .ProseMirror{border:none;background-color:transparent;padding:0;min-height:auto}.editor-container.display-mode .ProseMirror:focus{box-shadow:none}.editor-container.streaming .ProseMirror>:last-child:after{content:"▋";animation:blink 1s step-end infinite;color:var(--button-primary-bg);margin-left:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cancel-edit-btn{background-color:#6c757d}.cancel-edit-btn:hover.enabled{background-color:#5a6268}.export-container{position:relative;display:inline-block}.export-options{display:none;position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #0000001a;z-index:20;min-width:160px;padding:5px 0}.export-options.visible{display:block}.export-options a{display:block;padding:8px 15px;color:#333;text-decoration:none;font-size:14px}.export-options a:hover{background-color:#f0f0f0}.controls-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background-color:var(--panel-bg);padding:0rem 1rem 1rem 0rem;margin-bottom:1rem;border-bottom:1px solid #eee}.actions{display:flex;gap:10px}.action-btn{background-color:var(--button-primary-bg);color:var(--button-text-color);border:none;border-radius:4px;padding:8px 15px;font-size:14px;cursor:pointer;transition:background-color .2s,opacity .3s;opacity:.5;pointer-events:none}.action-btn.enabled{opacity:1;pointer-events:auto}.action-btn:hover.enabled{background-color:var(--button-primary-hover-bg)}.navigation-buttons{display:flex;gap:10px}.navigation-buttons button{width:40px;height:40px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.navigation-buttons button svg{margin:0}.transcript-container{display:grid;grid-template-columns:max-content 1fr;column-gap:.8em;row-gap:.5em;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1.5rem}.non-dialogue-line{grid-column:1 / -1;margin:0}.speaker-label{text-align:right;font-weight:700}.note-container{word-wrap:break-word;position:relative;line-height:1.5}.note-container.streaming:after{content:"▋";animation:blink 1s step-end infinite;color:var(--button-primary-bg);margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.status{font-style:italic;color:#667;margin-bottom:1rem;transition:color .3s,font-weight .3s}.status.awaiting{color:#17a2b8;font-weight:500}.status.processing{color:#ffc107;font-weight:500}.status.error{color:#dc3545;font-weight:500}.status.success{color:green;font-weight:500}.status.synthesizing{animation:pulse-blue-text 2.5s infinite ease-in-out;font-weight:500}@keyframes pulse-blue-text{0%,to{color:#0056b3;opacity:.7}50%{color:#007bff;opacity:1}}.processing-container{text-align:center;margin:2rem 0;transition:all .3s ease-in-out}.processing-container.hidden{max-height:0;margin:0;opacity:0;overflow:hidden}.finalize-prompt{display:none;text-align:center}.finalize-btn-main{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;font-size:1.2em;font-weight:700;color:#fff;background-image:linear-gradient(to right,#17a2b8,#138496);border:1px solid #117a8b;border-radius:6px;box-shadow:0 4px 6px #0000001a;animation:pulse-glow 2s infinite;transition:all .2s ease-in-out}.finalize-btn-main:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}@keyframes pulse-glow{0%{box-shadow:0 0 #17a2b8b3}70%{box-shadow:0 0 0 12px #17a2b800}to{box-shadow:0 0 #17a2b800}}.sub-tab.notify-new{position:relative;font-weight:600}.sub-tab.notify-new:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;background-color:var(--button-primary-bg);border-radius:50%;animation:pulse-glow-blue 1.5s infinite}@keyframes pulse-glow-blue{0%{transform:scale(.95);box-shadow:0 0 #007bffb3}70%{transform:scale(1);box-shadow:0 0 0 7px #007bff00}to{transform:scale(.95);box-shadow:0 0 #007bff00}}.progress-bar-container{text-align:center}.brain-progress-wrapper{position:relative;width:350px;height:350px;margin:20px auto}.brain-image{position:absolute;top:50%;left:50%;width:80%;height:80%;background-image:url(/static/images/digital_brain3.png);background-size:contain;background-position:center;background-repeat:no-repeat;animation:pulseAndWave 2s infinite ease-in-out}@keyframes pulseAndWave{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}}.progress-ring{width:100%;height:100%}.progress-ring-track{stroke:#e9ecef;stroke-dasharray:4 8}.progress-ring-indicator{stroke:#85b8ff;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s linear;stroke-linecap:round}.progress-percentage{font-size:1.5em;font-weight:600;color:#495057;margin:0 0 .5rem}.progress-message{margin-top:.5rem;color:#6c757d;font-style:italic}.editable-span.is-editable{position:relative;cursor:text;width:fit-content}.editable-span.is-editable:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#86b7fe,#007bff);transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.19,1,.22,1)}.editable-span.is-editable.show-hover-effects:after{transform:scaleX(1)}.custom-tooltip-container{position:relative;display:inline-block}.tooltip-content{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);background-color:#343a40;color:#fff;padding:6px 12px;border-radius:5px;font-size:.85rem;font-weight:500;z-index:100000;white-space:normal;width:max-content;max-width:220px;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease-in-out,transform .5s ease-in-out,visibility 0s linear .5s}.tooltip-content.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(-5px);transition-delay:0s}.editable-input{border:none;padding:0;margin:0;background:none;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;text-align:inherit;line-height:inherit;text-transform:inherit}.session-tab .editable-input{width:100%;box-sizing:border-box;background-color:#007bff14;outline:1px solid rgba(0,123,255,.4);border-radius:2px}.tab-name.editable-input{font-weight:600}.tab-urn.editable-input{font-size:.8em}.editable-ghost{position:absolute;visibility:hidden;top:-9999px;left:-9999px;white-space:nowrap}.live-recording-header{position:sticky;top:0;background-color:var(--panel-bg);z-index:100;padding:1rem 0;margin-bottom:1rem;border-bottom:1px solid var(--panel-border);box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:padding .3s ease-in-out}.live-controls-group{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.main-action-row{display:flex;align-items:center;gap:1.5rem}.live-header-main-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;transition:all .3s ease-in-out}.live-recording-header.minimized .live-header-main-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;gap:1rem}.live-recording-header.minimized .session-timer{grid-column:1;justify-self:start}.live-recording-header.minimized .live-controls-group{grid-column:2;justify-self:center}.live-recording-header.minimized .minimize-toggle-btn{grid-column:3;justify-self:end}.live-recording-header.minimized{padding-top:.5rem;padding-bottom:.5rem;gap:0}.live-recording-header.minimized .session-timer{font-size:1.75rem;animation:none;text-shadow:none}.live-recording-header.minimized .live-controls-group{flex-direction:row;gap:1rem;margin-top:0}.live-recording-header.minimized .main-action-row{display:flex;flex-direction:row;align-items:center;gap:1.5rem}.live-recording-header.minimized .control-icon-btn{width:48px;height:48px}.live-recording-header.minimized .control-icon-btn svg{width:24px;height:24px}.live-recording-header.minimized .takeover-btn{padding:.4rem .8rem;font-size:.9rem}.minimize-toggle-btn{width:40px;height:40px;background:transparent;color:#adb5bd;box-shadow:none}.minimize-toggle-btn svg{fill:#adb5bd;transition:fill .2s ease-in-out}.minimize-toggle-btn:hover{background-color:#f8f9fa;color:#495057;transform:none;box-shadow:none}.live-recording-header.minimized .minimize-toggle-btn{width:36px;height:36px}@keyframes pulse-timer-glow{0%,to{text-shadow:0 0 5px rgba(0,123,255,.2)}50%{text-shadow:0 0 15px rgba(0,123,255,.6)}}@keyframes blink-animation{50%{opacity:.3}}.session-timer.reconnecting-blink{animation:blink-animation 1.5s linear infinite;color:#fd7e14}.session-timer{font-family:Consolas,Monaco,Courier New,monospace;font-size:2.75rem;font-weight:400;letter-spacing:2px;background-color:transparent;padding:0;border:none;box-shadow:none;background-image:linear-gradient(45deg,var(--button-primary-bg),#3395ff);-webkit-background-clip:text;background-clip:text;color:transparent;animation:pulse-timer-glow 2.5s infinite ease-in-out}.device-info-display{display:flex;justify-content:center;align-items:center;gap:.75rem;font-size:.9em;color:#6c757d;margin-bottom:1rem}.device-info-text{display:inline-flex;align-items:center}.device-info-item svg{width:18px;height:18px;fill:currentColor;flex-shrink:0;margin-right:.5rem}.device-info-item strong{color:#495057;font-weight:600;margin-left:.25rem}.local-device-indicator{font-weight:400;font-style:italic;margin-left:.3rem;color:#868e96}.device-info-separator{font-weight:300}.in-session-controls{display:flex;justify-content:center;gap:1.5rem}.control-icon-btn{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 10px #00000026;color:#fff;-webkit-user-select:none;user-select:none}.control-icon-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none!important}.control-icon-btn.is-loading{opacity:1!important;cursor:default}.control-icon-btn:not(:disabled):hover{z-index:2;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #00000040}.control-icon-btn:not(:disabled):active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 10px #0003}.pause-btn{background:linear-gradient(135deg,#ffc107,#ffca2c);color:#212529}.pause-btn svg{fill:#212529}.resume-btn{background:linear-gradient(135deg,#28a745,#34ce57)}.finish-btn{background:linear-gradient(135deg,#dc3545,#e4606d)}.loading-btn{background-color:#fff;border:2px solid #86b7fe;box-shadow:0 0 15px #0d6efd33;cursor:default}.control-icon-btn .btn-label{position:absolute;top:100%;margin-top:8px;left:50%;transform:translate(-50%) translateY(-5px);background-color:#343a40;color:#fff;padding:6px 12px;border-radius:5px;font-size:.85rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;pointer-events:none;z-index:10}.control-icon-btn:hover .btn-label{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.btn-spinner{animation:rotate 2s linear infinite;width:28px;height:28px}.btn-spinner .path{stroke:currentColor;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.btn-spinner.mini{width:18px;height:18px}.btn-spinner.mini .path{stroke-width:6}.pause-btn .btn-spinner .path{stroke:#212529}.resume-btn .btn-spinner .path,.finish-btn .btn-spinner .path{stroke:#fff}.loading-btn .btn-spinner .path{stroke:#0d6efd}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.control-btn{padding:.6rem 1.2rem;font-size:1rem;font-weight:500;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:all .2s ease-in-out}.control-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none!important}.control-btn.takeover-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-image:linear-gradient(to top,#007bff,#3395ff);border-color:transparent;color:#fff;width:auto;max-width:400px}.control-btn.takeover-btn:hover:not(:disabled){background-image:linear-gradient(to top,#0069d9,#1a88ff);border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.control-btn.takeover-btn svg{width:18px;height:18px;fill:currentColor}.control-btn.takeover-btn.takeover-disconnected{background-image:linear-gradient(to top,#218838,#28a745);border-color:transparent}.control-btn.takeover-btn.takeover-disconnected:hover:not(:disabled){background-image:linear-gradient(to top,#1e7e34,#218838);border-color:transparent}.react-aria-DatePicker{display:flex;flex-direction:column;width:100%}.react-aria-DatePicker .react-aria-Label{display:block;margin-bottom:.5rem;font-weight:500;color:#495057;text-align:left}.react-aria-DatePicker .react-aria-Group{display:flex;width:100%;border:1px solid #e9ecef;border-radius:8px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out;background-color:#f8f9fa;align-items:center;box-shadow:inset 0 1px 2px #00000012}.react-aria-DatePicker .react-aria-Group:not([data-focus-within]):hover{border-color:#ced4da}.react-aria-DatePicker .react-aria-Group[data-focus-within]{border-color:var(--input-focus-border);outline:0;box-shadow:0 0 0 3px #0d6efd40,inset 0 1px 2px #00000012}.react-aria-DatePicker .react-aria-DateInput{display:flex;flex:1;padding:.75rem;font-size:1rem;background:transparent;line-height:normal}.react-aria-DatePicker .react-aria-DateSegment{padding:0 2px;border-radius:2px;caret-color:var(--button-primary-bg)}.react-aria-DatePicker .react-aria-DateSegment:focus{background:var(--button-primary-bg);color:var(--button-text-color);outline:none}.react-aria-DatePicker .react-aria-DateSegment[data-placeholder]{color:#999}.react-aria-DatePicker .react-aria-Button{display:flex;align-items:center;justify-content:center;padding:0 8px;background:none;border:none;border-left:1px solid var(--input-border);cursor:pointer;color:#6c757d}.react-aria-DatePicker .react-aria-Button svg{width:20px;height:20px}.react-aria-Dialog{outline:none;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:1rem}.react-aria-Calendar{width:280px}.react-aria-Calendar header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.react-aria-Calendar header .react-aria-Button{border:none;background:none;padding:4px 8px;border-radius:4px;cursor:pointer}.react-aria-Calendar header .react-aria-Button:hover{background-color:#f0f0f0}.react-aria-Calendar .react-aria-Heading{font-size:1.1em;font-weight:600}.react-aria-CalendarGrid{width:100%;border-spacing:0}.react-aria-CalendarHeaderCell{font-size:.8em;font-weight:500;color:#6c757d;padding-bottom:.5rem}.react-aria-CalendarCell{width:40px;height:40px;text-align:center;border-radius:50%;cursor:pointer;outline:none;position:relative;display:flex;align-items:center;justify-content:center}.react-aria-CalendarCell[data-outside-month]{color:#ccc}.react-aria-CalendarCell[data-disabled]{color:#ccc;cursor:not-allowed}.react-aria-CalendarCell:not([data-disabled]):hover{background-color:#e9ecef}.react-aria-CalendarCell[data-focused]{box-shadow:0 0 0 2px var(--input-focus-border)}.react-aria-CalendarCell[data-selected]{background-color:var(--button-primary-bg);color:var(--button-text-color)}.react-aria-CalendarCell[data-today]:after{content:"";display:block;position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--button-primary-bg)}.react-aria-CalendarCell[data-today][data-selected]:after{background-color:var(--button-text-color)}.react-aria-Popover{z-index:1001;transition:opacity .2s,transform .2s}.react-aria-Popover[data-entering],.react-aria-Popover[data-exiting]{opacity:0;transform:translateY(-10px)}.react-aria-Popover[data-open=true]{opacity:1;transform:translateY(0)}.styled-select{display:flex;flex-direction:column;width:100%}.styled-select .react-aria-Label{display:block;margin-bottom:.5rem;font-weight:500;color:#495057;text-align:left}.select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.8125rem .75rem;font-size:1rem;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out;background-color:#f8f9fa;box-shadow:var(--shadow-sm);cursor:pointer;text-align:left}.select-trigger[data-focus-visible]{border-color:var(--input-focus-border);outline:0;box-shadow:0 0 0 3px #0d6efd40,var(--shadow-sm)}.select-popover{width:var(--trigger-width);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;box-shadow:var(--shadow-md);padding:.5rem;box-sizing:border-box}.select-listbox{max-height:200px;overflow-y:auto;outline:none}.react-aria-ListBoxItem{padding:.5rem .75rem;border-radius:4px;outline:none;cursor:pointer;font-size:1rem}.react-aria-ListBoxItem[data-hovered],.react-aria-ListBoxItem[data-focused]{background-color:#e9ecef}.react-aria-ListBoxItem[data-selected]{background-color:var(--button-primary-bg);color:var(--button-text-color)}.mobile-nav-toggle{display:none;position:fixed;top:10px;left:4px;z-index:1002;background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:50%;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a}.mobile-nav-expander{display:none}.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1001;transition:background-color .3s ease-in-out}.mobile-nav-overlay.is-open{display:block}.session-header-grid{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:stretch;margin-bottom:1.5rem;border-bottom:2px solid;border-image:linear-gradient(to right,#0056b3,#e0e0e0) 1;padding-bottom:.6rem}.session-view-container h1{display:none}.patient-name-cell{display:flex;align-items:center;font-size:2em;font-weight:600;color:var(--header-color);letter-spacing:-.5px;text-align:left;min-width:250px}.patient-meta-cell{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:.2rem;font-size:1.1em;color:#6c757d;min-width:200px}.meta-row{display:flex;align-items:center;gap:.5rem}.meta-label{font-weight:500;font-size:.8em;text-transform:uppercase;color:#adb5bd}.header-field.name-field .editable-input{font-size:inherit;font-weight:inherit;text-align:left}.header-field.meta-field .editable-input{font-size:inherit;text-align:right}.header-field .editable-input{background:transparent;border:none;outline:none;box-shadow:none;padding:0;margin:0;border:0px solid transparent!important;outline:0px solid transparent!important;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-align:inherit}.editable-input:focus,.header-field .editable-input:focus{outline:none!important;border:none!important;box-shadow:none!important}.delete-session-btn{grid-column:2;grid-row:1;justify-self:end;margin-right:50px;background:none;border:none;cursor:pointer;color:#dc3545;opacity:0;transition:opacity .2s,transform .2s;padding:4px;border-radius:4px;display:flex;align-items:center}.session-tab:hover .delete-session-btn{opacity:.6}.delete-session-btn:hover{opacity:1!important;background-color:#dc35451a;transform:scale(1.1)}@media(max-width:800px){#root{padding:.75rem}.session-header-grid{grid-template-columns:1fr;gap:0rem;margin-bottom:.5rem}.patient-name-cell{font-size:1.5em;justify-content:flex-start}.patient-meta-cell{align-items:flex-start;flex-direction:row;justify-content:flex-start;gap:1rem;font-size:.9em}.delete-session-btn{opacity:1;margin-right:50px}.device-info-display{flex-direction:column;align-items:center;gap:.5rem}.device-info-display .device-info-item{text-align:center}.device-info-text{justify-content:center;flex-wrap:wrap}body{padding:0}.session-content-panel{padding:0;box-sizing:border-box;grid-column:1 / -1}.session-list-panel{position:fixed;top:0;left:0;height:100vh;width:280px;max-width:80%;z-index:1003;margin-right:0;background-color:var(--panel-bg);box-shadow:4px 0 15px #0000001a;transform:translate(-100%);transition:transform .3s ease-in-out}.session-list-panel.is-open{transform:translate(0)}.mobile-nav-toggle,.mobile-nav-expander{display:flex}.mobile-nav-expander{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:1002;width:30px;height:100px;padding:0;background-color:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--panel-border);border-left:none;border-radius:0 25px 25px 0;align-items:center;justify-content:center;cursor:pointer;box-shadow:5px 0 8px #0000001a;transition:transform .3s ease-in-out}.mobile-nav-expander svg{width:24px;height:24px;fill:#495057;transition:transform .3s ease-in-out}.mobile-nav-expander:not(.is-open) svg{transform:rotate(180deg)}.mobile-nav-expander.is-open{transform:translate(280px,-50%)}.mobile-nav-expander.is-open svg{transform:rotate(0)}.live-controls-group{gap:1rem}.main-action-row{order:1;display:contents}.in-session-controls{order:-2}.takeover-btn{order:-1}.pocket-mode-btn{order:0}.live-recording-header.minimized .live-header-main-controls{display:grid;grid-template-areas:"timer controls toggle" ". takeover .";grid-template-columns:auto 1fr auto;align-items:center;gap:.25rem;width:100%}.live-recording-header.minimized{padding-top:.25rem;padding-bottom:.25rem}.live-recording-header.minimized .session-timer{font-size:1.5rem}.live-recording-header.minimized .main-action-row{gap:.75rem}.live-recording-header.minimized .in-session-controls{gap:.75rem;margin-top:0}.live-recording-header.minimized .control-icon-btn{width:40px;height:40px}.live-recording-header.minimized .control-icon-btn svg{width:22px;height:22px}.live-recording-header.minimized .takeover-btn{padding:.3rem .6rem;font-size:.8rem;margin-top:.25rem}.live-recording-header.minimized .minimize-toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-top:4px}.live-recording-header.minimized .session-timer{grid-area:timer;justify-self:start}.live-recording-header.minimized .minimize-toggle-btn{grid-area:toggle;justify-self:end}.live-recording-header.minimized .live-controls-group{display:contents}.live-recording-header.minimized .main-action-row{grid-area:controls;justify-content:center}.live-recording-header.minimized .takeover-btn{grid-area:takeover;justify-self:center;margin-top:.5rem}.audio-playback-bar{margin-bottom:.5rem;margin-top:0rem;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:.25rem;padding:.5rem;align-items:center}.audio-playback-bar .play-pause-btn{grid-row:1;grid-column:1}.audio-playback-bar .current-time{grid-row:1;grid-column:2;justify-self:start}.audio-playback-bar .duration{grid-row:1;grid-column:2;justify-self:end}.audio-playback-bar .download-btn{grid-row:1;grid-column:3}.audio-playback-bar .progress-bar{grid-row:2;grid-column:1 / -1;width:100%}.session-panel-header,.session-panel-footer{padding:0 10px}.context-form-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.finalize-prompt-context{grid-column:1 / -1;order:1;margin:0;width:100%}.context-form-controls>.file-input-label,.context-form-controls>.submit-context-btn{width:100%;justify-content:center}.context-form-controls>.file-input-label{grid-column:1;order:0}.context-form-controls>.submit-context-btn{grid-column:2;order:0}.form-row{flex-direction:column;gap:0rem}.session-view-container h1{font-size:0;text-align:left;margin-bottom:1rem}.session-view-container h1>.custom-tooltip-container{display:block;font-size:1rem;line-height:1.4}.session-view-container h1>.custom-tooltip-container:first-child{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.react-aria-ModalOverlay{display:block;overflow-y:auto;padding:2rem 1rem;box-sizing:border-box}.react-aria-ModalOverlay .react-aria-Modal{max-height:none;margin-top:auto;margin-bottom:auto}.new-session-modal .modal-content{padding:0rem}.new-session-modal .modal-title{font-size:1.5rem}.new-session-modal .modal-header{padding:.5rem .5rem .5rem 1rem}.new-session-modal .modal-close{top:0;right:0}.new-session-modal .form-group{margin-bottom:.75rem}.form-row>.form-group{margin-bottom:.75rem}.new-session-modal .form-section-header{display:none}.new-session-modal .modal-actions{margin-top:1rem;padding-top:1rem}.new-session-modal .form-group input,.new-session-modal .form-group select,.new-session-modal .select-trigger,.new-session-modal .react-aria-DatePicker .react-aria-Group{height:42px}.new-session-modal .modal-actions .submit-btn,.new-session-modal .modal-actions .secondary-btn{height:auto;padding:.6rem 1rem}.form-row:has(.form-group-name),.form-row:has(.react-aria-DatePicker){flex-direction:row;gap:1rem}.form-row:has(.form-group-name) .form-group-name{flex:3}.form-row:has(.form-group-name) .form-group-urn{flex:2}.form-row:has(.react-aria-DatePicker)>.form-group:first-child{flex:3}.form-row:has(.react-aria-DatePicker)>.form-group:last-child{flex:2}.new-session-modal .form-optional-notification{font-size:0}.new-session-modal .form-optional-notification:before{content:"Details are optional - can be added or edited later";font-size:.85rem}.new-session-modal .form-section-header:nth-of-type(2)+.form-row{border-top:1px solid var(--panel-border);padding-top:.25rem}.session-view-container .sub-tabs{margin-bottom:.25rem}.controls-container{padding-top:.5rem;margin-bottom:.75rem}.note-container ul,.note-container ol,.note-container ol ul,.note-container ol ol{padding-left:.75rem}.note-container ul ul,.note-container ul ol{padding-left:1.2rem}.sub-tab.clinical-entry-tab{font-size:0}.sub-tab.clinical-entry-tab:before{content:"Note";font-size:1rem}.action-btn.copy-btn:before{content:"Copy"}.action-btn.edit-btn:before{content:"Edit"}.action-btn.export-toggle-btn:before{content:"Export"}.action-btn.email-btn:before{content:"Email"}.action-btn.copy-transcript-btn:before{content:"Copy"}.action-btn.email-transcript-btn:before{content:"Email"}.action-btn.copy-btn,.action-btn.edit-btn,.action-btn.export-toggle-btn,.action-btn.email-btn,.action-btn.copy-transcript-btn,.action-btn.email-transcript-btn{font-size:0}.action-btn.copy-btn:before,.action-btn.edit-btn:before,.action-btn.export-toggle-btn:before,.action-btn.email-btn:before,.action-btn.copy-transcript-btn:before,.action-btn.email-transcript-btn:before{font-size:14px}.navigation-buttons{position:fixed;bottom:2rem;right:1rem;z-index:100;display:flex;flex-direction:column;gap:.5rem}.brain-progress-wrapper{width:85%;max-width:350px;aspect-ratio:1 / 1;height:auto;margin:10px auto}}