html,body,#root{margin:0;min-height:100%}button,input{font:inherit}button:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}@media(max-width:767px){#root>div>div.flex-1{padding:16px}.w-14.h-14{width:34px;height:34px}.max-w-5xl.flex.justify-between{flex-wrap:wrap;gap:12px}.px-12{padding-left:20px;padding-right:20px}}.fib-demo-note{font-size:11px;color:#94a3b8;margin-top:10px}.fib-header-right{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.fib-button{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:700}.fib-button.active{background:#2563eb;color:#fff}.fib-transcript{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;line-height:2.6;color:#334155;overflow-wrap:anywhere}.fib-transcript.wide{line-height:3.4;word-spacing:8px}.fib-word{border-radius:3px}.fib-word.blank{background:#eff6ff;color:#2563eb;text-decoration:underline;text-underline-offset:5px}.fib-transcript .current{outline:2px solid #2563eb;outline-offset:2px;color:#2563eb}.fib-gap{display:inline-flex;vertical-align:baseline;flex-direction:column;max-width:100%;line-height:1.4;margin:0 4px}.fib-gap input{width:120px;max-width:100%;height:34px;border:1px solid #cbd5e1;border-bottom:2px solid #94a3b8;border-radius:6px;background:#f8fafc;padding:3px 8px;font:inherit;color:#334155}.fib-gap input:focus{outline:2px solid #60a5fa;outline-offset:2px}.fib-gap input.correct{background:#ecfdf5;border-color:#059669}.fib-gap input.incorrect{background:#fff1f2;border-color:#e11d48}.fib-solution{font-size:12px;color:#be123c;line-height:1.5;word-spacing:normal}.fib-modes{margin-left:auto;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #f1f5f9;border-radius:30px;padding:4px 6px}.fib-modes>button{width:36px;height:36px;border-radius:50%;color:#94a3b8}.fib-modes button[aria-pressed=true]{background:#2563eb;color:#fff}.fib-spacing{display:flex;flex-direction:column;background:#f1f5f9;border-radius:20px;padding:3px}.fib-spacing button{width:24px;height:18px;font-size:9px;border-radius:20px}@media(max-width:767px){.fib-transcript{padding:18px;line-height:2.7}.fib-header-right{gap:12px}.fib-gap input{width:100px}.fib-transcript.wide{word-spacing:4px}}.hiw-shell{display:flex;width:100%;min-height:100dvh;height:100dvh;gap:20px;padding:20px;box-sizing:border-box;overflow:hidden}.hiw-workspace-scroll{flex:1;min-width:0;min-height:0;display:flex;align-items:flex-start;gap:20px;overflow-y:auto;overscroll-behavior:contain}.hiw-main{flex:1;min-width:0;overflow:visible;padding:0 4px 20px;display:flex;flex-direction:column;align-items:center}.hiw-main>div{min-width:0;max-width:100%;box-sizing:border-box}.hiw-topbar{gap:12px;flex-wrap:wrap}.hiw-topbar>div{min-width:0;flex-wrap:wrap}.hiw-stats{flex:0 0 200px;display:flex;flex-direction:column;gap:16px;overflow:visible}.hiw-sidebar{position:relative;flex:0 0 240px;width:240px;height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:16px}.hiw-sidebar>div:not(.hiw-topic-scroll){flex-shrink:0}.hiw-topic-scroll{min-height:0;overscroll-behavior:contain}.hiw-sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.hiw-sidebar-close{min-width:40px;min-height:40px}.hiw-backdrop{display:none}.hiw-sidebar .hiw-topic-title{white-space:normal;overflow-wrap:anywhere}.hiw-main input,.hiw-main textarea{max-width:100%;box-sizing:border-box}.hiw-main .hiw-actionbar>div{flex-wrap:wrap;min-width:0}@media(max-width:1023px){.hiw-shell{height:auto;min-height:100dvh;flex-direction:column;overflow:visible;padding:16px;gap:20px}.hiw-shell.hiw-drawer-open{height:100dvh;overflow:hidden}.hiw-workspace-scroll{flex:none;width:100%;flex-direction:column;overflow:visible}.hiw-main{overflow:visible;padding:0;flex:none;width:100%}.hiw-stats{flex:none;width:100%;overflow:visible}.hiw-sidebar{position:fixed;inset:0 auto 0 0;width:calc(100% - 20px);max-width:480px;height:100dvh;z-index:100;border-radius:0;animation:hiw-drawer-in .18s ease-out}.hiw-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;border:0;width:100%;height:100%;background:#0f172a66}.hiw-sidebar-heading{padding-top:max(12px,env(safe-area-inset-top))}.hiw-sidebar>div:last-child{padding-bottom:max(16px,env(safe-area-inset-bottom))}.hiw-player-row{padding:12px;gap:12px}.hiw-player-row>button{flex-shrink:0}.hiw-actionbar{padding:12px;gap:12px}.hiw-topbar{width:100%}}@keyframes hiw-drawer-in{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.hiw-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.hiw-nav-label{display:none}@media(max-width:1023px){.hiw-topbar>div:first-child{order:2;width:100%}.hiw-topbar>div:last-child{order:1;width:100%}.hiw-nav-trigger{width:100%;min-height:44px;gap:12px}.hiw-nav-label{display:inline}}.hiw-shell{flex-direction:column;padding:24px 32px;gap:24px}.hiw-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.hiw-brand>div{text-align:right}.hiw-body{display:flex;flex:1;min-height:0;min-width:0;gap:24px}.hiw-workspace-scroll{gap:24px;padding-right:8px;padding-bottom:24px}.hiw-sidebar{flex-basis:220px;width:220px;border:1px solid #e2e8f0}.hiw-main{padding:0;gap:0}.hiw-main>.hiw-topbar{margin-bottom:20px}.hiw-stats{flex-basis:195px;gap:0;background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden}.hiw-stats>section{border:0;border-radius:0;background:transparent}.hiw-stats>section+section{border-top:1px solid #e2e8f0}.hiw-stats>section:first-child>div{background:#fffbeb;border:1px solid #f1f5f9}.hiw-main .hiw-player-row{padding:20px;border-radius:20px;box-shadow:none;border-color:#e2e8f0;gap:20px}.hiw-player-row>button{width:56px;height:56px;flex-shrink:0;box-shadow:none}.hiw-reading-toolbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}.hiw-reading-controls{gap:9px;padding:4.5px 7.5px;box-shadow:0 2px 5px #0f172a06}.hiw-reading-controls>div{padding:3px;margin-right:0}.hiw-reading-controls>div>span{left:3px;right:3px;height:18px}.hiw-reading-controls>div>span.translate-y-6{transform:translateY(18px)}.hiw-reading-controls>div>button{width:24px;height:18px;font-size:9px}.hiw-reading-controls>button{width:42px;height:42px;box-shadow:none}.hiw-reading-controls>button>i{font-size:15px}.hiw-main .hiw-actionbar{border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:none;padding:16px}.hiw-actionbar button{border-radius:12px;padding:12px 24px;min-height:42px;font-size:12px;box-shadow:none}.hiw-actionbar button.bg-blue-600{font-size:13.5px}.hiw-main .shadow-2xl,.hiw-main .shadow-xl{box-shadow:0 6px 24px #0f172a06}.hiw-main textarea{border-radius:16px}.hiw-main button{transition-property:transform,opacity}@media(max-width:1023px){.hiw-shell{padding:16px;gap:20px}.hiw-brand{flex-wrap:wrap;align-items:flex-start;padding-bottom:16px}.hiw-brand>div{text-align:left}.hiw-body{width:100%;flex-direction:column;min-height:auto}.hiw-workspace-scroll{padding:0;gap:24px}.hiw-stats{flex-basis:auto}.hiw-sidebar{width:calc(100% - 20px);max-width:600px}.hiw-main .hiw-player-row{padding:14px;gap:12px}.hiw-player-row>button{width:44px;height:44px}}@media(max-width:767px){.hiw-reading-controls{gap:6px;padding:3px 4.5px}.hiw-reading-controls>button{width:33px;height:33px}.hiw-actionbar button{padding:10.5px 12px}}.hiw-answer-preview{margin-right:auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:12px 24px;border-radius:12px;background:#f1f5f9;color:#334155;font-size:12px;font-weight:900}.hiw-answer-preview:hover{background:#e2e8f0}.hiw-answer-preview[aria-pressed=true]{background:#eff6ff;color:#2563eb}.hiw-actionbar button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:767px){.hiw-answer-preview{padding:10.5px 12px}}.hiw-compact-nav{width:190px;flex:0 0 190px;display:flex;flex-direction:column;min-height:0}.hiw-expand-library{display:flex;align-items:center;gap:8px;width:100%;padding:16px 12px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;text-align:left;font-size:14px}.hiw-expand-library small{margin-left:auto;color:#94a3b8}.hiw-compact-list{margin-top:20px;overflow:auto;min-height:0;padding:0 2px}.hiw-compact-list>button{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;padding:16px;margin-bottom:10px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;text-align:left}.hiw-compact-list>button.practiced{background:#fffbeb}.hiw-compact-list>button.active{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.hiw-compact-list>button.active.draft{background:#e2e8f0;border-color:#94a3b8;color:#475569}.hiw-compact-list small{margin-left:auto;border-radius:999px;background:#fef3c7;color:#92400e;min-width:24px;line-height:24px;text-align:center}.hiw-compact-list em{width:100%;font-size:10px;font-style:normal;color:#64748b}.hiw-sidebar{position:fixed;inset:0 auto 0 0;width:min(600px,calc(100% - 20px));max-width:600px;height:100dvh;z-index:100;border-radius:0;box-shadow:10px 0 40px #0f172a15;animation:hiw-drawer-in .18s ease-out}.hiw-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;border:0;width:100%;height:100%;background:#0f172a66}.hiw-sidebar-heading{padding:24px 24px 16px}.hiw-sidebar .hiw-topic-scroll{padding:24px}.hiw-sidebar .hiw-topic-scroll [role=button]{border-color:#e2e8f0;box-shadow:none;transform:none;min-height:86px}.hiw-sidebar .hiw-topic-scroll [role=button]:not(.bg-blue-600):not(.bg-slate-500){background:#f8fafc}.hiw-sidebar .group>div>button{opacity:1}.hiw-sidebar>div.p-3{padding:16px 24px}.hiw-sidebar>div.p-3>div{flex-wrap:wrap}.hiw-sidebar>div.p-3 button{flex:none;padding:8px 16px;border-radius:20px;min-height:36px}.hiw-topbar-empty{display:none}.hiw-topbar{justify-content:flex-end}.hiw-exercise-card{background:#ffffffa6;border:1px solid #e2e8f0;border-radius:22px;padding:24px;box-shadow:0 8px 30px #0f172a04}.hiw-question-heading{display:flex;justify-content:space-between;gap:16px}.hiw-question-heading>span:last-child{white-space:nowrap}.hiw-player-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px}.hiw-main .hiw-player-card .hiw-player-row{padding:0;border:0;box-shadow:none;border-radius:0;background:transparent}.hiw-player-card .hiw-reading-toolbar{margin-top:24px}.hiw-exercise-card>.relative{border:1px solid #e2e8f0;border-radius:20px;box-shadow:none}.hiw-exercise-card>.hiw-actionbar{margin-top:0;border-top:0;border-top-left-radius:0;border-top-right-radius:0}.hiw-stats>section:first-child:before{content:"PRACTICE TOTALS";display:block;font-size:10px;letter-spacing:.15em;color:#94a3b8;margin-bottom:12px}@media(max-width:1023px){.hiw-compact-nav{width:100%;flex:none}.hiw-compact-list{display:none}.hiw-expand-library{min-height:56px}.hiw-exercise-card{padding:14px;border-radius:20px}.hiw-player-card{padding:14px}.hiw-sidebar .hiw-topic-scroll{padding:16px}}.hiw-header-actions{margin-left:auto}.hiw-header-actions .hiw-topbar{margin:0;gap:8px}.hiw-header-actions button{padding:10px 16px;border-radius:12px;box-shadow:none}.hiw-header-actions:has(.hiw-topbar-empty){display:none}.hiw-sidebar{width:min(440px,calc(100% - 28px));max-width:440px}.hiw-sidebar{width:min(360px,calc(100vw - 40px));max-width:360px}.hiw-sidebar-heading{padding:16px 20px}.hiw-library-account{padding:12px 20px!important}.hiw-library-account .w-10{width:32px;height:32px}.hiw-library-account h3{width:auto;max-width:200px}.hiw-sidebar .hiw-library-filters{padding:16px 20px}.hiw-sidebar .hiw-library-filters>div{display:flex;gap:8px;flex-wrap:nowrap}.hiw-sidebar .hiw-library-filters button{flex:none;min-height:32px;padding:6px 12px;border-radius:18px;border:1px solid #e2e8f0}.hiw-sidebar .hiw-topic-scroll{padding:16px 20px}.hiw-sidebar .hiw-topic-scroll .hiw-library-topic{min-height:0;padding:16px 12px;border-radius:16px}.hiw-library-topic .hiw-topic-title{padding-right:20px;line-height:1.5}.hiw-library-count{position:absolute;right:10px;top:12px;min-width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;background:#fef3c7;color:#92400e;font-size:10px;font-weight:700}.hiw-library-topic>div>button{margin-top:24px}.hiw-sidebar .hiw-topic-scroll .hiw-library-topic.bg-amber-50{background:#fffbeb}@media(max-width:480px){.hiw-sidebar{width:calc(100vw - 40px);max-width:360px}.hiw-sidebar .hiw-library-filters button{padding:6px 10px}}.hiw-upload-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;align-items:stretch}.hiw-upload-audio,.hiw-upload-text{min-width:0;display:flex;flex-direction:column;gap:12px;padding:20px;overflow-wrap:anywhere}.hiw-upload-drop{flex:1;padding:24px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hiw-upload-drop>div{width:56px;height:56px;margin-bottom:16px}.hiw-upload-audio>button{padding:12px 8px;font-size:14px;box-shadow:none}.hiw-upload-text textarea{flex:1;min-height:140px;resize:vertical}.hiw-upload-text>button{margin-top:auto;padding:12px 8px}.hiw-upload-audio .w-40{width:auto;min-width:0;flex:1}@media(max-width:600px){.hiw-upload-grid{gap:8px}.hiw-upload-audio,.hiw-upload-text{padding:10px;gap:10px}.hiw-upload-drop{padding:16px 4px}.hiw-upload-drop>div{width:36px;height:36px}.hiw-upload-drop .text-3xl{font-size:20px}.hiw-upload-drop .text-xl{font-size:16px}.hiw-upload-text input,.hiw-upload-text textarea{padding:8px}}.hiw-upload-text-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.hiw-voice-toggle{position:relative;display:flex;background:#f1f5f9;border-radius:16px;padding:3px;flex:none}.hiw-voice-toggle>span{position:absolute;left:3px;top:3px;width:32px;height:30px;background:#2563eb;border-radius:13px;transition:transform .18s}.hiw-voice-toggle>span.female{transform:translate(32px)}.hiw-voice-toggle button{position:relative;width:32px;height:30px;font-size:13px;font-weight:700;color:#64748b}.hiw-voice-toggle button[aria-pressed=true]{color:#fff}.hiw-voice-toggle button:focus-visible{outline:2px solid #0f172a;outline-offset:2px}@media(prefers-reduced-motion:reduce){.hiw-voice-toggle>span{transition:none}}.hiw-compact-tools{display:flex;align-items:center;gap:8px;padding:12px 0;flex-shrink:0;font-size:11px;color:#64748b}.hiw-compact-tools span{margin-right:auto}.hiw-compact-tools button{width:30px;height:30px;border-radius:9px;background:#f1f5f9;color:#475569}.hiw-compact-tools button:last-child{background:#0f172a;color:#fff}.hiw-compact-tools button[aria-pressed=true]{background:#2563eb;color:#fff}.hiw-compact-nav>.hiw-expand-library,.hiw-fixed-topic-tools{flex-shrink:0}.hiw-compact-nav>.hiw-compact-list{flex:1;margin-top:0;overflow-y:auto;min-height:0}.hiw-generation-job{border:1px solid #e2e8f0;background:#f8fafc;border-radius:16px;padding:14px;margin-bottom:10px;overflow-wrap:anywhere;font-size:13px;color:#475569}.hiw-generation-job>span{display:block;font-weight:700}.hiw-generation-job small{display:block;background:none;text-align:left;font-size:11px;margin:6px 0 0;line-height:1.5}.hiw-generation-job p{color:#b91c1c;font-size:11px}.hiw-generation-job button{padding:5px 8px;margin:6px 6px 0 0;background:#e2e8f0;border-radius:8px}.hiw-compact-list>button.batch-selected,.hiw-sidebar .hiw-topic-scroll .hiw-library-topic.batch-selected{background:#fef08a!important;border-color:#eab308!important;color:#713f12!important;box-shadow:none}.hiw-library-topic.batch-selected .text-white{color:#713f12}.hiw-fixed-topic-tools{border-bottom:1px solid #f1f5f9}.hiw-compact-nav>div.bg-slate-900{flex-shrink:0;padding:10px}.hiw-compact-nav>div.bg-slate-900 .overflow-x-auto{flex-wrap:wrap;overflow:visible}.hiw-layout-textarea{height:clamp(420px,60vh,800px);min-height:360px;resize:vertical;scroll-margin-top:20px}.hiw-layout-textarea::selection{background:#fde68a;color:#0f172a}.hiw-editor-find{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hiw-editor-find input{flex:1;min-width:160px;border:1px solid #cbd5e1;border-radius:10px;padding:8px 12px;background:#fff;font-size:14px}.hiw-editor-find span{font-size:12px;color:#64748b}.hiw-editor-find button{padding:8px 10px;border-radius:10px;background:#f1f5f9;font-size:12px}.hiw-editor-find button:disabled{opacity:.4}.hiw-compact-list>button .hiw-compact-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.5}.hiw-compact-list>button>small{flex-shrink:0}.hiw-highlight-adjust{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569}.hiw-highlight-adjust button{width:32px;height:32px;background:#f1f5f9;border-radius:9px;font-size:18px}.hiw-highlight-adjust output{min-width:58px;text-align:center;font-variant-numeric:tabular-nums}.hiw-audio-controls{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.hiw-audio-timeline{flex:1;min-width:0}.hiw-audio-seek{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;width:100%;height:10px;margin:12px 0;border:0;border-radius:999px;cursor:pointer;padding:0}.hiw-audio-seek::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#2563eb;border:2px solid white;box-shadow:0 1px 4px #0003}.hiw-audio-seek::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#2563eb;border:2px solid white}.hiw-audio-seek:focus-visible{outline:2px solid #2563eb;outline-offset:5px}.hiw-speed-control{position:relative;flex:0 0 auto}.hiw-speed-trigger{min-width:52px;min-height:40px;padding:8px;border-radius:12px;background:#f1f5f9;color:#334155;font-size:13px;font-weight:700;cursor:pointer}.hiw-speed-options{position:absolute;right:0;top:100%;margin-top:8px;z-index:80;width:90px;padding:4px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #0002}.hiw-speed-options button{display:block;width:100%;min-height:40px;border-radius:8px;color:#475569;font-size:14px;font-weight:700;cursor:pointer}.hiw-speed-options button:hover{background:#f1f5f9}.hiw-speed-options button[aria-pressed=true]{background:#2563eb;color:#fff}@media(max-width:640px){.hiw-audio-controls{gap:8px}.hiw-speed-trigger{min-width:44px;padding:6px}}