body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.webvtt-player .line{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:baseline;gap:18px;width:100%;padding:13px 12px;border:0;border-radius:4px;background:transparent;color:#34443a;text-align:left;cursor:pointer;transition:background-color .16s ease}.webvtt-player .line+.line{margin-top:3px}.webvtt-player .line:hover{background:#f2f3eb}.webvtt-player .line:active{background:#dce6d5}.webvtt-player .line:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.webvtt-player .line.match{background:#f5edd2}.webvtt-player .line.active{box-shadow:inset 3px 0 0 var(--accent);color:#1f4330}.webvtt-player .line.active:not(.match){background:#e8eee3}.webvtt-player .time{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-variant-numeric:tabular-nums}.webvtt-player .active .time{color:var(--accent)}.webvtt-player .text{font-size:16px;line-height:1.75;overflow-wrap:anywhere}@media (max-width: 640px){.webvtt-player .line{grid-template-columns:1fr;gap:5px;padding:13px 10px}.webvtt-player .text{font-size:15px;line-height:1.7}}.webvtt-player .track{height:clamp(280px,43dvh,540px);padding:8px 12px 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#b8c4b7 transparent;scrollbar-width:thin}@media (max-width: 640px){.webvtt-player .track{height:48dvh;min-height:280px;padding-inline:8px}}.webvtt-player .point{padding:5px}.webvtt-player .point .time{width:110px;float:left;font-size:10pt;line-height:14pt;cursor:pointer}.webvtt-player .point .text{margin-left:110px}.webvtt-player .title{font-weight:700;font-size:inherit;margin:0;cursor:pointer}.webvtt-player .titleAlt{font-style:italic;font-weight:400;font-size:inherit;margin:0}.webvtt-player .field{margin-top:5px}.webvtt-player .field span{font-style:italic}._search_1f0le_1{display:flex;align-items:center;gap:20px;padding:12px 24px;border-bottom:1px solid var(--line)}._container_1f0le_9{display:flex;flex:1;align-items:center;gap:10px;min-width:0;border-radius:6px}._container_1f0le_9:focus-within{outline:2px solid var(--accent);outline-offset:5px}._icon_1f0le_23{color:var(--muted);font-size:17px}._input_1f0le_28{width:100%;min-width:0;padding:8px 0;border:0;background:transparent;color:#283a30;font-size:14px}._input_1f0le_28::placeholder{color:var(--muted)}._input_1f0le_28:focus{outline:none}._clear_1f0le_46{min-width:36px;min-height:36px;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer}._clear_1f0le_46:hover{background:#edf0e8}._results_1f0le_60{flex-shrink:0;color:var(--muted);font-size:12px}@media (max-width: 640px){._search_1f0le_1{flex-wrap:wrap;gap:4px 8px;padding:10px 16px}._container_1f0le_9{flex-basis:100%}._results_1f0le_60:empty{display:none}._input_1f0le_28{font-size:16px}}.webvtt-player .media{width:100%}.webvtt-player .player{padding:0 24px 16px;border-bottom:1px solid var(--line)}.player-controls{display:flex;align-items:center;gap:8px}.webvtt-player audio{display:block;flex:1;min-width:0;height:44px}.webvtt-player .speed{flex-shrink:0;width:80px;height:44px;padding:0 28px 0 12px;border:0;border-radius:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f1f3f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23647065' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;color:#283a30;font-size:13px;font-variant-numeric:tabular-nums;text-align:center;text-align-last:center;cursor:pointer}.webvtt-player .speed:hover{background-color:#e7eae8}.audio-error{margin:14px 0 0;color:#953d30;font-size:13px}.webvtt-player .tracks>p{margin:16px 24px;color:var(--muted);font-size:14px}@media (max-width: 640px){.webvtt-player .player{padding:0 8px 12px}.player-controls{flex-wrap:wrap;justify-content:flex-end}.webvtt-player audio{flex-basis:100%}.webvtt-player .speed{height:32px}}:root{--accent: #32634b;--muted: #647065;--line: #dedfd4;color:#283a30;background:#f6f5ef;font-synthesis:none}*{box-sizing:border-box}button,input,select{font:inherit}a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;top:-70px;left:16px;z-index:2;padding:12px;background:#fffefa}.skip-link:focus{top:12px}.app-layout{display:flex;flex-direction:column;min-height:100dvh;padding:0 48px}.app-header,.app-content,.app-footer{width:100%;max-width:1120px;margin-inline:auto}.app-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.wordmark{font-size:15px;font-weight:600;letter-spacing:-.3px;text-decoration:none}.language-switch{display:flex;flex-shrink:0;gap:2px}.language-switch button{padding:8px 10px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.language-switch button[aria-pressed=true]{background:#e9ece4;color:#283a30;font-weight:600}.app-content{flex:1;max-width:860px;padding-block:32px 40px}.app-footer{display:flex;justify-content:flex-end;padding:22px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.app-footer a{display:inline-flex;align-items:center;gap:7px;text-decoration:none}.app-footer a:hover{color:var(--accent)}.import-panel{max-width:560px;margin-inline:auto;padding:30px;border:1px solid var(--line);border-radius:14px;background:#fffefa}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.import-panel h1{margin:0 0 9px;font-size:23px;font-weight:600;letter-spacing:-.7px}.step-count{flex-shrink:0;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.import-copy{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.7}.import-panel .ant-upload-wrapper .ant-upload-drag{border-color:#b4c2b4;border-radius:9px;background:#f2f4ec}.import-panel .ant-upload-wrapper .ant-upload-drag:hover{background:#eaf0e5}.import-panel .ant-upload-wrapper .ant-upload-btn{padding:28px 16px}.upload-symbol{display:flex;justify-content:center;margin-bottom:14px;color:var(--accent);font-size:25px}.upload-title,.upload-description{display:block}.upload-title{color:#284c39;font-size:16px;font-weight:600}.upload-description{margin-top:5px;color:var(--muted);font-size:13px}.file-checklist{margin-top:18px}.file-checklist>div{display:flex;align-items:center;gap:12px;padding:12px 0;color:var(--muted)}.file-checklist>div+div{border-top:1px solid #e9e9e0}.file-checklist>div>span:nth-child(2){flex:1;min-width:0}.file-checklist strong,.file-checklist span span{display:block}.file-checklist strong{margin-bottom:3px;color:#36473b;font-size:12px;font-weight:600}.file-checklist span span{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.file-ready>.anticon{color:var(--accent)}.local-note{margin:20px 0 0;color:var(--muted);font-size:12px;text-align:center}.usage-title{margin:0 0 10px;font-size:25px;font-weight:600;line-height:1.35;letter-spacing:-.5px}.usage-description{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.7}.listening-panel{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fffefa}.session-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px 18px}.session-header .ant-btn{border:0;background:transparent;box-shadow:none;color:var(--muted)}.session-files{min-width:0}.session-files h2,.session-files p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-files h2{font-size:15px;font-weight:600}.session-files p{margin-top:6px;color:var(--muted);font-size:12px}@media (max-width: 850px){.app-layout{padding-inline:24px}.import-panel{padding:24px}}@media (max-width: 640px){.app-layout{padding-inline:18px}.app-header{gap:8px;padding-block:20px}.wordmark{font-size:13px}.app-content{padding-block:24px 36px}.import-panel{padding:22px}.usage-title{font-size:24px}.session-header{align-items:flex-start;gap:12px;padding:16px 16px 12px}.session-header .ant-btn{padding-inline:10px;font-size:12px}.session-files h2{font-size:13px}.session-files p{font-size:12px}}@media (max-width: 360px){.app-layout{padding-inline:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
