:root{--colors-text-primary: #162029;--colors-text-secondary: #646e7d;--colors-border-regular: #dfe5f3;--colors-bg-component: #ffffff;--colors-semantic-disable: #dadce0;--colors-dynamic-red-primary: #f8d7d8;--colors-accent-primary: #4e6ec1;--font-family: "Inter", sans-serif;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 8px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--colors-bg-component)}#app{height:100%;width:100%}.auth-error-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);background-color:#f8f9fa}.auth-error-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;padding:var(--spacing-xl);background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.auth-error-icon{margin-bottom:var(--spacing-lg)}.auth-error-title{font-family:var(--font-family);font-size:24px;font-weight:600;color:var(--colors-text-primary);margin:0 0 var(--spacing-sm) 0}.auth-error-message{font-family:var(--font-family);font-size:16px;font-weight:400;color:var(--colors-text-secondary);margin:0 0 var(--spacing-lg) 0;line-height:1.5}.auth-error-button{background:var(--colors-accent-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:12px 32px;font-family:var(--font-family);font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.auth-error-button:hover{background-color:#3d5aa6}#pwa-toast{visibility:hidden;position:fixed;right:0;bottom:0;margin:16px;padding:12px;border:1px solid #8885;border-radius:4px;z-index:1;text-align:left;box-shadow:3px 4px 5px #8885;display:grid;background:#fff}#pwa-toast .message{margin-bottom:8px}#pwa-toast .buttons{display:flex}#pwa-toast button{border:1px solid #8885;outline:none;margin-right:5px;border-radius:2px;padding:3px 10px}#pwa-toast.show{visibility:visible}button#pwa-refresh{display:none}#pwa-toast.show.refresh button#pwa-refresh{display:block}.page_record{height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative;background-color:var(--colors-bg-component)}.page_record .tooltip[data-tooltip]{position:relative;cursor:pointer}.page_record .tooltip[data-tooltip]:hover:before{content:attr(data-tooltip);position:absolute;z-index:100;left:50%;transform:translate(-50%);top:110%;max-width:600px;white-space:normal;word-wrap:break-word;overflow-wrap:anywhere;padding:2px 8px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#000;border:1px solid var(--colors-bg-component);font-size:12px;font-weight:500;line-height:21px;color:#fff;opacity:1!important}.page_record .tooltip[data-tooltip].bottomRightAlign:hover:before{top:unset;left:unset;right:0;transform:translateY(110%);bottom:0}.page_record .tooltip[data-tooltip].bottomLeftAlign:hover:before{top:unset;left:0;right:unset;transform:translateY(100%);bottom:0}.page_record .tooltip[data-tooltip].topAlign:hover:before{top:unset;bottom:115%;left:50%;transform:translate(-50%)}.page_record .content{display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-xxl) var(--spacing-lg);height:100%;width:100%;box-sizing:border-box}.page_record .content .whole-wrapper{display:flex;align-items:center;flex-direction:column;justify-content:space-between;height:100%;width:100%;min-height:0}.main-content{display:flex;align-items:center;justify-content:center;width:100%;flex:1;position:relative}.main-content .not_recording{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);flex-direction:column;width:100%;max-width:390px;padding:var(--spacing-md);box-sizing:border-box}.main-content .not_recording .recorder-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.main-content .not_recording .recorder-icon .recorder-image{width:240px;height:240px}.main-content .not_recording h3{font-family:var(--font-family);font-weight:400;font-size:32px;line-height:1;color:var(--colors-text-primary);margin:0;text-align:center}.main-content .not_recording h4{font-family:var(--font-family);font-weight:400;font-size:16px;line-height:1;color:var(--colors-text-secondary);margin:0;text-align:center;margin-top:calc(var(--spacing-lg) * -1 + var(--spacing-xs))}.main-content .not_recording .meeting-inputs{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-xs)}.main-content .not_recording .meeting-inputs .input-group{position:relative;width:100%}.main-content .not_recording .meeting-inputs .input-group .meeting-input{width:100%;height:48px;padding:var(--spacing-sm) var(--spacing-md);padding-left:20px;border:1px solid var(--colors-border-regular);border-radius:var(--radius-sm);background-color:var(--colors-bg-component);font-family:var(--font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--colors-text-primary);transition:border-color .2s ease;box-sizing:border-box}.main-content .not_recording .meeting-inputs .input-group .meeting-input::placeholder{color:var(--colors-text-secondary);font-weight:400}.main-content .not_recording .meeting-inputs .input-group .meeting-input:focus{outline:none;border-color:var(--colors-accent-primary)}.main-content .not_recording .meeting-inputs .input-group .participant-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L4.29289 4.29289C4.68342 4.68342 5.31658 4.68342 5.70711 4.29289L9 1' stroke='%234E6EC1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px;cursor:pointer}.main-content .not_recording .meeting-inputs .input-group .participant-select:invalid,.main-content .not_recording .meeting-inputs .input-group .participant-select:required:invalid{color:var(--colors-text-secondary)}.main-content .not_recording .meeting-inputs .input-group .participant-select option{color:var(--colors-text-primary);padding:12px}.main-content .not_recording .meeting-inputs .input-group .participant-select option:disabled{color:var(--colors-text-secondary)}.controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-xxl);flex-shrink:0}.controls .startRecording{width:104px;height:104px;border-radius:50%;background-color:#f77272;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;position:relative}.controls .startRecording:after{content:"";width:40px;height:40px;border-radius:50%;background-color:var(--colors-bg-component)}.controls .startRecording.disabled{background-color:var(--colors-dynamic-red-primary);cursor:not-allowed}.recording_state{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;position:relative}.recording_state .recording-header{padding:var(--spacing-sm)}.recording_state .recording-header .go-back-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:background-color .2s ease}.recording_state .recording-header .go-back-btn .back-chevron{width:14px;height:18px}.recording_state .recording-header .go-back-btn span{font-family:var(--font-family);font-size:16px;font-weight:500;color:var(--colors-text-primary);line-height:24px}.recording_state .recording-header .go-back-btn:hover{background-color:#0000000d}.recording_state .recording-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:80px;width:100%;padding:var(--spacing-lg)}.recording_state .recording-content .timer{font-family:var(--font-family);font-size:64px;font-weight:400;color:var(--colors-text-primary);text-align:center;letter-spacing:-.02em;margin:0}.recording_state .recording-content .waveform-container{width:100%;max-width:430px;height:100px;position:relative;overflow:hidden}.recording_state .recording-content .waveform-container #waveform-canvas{width:100%;height:100%;display:block}.recording_state .recording-controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-xxl);padding-bottom:60px}.recording_state .recording-controls .control-btn-wrapper{width:56px;height:56px}.recording_state .recording-controls .control-btn{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease;background:none;padding:0}.recording_state .recording-controls .control-btn .control-icon{width:100%;height:100%}.recording_state .recording-controls .main-control-btn{width:104px;height:104px;border-radius:50%;background-color:var(--colors-dynamic-red-primary)}.recording_state .recording-controls .main-control-btn .control-icon{width:40px;height:40px}.recording_state .recording-controls .main-control-btn:hover{transform:scale(1.05);background-color:#f5c6c7}.recording_state .recording-controls .stop-btn{width:56px;height:56px;border-radius:50%;background-color:transparent}.recording_state .recording-controls .stop-btn .control-icon{width:24px;height:24px}.recording_state .recording-controls .stop-btn:hover{background-color:#0000000d}.confirmation_state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--spacing-lg);box-sizing:border-box}.confirmation_state .confirmation-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xl);width:100%;max-width:390px;text-align:center}.confirmation_state .confirmation-content .confirmation-icon{width:240px;height:240px;border-radius:50%;border:.5px solid var(--colors-text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirmation_state .confirmation-content .confirmation-icon .icon-circle{width:160px;height:160px;border-radius:50%;background:linear-gradient(141deg,#448dfb 10%,#b1b4ff 99%);display:flex;align-items:center;justify-content:center}.confirmation_state .confirmation-content .confirmation-icon .icon-circle .checkmark-icon{width:96px;height:96px}.confirmation_state .confirmation-content .confirmation-title{font-family:var(--font-family);font-weight:400;font-size:32px;line-height:1;color:var(--colors-text-primary);margin:0;text-align:center}.confirmation_state .confirmation-content .confirmation-subtitle{font-family:var(--font-family);font-weight:400;font-size:16px;color:var(--colors-text-secondary);margin:0;text-align:center;max-width:286px;line-height:1.4}.confirmation_state .confirmation-content .record-another-btn{background:transparent;border:1px solid var(--colors-accent-primary);border-radius:var(--radius-sm);padding:12px 20px;font-family:var(--font-family);font-size:16px;font-weight:500;color:var(--colors-accent-primary);cursor:pointer;transition:all .2s ease;width:100%;height:48px}.confirmation_state .confirmation-content .record-another-btn:hover{background-color:#4e6ec11a}.confirmation_state .confirmation-content .record-another-btn:active{background-color:#4e6ec133}.stop-recording-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center}.stop-recording-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stop-recording-modal .stop-modal-content{position:relative;background:#fff;border:1px solid #f0f3fa;border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:1px 6px 30px #1212121a;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;height:fit-content}.stop-recording-modal .modal-default-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;width:100%}.stop-recording-modal .modal-header-section{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.stop-recording-modal .modal-icon-wrapper{background:#4e6ec114;border-radius:50%;padding:12px;display:flex;align-items:center;justify-content:center}.stop-recording-modal .modal-question-icon{width:40px;height:40px}.stop-recording-modal .modal-title{font-family:var(--font-family);font-size:28px;font-weight:500;color:#162029;margin:0;line-height:42px}.stop-recording-modal .modal-description{font-family:var(--font-family);font-size:16px;font-weight:400;color:#646e7d;margin:0;line-height:24px;text-align:center}.stop-recording-modal .modal-buttons{display:flex;gap:12px;width:100%}.stop-recording-modal .modal-buttons .modal-btn{flex:1;height:48px;border-radius:8px;font-family:var(--font-family);font-size:16px;font-weight:500;line-height:24px;cursor:pointer;padding:0 20px}.stop-recording-modal .modal-buttons .discard-btn{background:transparent;border:1px solid #e52517;color:#e52517}.stop-recording-modal .modal-buttons .save-btn{background:#4e6ec1;border:1px solid #4e6ec1;color:#fff}.stop-recording-modal .recording-loader{height:fit-content;width:100%;display:none;align-items:center;justify-content:center}.stop-recording-modal .recording-loader.loading{display:flex}.stop-recording-modal .recording-loader .loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;padding:40px 24px}.stop-recording-modal .recording-loader .loading-animation{position:relative;width:60px;height:60px}.stop-recording-modal .recording-loader .spinner-ring{position:absolute;top:0;left:0;width:60px;height:60px;animation:spin 1.2s linear infinite}.stop-recording-modal .recording-loader .spinner-img{width:100%;height:100%;transform:rotate(90deg) scaleY(-1)}.stop-recording-modal .recording-loader .spinner-mask{position:absolute;top:50%;left:0;right:0;height:9px;transform:translateY(-50%);background:#fff;z-index:10}.stop-recording-modal .recording-loader .loading-text{font-family:var(--font-family);font-size:16px;font-weight:500;line-height:24px;color:#162029;text-align:center;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.go-back-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center}.go-back-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.go-back-modal .stop-modal-content{position:relative;background:#fff;border:1px solid #f0f3fa;border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:1px 6px 30px #1212121a;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;height:fit-content}.go-back-modal .modal-default-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;width:100%}.go-back-modal .modal-header-section{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.go-back-modal .modal-icon-wrapper{background:#4e6ec114;border-radius:50%;padding:12px;display:flex;align-items:center;justify-content:center}.go-back-modal .modal-question-icon{width:40px;height:40px}.go-back-modal .modal-title{font-family:var(--font-family);font-size:28px;font-weight:500;color:#162029;margin:0;line-height:42px}.go-back-modal .modal-description{font-family:var(--font-family);font-size:16px;font-weight:400;color:#646e7d;margin:0;line-height:24px;text-align:center}.go-back-modal .modal-buttons{display:flex;gap:12px;width:100%}.go-back-modal .modal-buttons .modal-btn{flex:1;height:48px;border-radius:8px;font-family:var(--font-family);font-size:16px;font-weight:500;line-height:24px;cursor:pointer;padding:0 20px}.go-back-modal .modal-buttons .discard-btn{background:transparent;border:1px solid #e52517;color:#e52517}.go-back-modal .modal-buttons .save-btn{background:#4e6ec1;border:1px solid #4e6ec1;color:#fff}.error-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center}.error-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.error-modal .error-modal-content{position:relative;background:#fff;border:1px solid #f0f3fa;border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:1px 6px 30px #1212121a;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;height:fit-content}.error-modal .modal-default-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;width:100%}.error-modal .modal-header-section{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.error-modal .error-icon-wrapper{background:#e5251714;border-radius:50%;padding:12px;display:flex;align-items:center;justify-content:center}.error-modal .modal-error-icon{width:40px;height:40px}.error-modal .modal-title{font-family:var(--font-family);font-size:28px;font-weight:500;color:#162029;margin:0;line-height:42px}.error-modal .modal-description{font-family:var(--font-family);font-size:16px;font-weight:400;color:#646e7d;margin:0;line-height:24px;text-align:center}.error-modal .modal-buttons{display:flex;gap:12px;width:100%}.error-modal .modal-buttons .modal-btn{flex:1;height:48px;border-radius:8px;font-family:var(--font-family);font-size:16px;font-weight:500;line-height:24px;cursor:pointer;padding:0 20px}.error-modal .modal-buttons .primary-btn{background:#4e6ec1;border:1px solid #4e6ec1;color:#fff}@media(max-width:480px){.page_record .content{padding:var(--spacing-lg) var(--spacing-md)}.page_record .main-content .not_recording{gap:var(--spacing-lg)}.page_record .main-content .not_recording .recorder-icon .recorder-image{width:180px;height:180px}.page_record .main-content .not_recording h3{font-size:28px}.page_record .main-content .not_recording h4{font-size:14px}.page_record .recording_state .recording-content .timer{font-size:32px}.page_record .recording_state .recording-content .waveform-container{height:50px;width:90vw}.page_record .recording_state .confirmation_state .confirmation-content{gap:16px}.page_record .recording_state .confirmation_state .confirmation-content .confirmation-icon{width:150px;height:150px}.page_record .recording_state .confirmation_state .confirmation-content .confirmation-title{font-size:20px}.page_record .recording_state .confirmation_state .confirmation-content .confirmation-subtitle{font-size:13px}.page_record .recording_state .confirmation_state .confirmation-content .record-another-btn{font-size:13px;padding:8px 16px}.page_record .controls{padding:var(--spacing-xl)}.page_record .controls .startRecording{width:80px;height:80px}.page_record .controls .startRecording:after{width:32px;height:32px}.page_record .recording_state .recording-content{gap:40px}.page_record .recording_state .recording-content .timer{font-size:48px}.page_record .recording_state .recording-controls{padding:var(--spacing-lg);padding-bottom:40px}.page_record .recording_state .recording-controls .main-control-btn{width:80px;height:80px}.page_record .recording_state .recording-controls .main-control-btn .control-icon{width:32px;height:32px}.page_record .recording_state .recording-controls .stop-btn{width:48px;height:48px}:is(.stop-recording-modal,.go-back-modal) .stop-modal-content{padding:20px;max-width:320px;gap:20px}:is(.stop-recording-modal,.go-back-modal) .stop-modal-content .modal-default-content{gap:20px}:is(.stop-recording-modal,.go-back-modal) .stop-modal-content .modal-header-section{gap:12px}:is(.stop-recording-modal,.go-back-modal) .stop-modal-content .modal-icon-wrapper{padding:10px}:is(.stop-recording-modal,.go-back-modal) .stop-modal-content .modal-question-icon{width:32px;height:32px}:is(.stop-recording-modal,.go-back-modal) .stop-modal-content .modal-title{font-size:22px;line-height:32px}:is(.stop-recording-modal,.go-back-modal) .stop-modal-content .modal-description{font-size:14px;line-height:20px}:is(.stop-recording-modal,.go-back-modal) .stop-modal-content .modal-buttons{gap:10px}:is(.stop-recording-modal,.go-back-modal) .stop-modal-content .modal-buttons .modal-btn{height:44px;font-size:14px}.error-modal .error-modal-content{padding:20px;max-width:320px;gap:20px}.error-modal .error-modal-content .modal-default-content{gap:20px}.error-modal .error-modal-content .modal-header-section{gap:12px}.error-modal .error-modal-content .error-icon-wrapper{padding:10px}.error-modal .error-modal-content .modal-error-icon{width:32px;height:32px}.error-modal .error-modal-content .modal-title{font-size:22px;line-height:32px}.error-modal .error-modal-content .modal-description{font-size:14px;line-height:20px}.error-modal .error-modal-content .modal-buttons{gap:10px}.error-modal .error-modal-content .modal-buttons .modal-btn{height:44px;font-size:14px}}@media(min-width:481px)and (max-width:768px){.page_record .content{padding:var(--spacing-xl) var(--spacing-lg)}.page_record .main-content .not_recording .recorder-icon .recorder-image{width:200px;height:200px}.page_record .main-content .not_recording h3{font-size:30px}.page_record .controls .startRecording{width:90px;height:90px}.page_record .controls .startRecording:after{width:36px;height:36px}.page_record .recording_state .recording-content .timer{font-size:40px}.page_record .recording_state .recording-content .waveform-container{height:80px;width:80vw}}@media(min-width:769px){.page_record .content{padding:var(--spacing-xxl)}.page_record .main-content .not_recording .recorder-icon .recorder-image{width:240px;height:240px}.page_record .controls .startRecording{width:104px;height:104px}.page_record .controls .startRecording:after{width:40px;height:40px}}@media(max-height:900px){.page_record .dropdown{max-height:180px!important}}@media(max-height:730px){.page_record .dropdown{max-height:150px!important}}@media(max-height:600px){.page_record .main-content .not_recording{gap:var(--spacing-md)}.page_record .main-content .not_recording .recorder-icon .recorder-image{width:140px;height:140px}.page_record .main-content .not_recording h3{font-size:24px}.page_record .main-content .not_recording h4{font-size:14px}.page_record .controls{padding:var(--spacing-md)}}