:root{--text-dir:ltr}[dir=rtl]{--text-dir:rtl}@font-face{font-family:Polin;src:url(/fonts/Polin-Regular.woff2)format("woff2"),url(/fonts/Polin-Regular.woff)format("woff");font-weight:100 600;font-display:swap}@font-face{font-family:Polin;src:url(/fonts/Polin-Bold.woff2)format("woff2"),url(/fonts/Polin-Bold.woff)format("woff");font-weight:700 900;font-display:swap}:root{--bg:#111317;--panel:#171a1f;--tile:#1f2329;--line:#2a2f37;--text:#eceef2;--muted:#8e94a0;--faint:#5d636e;--accent:#ff5a36;--good:#5fcf96;--warn:#ffb020;--bad:#ff4d6d;--deck1:#3aa0ff;--deck2:#ff5a9e;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Polin,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}h2,h3{margin:0}h2{font-size:18px}h3{color:var(--muted);margin-bottom:10px;font-size:14px;font-weight:600}code{font-family:ui-monospace,Menlo,monospace}button,select{font:inherit;color:var(--text);background:var(--tile);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:14px}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}select{min-width:220px;max-width:100%}.muted{color:var(--muted)}.warn{color:var(--warn)}.app{max-width:1400px;margin:0 auto;padding:0 16px 48px}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 0;display:flex}.brand{color:inherit;align-items:baseline;gap:12px;text-decoration:none;display:flex}.logo{letter-spacing:-.02em;font-size:22px;font-weight:800}.tag{color:var(--muted);font-size:13px}.badge{border:1px solid;border-radius:999px;padding:6px 12px;font-size:13px}.badge.good{color:var(--good)}.badge.warn{color:var(--warn)}.badge.bad{color:var(--bad)}main.stack{flex-direction:column;gap:20px;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){.two-col{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:0;padding:20px}.panel-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:8px;display:flex}.panel-head .actions{gap:8px;margin-left:auto;display:flex}.hint{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.5}.row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.progress{color:var(--muted);align-items:center;gap:10px;margin-left:auto;font-size:14px;display:flex}.progress-bar{background:var(--tile);border-radius:3px;width:160px;height:6px;overflow:hidden}.progress-bar span{background:var(--good);height:100%;transition:width .2s;display:block}.groups{grid-template-columns:1fr 1.1fr 1fr;gap:16px;display:grid}.group-browser,.group-fx{grid-column:span 1}@media (width<=1100px){.groups{grid-template-columns:1fr}}.group{background:#12141a;border-radius:10px;padding:14px}.group-deck1 h3{color:var(--deck1)}.group-deck2 h3{color:var(--deck2)}.tiles{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.tile{background:var(--tile);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:8px;min-height:64px;padding:8px 10px;transition:border-color .15s,background .15s;display:flex}.tile.touched{border-color:color-mix(in srgb, var(--good) 45%, var(--line))}.tile.flash{background:color-mix(in srgb, var(--accent) 30%, var(--tile));border-color:var(--accent)}.tile-top{justify-content:space-between;gap:4px;display:flex}.tile-label{font-size:12px;line-height:1.3}.check{color:var(--good);font-size:12px}.tile-bottom{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.value{font-size:12px}.led{background:#333846;border-radius:50%;width:12px;height:12px}.led.on{background:var(--accent);box-shadow:0 0 8px var(--accent)}.bar{background:#333846;border-radius:3px;width:70px;height:6px;overflow:hidden}.bar span{background:var(--text);height:100%;display:block}.dial{border:2px solid #4a5060;border-radius:50%;width:22px;height:22px;position:relative}.dial:after{content:"";background:var(--accent);width:2px;height:8px;margin-left:-1px;position:absolute;top:1px;left:50%}.led-btn{border-radius:4px;padding:2px 6px;font-size:10px}.led-btn.on{background:var(--accent);color:#fff}.log{max-height:340px;font-size:13px;overflow-y:auto}.log-row{border-bottom:1px solid #1f222b;grid-template-columns:90px 1fr 60px;gap:10px;padding:4px 0;display:grid}.log-row.unmapped{color:var(--warn)}.log-row code{color:var(--muted)}.log-row.unmapped code{color:var(--warn)}.guess{color:var(--warn);margin-left:auto;margin-right:4px;font-size:12px;font-weight:700}.nav{align-items:center;gap:16px;display:flex}.nav a{color:var(--muted);font-size:14px;text-decoration:none}.nav a.active,.nav a:hover{color:var(--text)}button.link{color:var(--muted);background:0 0;border:none;padding:6px 8px}button.link:hover{color:var(--text)}button.big{border-radius:12px;padding:12px 28px;font-size:16px}.home{max-width:760px;margin:0 auto}.hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:12px 0 32px;display:flex}.hero h1{letter-spacing:-.02em;margin:0 0 6px;font-size:32px}.hero p{margin:0}.stats{gap:12px;display:flex}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:center;min-width:96px;padding:10px 16px;font-size:13px;display:flex}.stat-num{font-size:20px;font-weight:700}.path{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.unit{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.unit.locked{opacity:.5}.unit-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.unit-head h2{font-size:17px}.unit-num{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.lesson-node{text-align:left;border-radius:12px;align-items:center;gap:14px;width:100%;margin-top:14px;padding:14px;display:flex}.lesson-node:hover{border-color:var(--accent)!important}.node-icon{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:16px;display:grid}.lesson-node.done .node-icon{color:#ffc340;background:#3a2a10;font-size:12px}.node-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.node-text .muted{font-size:13px}.node-cta{color:var(--accent);font-size:14px;font-weight:600}.lesson-start{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:520px;margin:60px auto;display:flex}.lesson-start h1{margin:0;font-size:30px}.stars{color:#ffc340;letter-spacing:6px;font-size:48px}.stars .dim{color:#333846}.lesson{flex-direction:column;gap:14px;display:flex}.lesson-top{align-items:center;gap:14px;display:flex}.lesson-progress{background:var(--tile);border-radius:6px;flex:1;height:12px;overflow:hidden}.lesson-progress span{background:var(--good);border-radius:6px;height:100%;transition:width .4s;display:block}.mistakes{color:var(--bad);text-align:right;min-width:40px;font-size:14px;font-weight:700}.decks-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.deck-strip{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;min-width:0;min-height:70px;padding:10px 12px;display:flex}.ds-top{align-items:baseline;gap:10px;min-width:0;font-size:13px;display:flex}.ds-deck{letter-spacing:.08em;font-size:11px;font-weight:800}.d1 .ds-deck{color:var(--deck1)}.d2 .ds-deck{color:var(--deck2)}.ds-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ds-bpm{font-variant-numeric:tabular-nums;color:var(--muted)}.ds-progress{background:var(--tile);border-radius:2px;height:4px;overflow:hidden}.ds-progress span{background:var(--deck1);height:100%;display:block}.d2 .ds-progress span{background:var(--deck2)}.ds-beats{align-items:center;gap:6px;font-size:12px;display:flex}.ds-beats .muted{min-width:52px}.beat-dot{background:var(--tile);border-radius:50%;width:10px;height:10px}.beat-dot.one{outline:1px solid #4a5060}.beat-dot.on{background:var(--accent)}.controller-wrap{background:#0a0b0d;border-radius:16px;padding:10px}.step-card{background:var(--panel);border:2px solid var(--line);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:18px 20px;transition:border-color .2s,background .2s;display:flex}.step-card.success{border-color:var(--good);background:color-mix(in srgb, var(--good) 10%, var(--panel))}.step-body{flex:1;min-width:260px}.step-body h2{margin:4px 0 6px;font-size:22px}.step-body p{color:#c9ccd6;max-width:70ch;margin:0;line-height:1.5}.step-kind{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.checklist{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.checklist li{color:var(--muted)}.checklist li.ok{color:var(--good)}.feedback{font-weight:600;color:var(--bad)!important;margin-top:10px!important}.step-actions{align-items:center;gap:10px;display:flex}.success-mark{color:var(--good);font-size:20px;font-weight:800}@media (width<=700px){.decks-row{grid-template-columns:1fr}}.tap-meter{flex-direction:column;gap:10px;max-width:520px;margin-top:14px;display:flex}.tap-count{align-items:center;gap:6px;font-size:13px;display:flex}.tap-pip{background:var(--tile);border:1px solid var(--line);border-radius:50%;width:14px;height:14px}.tap-pip.on{background:var(--good);border-color:var(--good)}.tap-scale{background:var(--tile);border-radius:8px;height:34px;position:relative;overflow:hidden}.tap-window{background:color-mix(in srgb, var(--good) 18%, transparent);position:absolute;top:0;bottom:0}.tap-center{background:var(--good);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.tap-mark{border-radius:3px;width:6px;height:20px;margin-left:-3px;position:absolute;top:7px}.tap-mark.hit{background:var(--good)}.tap-mark.miss{background:var(--bad)}.tap-label{color:var(--muted);font-size:10px;position:absolute;bottom:2px}.tap-label.left{left:6px}.tap-label.right{right:6px}.feedback.good{color:var(--good)!important}.quiz{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:14px;display:grid}.quiz-opt{text-align:left;border-width:2px;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;font-size:15px;display:flex}.quiz-opt.wrong{border-color:var(--bad);color:var(--bad)}.quiz-opt.right{border-color:var(--good);color:var(--good);opacity:1}.quiz-pad{letter-spacing:.08em;color:var(--muted);font-size:10px;font-weight:700}.lesson-node.locked .node-icon{background:var(--tile)}.lesson-node.locked .node-cta{color:var(--muted)}.app:has(>.lesson){flex-direction:column;max-width:1900px;height:100dvh;padding-bottom:12px;display:flex}.app:has(>.lesson) .topbar{margin-bottom:10px;padding:10px 0}.lesson{flex:1;gap:10px;min-height:0}.lesson .step-card{flex-shrink:0;align-items:center;padding:14px 18px}.lesson .step-body h2{margin:2px 0 4px;font-size:20px}.lesson .deck-strip{flex-direction:row;align-items:center;gap:14px;min-height:0;padding:8px 12px}.lesson .ds-top{flex:0 auto;min-width:0}.lesson .ds-progress{flex:1;min-width:40px}.lesson .ds-beats{flex-shrink:0}.lesson .controller-wrap{flex:1;min-height:200px;padding:6px;display:flex}.lesson .controller-wrap .flx4{width:100%;height:100%}.lesson .checklist{flex-flow:wrap;gap:8px;margin-top:10px;font-size:14px}.lesson .checklist li{background:var(--tile);border:1px solid var(--line);border-radius:999px;padding:4px 12px}.lesson .checklist li.ok{border-color:color-mix(in srgb, var(--good) 50%, var(--line))}.lesson .step-body p{max-width:90ch}.lesson .step-card{grid-template-columns:minmax(0,1fr) minmax(360px,1.15fr);align-items:stretch;gap:18px;display:grid}.lesson .step-card.success{background:var(--panel);border-color:var(--line)}.step-info{flex-direction:column;justify-content:center;min-width:0;display:flex}.step-info p{color:#b9bdc9;margin:0;line-height:1.5}.step-info .success-text{color:var(--good);font-weight:600}.task-box{border:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--panel));border-radius:14px;flex-direction:column;gap:8px;min-width:0;padding:12px 16px;display:flex}.task-box.done{border-color:var(--good);background:color-mix(in srgb, var(--good) 12%, var(--panel))}.task-head{justify-content:space-between;align-items:center;display:flex}.task-label{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}.task-box.done .task-label{color:var(--good)}.next-in{color:var(--muted);align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.next-in-bar{background:color-mix(in srgb, var(--good) 20%, transparent);border-radius:2px;flex:1;height:4px;overflow:hidden}@keyframes next-in-fill{to{width:100%}}.task-box .skip{padding:2px 4px;font-size:13px}.task-text{color:#fff;margin:0;font-size:22px;font-weight:700;line-height:1.25}.task-box .checklist{margin:2px 0 0}.task-box .checklist li{color:#d4d7e0;align-items:center;gap:8px;font-size:15px;display:flex}.check-icon{border:2px solid #5a5f6e;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:grid}.task-box .checklist li.ok{color:var(--good)}.task-box .checklist li.ok .check-icon{background:var(--good);border-color:var(--good);color:#0d0e12}.task-box .tap-meter,.task-box .quiz{margin-top:2px}.task-box .feedback{margin:0!important}.next-box{justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (width<=900px){.lesson .step-card{grid-template-columns:1fr}}.task-box .quiz{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.task-box .quiz-opt{padding:8px 12px}.controller-wrap,.decks-row,.tap-scale{direction:ltr}.deck-strip{direction:inherit}[dir=rtl] .deck-strip{direction:rtl}.lesson-node,.quiz-opt{text-align:start}.mistakes{text-align:end}.flx4 .callout-box{font-family:Polin,system-ui,sans-serif}.lesson-body{direction:ltr;flex:1;grid-template-columns:minmax(0,1fr) clamp(320px,26vw,440px);gap:14px;min-height:0;display:grid}[dir=rtl] .lesson-body>.side{direction:rtl}@media (width>=1001px){[dir=ltr] .lesson-body:not(.quiz-only){grid-template-columns:clamp(320px,26vw,440px) minmax(0,1fr)}[dir=ltr] .lesson-body:not(.quiz-only)>.side{order:-1}}.stage{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.side{min-height:0;overflow-y:auto}.side .step-card{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:16px;height:100%;padding:18px;display:flex}.side .step-info{justify-content:flex-start;gap:6px}.side .step-info h2{font-size:24px}.side .step-info p{font-size:16px}.step-info p,.listen-card p{white-space:pre-line}.side .task-text{font-size:21px}.side .checklist{flex-direction:column}.side .checklist li{background:0 0;border:none;padding:2px 0}.side .quiz{grid-template-columns:1fr 1fr}.side .next-box{justify-content:stretch;margin-top:auto}.side .next-box button{flex:1}@media (width<=1000px){.lesson-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.lesson-body>.side{order:-1}}.icon-btn{border:1px solid var(--line);background:0 0;border-radius:999px;padding:4px 10px;font-size:16px;line-height:1}.icon-btn.speaking{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.step-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.hear-again{white-space:nowrap;color:var(--accent);font-size:13px}.hear-again:disabled{opacity:.6}.voices{max-width:900px;margin:0 auto}.voices h1{margin:8px 0 6px}.sample-text{background:var(--panel);border-inline-start:4px solid var(--accent);border-radius:8px;margin:16px 0 20px;padding:14px 18px;font-size:17px;line-height:1.6}.voice-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.voice-card{text-align:start;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;display:flex;position:relative}.voice-card.playing{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--tile))}.voice-num{inset-inline-end:14px;color:var(--muted);font-weight:700;position:absolute;top:12px}.voice-name{font-size:20px;font-weight:700}.voice-play{color:var(--accent);margin-top:8px;font-size:14px;font-weight:600}.adm2{flex-direction:column;gap:12px;height:calc(100vh - 134px);min-height:520px;display:flex}.adm2-bar{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.adm2-bar h1{margin:0;font-size:22px}.adm2-status{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:8px;margin:0;padding:6px 12px;font-size:14px}.adm2-status.ok{border-color:var(--good);color:var(--good)}.adm2-status.error{border-color:var(--bad);color:var(--bad)}.adm2-actions{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.adm-dirty{color:var(--warn);font-size:13px}.adm2-body{flex:1;grid-template-columns:340px 1fr;gap:16px;min-height:0;display:grid}.adm2-main{padding-inline-end:4px;flex-direction:column;gap:16px;min-height:0;padding-bottom:60px;display:flex;overflow-y:auto}@media (width<=900px){.adm2{height:auto}.adm2-body{grid-template-columns:1fr}.adm2-main{overflow:visible}}.ct{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex;overflow-y:auto}.ct input{font:inherit;color:var(--text);background:var(--tile);border:1px solid var(--line);border-radius:8px;min-width:0;padding:6px 10px}.ct input:focus{border-color:var(--accent);outline:none}.ct-search{font-size:14px}.ct-units{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ct-unit{border-radius:10px}.ct-unit.drop-unit{outline:2px dashed var(--accent);outline-offset:2px}.ct-unit-head{align-items:center;gap:6px;padding:2px 0 4px;display:flex}.ct-unit-num{background:var(--accent);color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid}.ct-unit-title{flex:1;font-weight:700;background:0 0!important;border-color:#0000!important;padding:4px 6px!important;font-size:15px!important}.ct-unit-title:hover{border-color:var(--line)!important}.ct-unit-title:focus{border-color:var(--accent)!important;background:var(--tile)!important}.ct-icon{color:var(--muted);background:0 0;border-color:#0000;flex-shrink:0;padding:2px 8px;font-size:14px;line-height:1.4}.ct-icon:hover{color:var(--text);border-color:var(--line)!important}.ct-handle{cursor:grab;color:#555b69;letter-spacing:-2px;-webkit-user-select:none;user-select:none;padding:2px;font-size:12px}.ct-handle:active{cursor:grabbing}.ct-lessons{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.ct-lesson{background:var(--tile);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:relative}.ct-lesson:hover{border-color:var(--line)}.ct-lesson.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--tile))}.ct-lesson.dragging{opacity:.4}.ct-lesson.drop-before:before,.ct-end.drop-before:before{content:"";inset-inline:0;background:var(--accent);border-radius:2px;height:3px;position:absolute;top:-3px}.ct-num{color:var(--muted);text-align:center;min-width:16px;font-size:12px}.ct-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;overflow:hidden}.ct-dirty{color:var(--warn);font-size:11px}.ct-steps{color:var(--muted);white-space:nowrap;font-size:11px}.ct-out{opacity:0}.ct-lesson:hover .ct-out{opacity:1}.ct-end{min-height:8px;color:var(--muted);padding:2px 8px;font-size:12px;position:relative}.ct-new{background:#12141a;border-radius:8px;flex-direction:column;gap:6px;margin-top:4px;padding:8px;display:flex}.ct-new input{font-size:14px}.ct-new-actions{gap:6px;display:flex}.ct-new button{padding:4px 12px;font-size:13px}.ct-add-unit{background:0 0;border-style:dashed;padding:6px;font-size:13px}.ct-drafts{border-top:1px solid var(--line);min-height:40px;padding-top:10px}.ct-drafts h4{margin:0 0 6px;font-size:13px}.ct-hint{margin:0;font-size:12px}.le{flex-direction:column;gap:4px;display:flex}.le input,.le textarea,.le select,.sc input,.sc textarea,.sc select{font:inherit;color:var(--text);background:var(--tile);border:1px solid var(--line);border-radius:8px;padding:7px 10px}.le input:focus,.le textarea:focus,.le select:focus{border-color:var(--accent);outline:none}.le-head{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;margin-bottom:8px;padding:14px 16px;display:flex}.le-crumbs{font-size:12px}.le .le-title{background:0 0;border-color:#0000;padding:4px 6px;font-size:22px;font-weight:800}.le .le-title:hover{border-color:var(--line)}.le-summary{resize:vertical;font-size:14px;line-height:1.5}.le-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;display:flex}.le-meta label{align-items:center;gap:6px;display:flex}.le-meta input[type=number]{width:64px}.le-meta select{min-width:0;padding:5px 8px;font-size:13px}.le-preview{margin-inline-start:auto}.le-toolbar{align-items:center;gap:6px;padding:0 4px;font-size:14px;display:flex}.le-toolbar strong{margin-inline-end:auto}.le-add{justify-content:center;align-items:center;height:22px;display:flex;position:relative}.le-add-btn{opacity:0;background:var(--bg);border-style:dashed;border-radius:999px;padding:1px 12px;font-size:12px;transition:opacity .15s}.le-add:hover .le-add-btn,.le-add.open .le-add-btn{opacity:1}.le-add:before{content:"";inset-inline:40px;z-index:-1;border-top:1px dashed #0000;position:absolute;top:50%}.le-add:hover:before{border-color:var(--line)}.le-add.open{height:auto;padding:6px 0}.le-add-menu{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.le-add-menu button{padding:4px 12px;font-size:13px}.sc{background:var(--panel);border:1px solid var(--line);border-radius:12px;position:relative}.sc.open{border-color:#3a3f4d}.sc.dragging{opacity:.4}.sc.drop-before:before,.sc.drop-after:after{content:"";background:var(--accent);border-radius:2px;height:3px;position:absolute;inset-inline:0}.sc.drop-before:before{top:-12px}.sc.drop-after:after{bottom:-12px}.sc-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.sc-handle{cursor:grab;color:#555b69;letter-spacing:-2px;font-size:12px}.sc-num{background:var(--tile);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.sc-kind{background:var(--tile);color:var(--muted);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:700}.sc-kind.k-do,.sc-kind.k-find,.sc-kind.k-tap{color:var(--accent)}.sc-kind.k-quiz{color:var(--warn)}.sc-kind.k-done{color:var(--good)}.sc-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.sc-badge{color:var(--muted);border:1px solid var(--line);border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:11px}.sc-tools{opacity:0;gap:2px;transition:opacity .15s;display:flex}.sc-head:hover .sc-tools,.sc.open .sc-tools{opacity:1}.sc-tools button{color:var(--muted);background:0 0;border-color:#0000;padding:3px 8px;font-size:13px}.sc-tools button:hover:not(:disabled){color:var(--text);border-color:var(--line)}.sc-tools button.danger:hover{color:var(--bad);border-color:var(--bad)}.sc-chevron{color:var(--muted);width:12px}.sc-body{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:12px 16px 16px;display:flex}.sc-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.sf-field{color:var(--muted);flex-direction:column;flex:1;gap:4px;font-size:13px;display:flex}.sf-field.sf-small{flex:none}.sf-field.sf-small input{width:160px}.sf-field.sf-small select{min-width:140px}.sf-field input,.sf-field textarea{resize:vertical;font-size:15px;line-height:1.5}.sf-field input::placeholder,.sf-field textarea::placeholder{color:#5d6372}.sc input:focus,.sc textarea:focus,.sc select:focus{border-color:var(--accent);outline:none}.sf-group{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;margin:0;padding:8px 12px 12px;display:flex}.sf-group legend{color:var(--text);padding:0 6px;font-size:13px}.sf-check{color:var(--text);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.sf-option{align-items:center;gap:8px;display:flex}.sf-option input[type=text],.sf-option input:not([type]){flex:1}.sf-option input[type=radio]{accent-color:var(--good);width:18px;height:18px}.sf-add{background:0 0;border-style:dashed;align-self:flex-start;padding:4px 12px;font-size:13px}.sf-chips{flex-wrap:wrap;gap:6px;display:flex}.sf-chips button{border-radius:999px;padding:4px 10px;font-size:12px}.sf-chips button.on{color:#fff;background:#1e4d80;border-color:#3aa0ff}.sf-advanced summary{cursor:pointer;color:var(--muted);font-size:13px}.sf-advanced textarea{width:100%;margin-top:8px;font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.5}.sf-advanced textarea.bad{border-color:var(--bad)}.sf-error{color:var(--bad);margin:4px 0 0;font-size:12px}.adm-pron{flex-direction:column;gap:6px;margin:10px 0;display:flex}.adm-pron-row{grid-template-columns:200px auto 1fr auto;align-items:center;gap:8px;display:grid}.adm-pron input{font:inherit;color:var(--text);background:var(--tile);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.adm-step{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.adm-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.track-map{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-shrink:0;padding:22px 10px 6px;position:relative}.tm-svg{width:100%;height:76px;display:block}.tm-wave{fill:#5b606d}.tm-played{fill:#ffffff10}.tm-playhead{stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}.tm-svg line{vector-effect:non-scaling-stroke}.tm-labels{height:18px;position:absolute;inset:4px 10px auto}.tm-label{text-align:center;color:var(--muted);font-size:13px;font-weight:700;transition:transform .2s;position:absolute}.tm-label.active{transform:scale(1.15)}.lesson .deck-strip{flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px}.ds-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.wf-overview{position:relative}.wf-overview.with-sections{padding-top:22px}.wf-overview-wave{background:#0b0c0f;border-radius:4px;height:34px;position:relative;overflow:hidden}.wf-overview-wave canvas{width:100%;height:100%;display:block}.wf-played{pointer-events:none;background:#00000073;position:absolute;inset:0 auto 0 0}.wf-head{pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.wf-section{text-align:center;box-sizing:border-box;border-bottom:3px solid;height:20px;padding:0 2px;font-size:12px;font-weight:700;position:absolute;top:0}.wf-section:before,.wf-section:after{content:"";background:currentColor;width:2px;height:9px;position:absolute;bottom:-6px}.wf-section:before{left:0}.wf-section:after{right:0}.wf-section.active span{text-shadow:0 0 8px;font-size:13px}.wf-section span{white-space:nowrap;display:block;overflow:hidden}.wf-zoomed{border:1px solid var(--line);background:#08090b;border-radius:10px;flex-shrink:0;height:96px;position:relative;overflow:hidden}.wf-zoomed canvas{width:100%;height:100%;display:block}.wf-tag{color:#0d0e12;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:800;position:absolute;left:8px}.wf-tag.d1{background:var(--deck1);top:4px}.wf-tag.d2{background:var(--deck2);top:52px}.rb-panel{background:#000;border:1px solid #1f2128;border-radius:10px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.rb-lanes{background:#000;height:128px;position:relative}.rb-lanes canvas{width:100%;height:100%;display:block}.rb-hidden{color:var(--muted);place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.rb-decks{border-top:1px solid #1f2128;grid-template-columns:1fr 1fr;display:grid}.rb-deck{background:#111214;min-width:0;padding:6px 10px}.rb-deck.d2{border-left:2px solid #000}.rb-head{align-items:center;gap:10px;min-width:0;display:flex}.rb-num{color:#cfd2d8;align-self:flex-start;font-size:13px;font-weight:700}.rb-title{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.rb-title strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.rb-title span{color:#c9ccd3;font-size:13px}.rb-times{color:#e6e7ea;white-space:pre;font-family:ui-monospace,Menlo,monospace;font-size:15px}.rb-bpm{border:2px solid #2a6fd6;border-radius:999px;flex-direction:column;align-items:center;min-width:74px;padding:2px 10px;display:flex}.rb-bpm-big{color:#fff;font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.rb-bpm-pct{color:#8fb8ff;font-size:10px}.rb-bpm{position:relative}.rb-bpm.pointed{border-color:#3aa0ff;animation:1.1s ease-in-out infinite bpm-ring}.rb-bpm-tag{color:#fff;white-space:nowrap;background:#1a6fd8;border-radius:6px;padding:1px 8px;font-size:11px;font-weight:700;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}@keyframes bpm-ring{50%{box-shadow:0 0 0 6px #3aa0ff73}}.rb-overview{margin-top:6px;position:relative}.rb-overview.with-sections{padding-top:20px}.rb-overview-wave{cursor:pointer;background:#000;height:30px;position:relative}.rb-overview-wave canvas{width:100%;height:100%;display:block}.rb-ov-ahead{background:#0b0b0d;position:absolute;top:0;bottom:0;right:0}.rb-ov-head{background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.rb-ov-cue{border:5px solid #0000;border-top:0;border-bottom:7px solid #ff9a1f;width:0;height:0;margin-left:-5px;position:absolute;bottom:0}.rb-progress{background:#1d1f25;height:3px;margin-top:2px}.rb-progress>div{background:#2a6fd6;width:0;height:100%}.rb-section{text-align:center;box-sizing:border-box;border-bottom:3px solid;height:18px;font-size:12px;font-weight:700;position:absolute;top:0}.rb-section:before,.rb-section:after{content:"";background:currentColor;width:2px;height:9px;position:absolute;bottom:-6px}.rb-section:before{left:0}.rb-section:after{right:0}.rb-section.open:after{display:none}.rb-section.active span{text-shadow:0 0 8px}.rb-section span{white-space:nowrap;display:block;overflow:hidden}.flx4-3d{width:100%;height:100%;min-height:260px;position:relative}.flx4-3d-canvas{position:absolute;inset:0}.flx4-3d-canvas canvas{cursor:grab;display:block;width:100%!important;height:100%!important}.flx4-3d-failed{color:#e8e8ee;text-align:center;background:#ffffff14;border-radius:14px;max-width:380px;height:fit-content;margin:auto;padding:16px 20px;font-size:15px;line-height:1.5;position:absolute;inset:0}.flx4-3d-hint{bottom:8px;color:var(--muted);pointer-events:none;font-size:12px;position:absolute;inset-inline-end:12px}.adm2-tabs{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:4px;padding:3px;display:flex}.adm2-tabs button{color:var(--muted);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:14px}.adm2-tabs button.on{background:var(--tile);color:var(--text);font-weight:700}.adm2-body[hidden]{display:none}.te{flex-direction:column;gap:10px;min-height:0;padding-bottom:40px;display:flex;overflow-y:auto}.te-tracks{flex-wrap:wrap;gap:6px;display:flex}.te-tracks button{font-size:14px}.te-tracks button.on{border-color:var(--accent);color:var(--accent)}.te-transport{flex-wrap:wrap;align-items:center;gap:14px;font-size:14px;display:flex}.te-play{width:52px;padding:6px 0;font-size:18px}.te-time{font-variant-numeric:tabular-nums;direction:ltr}.te-pos strong{color:var(--accent)}.te-vol{color:var(--muted);align-items:center;gap:6px;display:flex}.te-hint{margin-inline-start:auto;font-size:12px}.te-zoom{border:1px solid var(--line);cursor:grab;touch-action:none;direction:ltr;background:#000;border-radius:10px;width:100%;height:150px}.te-overview{border:1px solid var(--line);cursor:pointer;touch-action:none;direction:ltr;background:#08090b;border-radius:10px;width:100%;height:96px}.te-cols{grid-template-columns:minmax(280px,1fr) 2fr;gap:14px;display:grid}@media (width<=900px){.te-cols{grid-template-columns:1fr}}.te-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.te-box h4{margin:0;font-size:15px}.te-row{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.te-row button{padding:4px 10px;font-size:13px}.te input,.te select{font:inherit;color:var(--text);background:var(--tile);border:1px solid var(--line);border-radius:8px;padding:5px 8px}.te input[type=number]{width:90px}.te input.te-bars{width:64px}.te select{min-width:0;font-size:13px}.te-note{margin:0;font-size:12px;line-height:1.6}.te-sections table{border-collapse:collapse;width:100%;font-size:14px}.te-sections th{text-align:start;color:var(--muted);padding:4px 6px;font-size:12px;font-weight:500}.te-sections td{border-top:1px solid var(--line);padding:3px 6px}.te-sections tr.current td{background:color-mix(in srgb, var(--accent) 10%, transparent)}.te-chip{vertical-align:middle;border-radius:3px;width:10px;height:10px;margin-inline-end:8px;display:inline-block}.sync-cal{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.sync-cal h4{margin:0;font-size:15px}.sync-cal p{margin:0;font-size:13px;line-height:1.6}.sync-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.sync-tap{min-width:220px}.sync-dot{background:var(--tile);border:1px solid var(--line);border-radius:50%;width:22px;height:22px;transition:none}.sync-dot.on{background:var(--accent);box-shadow:0 0 14px var(--accent)}.sync-slider{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.sync-slider span{font-variant-numeric:tabular-nums;min-width:56px;color:var(--text);direction:ltr}.sync-result{color:var(--good)}.rb-import select{width:100%}.rb-file{cursor:pointer;color:var(--accent);align-items:center;gap:8px;font-size:14px;display:inline-flex}.rb-file input{display:none}.warn-text{color:var(--warn)}.te-cols{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) 1.6fr}@media (width<=1200px){.te-cols{grid-template-columns:1fr 1fr}.te-cols .te-sections{grid-column:1/-1}}.te-part{color:var(--muted);border:1px solid var(--line);border-radius:999px;margin-inline-start:8px;padding:1px 8px;font-size:12px}.te-actions{white-space:nowrap}.lesson-where{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.lesson-num{color:var(--accent);font-size:14px;font-weight:700}.node-num{color:var(--muted);font-weight:600}.rb-ear{background:repeating-linear-gradient(-45deg,#0b0c0f 0 8px,#101218 8px 16px);border-radius:4px;justify-content:center;align-items:center;height:36px;display:flex}.rb-ear.with-sections{height:56px;padding-top:0}.rb-ear span{color:var(--muted);font-size:12px}.tester-toggle{color:var(--muted);background:var(--panel);border:1px dashed var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:8px;margin:4px 0 12px;padding:6px 12px;font-size:13px;display:inline-flex}.app:has(>.lesson){padding-top:12px}.lesson-top .chip{height:28px;font-size:13px}.stage.focus-track .rb-panel{flex:auto;min-height:0}.stage.focus-track .rb-lanes{flex:1;height:auto;min-height:150px}.stage.focus-track .rb-overview-wave{height:64px}.stage.focus-track .rb-overview.with-sections{padding-top:24px}.stage.focus-track .controller-wrap{flex:0 0 34%;min-height:160px}.stage.focus-track.hands-on .controller-wrap{flex-basis:50%}.stage.focus-track.hands-on .rb-lanes{min-height:110px}.step-back{color:var(--muted);align-self:flex-start;margin-bottom:-8px;padding:0;font-size:13px}.controller-wrap{position:relative}.lesson .controller-wrap{flex-direction:row;gap:8px}.lesson .controller-wrap>:not(.input-mode):not(.side-callouts){flex:1;min-width:0}.input-mode{z-index:5;background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid var(--line);direction:var(--text-dir);border-radius:12px;flex-direction:column;flex-shrink:0;align-self:flex-start;gap:4px;padding:4px;display:flex}.input-mode button{color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.input-mode button:hover{color:var(--text)}.input-mode button.on{background:var(--tile);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 60%, transparent)}.lesson .controller-wrap:has(>.side-callouts){justify-content:center}.lesson .controller-wrap:has(>.side-callouts)>svg.flx4{flex:0 auto;width:auto;max-width:calc(100% - min(280px,28%) - 8px);height:100%}.side-callouts{pointer-events:none;flex-direction:column;flex:0 0 min(280px,28%);align-self:center;gap:8px;display:flex}.side-callout{direction:var(--text-dir);background:color-mix(in srgb, #1a6fd8 22%, var(--panel));border:2px solid #3aa0ff;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex;box-shadow:0 0 0 4px #3aa0ff2e}.side-callout strong{color:#8cc8ff;font-size:14px}.side-callout span{color:var(--text);font-size:18px;line-height:1.35}.stage{position:relative}.listen-intro{z-index:20;background:color-mix(in srgb, var(--bg,#0b0c0f) 72%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:16px;place-items:center;display:grid;position:absolute;inset:0}.listen-card{direction:var(--text-dir);background:var(--panel);border:1px solid var(--line);text-align:start;border-radius:18px;flex-direction:column;gap:12px;width:min(560px,90%);padding:28px 30px;display:flex;box-shadow:0 20px 60px #00000080}.listen-card h2{margin:0;font-size:28px}.listen-card p{margin:0;font-size:18px;line-height:1.5}.listen-card .listen-task{background:color-mix(in srgb, var(--accent) 14%, var(--tile));border-radius:12px;padding:12px 14px;font-size:22px;font-weight:700}.listen-card button{margin-top:6px}.listen-count{color:var(--accent);text-shadow:0 0 40px color-mix(in srgb, var(--accent) 60%, transparent);font-size:140px;font-weight:800;animation:.8s ease-out listen-pop}@keyframes listen-pop{0%{opacity:0;transform:scale(1.6)}30%{opacity:1}to{opacity:.9;transform:scale(1)}}.exam-fail{font-size:64px}.rb-role{white-space:nowrap;border-radius:4px;align-self:flex-start;padding:1px 7px;font-size:11px;font-weight:700}.rb-role.out{color:#111216;background:#e9eaee}.rb-role.in{color:#8cc8ff;border:1px dashed #8cc8ff}.rb-master{color:#ff9a1f;letter-spacing:.04em;border:1px solid #ff9a1f;border-radius:4px;align-self:flex-start;padding:1px 6px;font-size:10px;font-weight:700}.nav-count,.adm-count{background:var(--accent);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-inline-start:6px;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.adm2-review{padding:4px 2px 40px;overflow:auto}.rv{flex-direction:column;gap:12px;max-width:980px;display:flex}.rv-sum{margin:0 0 4px}.rv-empty{text-align:center;padding:40px}.rv-item{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.rv-item header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rv-num{background:var(--tile);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.rv-title{flex-direction:column;flex:1;min-width:200px;display:flex}.rv-badge{background:var(--tile);border-radius:999px;padding:3px 10px;font-size:13px}.rv-badge.new,.rv-tag.new{background:color-mix(in srgb, var(--accent) 22%, var(--tile));color:var(--accent)}.rv-actions{gap:6px;display:flex}.rv-steps{flex-direction:column;gap:4px;margin:10px 0 0;padding:0 44px 0 0;list-style:none;display:flex}.rv-steps li{align-items:center;gap:8px;display:flex}.rv-tag{background:var(--tile);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:12px}.rv-ok{color:var(--good);font-weight:700}.success-check{justify-content:center;margin:10px 0 2px;display:flex}.success-check svg{fill:none;width:64px;height:64px;stroke:var(--good);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;animation:.45s cubic-bezier(.2,1.6,.4,1) both check-pop}.success-check circle{stroke-dasharray:145;stroke-dashoffset:145px;fill:color-mix(in srgb, var(--good) 14%, transparent);animation:.45s ease-out forwards check-draw}.success-check path{stroke-dasharray:40;stroke-dashoffset:40px;animation:.3s ease-out .35s forwards check-draw}@keyframes check-draw{to{stroke-dashoffset:0}}@keyframes check-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.continue-row{text-align:center;flex-direction:column;align-items:stretch;gap:6px;margin-top:10px;font-size:12px;display:flex}.success-explain{background:color-mix(in srgb, var(--good) 12%, var(--panel));border:1px solid color-mix(in srgb, var(--good) 45%, transparent);border-radius:14px;align-items:flex-start;gap:14px;margin-top:14px;padding:14px 16px;animation:.35s ease-out both explain-in;display:flex}.success-explain .success-check{flex-shrink:0;margin:0}.success-explain .success-check svg{width:48px;height:48px}.success-explain strong{color:var(--good);margin-bottom:4px;font-size:18px;display:block}.success-explain p{color:var(--text);margin:0;font-size:19px;line-height:1.5}.continue-row{animation:.4s ease-out .9s both explain-in}.continue-row .primary.big{padding-block:10px}@keyframes explain-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.md{direction:ltr;background:#050506;border:1px solid #1f2128;border-radius:16px;flex:1;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex;position:relative}.md.il{flex-direction:column;align-items:stretch;padding:0;overflow:hidden}.il-3d{flex:1;width:100%;min-height:0;position:relative}.il-3d canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.il-tag{white-space:nowrap;cursor:pointer;z-index:2;background:#050506b8;border:2px solid;border-radius:999px;padding:3px 10px;font:700 15px Polin,system-ui,sans-serif;transition:opacity .2s;position:absolute;top:0;left:0}.il-caption{z-index:3;text-align:center;color:#fff;pointer-events:none;font:700 22px Polin,system-ui,sans-serif;position:absolute;top:14px;left:0;right:0}.il-kit{flex:1;width:100%;min-height:0;display:block}.il-tag2{pointer-events:none;font:700 17px Polin,system-ui,sans-serif}.il-grid{flex:none;width:100%;height:auto;max-height:28%}.il-label{font:700 26px Polin,system-ui,sans-serif}.il-big{letter-spacing:2px;pointer-events:none;font:800 34px Polin,system-ui,sans-serif}.il-row{font:700 20px Polin,system-ui,sans-serif}.il-beat{font:700 18px Polin,system-ui,sans-serif}.il-hit{cursor:pointer}.il-hit:hover{filter:brightness(1.25)}.lg-brick{fill:#fff;letter-spacing:1px;font:800 26px Polin,system-ui,sans-serif}.lg-brick.sm{letter-spacing:0;font-size:20px}.lg-bars{fill:#ffffffd9;font:600 20px Polin,system-ui,sans-serif}.lg-name{font:700 28px Polin,system-ui,sans-serif}.lg-letter{fill:#050506;font:800 24px Polin,system-ui,sans-serif}.lg-sub{font:700 22px Polin,system-ui,sans-serif}.lg-caption{fill:#fff;font:700 28px Polin,system-ui,sans-serif}.lg-hint{fill:#fff;pointer-events:none;font:800 26px Polin,system-ui,sans-serif}.lg-handle{cursor:grab;touch-action:none;outline:none}.lg-handle.dragging{cursor:grabbing}.lg-handle.done{cursor:default}.lg-handle:focus-visible rect{stroke:#ffd23f;stroke-width:3px}.lg-drag{touch-action:none;-webkit-user-select:none;user-select:none}.lg-note{fill:#c9ccd6;font:700 22px Polin,system-ui,sans-serif}.lg-pt{animation:.4s ease-out md-in}.md-svg{flex:1;min-width:0;height:100%;max-height:100%}.md-label{font:700 34px Polin,system-ui,sans-serif}.md-caption{fill:#e9eaee;font:600 30px Polin,system-ui,sans-serif}.md-sec{fill:#8fb8ff;font:600 22px Polin,system-ui,sans-serif}.md-count{fill:#ffffff73;font:700 30px Polin,system-ui,sans-serif}.md-count.on{fill:#ff9a1f}.md-in{opacity:0;animation:.6s ease-out forwards md-in}@keyframes md-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.md-ring{animation:1.2s ease-in-out infinite md-ring}@keyframes md-ring{50%{stroke-opacity:.35}}.md-side{width:150px;direction:var(--text-dir);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.md-big{fill:#ff9a1f;transform-box:fill-box;transform-origin:50%;font:800 140px Polin,system-ui,sans-serif;animation:.35s ease-out md-pop}.md-side-label{fill:#8a8f9c;font:600 26px Polin,system-ui,sans-serif}@keyframes md-pop{0%{transform:scale(1.35)}to{transform:scale(1)}}.md-heart{width:140px;height:140px}.md-hint{color:#fc6;direction:var(--text-dir);background:#000000b3;border-radius:8px;margin:0;padding:6px 12px;font-size:14px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.controller-wrap[hidden]{display:none!important}.md-knob-label{font:700 20px Polin,system-ui,sans-serif}.md-knob-title{fill:#8a90a0;font:700 20px Polin,system-ui,sans-serif}.md-knob-arrow{fill:#ff9a1f;font:700 26px Polin,system-ui,sans-serif;animation:.7s ease-in-out infinite alternate md-bob}@keyframes md-bob{to{transform:translateY(6px)}}.md-toggle{top:14px;direction:var(--text-dir);color:#e9eaee;font:inherit;cursor:pointer;background:#12141a;border:1px solid #2c3140;border-radius:10px;padding:8px 14px;font-size:15px;position:absolute;inset-inline-start:14px}.md-toggle:hover{border-color:#4aa8ff}.lesson-body.quiz-only{grid-template-columns:minmax(0,1fr);place-items:start center;padding-top:4vh}.lesson-body.quiz-only>.side{width:min(820px,100%);overflow:visible}.quiz-only .side .step-card{height:auto;min-height:420px;padding:28px 32px}.quiz-only .side .step-info h2,.quiz-only .side .task-text{font-size:30px}.quiz-only .side .quiz{grid-template-columns:1fr;gap:12px}.quiz-only .task-box .quiz-opt{padding:16px 20px;font-size:20px}.quiz-only .quiz-pad{font-size:12px}.quiz-only .side .next-box{margin-top:24px}.term{white-space:nowrap;position:relative}.term button.term-word{font:inherit;color:inherit;min-height:0;box-shadow:none;cursor:help;-webkit-text-decoration:underline dotted color-mix(in srgb, var(--accent) 75%, transparent);text-decoration:underline dotted color-mix(in srgb, var(--accent) 75%, transparent);text-underline-offset:4px;background:0 0;border:0;border-radius:0;margin:0;padding:0;text-decoration-thickness:2px;display:inline}.term button.term-word:hover,.term button.term-word[aria-expanded=true]{color:var(--accent);background:0 0}.term button.term-word:active:not(:disabled){border:0;margin:0;transform:none}.term-pop{z-index:60;top:calc(100% + 6px);white-space:normal;border:1px solid var(--line);width:max-content;max-width:min(300px,70vw);color:var(--text);text-align:start;background:#1b1d24;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;font-size:15px;font-weight:400;line-height:1.45;display:flex;position:absolute;inset-inline-start:0;box-shadow:0 10px 30px #00000080}.phones-tip{background:color-mix(in srgb, #4aa8ff 14%, var(--panel));border:1px solid #4aa8ff73;border-radius:12px;max-width:520px;margin:4px auto 0;padding:10px 14px}.phones-chip{color:#8fc8ff;border-color:#4aa8ff73}.kl{background:#050506;border:1px solid #1f2128;border-radius:16px;flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex}.kl-svg{flex:1;width:100%;min-height:0}.kl-name{font:700 30px Polin,system-ui,sans-serif}.kl-verdict{font:700 34px Polin,system-ui,sans-serif}.kl-controls{direction:var(--text-dir);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.kl-row{gap:8px;display:flex}.kl-row button{color:#e9eaee;font:inherit;cursor:pointer;background:#12141a;border:1px solid #2c3140;border-radius:10px;padding:9px 14px}.kl-row button.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, #12141a)}.kl-slider{align-items:center;gap:8px;font-size:15px;display:flex}.kl-slider input{width:180px}.reading>.side{width:min(900px,100%)}.reading .side .step-info p{font-size:19px;line-height:1.55}.read-points{grid-template-columns:1fr;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.read-points:has(>li:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.read-points li{background:var(--tile);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:14px;padding:14px 16px;animation:.4s ease-out both explain-in;display:flex}.read-num{background:color-mix(in srgb, var(--accent) 20%, transparent);width:40px;height:40px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;font-weight:800;display:grid}.read-points strong{margin-bottom:2px;font-size:20px;display:block}.reading .side .read-points p{color:var(--muted);margin:0;font-size:17px}.sf-point{grid-template-columns:auto 1fr 2fr 1fr 1fr auto;align-items:start;gap:8px;margin-bottom:8px;display:grid}.lang-chip{cursor:pointer;font:inherit;font-size:13px}.lang-chip:hover{border-color:var(--accent)}.rv-en{flex-direction:column;gap:10px;margin-top:24px;display:flex}.rv-en h3{align-items:center;gap:8px;margin:0;display:flex}.rv-en-fields{flex-direction:column;gap:8px;margin-top:10px;display:flex}.rv-en-row{grid-template-columns:110px 1fr 1fr;align-items:start;gap:10px;font-size:14px;display:grid}.rv-he{background:var(--tile);border-radius:8px;padding:6px 8px;line-height:1.45}.rv-en-row textarea{font:inherit;resize:vertical;text-align:left;border-radius:8px;padding:6px 8px;font-size:14px}.rv-en-row textarea.missing{border-color:var(--bad)}.syl{max-width:1100px}.syl-sum{margin:0 0 10px}.syl-table{border-collapse:collapse;width:100%;font-size:14px}.syl-table th{text-align:start;color:var(--muted);border-bottom:1px solid var(--line);background:var(--bg,#0b0c0f);padding:6px 8px;font-weight:600;position:sticky;top:0}.syl-table td{border-bottom:1px solid color-mix(in srgb, var(--line) 50%, transparent);vertical-align:top;padding:6px 8px}.syl-unit td{padding-top:16px;font-size:15px;font-weight:700;display:table-cell}.syl-unit td>span:first-child{margin-inline-end:8px}.syl-planned td{color:color-mix(in srgb, var(--text) 75%, transparent)}.syl-chip{background:var(--tile);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.syl-chip.built{background:color-mix(in srgb, var(--good) 20%, var(--tile));color:var(--good)}.syl-chip.review,.syl-chip.partial{background:color-mix(in srgb, #ffb020 20%, var(--tile));color:#ffb020}.syl-chip.planned{color:var(--muted)}.read-link{border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent);border-radius:999px;margin-top:8px;padding:4px 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.read-link:hover{background:var(--accent);color:#fff}.read-logo{object-fit:contain;background:#fff;border-radius:12px;flex-shrink:0;width:44px;height:44px;padding:6px}.syl-d{background:color-mix(in srgb, #4aa8ff 18%, var(--tile));color:#8fc8ff;text-align:center;cursor:help;border-radius:6px;min-width:22px;margin:1px 2px;padding:0 5px;font-size:12px;font-weight:700;display:inline-block}.syl-gap{margin-top:28px}.syl-gap h3{margin:0 0 4px}.rb-ov-mark{pointer-events:none;background:#ffd23f;border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #ffd23fb3}.ts{background:#050506;border:1px solid #1f2128;border-radius:16px;flex-direction:column;flex:1;justify-content:center;gap:18px;min-height:0;padding:56px 28px 28px;display:flex;position:relative}.ts-caption{text-align:center;color:#fff;font:700 22px Polin,system-ui,sans-serif;position:absolute;top:16px;left:0;right:0}.ts-rows{flex-direction:column;gap:34px;display:flex}.ts-row{flex-direction:column;gap:12px;display:flex}.ts-gap{box-sizing:border-box;padding:0 4px;position:absolute;top:0;bottom:0}.ts-gap span{color:#8a90a0;border:2px dashed #3a3f4d;border-radius:10px;place-items:center;height:100%;font:700 18px Polin,system-ui,sans-serif;display:grid}.ts-gap:not(.first) span{font-size:16px}.ts-map{flex-direction:column;gap:12px;display:flex;position:relative}.ts-part.dim{opacity:.35}.ts-shade{pointer-events:none;background:#0505069e;position:absolute;inset:0}.ts-ring{pointer-events:none;border:5px solid #ff5c00;border-radius:28px;margin:0 -14px;animation:1.1s ease-in-out infinite ts-ring;position:absolute;top:4px;bottom:-14px;box-shadow:0 0 18px #ff5c0099}@keyframes ts-ring{50%{border-color:#ff5c0073;box-shadow:0 0 8px #ff5c004d}}@media (prefers-reduced-motion:reduce){.ts-ring{animation:none}}.ts-parts{height:64px;position:relative}.ts-part{height:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:5px solid;justify-content:center;align-items:flex-end;padding:0 0 12px;font:700 18px Polin,system-ui,sans-serif;display:flex;position:absolute;bottom:0}.ts-part:before,.ts-part:after{content:"";background:currentColor;border-radius:2px;width:4px;height:18px;position:absolute;bottom:-9px}.ts-part:before{left:0}.ts-part:after{right:0}.ts-part span{color:#fff;white-space:nowrap;transition:transform .15s,color .15s}.ts-part.short span{font-size:13px;transform:translateY(-22px)}.ts-part.short.alt span{transform:translateY(-40px)}.ts-part:hover,.ts-part:focus{background:0 0}.ts-part:hover span,.ts-part.on span{color:currentColor}.ts-part.on{text-shadow:0 0 10px}.ts-wave{height:clamp(120px,26vh,220px);position:relative}.ts-wave canvas{width:100%;height:100%;display:block}.ts-head{background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #fff}.ts-foot{align-items:center;gap:14px;display:flex}.ts-play{color:#3ddc84;cursor:pointer;background:#0d0e12;border:2px solid #3ddc84;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid}.ts-play:hover{color:#050506;background:#3ddc84}.ts-title{color:#8a90a0;font:600 14px Polin,system-ui,sans-serif}.syl-filters{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;display:flex}.syl-filters button{border:2px solid var(--line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-weight:700}.syl-filters button.on{color:#c94800;background:#ffe8da;border-color:#ff5c00}.syl-filters .muted{margin-inline-start:6px;font-size:13px}.syl-check{accent-color:#2bb673;cursor:pointer;width:20px;height:20px;margin:0}.syl-play{margin-inline-start:8px;font-size:12px}:root{--cream:#faf3f1;--cream2:#f1e9e7;--white:#fff;--ink:#1a1a1a;--orange:#ff5c00;--orange-dark:#c94800;--tint:#ffe8da;--line:#e8ddd8;--green:#2bb673;--green-dark:#1f8a56;--green-text:#12733a;--green-tint:#ddf5e6;--red:#e5484d;--red-dark:#b8373b;--red-text:#b42318;--red-tint:#fde4e4;--lock-top:#ede4e0;--lock-bot:#d9ccc6;--grey-text:#6f6764;--gold:#ffb020;--radius:16px;--bg:var(--cream);--panel:var(--white);--tile:var(--cream2);--text:var(--ink);--muted:var(--grey-text);--faint:#a39893;--accent:var(--orange);--good:var(--green);--warn:var(--gold);--bad:var(--red);color:var(--ink);background:var(--cream);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--cream)}.dark-zone{--bg:#0d0e12;--panel:#16181f;--tile:#1d2029;--line:#2a2e3a;--text:#e9ebf1;--muted:#8a90a0;--faint:#5d636e;--accent:#ff5a36;--good:#3ddc84;--warn:#ffb020;--bad:#ff4d6d;--deck1:#3aa0ff;--deck2:#ff5a9e;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button{font:inherit;color:var(--ink);background:var(--white);border:2px solid var(--line);cursor:pointer;border-bottom-width:4px;border-radius:14px;padding:8px 16px;font-weight:700;transition:transform 60ms,border-bottom-width 60ms}button:hover:not(:disabled){border-color:var(--line);background:var(--cream)}button:active:not(:disabled){border-bottom-width:2px;margin-bottom:2px;transform:translateY(2px)}button:disabled{opacity:1;cursor:default;background:var(--lock-top);border-color:var(--lock-bot);color:var(--grey-text)}button.primary{background:var(--orange);color:#fff;border:0;border-bottom:4px solid var(--orange-dark);border-radius:var(--radius);min-height:52px;padding:0 32px;font-size:19px;font-weight:700}button.primary:hover:not(:disabled){background:#ff6d1a}button.primary:disabled{background:var(--lock-top);border-bottom-color:var(--lock-bot);color:var(--grey-text)}button.big{border-radius:var(--radius);min-height:56px;padding:0 32px;font-size:19px}button.success{background:var(--green);color:var(--ink);border:0;border-bottom:4px solid var(--green-dark);border-radius:var(--radius);min-height:56px;padding:0 32px;font-size:19px}button.success:hover:not(:disabled){background:#33c47f}button.danger{background:var(--red);color:#fff;border:0;border-bottom:4px solid var(--red-dark);border-radius:var(--radius);min-height:56px;padding:0 32px;font-size:19px}button.danger:hover:not(:disabled){background:#ec575c}button.link{color:var(--orange);background:0 0;border:0;padding:4px 6px;font-weight:700}button.link:hover:not(:disabled){color:var(--orange-dark);background:0 0}button.link:active:not(:disabled){margin:0;transform:none}button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--orange) 55%, transparent);outline-offset:2px}:where(.dark-zone) button{color:var(--text);background:var(--tile);border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-weight:400;transition:none}:where(.dark-zone) button:hover:not(:disabled){background:var(--tile);border-color:var(--muted)}:where(.dark-zone) button:active:not(:disabled){border-bottom-width:1px;margin-bottom:0;transform:none}:where(.dark-zone) button:disabled{opacity:.4;background:var(--tile);border-color:var(--line);color:var(--text)}.bf-icon{flex-shrink:0;display:block}.bf-icon-tint{-webkit-mask:var(--src) center / contain no-repeat;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;background:currentColor;flex-shrink:0;display:inline-block}.bf-fox{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 .6px #6e320a8c)drop-shadow(0 0 .6px #6e320a8c);flex-shrink:0;display:block}.bf-card{background:var(--white);border:2px solid var(--line);border-bottom-width:4px;border-radius:20px;flex-direction:column;gap:12px;min-width:0;padding:24px;display:flex}.bf-card h3{color:var(--ink);align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;line-height:1.45;display:flex}.bf-card h3.small{gap:8px;font-size:15px}.bf-card h3.plain{font-size:18px}.bf-card p{color:var(--ink);margin:0;font-size:15px;line-height:1.45}.bf-card-title{font-size:20px;font-weight:700;line-height:1.45}.bf-card-link{color:var(--orange);align-self:flex-start;padding:0;font-size:15px;font-weight:700;text-decoration:none}a.bf-card-link:hover{color:var(--orange-dark)}.bf-progress{background:var(--cream2);border-radius:9px;flex-shrink:0;height:18px;overflow:hidden}.bf-progress>span{background:var(--orange);border-radius:9px;min-width:0;height:100%;transition:width .4s;display:block;position:relative}.bf-progress>span:after{content:"";top:4px;background:#ffffff59;border-radius:3px;height:4px;position:absolute;inset-inline:10px}.bf-progress>span[style="width: 0%;"]:after{display:none}.chip{background:var(--white);border:2px solid var(--line);height:36px;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}button.chip{border-bottom-width:2px}button.chip:active:not(:disabled){border-bottom-width:2px;margin:0;transform:none}.chip-dot{background:var(--red);border-radius:50%;flex-shrink:0;width:8px;height:8px}.ctl-chip.ok .chip-dot{background:var(--green)}.ctl-chip.bad{color:var(--red-text)}button.chip-switch,button.chip-retry{padding:0;border:0;border-inline-start:2px solid var(--line);color:var(--orange);background:0 0;border-radius:0;margin:0;padding-inline-start:10px;font-size:13px}button.chip-retry{color:var(--grey-text)}.bf-says{align-items:center;gap:6px;display:flex}.bf-bubble{background:var(--white);border:2px solid var(--line);border-radius:18px;max-width:440px;padding:14px 18px;font-size:17px;line-height:1.45;position:relative}.bf-bubble.bold{font-weight:700}.bf-bubble-tail{top:50%;margin-top:-12px;position:absolute;inset-inline-start:-13px}[dir=ltr] .bf-bubble-tail{transform:scaleX(-1)}.app.app-shell{grid-template-columns:256px minmax(0,1fr);max-width:none;min-height:100vh;margin:0;padding:0;display:grid}.app.app-shell.app-solo{grid-template-columns:minmax(0,1fr)}.shell-main{min-width:0;padding:40px 48px 64px}.bf-rail{background:var(--white);border-inline-end:2px solid var(--line);flex-direction:column;gap:8px;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.bf-logo{color:var(--ink);align-self:flex-start;margin-bottom:20px;text-decoration:none}.bf-logo-lockup{letter-spacing:-.02em;align-items:center;gap:.42em;font-weight:700;line-height:1;display:inline-flex}.bf-logo-lockup .fox{color:var(--orange)}.bf-nav{flex-direction:column;gap:8px;display:flex}.bf-nav-item{color:var(--ink);border:2px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:10px 16px;font-size:17px;font-weight:700;line-height:1.45;text-decoration:none;display:flex}.bf-nav-item:hover{background:var(--cream)}.bf-nav-item.active{background:var(--tint);border-color:var(--orange)}.bf-nav-item.active .bf-icon-tint{color:var(--orange)}.nav-count{background:var(--orange);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-inline-start:auto;padding:0 6px;font-size:12px;display:grid}.bf-rail-foot{flex-direction:column;align-items:flex-start;gap:10px;margin-top:auto;display:flex}.bf-rail-foot .ctl-chip{white-space:normal;flex-wrap:wrap;height:auto;min-height:36px;padding:6px 14px}.bf-tagline{color:var(--grey-text);font-size:12px}.shell-main>.dark-zone{background:#0d0e12;border-radius:20px;padding:20px 24px 32px}.bf-home{justify-content:center;align-items:flex-start;gap:60px;display:flex}.bf-home-lang{display:none}.bf-path{flex-direction:column;gap:28px;width:640px;max-width:100%;padding-bottom:80px;display:flex}.bf-unit{flex-direction:column;gap:28px;display:flex}.bf-banner{background:var(--white);border:2px solid var(--line);border-bottom-width:4px;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;min-height:100px;padding:16px 24px;display:flex}.bf-banner-text{flex-direction:column;gap:2px;min-width:0;display:flex}.bf-banner-text span{font-size:15px;font-weight:700;line-height:1.45}.bf-banner-text h2{margin:0;font-size:24px;font-weight:700;line-height:1.18}.bf-banner-meta{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:15px;font-weight:700;display:inline-flex}.bf-banner-meta.good{color:var(--green-text)}.bf-banner.current{background:var(--u,var(--orange));border:0;border-bottom:4px solid var(--u-dark,var(--orange-dark));color:var(--u-ink,#fff);padding-bottom:20px}.bf-banner.done,.bf-banner.open{border-inline-start:6px solid var(--u,var(--line))}.bf-banner.current .bf-banner-text span{font-size:18px}.bf-banner-meta.on-orange{background:#ffffff38;border-radius:999px;padding:6px 14px}.bf-banner.locked,.bf-banner.soon{background:var(--cream2);border:0;border-bottom:4px solid var(--lock-bot);padding-bottom:20px}.bf-banner.soon{opacity:.75}.bf-nodes{flex-direction:column;align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex;overflow-x:clip}.bf-nodes li{justify-content:center;width:100%;display:flex;position:relative}.bf-nodes li:has(.is-open){z-index:10}.bf-nodes li:first-child:has(.bf-node.current){margin-top:30px}.bf-node{width:104px;height:104px;position:relative}.bf-node-btn{all:unset;cursor:pointer;border-radius:50%;width:104px;height:104px;display:block;position:relative}.bf-node-btn:focus-visible{outline:3px solid color-mix(in srgb, var(--orange) 55%, transparent);outline-offset:2px}.bf-node-edge,.bf-node-top{border-radius:50%;width:80px;height:72px;position:absolute;left:12px}.bf-node-edge{background:var(--u-dark,var(--orange-dark));top:22px}.bf-node-top{background:var(--u,var(--orange));color:var(--u-ink,#fff);place-items:center;transition:transform 60ms;display:grid;top:15px}.bf-node-top .bf-icon-tint{width:38px;height:38px}.bf-node.open .bf-node-top{background:var(--white);box-shadow:inset 0 0 0 2px var(--line);color:var(--u,var(--ink))}.bf-node.open .bf-node-edge{background:var(--lock-bot)}.bf-node.locked .bf-node-top{background:var(--lock-top);color:#b3a8a3}.bf-node.locked .bf-node-edge{background:var(--lock-bot)}.bf-node.locked .bf-node-top .bf-icon-tint{opacity:.8}.bf-node.exam.done .bf-node-top{background:var(--gold);color:var(--ink)}.bf-node.exam.done .bf-node-edge{background:#d18a00}.bf-node-btn:active .bf-node-top{transform:translateY(5px)}.bf-node-ring{border:6px solid color-mix(in srgb, var(--u,var(--orange)) 28%, transparent);border-radius:50%;position:absolute;inset:0}.bf-node.current .bf-node-ring{animation:2.2s ease-in-out infinite bf-ring}@keyframes bf-ring{50%{opacity:.75;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.bf-node.current .bf-node-ring{animation:none}}.bf-node-stars{color:var(--lock-bot);gap:2px;margin-top:2px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}.bf-node-stars .on{color:var(--gold)}.bf-nodes li:has(.bf-node-stars){margin-bottom:14px}.bf-tooltip{z-index:2;background:var(--white);border:2px solid var(--line);white-space:nowrap;color:var(--u,var(--ink));border-radius:14px;padding:6px 16px;font-size:16px;font-weight:700;animation:1.6s ease-in-out infinite bf-bob;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.bf-tooltip img{margin-top:-2px;margin-left:-11px;position:absolute;top:100%;left:50%}@keyframes bf-bob{50%{transform:translate(-50%,-4px)}}@media (prefers-reduced-motion:reduce){.bf-tooltip{animation:none}}.bf-node-label{width:max-content;max-width:min(210px,34vw);color:var(--ink);pointer-events:none;font-size:16px;font-weight:700;line-height:1.3;position:absolute;top:51px;transform:translateY(-50%)}.bf-node-label.right{text-align:left;left:calc(100% + 10px)}.bf-node-label.left{text-align:right;right:calc(100% + 10px)}.bf-node.locked .bf-node-label{color:#a39893;font-weight:600}.bf-node.current .bf-node-label{color:var(--u,var(--orange))}@media (width<=760px){.bf-node-label{font-size:14px}}.bf-path-fox{--fox-w:156px;pointer-events:none;position:absolute;top:-40px}.bf-path-fox.right{left:min(calc(50% + 110px), calc(100% - var(--fox-w) - var(--shift,0px)))}.bf-path-fox.left{right:min(calc(50% + 110px), calc(100% - var(--fox-w) + var(--shift,0px)))}.bf-pop{z-index:5;text-align:start;background:var(--white);border:2px solid var(--line);border-bottom-width:4px;border-radius:20px;flex-direction:column;gap:8px;width:300px;padding:18px 20px;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #1a1a1a1f}.bf-pop strong{font-size:19px;line-height:1.3}.bf-pop p{margin:0;font-size:15px;line-height:1.45}.bf-pop-meta{color:var(--grey-text);font-size:14px}.bf-pop-stars{color:var(--gold);letter-spacing:2px;font-size:20px}.bf-pop-stars .dim{color:var(--cream2)}.bf-pop-locked{color:var(--grey-text);align-items:flex-start;gap:8px;display:flex}.bf-pop button.primary{width:100%;margin-top:6px}.bf-status{flex-direction:column;flex-shrink:0;gap:20px;width:360px;display:flex;position:sticky;top:40px}.bf-streak h3{font-size:22px}.bf-week{gap:6px;display:flex}.bf-day{flex-direction:column;align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.bf-day-dot{background:var(--cream2);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.bf-day.on .bf-day-dot{background:var(--orange)}.bf-day.today .bf-day-dot{box-shadow:0 0 0 2px var(--white), 0 0 0 4px var(--tint)}.tester-toggle{color:var(--grey-text);background:var(--white);border:2px dashed var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.bf-achieve{flex-direction:column;gap:20px;width:640px;max-width:100%;display:flex}.bf-hero{background:var(--orange);border-bottom:4px solid var(--orange-dark);color:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex}.bf-hero-text h1{margin:0 0 4px;font-size:36px;line-height:1.18}.bf-hero-text p{margin:0;font-size:19px;line-height:1.45}.bf-hero-fox{background:var(--cream);border:4px solid #fff9;border-radius:50%;flex-shrink:0;place-items:center;width:166px;height:166px;display:grid;overflow:hidden}.bf-section-title{margin:4px 0 0;font-size:24px;font-weight:700}.bf-badges{grid-template-columns:1fr 1fr;gap:16px;display:grid}.bf-badge{gap:10px;padding:18px}.bf-badge-head{align-items:center;gap:12px;display:flex}.bf-badge-head>div{flex-direction:column;gap:2px;line-height:1.45;display:flex}.bf-badge-head strong{font-size:17px}.bf-badge-head span{font-size:14px}.bf-badge-icon{background:var(--cream2);width:56px;height:56px;color:var(--grey-text);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.bf-broken{flex-direction:row;align-items:center;gap:14px;padding:20px}.bf-broken strong{font-size:18px}@media (width<=1100px){.bf-home{flex-direction:column;align-items:center;gap:28px}.bf-status{order:-1;grid-template-columns:1fr 1fr;gap:16px;width:640px;max-width:100%;display:grid;position:static}.bf-status .tester-toggle{grid-column:1/-1}}@media (width<=760px){.app.app-shell{grid-template-columns:1fr}.shell-main{padding:20px 16px 110px}.bf-rail{top:auto;bottom:0;z-index:30;height:auto;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-inline-end:0;border-top:2px solid var(--line);flex-direction:row;position:fixed;inset-inline:0}.bf-logo,.bf-rail-foot{display:none}.bf-home-lang{justify-content:flex-end;width:100%;margin-bottom:-16px;display:flex}.bf-home-lang:empty{display:none}.bf-home-lang .lang-chip{height:32px;padding:0 12px;font-size:13px}.bf-nav{flex-direction:row;justify-content:space-around;gap:2px;width:100%}.bf-nav-account{display:contents}.bf-nav-item{min-width:0;color:var(--muted,#6b6461);background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1 1 0;justify-content:center;gap:3px;padding:6px 2px;font-size:11px;font-weight:700;line-height:1.2;position:relative}.bf-nav-item>span:not(.nav-count){text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bf-nav-item .bf-icon{width:24px;height:24px}.bf-nav-item:hover{background:0 0}.bf-nav-item.active{color:var(--orange);background:0 0;border:0}.bf-nav-item.active:before{content:"";top:-8px;background:var(--orange);border-radius:0 0 3px 3px;height:3px;position:absolute;inset-inline:22%}.bf-nav-item.bf-nav-upgrade{color:#a86400;background:0 0;border:0}.bf-nav-item.bf-nav-upgrade:hover{background:0 0}.bf-nav-item .nav-count{top:0;border:2px solid var(--white,#fff);box-sizing:content-box;min-width:18px;height:18px;margin:0;padding:0 5px;font-size:10px;position:absolute;inset-inline-start:calc(50% + 6px)}.bf-status{order:1;grid-template-columns:1fr}.bf-path-fox{display:none}.bf-badges{grid-template-columns:1fr}.bf-hero{text-align:center;flex-direction:column-reverse}}.app.app-lesson{background:var(--white);flex-direction:column;max-width:none;height:100dvh;margin:0;padding:0;display:flex}.app:has(>.lesson){background:var(--white);flex-direction:column;max-width:none;height:100dvh;margin:0;padding:0;display:flex}.bf-lesson{background:var(--white);flex-direction:column;flex:1;gap:0;min-height:0;display:flex}.bf-ltop{flex-shrink:0;align-items:center;gap:20px;padding:18px 32px 14px;display:flex}.bf-exit{all:unset;cursor:pointer;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.bf-exit:hover{background:var(--cream)}.bf-ltop-bar{flex:1;min-width:120px}.bf-ltop-chips{flex-shrink:0;align-items:center;gap:8px;display:flex}.bf-ltop-chips .chip{height:34px;font-size:13px}.bf-mistakes{color:var(--red-text)}.bf-scroll{flex:1;min-height:0;padding:24px 16px 40px;overflow-y:auto}.bf-col{flex-direction:column;gap:22px;width:640px;max-width:100%;margin:0 auto;display:flex}.bf-col.center{text-align:center;align-items:center}.bf-tag{background:var(--tint);color:var(--ink);border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:14px;font-weight:700;line-height:1.45;display:inline-block}.bf-title{margin:0;font-size:36px;font-weight:700;line-height:1.18}.bf-title.big{font-size:40px}.bf-lead{margin:0;font-size:19px;line-height:1.45}.bf-meta{flex-wrap:wrap;gap:8px;display:flex}.bf-meta .chip{height:40px;font-size:15px}.bf-todo{gap:14px}.bf-todo-item{align-items:center;gap:12px;font-size:17px;font-weight:700;display:flex}.bf-todo-icon{background:var(--tint);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.bf-note{background:var(--cream);border-radius:14px;margin:0;padding:12px 16px;font-size:15px;line-height:1.5}.bf-note.bf-silent{border:2px solid var(--orange,#ff5c00);background:#fff1e6;margin-bottom:12px;font-weight:700}.bf-foot{background:var(--white);border-top:2px solid var(--line);flex-shrink:0;padding:22px 0}.bf-foot.idle:not(:has(button,p,span,strong,a)){display:none}.bf-foot.ok{background:var(--green-tint);border-top-color:var(--green-tint)}.bf-foot.bad{background:var(--red-tint);border-top-color:var(--red-tint)}.bf-foot-in{justify-content:space-between;align-items:center;gap:24px;width:min(1000px,100% - 64px);min-height:64px;margin:0 auto;display:flex}.bf-foot-side{align-items:center;gap:12px;display:flex}.bf-foot-in>button,.bf-foot-side>button,.next-in>button{border-radius:var(--radius);min-width:150px;min-height:56px;padding:0 28px;font-size:19px}.bf-foot.ok,.bf-foot.bad{animation:.22s ease-out bf-sheet-in}@keyframes bf-sheet-in{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.bf-foot.ok,.bf-foot.bad{animation:none}}.bf-sheet{align-items:center;gap:14px;min-width:0;display:flex}.bf-sheet-avatar{background:var(--white);border-radius:50%;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid}.bf-sheet-title{color:var(--green-text);align-items:center;gap:8px;font-size:24px;line-height:1.18;display:flex}.bf-sheet-title.bad{color:var(--red-text)}.bf-sheet p{max-width:560px;margin:4px 0 0;font-size:15px;line-height:1.45}.bf-sheet .success-check{margin:0}.bf-sheet .success-check svg{width:28px;height:28px;stroke:var(--green-text)}.bf-sheet .success-check circle{fill:none}.next-in{align-items:center;gap:14px;margin:0;display:flex}.next-in-bar{background:color-mix(in srgb, var(--green) 25%, transparent);border-radius:3px;width:120px;height:6px;overflow:hidden}.next-in-bar span{background:var(--green);width:0;height:100%;animation:linear forwards next-in-fill;display:block}.bf-lesson .lesson-body{gap:20px;padding:4px 32px 16px}.stage.dark-zone{background:#0d0e12;border-radius:20px;padding:10px}.listen-intro{border-radius:20px}.listen-card{background:var(--white);color:var(--ink);border:2px solid #e8ddd8;border-bottom-width:4px;border-radius:24px;gap:14px}.listen-card h2{color:var(--ink)}.listen-card .bf-tag{color:var(--ink);background:var(--tint)}.listen-card .listen-task{color:var(--ink);background:var(--tint);border:2px solid var(--orange);border-radius:18px;align-items:center;gap:10px;font-size:20px;display:flex}.listen-count{color:var(--orange)}.bf-lesson .side .step-card{background:var(--white);border:2px solid var(--line);border-bottom-width:4px;border-radius:20px;flex-wrap:nowrap;gap:18px;height:auto;min-height:100%;padding:22px}.bf-lesson .side{overflow-x:hidden}.bf-lesson .side .step-card.success{border-color:var(--line);background:var(--white)}.bf-lesson .step-actions{z-index:2;background:linear-gradient(to bottom, transparent, var(--white) 14px);flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:14px;display:flex;position:sticky;bottom:0}.bf-lesson .step-actions>button{border-radius:var(--radius);min-height:50px;padding:0 24px;font-size:18px}.bf-lesson .step-actions>.primary{flex:160px}.bf-lesson .step-info{gap:10px}.bf-lesson .step-info h2{color:var(--ink);margin:0;font-size:30px;font-weight:700;line-height:1.18}.bf-lesson .step-info p{color:var(--ink);margin:0;font-size:17px;line-height:1.5}.bf-lesson .step-info .success-text{color:var(--green-text);font-weight:700}.bf-lesson .step-back{color:var(--grey-text);margin:0;font-size:14px}.bf-lesson .task-box{background:var(--tint);border:2px solid var(--orange);border-radius:18px;gap:10px;padding:18px}.bf-lesson .task-box.done{background:var(--green-tint);border-color:var(--green)}.bf-lesson .task-label{color:var(--ink);letter-spacing:0;text-transform:none;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.bf-lesson .task-box.done .task-label{color:var(--green-text)}.bf-lesson .task-text{color:var(--ink);font-size:19px;font-weight:700;line-height:1.45}.bf-lesson .task-box .checklist li{color:var(--ink);font-size:16px}.bf-lesson .task-box .checklist li.ok{color:var(--green-text)}.bf-lesson .check-icon{background:var(--white);border-color:#c9bfba}.bf-lesson .task-box .checklist li.ok .check-icon{background:var(--green);border-color:var(--green);color:var(--white)}.bf-lesson .feedback{color:var(--red-text)!important}.bf-lesson .feedback.good{color:var(--green-text)!important}.bf-lesson .tap-scale,.bf-lesson .tap-pip{background:var(--white);border:2px solid var(--line)}.bf-lesson .tap-pip.on{background:var(--green);border-color:var(--green)}.bf-question{flex-direction:column;gap:18px;display:flex}.bf-question .bf-bubble{flex:1;min-width:0}.bf-tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;display:grid}.bf-tiles.long{grid-template-columns:1fr;gap:10px}.bf-tiles.long button.bf-tile{min-height:60px;padding:10px 16px}.bf-tiles.long .bf-tile-text{font-size:17px;line-height:1.35}button.bf-tile{text-align:start;background:var(--white);border:2px solid var(--line);border-radius:var(--radius);min-height:76px;color:var(--ink);border-bottom-width:4px;align-items:center;gap:12px;padding:10px 18px;display:flex}.bf-tile-text{font-size:19px;font-weight:700;line-height:1.25}.bf-tile-text.big{font-size:26px;line-height:1.18}.bf-pad{border:2px solid var(--line);background:var(--white);border-radius:8px;flex-shrink:0;margin-inline-start:auto;padding:2px 8px;font-size:13px;font-weight:700;line-height:1.45}button.bf-tile:hover:not(:disabled){background:var(--cream)}button.bf-tile.right,button.bf-tile.right:disabled{background:var(--green-tint);border-color:var(--green);color:var(--ink)}button.bf-tile.right .bf-pad{border-color:var(--green)}button.bf-tile.wrong,button.bf-tile.wrong:disabled{background:var(--red-tint);border-color:var(--red);color:var(--ink)}button.bf-tile.wrong .bf-pad{border-color:var(--red)}button.bf-tile:disabled:not(.right):not(.wrong){background:var(--white);border-color:var(--line);color:var(--ink);opacity:.55}.bf-lesson .lesson-body.quiz-only{padding-top:24px;overflow-y:auto}.bf-lesson .lesson-body.quiz-only>.side{width:min(640px,100%)}.bf-lesson .quiz-only:not(.reading) .side .step-card{background:0 0;border:0;min-height:0;padding:0}.bf-lesson .quiz-only .side .step-info h2{font-size:36px}.bf-lesson .read-points li{background:var(--cream);border:2px solid var(--line)}.bf-lesson .read-num{background:var(--tint);color:var(--orange)}.bf-lesson .reading .side .read-points p{color:var(--ink)}.bf-result{gap:18px;padding-top:12px}.bf-stars{align-items:flex-end;gap:10px;display:flex}.bf-stars .off{filter:grayscale();opacity:.3}.bf-stats{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.bf-stat{align-items:center;gap:6px;width:178px;padding:16px}.bf-stat strong{align-items:center;gap:6px;font-size:24px;line-height:1.18;display:flex}.bf-stat span{font-size:14px;font-weight:700}.bf-stat.streak{border-color:var(--orange)}.bf-stat.xp{border-color:var(--gold)}.bf-review{text-align:start;gap:10px;width:100%}.bf-review-item{background:var(--cream);color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.bf-review-item:hover{background:var(--tint)}@media (width<=1000px){.bf-ltop{gap:12px;padding:12px 16px}.bf-ltop-chips .phones-chip,.bf-ltop-chips .lang-chip{display:none}.bf-lesson .lesson-body{padding:4px 16px 12px}.bf-foot-in{width:calc(100% - 32px)}.bf-tiles{grid-template-columns:1fr}}@media (width<=600px){.bf-ltop{flex-wrap:wrap;row-gap:8px;padding:8px 12px}.bf-ltop-bar{flex:80px;min-width:80px}.bf-ltop-chips{flex-wrap:wrap;flex:0 auto;min-width:0}.bf-ltop .dev-nav{display:none}.bf-lesson .lesson-body{grid-template-rows:max-content max-content;overflow-y:auto}.bf-lesson .lesson-body:not(.quiz-only):not(:has(.controller-wrap[hidden])){padding:0 12px calc(8px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex;overflow:hidden}.bf-lesson .lesson-body:not(.quiz-only):not(:has(.controller-wrap[hidden]))>.side{flex:0 auto}.bf-lesson .lesson-body:not(.quiz-only):not(:has(.controller-wrap[hidden]))>.stage{flex:1 0 auto}.bf-lesson .lesson-body:has(.controller-wrap[hidden])>.stage{order:-2}.stage.focus-controller .rb-panel{display:none}.bf-result{gap:10px}.bf-result>img{width:auto;height:110px}.bf-result .bf-title.big{margin:0;font-size:30px}.bf-stats{flex-wrap:nowrap;gap:8px;width:100%}.bf-stats .bf-stat{flex:1 1 0;min-width:0;padding:8px}.bf-lesson .lesson-body.plain-question>.stage{display:none}.bf-question{gap:10px}.bf-question .bf-fox{width:auto;height:72px}.bf-tiles:not(.long){grid-template-columns:1fr 1fr;gap:8px}.bf-tiles{gap:8px}.bf-tiles.long button.bf-tile{min-height:48px;padding:8px 14px}.bf-tiles.long .bf-tile-text{font-size:15px}button.bf-tile{min-height:52px;padding:8px 12px}.bf-tile-text{font-size:16px}.bf-tile-text.big{font-size:20px}.bf-lesson .lesson-body.quiz-only{padding-top:8px}.bf-lesson .quiz-only .side .step-info h2{font-size:22px}.ts-caption{font-size:16px}.ts-part span,.ts-part.short span{font-size:10px}.bf-lesson .side .step-card{gap:10px;min-height:0;padding:14px}.bf-lesson .side .step-info h2{font-size:20px}.bf-lesson .side .step-info p{font-size:15px}.bf-lesson .side .task-text{font-size:17px}.bf-lesson .side .step-info>.bf-tag{display:none}.bf-lesson .side .step-actions{background:var(--white);margin-top:auto;padding-top:6px;position:sticky;bottom:0}.lesson .controller-wrap,.stage.focus-track .controller-wrap,.stage.focus-track.hands-on .controller-wrap{flex:1 0 auto;min-height:calc(56.45vw - 13.548px);padding:0}.stage.focus-track .rb-panel{flex:none}.stage.focus-track .rb-head{display:none}.stage.focus-track .rb-lanes{flex:none;height:84px;min-height:0}.stage.focus-track .rb-overview-wave{height:36px}.listen-intro{z-index:40;border-radius:0;position:fixed}.listen-card{padding:20px}.listen-card h2{font-size:22px}.listen-card p{font-size:16px}.listen-card .listen-task{font-size:17px}.rb-head{flex-wrap:wrap;gap:4px 8px}.rb-times{font-size:12px}.rb-bpm{min-width:0;padding:1px 8px}.rb-bpm-big{font-size:15px}.lesson .controller-wrap{flex-direction:column}.lesson .controller-wrap .side-callouts{flex:none;align-self:stretch}}.bf-nav-account{display:none}@media (width<=760px){.bf-nav-account{display:contents}}.bf-computer{text-align:start;gap:10px;width:100%}.bf-computer p{margin:0;font-size:16px;line-height:1.45}.bf-computer-sent{color:var(--good);overflow-wrap:anywhere;font-weight:700}.bf-more{display:none}@media (width<=900px){.bf-more{z-index:35;background:var(--ink);color:#fff;border:0;border-radius:999px;min-height:0;padding:6px 14px;font-size:13px;font-weight:700;display:block;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000004d}}.bf-3d-legend{display:none}@media (width<=600px) and (orientation:portrait){.lesson .controller-wrap .bf-3d-legend{grid-template-columns:1fr 1fr;gap:6px;padding:6px;display:grid}.bf-3d-legend .side-callout{box-shadow:none;border-radius:10px;gap:1px;padding:7px 9px}.bf-3d-legend .side-callout:last-child:nth-child(odd){grid-column:1/-1}.bf-3d-legend .side-callout strong{font-size:13px}.bf-3d-legend .side-callout span{font-size:13px;line-height:1.25}.lesson .controller-wrap .flx4-3d{height:auto;min-height:200px}}.bf-rotate{display:none}@media (width<=600px) and (orientation:portrait){.lesson .controller-wrap{position:relative}.bf-rotate{background:var(--white);width:max-content;max-width:calc(100% - 16px);color:var(--ink);pointer-events:none;border-radius:999px;margin:0;padding:3px 10px;font-size:12px;font-weight:700;display:block;position:absolute;top:6px;left:50%;transform:translate(-50%)}}@media (height<=500px) and (orientation:landscape){.bf-ltop{padding:6px 16px}.bf-ltop .dev-nav{display:none}.bf-lesson .lesson-body:not(.quiz-only){grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,2fr) minmax(0,3fr);padding:0 12px 8px}.bf-lesson .lesson-body:not(.quiz-only)>.stage{grid-area:1/2}.bf-lesson .lesson-body:not(.quiz-only)>.side{grid-area:1/1}.stage.focus-controller .rb-panel{display:none}.bf-lesson .side .step-card{gap:8px;padding:12px}.bf-lesson .side .step-info h2{font-size:18px}.bf-lesson .side .step-info p{font-size:14px}.bf-lesson .side .task-text{font-size:16px}.bf-lesson .side .step-info>.bf-tag{display:none}.bf-lesson .lesson-body.plain-question:not(.quiz-only){grid-template-columns:minmax(0,1fr)}.bf-lesson .lesson-body.plain-question:not(.quiz-only)>.stage{display:none}.listen-intro{z-index:40;border-radius:0;position:fixed;overflow-y:auto}}button.term-q{border-width:1px;font-weight:700}button.term-q:hover:not(:disabled),button.term-q[aria-expanded=true]{background:var(--accent);color:#fff;border-color:var(--accent)}button.term-q:active:not(:disabled),.input-mode button:active:not(:disabled){border-bottom-width:1px;margin:0;transform:none}.input-mode button:hover:not(:disabled){background:0 0;border:0}.input-mode button.on:hover:not(:disabled){background:var(--tile)}.bf-review-item:after{content:"←";color:var(--grey-text);margin-inline-start:auto}[dir=ltr] .bf-review-item:after{content:"→"}.app.app-onboarding{max-width:none;min-height:100vh;margin:0;padding:0}.bf-onb{flex-direction:column;align-items:center;padding:38px 32px 64px;display:flex}.bf-onb-logo{grid-template-columns:520px;justify-items:start;width:1130px;max-width:100%;padding-inline-start:122px;display:grid}.bf-onb-grid{grid-template-columns:520px 520px;justify-content:space-between;align-items:start;width:1130px;max-width:100%;margin-top:64px;display:grid}.bf-onb-content{flex-direction:column;gap:18px;min-width:0;display:flex}.bf-onb-content h1{margin:0;font-size:44px;font-weight:700;line-height:1.18}.bf-onb-sub{margin:0;font-size:19px;line-height:1.45}.bf-onb-content h2{margin:8px 0 0;font-size:22px;font-weight:700;line-height:1.45}.bf-onb-choices{flex-direction:column;gap:18px;display:flex}.bf-card.bf-onb-choice{cursor:pointer;gap:10px;padding:20px}.bf-onb-choice.on{background:var(--tint);border-color:var(--orange)}.bf-onb-choice:hover{border-color:var(--orange)}button.bf-onb-head{all:unset;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding-inline-start:2px;display:flex}button.bf-onb-head:focus-visible{outline:3px solid color-mix(in srgb, var(--orange) 55%, transparent);outline-offset:4px}.bf-onb-icon{background:var(--cream2);border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.bf-onb-choice.on .bf-onb-icon{background:var(--white)}.bf-onb-text{text-align:start;flex-direction:column;gap:4px;min-width:0;line-height:1.45;display:flex}.bf-onb-text strong{font-size:21px}.bf-onb-text span{font-size:15px}.bf-onb-status{background:var(--white);border:2px solid var(--line);cursor:default;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;font-size:14px;line-height:1.45;display:flex}.bf-onb-status.ok{color:var(--green-text);justify-content:flex-start;gap:8px;font-weight:700}button.bf-onb-retry{border:2px solid var(--line);border-radius:10px;flex-shrink:0;padding:6px 12px;font-size:14px;line-height:1.45}button.bf-onb-retry:active:not(:disabled){border-bottom-width:2px;margin:0;transform:none}.bf-onb-phones{align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;line-height:1.45;display:flex}button.primary.bf-onb-go{width:100%;min-height:56px}.bf-onb-hero{width:520px;height:520px;margin-top:20px;position:relative}.bf-onb-stage{position:absolute;inset:0}.bf-onb-fox{position:absolute;top:20px;left:50%;transform:translate(-50%)}.bf-onb-bubble{top:-50px;width:300px;position:absolute;inset-inline-end:-50px}.bf-onb-bubble .bf-bubble-tail{margin-top:0;top:25px}@media (width<=1180px){.bf-onb{padding:24px 16px 48px}.bf-onb-logo{display:none}.bf-onb-grid{grid-template-columns:minmax(0,1fr);gap:26px;width:520px;margin-top:0}.bf-onb-hero{order:-1;align-items:center;gap:16px;width:auto;height:auto;margin:0;display:flex}.bf-onb-stage{display:none}.bf-onb-fox{width:auto;height:170px;position:static;transform:none}.bf-onb-bubble{top:auto;width:190px;font-size:15px;position:relative;inset-inline-end:auto}.bf-onb-content{gap:14px}.bf-onb-content h1{font-size:30px}.bf-onb-sub{font-size:16px}.bf-onb-content h2{margin-top:2px;font-size:19px}.bf-onb-choices{gap:14px}}@media (width<=760px){.bf-onb{padding:10px 16px 14px}.bf-onb-grid{gap:12px}.bf-onb-fox{height:112px}.bf-onb-bubble{width:170px;font-size:14px}.bf-onb-content{gap:10px}.bf-onb-content h1{font-size:25px}.bf-onb-sub{font-size:15px}.bf-onb-content h2{font-size:17px}.bf-onb-choices{gap:10px}.bf-card.bf-onb-choice{gap:8px;padding:12px 14px}.bf-onb-icon{width:44px;height:44px}.bf-onb-text strong{font-size:18px}.bf-onb-text span,.bf-onb-phones{font-size:14px}button.primary.bf-onb-go{min-height:52px}}.term-pop{background:var(--white,#fff);color:#1a1a1a;border:2px solid #e8ddd8;border-bottom-width:4px;border-radius:14px;padding:12px 14px;font-size:16px;box-shadow:0 12px 30px #1a1a1a24}.term-pop strong{color:#ff5c00;font-size:15px}:where(li,.bf-def,.task-box,.side,p):has(.term-pop){z-index:30;position:relative}.bf-lesson .reading>.side{width:min(760px,100%)}:is(.bf-lesson .read-points,.bf-lesson .read-points:has(>li:nth-child(4))){grid-template-columns:1fr;gap:0;margin-top:18px}.bf-lesson .read-points li{border:0;border-top:2px solid var(--line);background:0 0;border-radius:0;gap:16px;padding:18px 2px}.bf-lesson .read-points li:first-child{border-top:0;padding-top:6px}.bf-lesson .read-num{background:var(--tint);width:34px;height:34px;color:var(--orange);font-size:17px}.bf-lesson .read-points strong{margin-bottom:4px;font-size:19px}.bf-lesson .reading .side .read-points p{color:var(--ink);font-size:17px;line-height:1.55}.ltr-run{unicode-bidi:isolate}.ltr-run.nowrap{white-space:nowrap}.rb-bpm.pointed{z-index:3;border-color:#ff5c00;animation:1.1s ease-in-out infinite bpm-ring-bf}.rb-bpm.pointed .rb-bpm-big{color:#ffb27a}@keyframes bpm-ring-bf{50%{box-shadow:0 0 0 4px #ff5c00,0 0 22px 8px #ff5c008c}}.rb-bpm-tag{white-space:nowrap;color:#fff;direction:var(--text-dir);background:#ff5c00;border-radius:10px;padding:5px 12px;font-size:15px;font-weight:700;animation:1.1s ease-in-out infinite bpm-tag-bob;display:block;bottom:calc(100% + 10px);box-shadow:0 6px 18px #00000073}.rb-bpm-arrow{color:#ff5c00;text-shadow:0 0 6px #0009;font-size:20px;line-height:1;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes bpm-tag-bob{50%{transform:translate(-50%,-4px)}}@media (prefers-reduced-motion:reduce){.rb-bpm.pointed,.rb-bpm-tag{animation:none}}.bf-defs{flex-direction:column;margin:6px 0 0;display:flex}.bf-def{border-top:1px solid var(--line);grid-template-columns:minmax(88px,34%) 1fr;align-items:baseline;column-gap:14px;padding:9px 0;animation:.35s ease-out both explain-in;display:grid}.bf-def:first-child{border-top:0}.bf-def dt{color:var(--ink);font-size:15px;font-weight:700;line-height:1.3}.bf-def-tag{background:var(--co);color:#fff;border-bottom:3px solid var(--co-edge,#00000040);border-radius:8px;padding:2px 9px 3px;line-height:1.25;display:inline-block}.bf-def-tag.zone{background:color-mix(in srgb, var(--co) 14%, #fff);color:color-mix(in srgb, var(--co) 70%, #1a1a1a);border:2px dashed var(--co);padding:2px 11px}.bf-def dd{color:var(--ink);margin:0;font-size:16px;line-height:1.45}@media (prefers-reduced-motion:reduce){.bf-def{animation:none}}h1 .ltr-run.nowrap,h2 .ltr-run.nowrap{white-space:normal}.bf-lesson .step-info h2{overflow-wrap:anywhere}.side-callout{background:var(--co,#ff5c00);border:0;border-bottom:4px solid var(--co-edge,#c94800);border-radius:14px;box-shadow:0 8px 22px #00000073}.side-callout strong{color:var(--co-soft,#ffe8da)}.side-callout span{color:#fff;font-weight:700}.bf-admin{--adm-card:var(--white);--adm-field:var(--white);--adm-radius:16px}.bf-admin .adm2{gap:16px;height:calc(100vh - 64px)}.bf-admin button{border-bottom-width:3px;border-radius:12px;padding:6px 14px;font-size:14px}.bf-admin button.primary{border-radius:14px;min-height:44px;padding:0 24px;font-size:16px}.bf-admin button.link{border:0;padding:4px 6px}.bf-admin button.danger{border-radius:12px;min-height:0;padding:6px 14px;font-size:14px}.bf-admin :is(input,textarea,select):where(:not([type=checkbox],[type=radio],[type=range])){font:inherit;color:var(--ink);border-radius:12px;padding:7px 12px;background:var(--adm-field)!important;border:2px solid var(--line)!important}.bf-admin :is(input,textarea,select):focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--orange) 18%, transparent);outline:none;border-color:var(--orange)!important}.bf-admin :is(input,textarea)::placeholder{color:var(--faint)}.bf-admin input[type=checkbox],.bf-admin input[type=radio]{accent-color:var(--orange);width:18px;height:18px}.bf-admin .adm2-bar{gap:18px}.bf-admin .adm2-bar h1{font-size:30px;font-weight:800}.bf-admin .adm2-tabs{background:var(--white);border:2px solid var(--line);border-bottom-width:4px;border-radius:16px;gap:4px;padding:4px}.bf-admin .adm2-tabs button{color:var(--grey-text);background:0 0;border:0;border-radius:11px;align-items:center;gap:6px;padding:8px 16px;font-size:15px;display:inline-flex}.bf-admin .adm2-tabs button:hover{background:var(--cream);color:var(--ink)}.bf-admin .adm2-tabs button.on{background:var(--tint);color:var(--orange-dark)}.bf-admin .adm-count{background:var(--orange);color:#fff;border-radius:999px;padding:0 7px;font-size:12px;line-height:20px}.bf-admin .adm2-status{border:2px solid var(--line);background:var(--white);border-radius:12px;font-weight:600}.bf-admin .adm2-status.ok{background:var(--green-tint);border-color:var(--green-tint);color:var(--green-text)}.bf-admin .adm2-status.error{background:var(--red-tint);border-color:var(--red-tint);color:var(--red-text)}.bf-admin .adm-dirty{color:var(--orange-dark);font-size:14px;font-weight:700}.bf-admin :is(.ct,.le-head,.sc,.rv-item,.te-box,.adm-step){background:var(--adm-card);border:2px solid var(--line);border-radius:var(--adm-radius);border-bottom-width:4px}.bf-admin .adm2-body{grid-template-columns:360px 1fr;gap:20px}.bf-admin .ct{gap:12px;padding:14px}.bf-admin .ct-unit-head{padding:6px 0}.bf-admin .ct-unit-num{background:var(--u,var(--orange));border-radius:8px;width:26px;height:26px;font-size:13px}.bf-admin .ct-units>li:nth-child(6n+1){--u:#ff5c00}.bf-admin .ct-units>li:nth-child(6n+2){--u:#8e5bf2}.bf-admin .ct-units>li:nth-child(6n+3){--u:#2f8bff}.bf-admin .ct-units>li:nth-child(6n+4){--u:#e0408a}.bf-admin .ct-units>li:nth-child(6n+5){--u:#10b5b0}.bf-admin .ct-units>li:nth-child(6n){--u:#5b5bd6}.bf-admin .ct-unit-title{font-weight:800;background:0 0!important;border-width:2px!important;font-size:16px!important}.bf-admin .ct-lessons{border-inline-start:3px solid color-mix(in srgb, var(--u,var(--orange)) 35%, transparent);gap:4px;margin-inline-start:11px;padding-inline-start:6px}.bf-admin .ct-lesson{background:var(--white);border:2px solid #0000;border-radius:12px;padding:7px 10px}.bf-admin .ct-lesson:hover{background:var(--cream);border-color:#0000}.bf-admin .ct-lesson.selected{background:var(--tint);border-color:var(--orange)}.bf-admin .ct-lesson.selected .ct-title{font-weight:700}.bf-admin .ct-title{font-size:15px}.bf-admin .ct-num{color:var(--faint);font-weight:700}.bf-admin .ct-steps{color:var(--faint)}.bf-admin .ct-handle,.bf-admin .sc-handle{color:var(--lock-bot)}.bf-admin .ct-icon{color:var(--grey-text);border:0}.bf-admin .ct-new{background:var(--cream);border-radius:12px}.bf-admin .ct-add-unit,.bf-admin .sf-add{border:2px dashed var(--line);color:var(--grey-text);background:0 0}.bf-admin .ct-add-unit:hover,.bf-admin .sf-add:hover{border-color:var(--orange);color:var(--orange);background:0 0}.bf-admin .ct-drafts{border-top:2px solid var(--line)}.bf-admin .ct-dirty,.bf-admin .ct-lesson .warn-text{color:var(--orange-dark)}.bf-admin .le-head{gap:10px;padding:18px 20px}.bf-admin .le-crumbs{color:var(--faint)}.bf-admin .le-title{font-weight:800;font-size:24px!important}.bf-admin .le-meta{color:var(--grey-text);font-size:14px}.bf-admin .le-toolbar{font-size:15px}.bf-admin .le-add-btn{background:var(--white);border:2px dashed var(--line);color:var(--grey-text)}.bf-admin .sc-head{padding:12px 14px}.bf-admin .sc-num{background:var(--cream2);width:28px;height:28px;color:var(--ink);font-size:13px}.bf-admin .sc-title{font-weight:700}.bf-admin .sc-kind{background:var(--cream2);color:var(--grey-text);padding:3px 10px}.bf-admin .sc-kind.k-intro{color:#1e66c2;background:#e8f1ff}.bf-admin .sc-kind.k-watch{color:#6a3cc7;background:#efe8fd}.bf-admin :is(.sc-kind.k-do,.sc-kind.k-find,.sc-kind.k-tap){background:var(--tint);color:var(--orange-dark)}.bf-admin .sc-kind.k-quiz{color:#9a6400;background:#fff3d6}.bf-admin .sc-kind.k-done{background:var(--green-tint);color:var(--green-text)}.bf-admin .sc-badge{border:2px solid var(--line);color:var(--grey-text)}.bf-admin .sc.open{border-color:var(--orange)}.bf-admin .sc-body{border-top:2px solid var(--line)}.bf-admin .sf-field{color:var(--grey-text);font-weight:600}.bf-admin .sf-group{border:2px solid var(--line);border-radius:14px}.bf-admin .sf-chips button.on{background:var(--tint);border-color:var(--orange);color:var(--orange-dark)}.bf-admin .sc-tools button:hover:not(:disabled){background:var(--cream)}.bf-admin .rv-item{padding:16px 18px}.bf-admin .rv-num{background:var(--tint);color:var(--orange-dark)}.bf-admin .rv-badge,.bf-admin .rv-tag{background:var(--cream2);color:var(--grey-text);font-weight:600}.bf-admin :is(.rv-badge.new,.rv-tag.new){background:var(--tint);color:var(--orange-dark)}.bf-admin .rv-ok{color:var(--green-text)}.bf-admin .rv-he{background:var(--cream);border-radius:12px}.bf-admin .syl-table{background:var(--white);border:2px solid var(--line);border-radius:var(--adm-radius);border-collapse:separate;border-spacing:0;border-bottom-width:4px;overflow:hidden}.bf-admin .syl-table th{background:var(--cream);color:var(--grey-text);border-bottom:2px solid var(--line)}.bf-admin .syl-table td{border-bottom:1px solid var(--line)}.bf-admin .syl-unit td{background:var(--cream)}.bf-admin .syl-chip{background:var(--cream2);color:var(--grey-text)}.bf-admin .syl-chip.built{background:var(--green-tint);color:var(--green-text)}.bf-admin :is(.syl-chip.review,.syl-chip.partial){color:#9a6400;background:#fff3d6}.bf-admin .syl-d{color:#1e66c2;background:#e8f1ff}.bf-admin .te-tracks button.on{background:var(--tint);border-color:var(--orange);color:var(--orange-dark)}.bf-admin .te-pos strong{color:var(--orange)}.bf-admin .te-sections td{border-top:1px solid var(--line)}.bf-admin .te-sections tr.current td{background:var(--tint)}.bf-admin :is(.te-zoom,.te-overview){border:2px solid var(--line);border-radius:14px}.bf-admin .te-part{border:2px solid var(--line)}.bf-admin .sync-result{color:var(--green-text)}.bf-admin .adm-pron input{background:var(--white)}.bf-admin :is(.ct-unit-title,.le-title){box-shadow:none;padding-inline:8px;background:0 0!important;border-color:#0000!important}.bf-admin :is(.ct-unit-title,.le-title):hover{border-color:var(--line)!important}.bf-admin :is(.ct-unit-title,.le-title):focus{border-color:var(--orange)!important;background:var(--white)!important}.bf-admin .sc-tools button,.bf-admin .sc-tools button.danger{min-height:0;color:var(--grey-text);background:0 0;border:0;border-radius:10px;padding:4px 8px;font-size:15px}.bf-admin .sc-tools button:hover:not(:disabled){background:var(--cream);color:var(--ink)}.bf-admin .sc-tools button.danger:hover:not(:disabled){background:var(--red-tint);color:var(--red-text)}.bf-admin .sc-tools button:disabled{color:var(--lock-bot);background:0 0}.bf-admin .sc-tools button:active:not(:disabled){margin:0;transform:none}.bf-admin .syl-chip{white-space:nowrap;padding:2px 10px}.bf-unlock{flex-direction:column;gap:24px;max-width:640px;margin:0 auto;padding:64px 16px;display:flex}.bf-unlock h2{margin:0 0 8px;font-size:24px}.bf-unlock p{margin:0}.bf-unlock-note{color:var(--grey-text)}.bf-unlock-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.bf-rail-foot .account-chip{white-space:normal;flex-wrap:wrap;align-items:center;gap:6px;height:auto;min-height:36px;padding:6px 14px;display:inline-flex}.account-chip .account-email{text-overflow:ellipsis;white-space:nowrap;direction:ltr;max-width:150px;overflow:hidden}.bf-cues{flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.bf-cues li{border:2px solid #0000;border-radius:14px;align-items:flex-start;gap:12px;padding:8px 10px;transition:background .25s,border-color .25s,opacity .25s;display:flex}.bf-cue-num{background:var(--cream2);width:28px;height:28px;color:var(--grey-text);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;transition:background .25s,color .25s;display:grid}.bf-cues strong{color:var(--grey-text);font-size:16px;line-height:28px;display:block}.bf-cues p{color:var(--ink);margin:2px 0 0;font-size:16px;line-height:1.45}.bf-cues li.now{background:var(--tint);border-color:var(--orange)}.bf-cues li.now .bf-cue-num{background:var(--orange);color:#fff}.bf-cues li.now strong{color:var(--ink);font-size:18px}.bf-cues li.done{opacity:.55}.bf-cues li.done .bf-cue-num{background:var(--green-tint);color:var(--green-text)}.bf-cues li.done strong{color:var(--ink)}@media (prefers-reduced-motion:reduce){.bf-cues li,.bf-cue-num{transition:none}}.bf-cues li{scroll-margin-bottom:96px}.bf-lesson .bf-speed{color:var(--grey-text);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.bf-lesson .bf-speed button{border-width:2px 2px 3px;border-radius:999px;min-height:0;padding:5px 12px;font-size:14px}.bf-lesson .bf-speed button.on{background:var(--tint);border-color:var(--orange);color:var(--orange-dark)}.bf-lesson .bf-demo-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}.bf-lesson .bf-hold{border-width:2px 2px 3px;border-radius:999px;min-height:0;padding:6px 14px;font-size:14px}.bf-lesson .bf-hold.on{background:var(--orange);color:#fff;border-color:var(--orange-dark)}.bf-cues-hint{color:var(--orange-dark);margin:2px 0 -2px;font-size:13px;font-weight:700}.bf-cues.can-jump li{cursor:pointer}.bf-cues.can-jump li:hover{border-color:var(--line);background:var(--cream);opacity:1}.bf-cues.can-jump li.now:hover{border-color:var(--orange);background:var(--tint)}.bf-cues.can-jump li:focus-visible{outline:3px solid color-mix(in srgb, var(--orange) 55%, transparent);outline-offset:2px}.bf-def-tag.tone-bad{--co:var(--red);--co-edge:var(--red-dark);color:#fff}.bf-def-tag.tone-good{--co:var(--green);--co-edge:var(--green-dark);color:#fff}.bf-def-tag.tone-key{--co:var(--orange);--co-edge:var(--orange-dark);color:#fff}.bf-onb-lang{color:var(--grey-text);align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:700;display:flex}.bf-onb-lang .chip{min-height:34px;padding:4px 14px}.bf-onb-lang .chip.on{background:var(--tint,#ffe8da);color:var(--orange-dark,#c94800);border-color:var(--orange,#ff5c00)}.bf-signin-form{flex-direction:column;gap:14px;max-width:420px;display:flex}.bf-signin-form label{flex-direction:column;gap:6px;font-weight:700;display:flex}.bf-signin-form input{font:inherit;border:2px solid var(--line,#e8ddd8);background:#fff;border-radius:14px;padding:12px 14px;font-size:18px}.bf-signin-form input:focus{border-color:var(--orange,#ff5c00);outline:none}.bf-signin-form .bf-code{letter-spacing:8px;text-align:center;font-size:28px}.bf-pw{display:flex;position:relative}.bf-pw input{flex:1;min-width:0;padding-inline-end:76px}.bf-signin-form .bf-pw-toggle{inset-inline-end:10px;min-height:0;padding:6px 8px;font-size:15px;position:absolute;top:50%;transform:translateY(-50%)}.bf-signin-form button.primary[aria-busy=true]{justify-content:center;align-items:center;gap:10px;display:inline-flex}.bf-signin-error{color:#b42318;margin:0;font-weight:700}.bf-signin-lang{align-self:flex-start}.bf-members{flex-direction:column;gap:16px;padding:32px 24px;display:flex}.bf-members-head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.bf-members-head h2{margin:0}.bf-members-table{border:2px solid var(--line,#e8ddd8);background:#fff;border-radius:14px;overflow:auto}.bf-members-table table{border-collapse:collapse;width:max-content;font-size:13px}.bf-members-table th,.bf-members-table td{border-bottom:1px solid var(--line,#e8ddd8);text-align:left;white-space:nowrap;padding:8px 12px}.bf-members-table th{background:#faf3f1;position:sticky;top:0}.bf-account{gap:16px}.bf-account-card{background:var(--panel);border:2px solid var(--line);border-radius:var(--radius);border-bottom-width:4px;flex-direction:column;align-items:flex-start;gap:10px;width:min(560px,100%);padding:20px 22px;display:flex}.bf-account-card h3{margin:0;font-size:18px}.bf-account-card p{margin:0}.bf-account-community{background:var(--orange);border-bottom:4px solid var(--orange-dark);color:#fff;border-radius:14px;padding:10px 20px;font-weight:700;text-decoration:none;display:inline-block}.bf-account-community:hover{background:#ff6d1a}.bf-beta-discord{text-align:center;color:var(--orange-dark);margin-top:10px;font-weight:700;text-decoration:underline;display:block}.bf-account-confirm{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.account-chip a.account-email{color:inherit;text-underline-offset:3px;text-decoration:underline}.bf-stage{background:#0d0e12;justify-content:center;align-items:center;padding:3vh 3vw;display:flex;position:fixed;inset:0}.bf-stage-controller{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.bf-stage-controller .flx4{width:100%;height:100%;max-height:94vh}.bf-stage-label{color:#fff;letter-spacing:.5px;background:#ff5c00f2;border-radius:999px;margin:0;padding:10px 22px;font-size:26px;font-weight:700;position:absolute;bottom:4vh;left:50%;transform:translate(-50%)}.bf-stage-bar{gap:8px;transition:opacity .3s;display:flex;position:absolute;top:16px;left:16px}.bf-stage.idle .bf-stage-bar{opacity:0;pointer-events:none}.bf-stage.idle{cursor:none}.bf-stage-label.waiting{background:#ffffff1f;font-size:18px;font-weight:400}.bf-rail-foot{align-items:stretch;gap:10px}.bf-rail-card{background:var(--white);border:2px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.bf-rail-card>.chip{white-space:normal;background:0 0;border:0;border-radius:0;height:auto;min-height:0;padding:12px 14px;display:flex}.bf-rail-card>.chip+.chip{border-top:2px solid var(--line)}.bf-rail-card .ctl-chip{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px}.bf-rail-card .ctl-chip button.chip-switch,.bf-rail-card .ctl-chip button.chip-retry{text-align:start;border:0;flex-basis:100%;padding:0;padding-inline-start:16px;font-size:13px}.bf-rail-card .account-chip{align-items:center;gap:10px}.account-avatar{background:var(--orange);color:#fff;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:grid}.account-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.bf-rail-card .account-chip a.account-email{text-overflow:ellipsis;white-space:nowrap;text-align:start;direction:ltr;max-width:100%;font-size:13px;text-decoration:none;overflow:hidden}.bf-rail-card .account-chip a.account-email:hover{text-decoration:underline}.account-row{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.account-plan{background:var(--line);color:var(--grey-text);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.account-plan.full{background:color-mix(in srgb, var(--green) 16%, transparent);color:var(--green)}.account-row .link{color:var(--grey-text);padding:0;font-size:12px;font-weight:700}.account-row .link:hover{color:var(--orange)}.account-row .account-signout{margin-inline-start:auto}.bf-rail-meta{justify-content:space-between;align-items:center;gap:8px;padding-inline:2px;display:flex}.bf-rail-meta .lang-chip{height:32px;padding:0 12px;font-size:13px}.bf-card button.link.bf-card-link{text-align:start;border:0;min-height:0;margin:0;padding:0}.feedback-chip{gap:6px}button.chip.feedback-chip{background:var(--tint);border-color:var(--orange);color:var(--orange-dark)}button.chip.feedback-chip:hover:not(:disabled){background:#ffdcc7}.bf-gold-btn{border-radius:var(--radius);background:var(--gold);color:var(--ink);font:inherit;cursor:pointer;border:0;border-bottom:4px solid #d18a00;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.bf-gold-btn:hover{background:#ffc24d}.bf-gold-btn.small{flex-shrink:0;padding:8px 14px;font-size:15px}.bf-gold-btn:after,.bf-nav-upgrade:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff8c 50%,#0000 65%);animation:5s ease-in-out infinite bf-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes bf-shine{0%,70%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.bf-gold-btn:after,.bf-nav-upgrade:after{animation:none}}.bf-card.bf-unlock-card{background:color-mix(in srgb, var(--gold) 16%, var(--white));border-color:var(--gold)}.bf-unlock-card .bf-gold-btn{width:100%}.bf-path>.bf-unlock-card{width:100%;margin-bottom:28px}.bf-pop button.bf-gold-btn{width:100%;margin-top:6px}.bf-free-tag{background:#ffffff3d;border-radius:999px;margin-inline-start:8px;padding:1px 9px;font-size:13px;font-weight:800;display:inline-block}.bf-banner:not(.current) .bf-free-tag{background:color-mix(in srgb, var(--gold) 30%, var(--white));color:var(--ink)}.bf-unit.paid .bf-banner-text,.bf-unit.paid .bf-node-btn,.bf-unit.paid .bf-node-label{opacity:.5;transition:opacity .15s}.bf-unit.paid .bf-node-btn:hover,.bf-unit.paid .bf-node.is-open .bf-node-btn{opacity:1}.bf-ltop-upgrade.bf-gold-btn{white-space:nowrap;border-bottom-width:3px;height:38px;padding:0 14px;font-size:14px}.bf-ltop-upgrade .short{display:none}@media (width<=1100px){.bf-ltop-upgrade .long{display:none}.bf-ltop-upgrade .short{display:inline}}.bf-spinner{border:3px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite bf-spin;display:inline-block}.bf-onb-icon .bf-spinner{width:26px;height:26px;color:var(--orange)}button[aria-busy=true]{cursor:progress}button.primary[aria-busy=true]{justify-content:center;align-items:center;gap:10px;display:inline-flex}.bf-onb-choice.busy{background:var(--tint);border-color:var(--orange);cursor:progress}@keyframes bf-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.bf-spinner{animation-duration:1.6s}}.bf-nav-item.bf-nav-upgrade{background:var(--gold);color:var(--ink);border-color:#d18a00;border-bottom-width:4px;font-weight:800;position:relative;overflow:hidden}.bf-nav-item.bf-nav-upgrade:hover{background:#ffc24d}.account-plan.upgrade{background:var(--gold);color:var(--ink);text-decoration:none}.account-plan.upgrade:hover{background:#ffc24d}.bf-beta-tag{background:var(--orange);color:#fff;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.4;display:inline-block}.bf-beta-card{border-radius:var(--radius);background:var(--tint);border:2px solid var(--orange);flex-direction:column;align-items:flex-start;gap:8px;padding:12px;display:flex}.bf-beta-card p{color:var(--ink);margin:0;font-size:13px;line-height:1.4}.bf-beta-card button.chip.feedback-chip{background:var(--orange);border-color:var(--orange-dark);color:#fff}.bf-beta-card button.chip.feedback-chip:hover:not(:disabled){background:#ff6d1a}.fb-backdrop{z-index:1000;background:#1a1a1a73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.fb-dialog{background:var(--white,#fff);width:min(520px,100%);max-height:calc(100vh - 32px);color:var(--ink);border:2px solid var(--line);text-align:start;border-bottom-width:4px;border-radius:24px;flex-direction:column;gap:14px;padding:26px;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0000004d}.fb-dialog h2{margin:0;font-size:26px}.bf-upsell-head{align-items:center;gap:14px;display:flex}.bf-upsell-head p{color:var(--muted);margin:6px 0 0;line-height:1.45}.bf-upsell h3{margin:4px 0 0}.bf-upsell-list{grid-template-columns:1fr 1fr;gap:8px 14px;margin:0;padding:0;list-style:none;display:grid}.bf-upsell-list li{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.bf-upsell-note{color:var(--muted);margin:0;font-size:15px;line-height:1.45}.bf-upsell-price{text-align:center;margin:0;font-size:17px;font-weight:800}.bf-upsell .bf-gold-btn{width:100%}.bf-upsell button.link{align-self:center}@media (width<=480px){.bf-upsell-list{grid-template-columns:1fr}.bf-upsell-head .bf-fox,.bf-upsell-head img{display:none}}.fb-close{top:14px;color:#6f6764;cursor:pointer;background:0 0;border:0;border-radius:50%;width:36px;height:36px;font-size:26px;line-height:1;position:absolute;inset-inline-end:16px}.fb-close:hover{background:var(--tint)}.fb-kinds{flex-wrap:wrap;gap:8px;display:flex}.fb-kind{border:2px solid var(--line);background:var(--white,#fff);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 14px;font:700 15px Polin,system-ui,sans-serif}.fb-kind.on{border-color:var(--orange);background:var(--tint);color:var(--orange-dark)}.fb-text,.fb-email{box-sizing:border-box;border:2px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fffaf7;border-radius:14px;padding:12px 14px;font:500 16px Polin,system-ui,sans-serif}.fb-text:focus,.fb-email:focus{border-color:var(--orange);outline:none}.fb-shot{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;font-size:15px;display:grid}.fb-shot img{object-fit:contain;object-position:top;border:1px solid var(--line);background:#f4eeea;border-radius:10px;grid-column:1/-1;width:100%;max-height:180px}.fb-shot img.off{opacity:.3}.fb-error{color:#d0302f;margin:0;font-weight:600}.fb-send{align-self:stretch}.fb-sent{text-align:center;flex-direction:column;align-items:stretch;gap:12px;padding-top:10px;display:flex}.fb-sent p{margin:0;font-size:17px}.bf-inbox{flex-direction:column;gap:14px;max-width:980px;padding:24px 32px;display:flex}.bf-inbox-item{border:2px solid var(--line);background:var(--white,#fff);border-radius:16px;grid-template-columns:1fr auto;gap:8px 16px;padding:16px 18px;display:grid}.bf-inbox-item.done{opacity:.55}.bf-inbox-meta{color:#6f6764;flex-wrap:wrap;grid-column:1/-1;gap:6px 14px;font-size:13px;display:flex}.bf-inbox-msg{white-space:pre-wrap;margin:0;font-size:16px}.bf-inbox-item img{object-fit:contain;object-position:left top;border:1px solid var(--line);cursor:zoom-in;border-radius:10px;grid-column:1/-1;max-width:100%;max-height:360px}.bf-inbox-kind{color:var(--orange-dark);font-weight:700}.rail-feedback{justify-content:center;width:100%}@media (width<=760px){.bf-rail-foot .bf-beta-card{display:none}}.bf-lesson .success-card{background:var(--green-tint);border:2px solid var(--green);border-bottom-width:4px;border-radius:18px;flex-direction:column;gap:10px;padding:16px 18px;animation:.35s ease-out success-card-in;display:flex}.success-card-head{align-items:center;gap:10px;display:flex}.bf-lesson .success-card .success-card-fox{align-self:center}.success-card-head strong{color:var(--green-text);align-items:center;gap:6px;font-size:22px;display:flex}.success-card .success-check{margin:0}.success-card .success-check svg{width:26px;height:26px;stroke:var(--green-text)}.success-card .success-check circle{fill:none}.bf-lesson .success-card p{color:var(--ink);white-space:pre-line;margin:0;font-size:18px;line-height:1.5}.bf-lesson .success-actions{margin-top:auto}.bf-lesson .success-actions>button,.bf-lesson .success-actions .next-in{flex:1}.bf-lesson .success-actions .next-in>button{flex:1;min-width:0}@keyframes success-card-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.bf-lesson .success-card{animation:none}}.listen-menu{position:relative}.listen-chip{gap:6px}.listen-pop{top:calc(100% + 8px);z-index:50;background:var(--white,#fff);border:2px solid var(--line);text-align:start;border-bottom-width:4px;border-radius:18px;flex-direction:column;gap:6px;width:330px;padding:12px;display:flex;position:absolute;inset-inline-end:0;box-shadow:0 16px 40px #0000002e}.listen-pop-head{color:var(--ink);margin:2px 6px 4px;font-size:15px;font-weight:700}.listen-opt{color:var(--ink);text-align:start;cursor:pointer;font:inherit;background:0 0;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;display:flex}.listen-opt:hover{background:#fff6f0}.listen-opt.on{border-color:var(--orange);background:var(--tint)}.listen-opt strong{font-size:16px}.listen-opt span:not([aria-hidden]){color:#6f6764;font-size:13.5px;line-height:1.4}.listen-pop-note{color:#8a8380;margin:4px 6px 2px;font-size:12.5px}.bf-node.soon .bf-node-top{box-shadow:inset 0 0 0 3px #fff, inset 0 0 0 5px color-mix(in srgb, var(--lock-bot) 70%, transparent)}.bf-node.soon .bf-node-label{opacity:.75}.bf-soon-tag{color:#8a7f7a;vertical-align:middle;white-space:nowrap;background:#f1ebe7;border-radius:999px;margin-inline-start:8px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.dev-nav{background:#fff8dc;border:2px dashed #c9a227;border-radius:12px;flex-shrink:0;align-items:center;gap:4px;padding:3px;display:flex}.dev-nav button{cursor:pointer;color:#6b5a00;background:0 0;border:0;border-radius:8px;min-width:30px;height:30px;padding:0 6px;font-size:16px}.dev-nav button:hover:not(:disabled){background:#f3e7a8}.dev-nav button:disabled{opacity:.35;cursor:default}.dev-nav select{color:#4a3f00;background:#fff;border:1px solid #e3d48a;border-radius:8px;max-width:220px;height:30px;font:600 13px Polin,system-ui,sans-serif}.flx4{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:auto;font-family:Roboto Condensed,Arial Narrow,Arial,sans-serif;font-stretch:75%;display:block}.flx4 .body{stroke:#48484c;stroke-width:2px}.flx4 .mixer-panel{fill:#2f2f32}.flx4 .seam{stroke:#1c1c1e;stroke-width:3px}.flx4 .divider{stroke:#1f1f21;stroke-width:2px}.flx4 .lbl{fill:#d6d6d8;letter-spacing:.01em;pointer-events:none;font-weight:500}.flx4 .lbl.model{fill:#e4e4e6;font-weight:700}.flx4 .tick{stroke:#9a9a9e;stroke-width:2px}.flx4 .scale{stroke:#6e6e72;stroke-width:2px}.flx4 .sub rect{fill:none;stroke:#8e8e92;stroke-width:1.2px}.flx4 .sub text{fill:#b4b4b8;pointer-events:none}.flx4 text{pointer-events:none}.flx4 .knob{cursor:ns-resize}.flx4 .knob.static{cursor:default}.flx4 .knob-shadow{fill:#121214;opacity:.7}.flx4 .knob-ridge{stroke:#0e0e10;stroke-width:2.5px}.flx4 .knob-ind{stroke:#f4f4f4;stroke-width:4.5px;stroke-linecap:round}.flx4 .unknown .knob-ind{stroke:#8a8a8e}.flx4 .ghost .knob-ind,.flx4 .ghost .fader-line{stroke:#3ddc84;fill:#3ddc84}.flx4 .rbtn{cursor:pointer}.flx4 .rbtn-well{fill:#161618}.flx4 .rbtn.dark .rbtn-face{stroke:#0f0f11;stroke-width:2px}.flx4 .rbtn.orange .rbtn-face{stroke:#9c5214;stroke-width:1.5px}.flx4 .rbtn.pressed .rbtn-face{filter:brightness(1.6)}.flx4 .rbtn.lit .rbtn-face{filter:drop-shadow(0 0 10px #ff9a2e)}.flx4 .sync-ring{fill:none;stroke:#8e8e92;stroke-width:2px}.flx4 .btn-text{fill:#cfcfd2;font-weight:700}.flx4 .glyph{fill:#d0d0d3;pointer-events:none}.flx4 .rect-btn{cursor:pointer}.flx4 .rect-btn-rim{fill:#141416}.flx4 .rect-btn-face{fill:#2a2a2d;stroke:#4b4b4f;stroke-width:1.5px}.flx4 .rect-btn-text{fill:#e8e8ea;font-weight:500}.flx4 .rect-btn.orange-text .rect-btn-text{fill:#ff9a2e}.flx4 .rect-btn.lit .rect-btn-face{stroke:#ff9a2e;stroke-width:2.5px}.flx4 .rect-btn.pressed .rect-btn-face{fill:#4a4a4f}.flx4 .transport{cursor:pointer}.flx4 .transport-well{fill:#121214}.flx4 .transport-ring{fill:#3a3a3e}.flx4 .transport.lit.orange .transport-ring{fill:#ff8a1f;filter:drop-shadow(0 0 10px #ff8a1f)}.flx4 .transport.lit.green .transport-ring{fill:#34d26a;filter:drop-shadow(0 0 10px #34d26a)}.flx4 .transport.pressed .transport-face{filter:brightness(1.5)}.flx4 .cue-text{fill:#ff9a2e;font-weight:600}.flx4 .glyph.light{fill:#e2e2e4}.flx4 .pad{cursor:pointer}.flx4 .pad-rim{fill:#3c3c40}.flx4 .pad-face{fill:#1d1d20;stroke:#101012;stroke-width:2px}.flx4 .pad.pressed .pad-face{fill:#ff8a1f}.flx4 .fader{cursor:grab}.flx4 .hit{fill:#0000}.flx4 .slot{fill:#0a0a0b}.flx4 .fader-cap{stroke:#0e0e10;stroke-width:1.5px}.flx4 .fader-line{fill:#f4f4f4}.flx4 .unknown .fader-line{fill:#8a8a8e}.flx4 .lever-slot{fill:#111113;stroke:#48484c}.flx4 .jog-side{cursor:ew-resize}.flx4 .jog-top{cursor:grab}.flx4 .jog-shadow{fill:#141416}.flx4 .jog-bump{fill:#1f1f21}.flx4 .jog-rim{fill:none;stroke:#1a1a1c;stroke-width:6px}.flx4 .jog-platter{stroke:#1c1c1e;stroke-width:3px}.flx4 .jog-dial-bg{fill:#2f2f32}.flx4 .jog-tick{stroke:#8e8e92;stroke-width:2px}.flx4 .jog-dial-ring{fill:none;stroke:#9c9ca0;stroke-width:3.5px}.flx4 .jog-mark{fill:#ff8a1f}.flx4 .seg{fill:#3a3a3d}.flx4 .seg.green{fill:#3ddc84}.flx4 .seg.amber{fill:#ffb020}.flx4 .seg.red{fill:#ff4d6d}.flx4 .midi-led{fill:#5a5a5e}.flx4 .hl-ring{fill:none;stroke:var(--co,#ff5c00);stroke-width:7px;pointer-events:none;filter:drop-shadow(0 0 10px var(--co,#ff5c00));animation:1.1s ease-in-out infinite hl-pulse}@keyframes hl-pulse{50%{stroke-opacity:.35}}.flx4 .callout-line{stroke:var(--co,#ff5c00);stroke-width:3.5px}.flx4 .callout-dot{fill:var(--co,#ff5c00)}.flx4 .callout-box{box-sizing:border-box;background:var(--co,#ff5c00);border:0;border-bottom:5px solid var(--co-edge,#c94800);color:#fff;border-radius:16px;flex-direction:column;gap:4px;height:100%;padding:14px 16px;font-family:Polin,system-ui,sans-serif;font-size:25px;font-weight:700;line-height:1.3;display:flex;box-shadow:0 10px 26px #000a}.flx4 .callout-box strong{color:var(--co-soft,#ffe8da);letter-spacing:.04em;font-size:19px}.flx4 .rbtn.dark.lit .rbtn-face{fill:#ff8a1f;stroke:#ffb066}.flx4 .rbtn.dark.lit .btn-text{fill:#1a1a1c}.flx4 .rbtn.orange.lit .rbtn-face{animation:.5s step-end infinite led-blink}@keyframes led-blink{50%{filter:brightness(.55)}}.flx4 .rect-btn.lit .rect-btn-text{fill:#ff9a2e}.flx4 .zone{stroke-width:6px;stroke-dasharray:22 12}.flx4 .zone-label{fill:#0d0e12;font-family:Polin,system-ui,sans-serif;font-size:34px;font-weight:800}.flx4 .rect-btn.shift-on .rect-btn-face{fill:#ff9a2e;stroke:#ffd29a;stroke-width:3px;filter:drop-shadow(0 0 10px #ff9a2ee6)}.flx4 .shift-on-text{fill:#1a1a1c;pointer-events:none;font-weight:700}.flx4 .hidden-control circle,.flx4 .hidden-control rect{fill:#2a2a2e;stroke:#55555c;stroke-width:2px;stroke-dasharray:5 4}.flx4 .hidden-q{fill:#9a9aa2;font-weight:800}.hq{--hq-ink:#1a1a1a;--hq-muted:#6f6764;--hq-line:#e8ddd8;--hq-bg:#faf6f4;--hq-card:#fff;--hq-orange:#ff5c00;--hq-orange-dark:#c94800;--hq-tint:#ffe8da;background:var(--hq-bg);min-height:100vh;color:var(--hq-ink);text-align:start;font:15px/1.45 Polin,system-ui,sans-serif}.hq-center{place-items:center;padding:24px;display:grid}.hq-muted{color:var(--hq-muted)}.hq-error{color:#b42318;font-weight:600}.hq-ok{color:#12733a;font-weight:700}.hq button,.hq select,.hq input,.hq textarea{font:inherit;color:inherit}.hq button{border:2px solid var(--hq-line);background:var(--hq-card);cursor:pointer;border-radius:10px;padding:7px 14px;font-weight:600}.hq button:hover{border-color:#d6c8c2}.hq .hq-primary{background:var(--hq-orange);border-color:var(--hq-orange);color:#fff}.hq .hq-primary:disabled{opacity:.5;cursor:default}.hq .hq-link{color:var(--hq-orange-dark);background:0 0;border:0;padding:4px 0}.hq-login{background:var(--hq-card);border:2px solid var(--hq-line);border-bottom-width:4px;border-radius:22px;flex-direction:column;gap:14px;width:min(380px,100%);padding:30px;display:flex}.hq-login h1{margin:0 0 6px;font-size:26px}.hq-login label{flex-direction:column;gap:6px;font-weight:600;display:flex}.hq-login input{border:2px solid var(--hq-line);border-radius:12px;padding:10px 12px}.hq-login input:focus{border-color:var(--hq-orange);outline:none}.hq-bar{z-index:5;background:var(--hq-card);border-bottom:2px solid var(--hq-line);flex-wrap:wrap;align-items:center;gap:18px;padding:12px 24px;display:flex;position:sticky;top:0}.hq-bar h1{white-space:nowrap;margin:0;font-size:20px}.hq-tabs{flex-wrap:wrap;flex:1;gap:4px;display:flex}.hq-tabs button{background:0 0;border-color:#0000}.hq-tabs button.on{background:var(--hq-tint);color:var(--hq-orange-dark)}.hq-range,.hq-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hq-range{padding:14px 24px 0}.hq-range label{color:var(--hq-muted);align-items:center;gap:6px;display:flex}.hq-range input,.hq-pills select,.hq-search,.hq-field input{border:2px solid var(--hq-line);background:var(--hq-card);border-radius:10px;padding:6px 10px}.hq-range button.on,.hq-pills button.on{border-color:var(--hq-orange);background:var(--hq-tint);color:var(--hq-orange-dark)}.hq-search{min-width:280px}.hq-body{flex-direction:column;gap:14px;padding:18px 24px 48px;display:flex}.hq-body h3{align-items:center;gap:10px;margin:10px 0 0;font-size:17px;display:flex}.hq-csv{color:var(--hq-orange-dark);border:2px solid var(--hq-line);background:var(--hq-card);border-radius:10px;margin-inline-start:auto;padding:6px 10px;font-size:13px;font-weight:700;text-decoration:none}.hq-tiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.hq-tile{background:var(--hq-card);border:2px solid var(--hq-line);border-radius:16px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.hq-tile span{color:var(--hq-muted);font-size:13px;font-weight:600}.hq-tile strong{text-align:start;font-size:26px}.hq-tile small{color:var(--hq-muted);font-size:12px}.hq-charts{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:10px;display:grid}.hq-chart{background:var(--hq-card);border:2px solid var(--hq-line);border-radius:16px;margin:0;padding:14px 16px 10px}.hq-chart figcaption{justify-content:space-between;align-items:baseline;margin-bottom:8px;font-weight:700;display:flex}.hq-chart figcaption span{color:var(--hq-muted);font-size:13px}.hq-chart-plot{position:relative}.hq-chart svg{width:100%;height:150px;display:block}.hq-bar{fill:var(--hq-orange);opacity:.85}.hq-bar.on{opacity:1;fill:var(--hq-orange-dark)}.hq-axis{stroke:var(--hq-line);stroke-width:1px}.hq-tick{fill:var(--hq-muted);font-size:11px}.hq-tip{background:var(--hq-ink);color:#fff;white-space:nowrap;pointer-events:none;border-radius:8px;padding:4px 8px;font-size:12px;position:absolute;top:-6px;transform:translate(-50%,-100%)}.hq-details summary{cursor:pointer;margin-bottom:8px;font-weight:700}.hq-table-wrap{border:2px solid var(--hq-line);background:var(--hq-card);border-radius:14px;max-height:70vh;overflow:auto}.hq-table{border-collapse:collapse;width:100%;font-size:13.5px}.hq-table th{text-align:start;color:var(--hq-muted);white-space:nowrap;background:#f6efeb;padding:8px 10px;font-weight:700;position:sticky;top:0}.hq-table td{text-align:start;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #f0e8e4;max-width:320px;padding:7px 10px;overflow:hidden}.hq-table tr.click{cursor:pointer}.hq-table tr.click:hover td{background:#fff6f0}.hq-funnel{background:var(--hq-card);border:2px solid var(--hq-line);border-radius:16px;flex-direction:column;gap:10px;margin:0;padding:16px;list-style:none;display:flex}.hq-funnel li{grid-template-columns:170px 1fr 70px 200px;align-items:center;gap:12px;display:grid}.hq-funnel-name{font-weight:600}.hq-funnel-bar{background:#f4ece8;border-radius:6px;height:22px;overflow:hidden}.hq-funnel-bar span{background:var(--hq-orange);border-radius:6px;height:100%;display:block}.hq-funnel li.worst .hq-funnel-bar span{background:#d0302f}.hq-funnel li.worst small{color:#b42318;font-weight:700}.hq-funnel small{color:var(--hq-muted)}.hq-user-title{text-align:start;margin:4px 0 0;font-size:22px}.hq-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.hq-card{background:var(--hq-card);border:2px solid var(--hq-line);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.hq-card h3,.hq-card p{margin:0}.hq-field{align-items:center;gap:8px;display:flex}.hq-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hq-check{align-items:center;gap:8px;display:flex}.hq-dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.hq-dl dt{color:var(--hq-muted)}.hq-dl dd{text-align:start;overflow-wrap:anywhere;margin:0}.hq-notes{box-sizing:border-box;border:2px solid var(--hq-line);resize:vertical;border-radius:12px;width:100%;padding:10px}.hq-fb{background:var(--hq-card);border:2px solid var(--hq-line);border-radius:16px;grid-template-columns:1fr auto;gap:6px 14px;padding:14px 16px;display:grid}.hq-fb.done{opacity:.55}.hq-fb-msg{white-space:pre-wrap;margin:0}.hq-fb-meta{color:var(--hq-muted);text-align:start;grid-column:1/-1;margin:0;font-size:12.5px}.hq-fb img{border:1px solid var(--hq-line);border-radius:10px;grid-column:1/-1;max-width:100%;max-height:340px}@media (width<=760px){.hq-funnel li{grid-template-columns:1fr 60px}.hq-funnel-bar,.hq-funnel small{grid-column:1/-1}}