*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family, system-ui, -apple-system, sans-serif);background:var(--color-bg-layout, #f8f8f8);min-height:100vh;margin:0;padding:0;color:var(--color-text-base, #001029)}.hidden{display:none!important}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.gradient-bg{background:var(--color-bg-layout, #f8f8f8);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.card{background:var(--color-bg-container, #ffffff);border-radius:16px;padding:2rem;box-shadow:0 6px 16px #00000014;border:1px solid var(--color-border, #d9d9d9)}.text-white,h1.text-white,h2.text-white,h3.text-white,h4.text-white,p.text-white,span.text-white,label.text-white,div.text-white,.text-white\/90{color:var(--color-text-base, #001029)!important}.text-white\/80,.text-white\/70,.text-white\/60,.text-white\/50,.text-white\/40{color:var(--color-text-secondary, rgba(0, 16, 41, .65))!important}.tab-btn{background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary, rgba(0, 16, 41, .65));transition:all .2s}.tab-btn.active{background:var(--color-primary, #007bff)!important;color:#fff!important}.tab-btn:hover:not(.active){background:var(--color-bg-spotlight, #f5f5f5)}.bg-white\/10{background-color:var(--color-bg-container, #ffffff);border:1px solid var(--color-border, #d9d9d9)}.bg-white\/10:hover,.bg-white\/20{background-color:var(--color-bg-spotlight, #f5f5f5)}.bg-white\/5{background-color:var(--color-bg-container, #ffffff);border:1px solid var(--color-border, #d9d9d9)}input[type=text],input[type=file],textarea,select{background-color:var(--color-bg-container, #ffffff)!important;color:var(--color-text-base, #001029)!important;border:1px solid var(--color-border, #d9d9d9)!important}input::placeholder,textarea::placeholder{color:var(--color-text-secondary, rgba(0, 16, 41, .65))!important}select.dark-select{background-color:var(--color-bg-container, #ffffff)!important;color:var(--color-text-base, #001029)!important;border:1px solid var(--color-border, #d9d9d9)!important;width:100%;padding:.5rem;border-radius:8px}select.dark-select:focus{outline:none;box-shadow:0 0 0 2px #007bff40;border-color:var(--color-primary, #007bff)!important}select.dark-select option{background-color:var(--color-bg-container, #ffffff)!important;color:var(--color-text-base, #001029)!important}.bg-blue-600{background-color:#007bff!important;color:#fff!important}.bg-blue-600:hover,.hover\:bg-blue-700:hover{background-color:#0056b3!important}.bg-green-600{background-color:#00b746!important;color:#fff!important}.bg-green-600:hover,.hover\:bg-green-700:hover{background-color:#009a3c!important}.bg-red-600{background-color:#dd0404!important;color:#fff!important}.bg-red-600:hover,.hover\:bg-red-700:hover{background-color:#b80303!important}.bg-orange-600{background-color:#f3af00!important;color:#fff!important}.bg-orange-600:hover,.hover\:bg-orange-700:hover{background-color:#d49b00!important}button.bg-white\/10,a.bg-white\/10{background-color:var(--color-bg-spotlight, #f5f5f5)!important;color:var(--color-text-base, #001029)!important;border:1px solid var(--color-border, #d9d9d9)}button.bg-white\/10:hover,a.bg-white\/10:hover,button.hover\:bg-white\/20:hover,a.hover\:bg-white\/20:hover{background-color:var(--color-bg-elevated, #ffffff)!important;border-color:var(--color-primary, #007bff)!important}.border-dashed,.border-white\/30,.border-white\/20{border-color:var(--color-border, #d9d9d9)!important}.bg-black\/20{background-color:var(--color-bg-spotlight, #f5f5f5)!important}#live-transcript{background-color:var(--color-bg-spotlight, #f5f5f5)!important;color:var(--color-text-base, #001029)!important}#modal,#topic-modal{background-color:#00000080}#phrase-comments-panel{background-color:#0006!important}#modal-shell,.bg-gray-900\/95,.bg-gray-900{background-color:var(--color-bg-container, #ffffff)!important;border:1px solid var(--color-border, #d9d9d9)!important;color:var(--color-text-base, #001029)!important}textarea.bg-black\/40,input.bg-black\/40{background-color:var(--color-bg-spotlight, #f5f5f5)!important}.border-white\/15,.border-white\/10{border-color:var(--color-border, #d9d9d9)!important}.text-blue-300{color:#007bff!important}.text-red-300,.text-red-400{color:#dd0404!important}.text-blue-400{color:#007bff!important}#modal-body{color:var(--color-text-base, #001029)!important}.dl-menu{background-color:var(--color-bg-container, #ffffff)!important;border:1px solid var(--color-border, #d9d9d9)!important;box-shadow:0 6px 16px #00000014}.dl-menu a{color:var(--color-text-base, #001029)!important}.dl-menu a:hover{background-color:var(--color-bg-spotlight, #f5f5f5)!important}.text-green-400{color:#00b746!important}.text-yellow-400{color:#f3af00!important}.text-red-500{color:#dd0404!important}.bg-green-500{background-color:#00b746!important}.bg-blue-500{background-color:#007bff!important}.bg-blue-500\/20{background-color:#007bff1a!important;border-color:#007bff4d!important}.bg-green-500\/20{background-color:#00b7461a!important;border-color:#00b7464d!important}.bg-red-500{background-color:#dd0404!important}.flex{display:flex}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.text-center{text-align:center}.flex-1{flex:1}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.text-4xl{font-size:2.25rem}.text-2xl{font-size:1.5rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:16px}.rounded-md{border-radius:6px}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.transition-colors{transition:color .2s,background-color .2s}.transition-all{transition:all .2s}[data-theme=dark] body,[data-theme=dark] .gradient-bg{background:var(--color-bg-layout);color:var(--color-text-base)}[data-theme=dark] .card{background:var(--color-bg-container);border-color:var(--color-border)}[data-theme=dark] .text-white,[data-theme=dark] h1.text-white,[data-theme=dark] h2.text-white,[data-theme=dark] h3.text-white,[data-theme=dark] h4.text-white,[data-theme=dark] p.text-white,[data-theme=dark] span.text-white,[data-theme=dark] label.text-white,[data-theme=dark] div.text-white,[data-theme=dark] .text-white\/90{color:var(--color-text-base)!important}[data-theme=dark] .text-white\/80,[data-theme=dark] .text-white\/70,[data-theme=dark] .text-white\/60,[data-theme=dark] .text-white\/50,[data-theme=dark] .text-white\/40{color:var(--color-text-secondary)!important}[data-theme=dark] .bg-white\/10{background-color:var(--color-bg-spotlight)!important;border-color:var(--color-border)!important}[data-theme=dark] .bg-white\/20{background-color:var(--color-bg-elevated)!important}[data-theme=dark] .bg-white\/5{background-color:var(--color-bg-spotlight)!important;border-color:var(--color-border)!important}[data-theme=dark] textarea.bg-black\/40,[data-theme=dark] input.bg-black\/40{background-color:var(--color-bg-spotlight)!important}[data-theme=dark] .border-white\/15,[data-theme=dark] .border-white\/10{border-color:var(--color-border)!important}[data-theme=dark] .tab-btn:hover:not(.active){background:var(--color-bg-spotlight)}[data-theme=dark] input[type=text],[data-theme=dark] input[type=file],[data-theme=dark] textarea,[data-theme=dark] select,[data-theme=dark] select.dark-select{background-color:var(--color-bg-container)!important;color:var(--color-text-base)!important;border-color:var(--color-border)!important}[data-theme=dark] select.dark-select option{background-color:var(--color-bg-container)!important;color:var(--color-text-base)!important}[data-theme=dark] button.bg-white\/10,[data-theme=dark] a.bg-white\/10{background-color:var(--color-bg-elevated)!important;color:var(--color-text-base)!important;border-color:var(--color-border)!important;box-shadow:0 2px 8px #0003}[data-theme=dark] button.bg-white\/10:hover,[data-theme=dark] a.bg-white\/10:hover{background-color:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}[data-theme=dark] .border-dashed,[data-theme=dark] .border-white\/30,[data-theme=dark] .border-white\/20{border-color:var(--color-border)!important}[data-theme=dark] .bg-black\/20,[data-theme=dark] #live-transcript{background-color:var(--color-bg-spotlight)!important}[data-theme=dark] #modal-shell,[data-theme=dark] .bg-gray-900\/95,[data-theme=dark] .bg-gray-900,[data-theme=dark] .dl-menu{background-color:var(--color-bg-container)!important;border-color:var(--color-border)!important}[data-theme=dark] .dl-menu a{color:var(--color-text-base)!important}[data-theme=dark] .dl-menu a:hover{background-color:var(--color-bg-spotlight)!important}:root{--color-primary: #007bff;--color-info: #007bff;--color-success: #00b746;--color-error: #dd0404;--color-warning: #f3af00;--color-text-base: #001029;--color-text-secondary: rgba(0, 16, 41, .65);--color-bg-container: #ffffff;--color-bg-layout: #f8f8f8;--color-bg-spotlight: #f5f5f5;--color-bg-mask: rgba(255, 255, 255, .45);--color-bg-base: #ffffff;--color-bg-elevated: #ffffff;--color-border: #d9d9d9;--color-border-secondary: #f0f0f0;--font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size: 14px;--font-size-sm: 12px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-h1: 32px;--font-size-h2: 30px;--font-size-h3: 24px;--font-size-h4: 20px;--font-size-h5: 16px;--letter-spacing: .0938em;--font-weight: 500;--line-height: 1.5;--space-xxs: 5px;--space-xs: 10px;--space-sm: 15px;--space-md: 20px;--space-lg: 30px;--space-xl: 35px;--space-xxl: 40px;--control-height: 30px;--control-height-lg: 40px;--radius-sm: 8px;--radius: 16px;--radius-lg: 16px;--shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05)}[data-theme=dark]{color-scheme:dark;--color-primary: #4ca1de;--color-info: #4ca1de;--color-text-base: #ffffff;--color-text-secondary: rgba(255, 255, 255, .65);--color-bg-container: #2b2b34;--color-bg-layout: #21212b;--color-bg-spotlight: #1f1f1f;--color-bg-mask: rgba(255, 255, 255, .27);--color-bg-base: #2b2b34;--color-bg-elevated: #33333d;--color-border: #424242;--color-border-secondary: #2b2b2b}*{box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);color:var(--color-text-base);background-color:var(--color-bg-layout);margin:0;padding:0}[data-tutorial=on] [data-tooltip]{position:relative;overflow:visible!important}[data-tutorial=on] [data-tooltip]:hover{z-index:99999!important}[data-tutorial=on] [data-tooltip]:before{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);background:var(--color-bg-container);color:var(--color-text-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px;font-size:12px;line-height:1.4;width:280px;white-space:normal;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:99999}[data-tutorial=on] [data-tooltip]:after{content:"?";position:absolute;right:-6px;top:-6px;transform:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:11px;line-height:16px;text-align:center;box-shadow:0 2px 6px #0003;pointer-events:none;z-index:99999}[data-tutorial=on] [data-tooltip]:hover:before{opacity:1;transform:translate(-50%) translateY(0)}[data-tutorial=on] [data-tooltip][data-tooltip-placement=bottom]:before{bottom:auto;top:calc(100% + 8px);transform:translate(-50%) translateY(-4px)}[data-tutorial=on] [data-tooltip][data-tooltip-placement=bottom]:hover:before{transform:translate(-50%) translateY(0)}[data-tutorial=on] [data-tooltip][data-tooltip-placement=bottom]:after{left:auto;right:-6px;top:-6px;transform:none}[data-tutorial=on] [data-tooltip][data-tooltip-align=left]:before{left:0;transform:translateY(4px)}[data-tutorial=on] [data-tooltip][data-tooltip-align=left]:hover:before{transform:translateY(0)}[data-tutorial=on] [data-tooltip][data-tooltip-align=left][data-tooltip-placement=bottom]:before{left:0;transform:translateY(-4px)}[data-tutorial=on] [data-tooltip][data-tooltip-align=left][data-tooltip-placement=bottom]:hover:before{transform:translateY(0)}[data-tutorial=on] [data-tooltip][data-tooltip-align=right]:before{left:auto;right:10px;transform:translateY(4px)}[data-tutorial=on] [data-tooltip][data-tooltip-align=right]:hover:before{transform:translateY(0)}[data-tutorial=on] [data-tooltip][data-tooltip-align=right][data-tooltip-placement=bottom]:before{left:auto;right:10px;transform:translateY(-4px)}[data-tutorial=on] [data-tooltip][data-tooltip-align=right][data-tooltip-placement=bottom]:hover:before{transform:translateY(0)}[data-tutorial=on] [data-tooltip-no-icon]:after{display:none}.tooltip-help-icon{display:none}[data-tutorial=on] .tooltip-help-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:11px;line-height:16px;text-align:center;box-shadow:0 2px 6px #0003;margin-left:6px;vertical-align:middle;cursor:default}[data-tutorial=on] *:has([data-tooltip]:hover){overflow:visible!important}h1{font-size:var(--font-size-h1);font-weight:600}h2{font-size:var(--font-size-h2);font-weight:600}h3{font-size:var(--font-size-h3);font-weight:600}h4{font-size:var(--font-size-h4);font-weight:600}h5{font-size:var(--font-size-h5);font-weight:600}.ant-btn,.ant-input,.ant-select-selector{height:var(--control-height)!important;min-height:var(--control-height)!important}.ant-btn-lg,.ant-input-lg,.ant-select-lg .ant-select-selector{height:var(--control-height-lg)!important;min-height:var(--control-height-lg)!important}.ant-card,.ant-modal-content{border-radius:var(--radius-sm)!important}.ant-btn,.ant-input,.ant-select-selector,.ant-tag{border-radius:var(--radius)!important}.ant-card{box-shadow:var(--shadow)!important}.shared-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);gap:var(--space-sm)}.shared-loading__text{color:var(--color-text-secondary);font-size:var(--font-size)}.shared-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center}.shared-empty__title{color:var(--color-text-base);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-xs)}.shared-empty__description{color:var(--color-text-secondary);font-size:var(--font-size)}.shared-error{padding:var(--space-md)}.embed .ant-layout-content{padding:0!important}[data-theme=dark] .ant-layout-sider{background:var(--color-bg-container)!important}[data-theme=dark] .ant-layout-content{background:var(--color-bg-layout)!important}[data-theme=dark] .ant-card{background:var(--color-bg-container)!important;border-color:var(--color-border)!important}[data-theme=dark] .ant-card-head{background:var(--color-bg-container)!important;border-color:var(--color-border)!important;color:var(--color-text-base)!important}[data-theme=dark] .ant-card-body{background:var(--color-bg-container)!important;color:var(--color-text-base)!important}[data-theme=dark] .ant-btn-default,[data-theme=dark] .ant-input,[data-theme=dark] .ant-input-affix-wrapper{background:var(--color-bg-container)!important;border-color:var(--color-border)!important;color:var(--color-text-base)!important}[data-theme=dark] .ant-input-affix-wrapper .ant-input{background:transparent!important;color:var(--color-text-base)!important}[data-theme=dark] .ant-input-prefix,[data-theme=dark] .ant-input-suffix,[data-theme=dark] .ant-input-clear-icon,[data-theme=dark] .ant-input-password-icon{color:var(--color-text-secondary)!important}[data-theme=dark] .ant-input-group-addon,[data-theme=dark] .ant-select-selector{background:var(--color-bg-container)!important;border-color:var(--color-border)!important;color:var(--color-text-base)!important}[data-theme=dark] .ant-table{background:var(--color-bg-container)!important;color:var(--color-text-base)!important}[data-theme=dark] .ant-empty-description{color:var(--color-text-secondary)!important}[data-theme=dark] .ant-alert{background:var(--color-bg-spotlight)!important;border-color:var(--color-border)!important}[data-theme=dark] .ant-alert-message{color:var(--color-text-base)!important}[data-theme=dark] .ant-modal-content{background:var(--color-bg-container)!important}[data-theme=dark] .ant-modal-header{background:var(--color-bg-container)!important;border-color:var(--color-border)!important}[data-theme=dark] .ant-modal-title,[data-theme=dark] .ant-modal-body,[data-theme=dark] .ant-tabs-nav{color:var(--color-text-base)!important}[data-theme=dark] .ant-tabs-tab{color:var(--color-text-secondary)!important}[data-theme=dark] .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--color-text-base)!important}[data-theme=dark] .ant-tabs-ink-bar{background:var(--color-primary)!important}[data-theme=dark] .ant-segmented{background:var(--color-bg-spotlight)!important;border-color:var(--color-border)!important}[data-theme=dark] .ant-segmented-item-label{color:var(--color-text-base)!important}[data-theme=dark] .ant-collapse{background:var(--color-bg-container)!important;border-color:var(--color-border)!important}[data-theme=dark] .ant-collapse-item{border-color:var(--color-border)!important}[data-theme=dark] .ant-collapse-header{color:var(--color-text-base)!important}[data-theme=dark] .ant-collapse-content{background:var(--color-bg-container)!important;color:var(--color-text-base)!important}body[data-theme=dark] .ant-message-notice-content{background:var(--color-bg-elevated)!important;color:var(--color-text-base)!important}