.burger-button{position:fixed;top:20px;left:20px;z-index:1001;background:color-mix(in srgb,var(--mantine-color-white) 50%,transparent);border:1px solid var(--mantine-color-gray-4);border-radius:8px;padding:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:var(--mantine-color-dark-9)}.burger-button:hover{background:var(--mantine-color-brand-6);color:var(--mantine-color-white);transform:translateY(-1px);box-shadow:0 2px 8px var(--mantine-color-brand-2)}.burger-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--mantine-color-dark-8);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.burger-overlay.active{opacity:.5;visibility:visible}.burger-menu{position:fixed;top:0;left:0;width:300px;height:100vh;background:var(--mantine-color-body);box-shadow:0 4px 12px var(--mantine-color-gray-3);z-index:1001;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .3s ease}.burger-menu.active{transform:translateX(0)}.menu-header{padding:0 20px;justify-content:space-between;background:var(--mantine-color-body);color:var(--mantine-color-text);height:60px}.menu-header,.menu-logo{display:flex;align-items:center}.menu-logo{flex:1 1;justify-content:center;gap:12px}.menu-logo-img{height:40px;width:40px;object-fit:contain}.menu-logo-text{font-size:20px;font-weight:600;color:var(--mantine-color-brand-6);font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif}.close-button{height:32px;width:32px;background:none;border:none;color:var(--mantine-color-gray-6);cursor:pointer;margin:5px;padding:6px;border-radius:6px;transition:all .2s ease;flex-shrink:0;align-self:center}.close-button:hover{background:var(--mantine-color-gray-1);color:var(--mantine-color-gray-8)}.menu-items{list-style:none;margin:0;padding:20px 0;flex:1 1}.menu-items li{margin:0}.menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:16px 20px;border:none;background:none;text-align:left;cursor:pointer;font-size:16px;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--mantine-color-gray-8);transition:all .2s ease;position:relative}.menu-item.active{background:var(--mantine-color-brand-1);color:var(--mantine-color-brand-6);font-weight:600}.menu-item:hover{background:var(--mantine-color-gray-2);color:var(--mantine-color-brand-6)}.menu-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mantine-color-brand-6)}.menu-icon{flex-shrink:0;color:var(--mantine-color-gray-6)}.menu-item.active .menu-icon,.menu-item:hover .menu-icon{color:var(--mantine-color-brand-6)}.menu-label{flex:1 1}.menu-footer{padding:20px;border-top:1px solid var(--mantine-color-gray-3);background:var(--mantine-color-gray-1);display:flex;flex-direction:column;gap:16px}.footer-section{text-align:left}.footer-section h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--mantine-color-brand-6)}.footer-section h4,.footer-section p{font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif}.footer-section p{margin:0;font-size:13px;color:var(--mantine-color-gray-7)}@media (max-width:768px){.burger-menu{width:280px}.burger-button{top:16px;left:16px;padding:8px;width:44px;height:44px}}.banner{position:fixed;top:0;left:0;right:0;height:80px;background:var(--color-background);display:grid;grid-template-columns:80px 1fr 80px;align-items:center;padding:0 20px;z-index:999}.banner-left{justify-content:flex-start}.banner-center,.banner-left{display:flex;align-items:center}.banner-center{justify-content:center;min-width:0}.banner-right{display:flex;align-items:center;justify-content:flex-end}.banner-title{color:var(--color-text-primary);font-size:22px;font-weight:600;margin:0;text-align:center}.banner-logo{display:flex;align-items:center;gap:12px}.logo-image{height:50px;width:auto;object-fit:contain}.logo-text{font-size:30px;font-weight:600;color:var(--mantine-color-brand-6);font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap}.banner .burger-button{position:static;background:var(--color-surface);border:1px solid var(--color-border);margin:0;color:var(--color-text-primary)}.banner .burger-button:hover{background:var(--color-surface-hover);color:var(--color-text-primary);transform:none;box-shadow:none}@media (max-width:768px){.banner{height:80px;padding:0 16px}.logo-text{font-size:24px}}@media (max-width:480px){.banner{padding:0 8px;grid-template-columns:50px 1fr 20px}.banner-title{font-size:16px}.logo-text{font-size:18px}.banner-logo{gap:6px}}@media (max-width:360px){.banner{padding:0 8px}.logo-text{font-size:18px}.logo-image{height:40px}.banner-logo{gap:6px}}.transcription-box-wrapper{border:2px solid var(--mantine-color-gray-3);border-radius:var(--mantine-radius-md);height:300px;background:var(--mantine-color-white);display:flex;flex-direction:column;transition:border-color .2s ease}.transcription-box-wrapper.streaming{border-color:var(--mantine-color-brand-6)}.transcription-header{position:relative;height:35px;flex-shrink:0;z-index:1;display:flex;justify-content:flex-end;align-items:center;padding:0 var(--mantine-spacing-sm)}.transcription-header:after{content:"";position:absolute;bottom:-15px;left:0;right:0;height:40px;background:linear-gradient(to bottom,var(--mantine-color-white) 0,var(--mantine-color-white) 20%,color-mix(in srgb,var(--mantine-color-white) 85%,transparent) 40%,color-mix(in srgb,var(--mantine-color-white) 60%,transparent) 70%,color-mix(in srgb,var(--mantine-color-white) 20%,transparent) 90%,transparent 100%);pointer-events:none;z-index:1}.transcription-content{flex:1 1;overflow-y:auto;font-size:28px;line-height:1.6;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;padding:0 var(--mantine-spacing-lg) var(--mantine-spacing-lg) var(--mantine-spacing-lg)}.transcription-content .transcription-placeholder{font-size:24px;font-weight:500}.transcription-clear-button{position:absolute;top:5px;right:5px;z-index:10;background:var(--mantine-color-white);color:var(--mantine-color-gray-6);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;flex-shrink:0}.transcription-clear-button:hover{background:var(--mantine-color-gray-1);color:var(--mantine-color-gray-8)}.transcription-word{opacity:var(--word-opacity,1);transition:all .2s ease;padding:2px 4px;border-radius:3px;cursor:help;margin:1px;display:inline-block}.transcription-word:hover{transform:translateY(-1px);box-shadow:var(--shadow-light)}.transcription-word.gradient-confidence{font-weight:400}.transcription-footer-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--mantine-spacing-sm);padding:var(--mantine-spacing-xs) 0;margin-top:var(--mantine-spacing-xs);min-width:0}.transcription-footer-controls>:first-child{flex:0 1 auto;min-width:max-content}.transcription-footer-controls>:last-child{flex:0 1 auto;min-width:max-content;margin-left:auto}@container (max-width: 500px){.transcription-footer-controls{flex-direction:column;justify-content:center;align-items:center}.transcription-footer-controls>:first-child,.transcription-footer-controls>:last-child{flex:none;margin-left:0}}@media (max-width:500px){.transcription-footer-controls{flex-direction:column;justify-content:center;align-items:center}.transcription-footer-controls>:first-child,.transcription-footer-controls>:last-child{flex:none;margin-left:0}}@media (max-width:480px){.transcription-content{font-size:22px}.transcription-content .transcription-placeholder{font-size:20px}.transcription-cursor{font-size:22px}}.gradient-mode-checkbox{font-size:16px}.gradient-mode-checkbox .mantine-Checkbox-label{font-size:16px;font-weight:500;color:var(--mantine-color-brand-6);margin-left:0}.transcription-cursor{animation:blink 1s infinite;margin-left:2px;font-size:28px;font-weight:600;line-height:1.6}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.responsive-button-container{position:relative;padding:20px;margin:-20px}.responsive-button{width:160px;height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:500;border-width:2px;transition:all .2s ease;position:relative;overflow:visible;z-index:2}.responsive-button:hover{border-width:4px}.responsive-button.disabled{opacity:.5}.responsive-button.recording{background:color-mix(in srgb,var(--mantine-color-red-6) 60%,transparent)!important;border-color:var(--mantine-color-red-6)!important}.responsive-button-content{display:flex;flex-direction:column;align-items:center;gap:8px}.responsive-button-icon{width:64px;height:64px}.responsive-button-text{margin-top:4px}@media (max-width:768px){.responsive-button-container{width:100%;max-width:180px;margin:0 auto}.responsive-button{width:100%;height:140px;gap:10px;font-size:15px}.responsive-button-content{gap:8px}.responsive-button-icon{width:56px;height:56px}.responsive-button-pulse{width:100%;height:140px}}@media (max-width:480px){.responsive-button-container{max-width:160px}.responsive-button{height:120px;gap:8px;font-size:14px}.responsive-button-content{gap:6px}.responsive-button-icon{width:48px;height:48px}.responsive-button-pulse{height:120px}}@media (max-width:360px){.responsive-button{width:100px;height:100px;gap:6px;font-size:12px}.responsive-button-content{gap:4px}.responsive-button-icon{width:40px;height:40px}}.responsive-button-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;border:3px solid var(--mantine-color-red-6);animation:pulse 2s infinite;pointer-events:none;z-index:1;will-change:transform,opacity}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}@media (max-width:480px){.responsive-button-pulse{width:120px;height:120px}}@media (max-width:360px){.responsive-button-pulse{width:100px;height:100px}}.audio-sample-button .mantine-Button-section[data-position=left]{transform:translateY(2px)}.audio-card-sample,.audio-card-uploaded{background:var(--mantine-color-white);transition:all .2s ease}.audio-card-sample:hover,.audio-card-uploaded:hover{background:var(--mantine-color-gray-0);box-shadow:var(--mantine-shadow-md)}.audio-card-sample .audio-sample-button,.audio-card-uploaded .audio-sample-button{height:50px;min-width:110px;background:var(--mantine-color-white);border:1px solid var(--mantine-color-brand-6)}.audio-card-sample .audio-sample-button:hover,.audio-card-uploaded .audio-sample-button:hover{background:var(--mantine-color-brand-0);border-width:2px}.audio-card-uploaded .remove-button{height:50px;width:50px;background:var(--mantine-color-white);border:1px solid var(--mantine-color-red-4)}.audio-card-uploaded .remove-button:hover{background:var(--mantine-color-red-0);border-width:2px}.audio-card-layout{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.audio-card-content{flex:1 1}.audio-card-buttons{flex-shrink:0}@media (max-width:480px){.audio-card-layout{flex-direction:column;align-items:stretch;gap:.75rem}.audio-card-buttons{justify-content:center;order:-1;margin-bottom:.5rem}.audio-card-content{text-align:center}.audio-card-content .mantine-Group-root{justify-content:center}}.file-upload-card{background:var(--mantine-color-white);border:1px solid var(--mantine-color-gray-3)}.file-upload-card:hover{background:var(--mantine-color-gray-0)}.dropzone{border:2px dashed var(--mantine-color-gray-4);border-radius:var(--mantine-radius-md);background:var(--mantine-color-white);transition:all .2s ease;padding:var(--mantine-spacing-lg)}.dropzone:hover{border-color:var(--mantine-color-brand-6);background:var(--mantine-color-gray-0)}.dropzone[data-accept]{border-color:var(--mantine-color-green-6);background:var(--mantine-color-green-0)}.dropzone[data-reject]{border-color:var(--mantine-color-red-6);background:var(--mantine-color-red-0)}.dropzone-content{min-height:220px;padding:var(--mantine-spacing-md);pointer-events:none}.dropzone-icon{width:52px;height:52px;flex-shrink:0}.dropzone-icon-accept{color:var(--mantine-color-green-6)}.dropzone-icon-reject{color:var(--mantine-color-red-6)}.dropzone-icon-idle{color:var(--mantine-color-gray-6)}.dropzone-text{text-align:center;max-width:400px}.dropzone-text-main{font-size:18px;font-weight:500;line-height:1.4;margin-bottom:8px}.dropzone-text-sub{font-size:14px;color:var(--mantine-color-gray-6);line-height:1.3}@media (max-width:768px){.dropzone,.dropzone-content{padding:var(--mantine-spacing-sm)}.dropzone-content{min-height:180px;gap:var(--mantine-spacing-sm)}.dropzone-icon{width:40px;height:40px}.dropzone-text-main{font-size:16px}.dropzone-text-sub{font-size:13px}}@media (max-width:480px){.dropzone,.dropzone-content{padding:var(--mantine-spacing-xs)}.dropzone-content{min-height:140px;flex-direction:column;text-align:center}.dropzone-text-main{font-size:15px}.dropzone-text-sub{font-size:12px}}.mobile-upload-button{width:100%;height:48px;transition:all .2s ease;border:1px solid var(--mantine-color-brand-4)}.mobile-upload-button:hover{transform:translateY(-1px);border-color:var(--mantine-color-brand-6)}.mobile-upload-button:active{transform:translateY(1px)}.section-divider .mantine-Divider-label,.section-divider .mantine-Divider-labelDefaultStyles,.section-divider [data-label]{font-size:18px;font-weight:600;color:var(--mantine-color-brand-6)}.mantine-Button-root:disabled{border-color:var(--mantine-color-gray-4);background-color:var(--mantine-color-gray-1);color:var(--mantine-color-gray-6);opacity:.5}.speech-recognition-page{width:100%;max-width:900px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:2rem;overflow-x:hidden}.transcription-section{width:100%;display:flex;justify-content:center}.transcription-section-top{padding-top:2rem}.transcription-container{width:720px;max-width:calc(100% - 2rem);min-width:300px}.tabs-section{width:100%;min-height:250px;overflow-x:hidden}.tabs-section [data-tabs-list] [data-tabs-tab]{font-size:18px;font-weight:500}.tab-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:360px){.tab-text{white-space:normal;line-height:1.3;text-align:center}.speech-recognition-page .tabs-section .mantine-Tabs-tab,.speech-recognition-page .tabs-section [data-tabs-tab]{min-height:60px;padding:var(--mantine-spacing-xs) var(--mantine-spacing-sm)}}@media (max-width:768px){.speech-recognition-page .tabs-section .mantine-Tabs-list{display:flex;width:100%}.speech-recognition-page .tabs-section .mantine-Tabs-tab{flex:1 1 50%;font-size:16px;justify-content:center;min-width:0;max-width:50%;width:50%}.speech-recognition-page .tabs-section [data-tabs-list]{display:flex;width:100%}.speech-recognition-page .tabs-section [data-tabs-tab]{flex:1 1 50%;font-size:16px;justify-content:center;min-width:0;max-width:50%;width:50%}}.tabs-section [data-tabs-panel]{font-size:16px;overflow-x:hidden}.status-indicator-container{display:flex;justify-content:flex-end;margin-top:.5rem}