*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}h1{font-size:18px;margin:0;white-space:nowrap}h2{font-size:14px;margin:0 0 8px}label{display:inline-flex;gap:6px;align-items:center;color:var(--muted)}output{min-width:4.5em;color:var(--fg);font-variant-numeric:tabular-nums}button,select,input{font:inherit;color:var(--fg);background:var(--field);border:0;border-radius:6px;padding:5px 10px}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.rec.on{background:var(--live);color:#fff;border-color:var(--live)}main{display:grid;grid-template-columns:minmax(0,1fr) 12px var(--aside-w, 360px);gap:2px;padding:16px}.splitter{cursor:col-resize;position:relative;touch-action:none}.splitter:after{content:"";position:absolute;top:0;bottom:0;left:5px;width:2px;border-radius:1px;background:var(--line)}.splitter:hover:after,.splitter.dragging:after{background:var(--accent)}body.resizing{cursor:col-resize;user-select:none}.plot{position:relative}canvas{width:100%;height:min(72vh,680px);display:block;background:var(--panel);border-radius:var(--radius)}.readout{white-space:pre-line;text-align:end;max-width:min(420px,70%);position:absolute;right:12px;bottom:10px;font-variant-numeric:tabular-nums;color:var(--muted);background:var(--panel);padding:2px 6px;border-radius:4px}aside{display:flex;flex-direction:column;gap:12px}.card{background:var(--panel);border-radius:var(--radius);padding:var(--card-pad)}.row{display:flex;gap:8px;flex-wrap:wrap}.row>input,.row>select{flex:1;min-width:0}.row.small button{font-size:12px}.swatch{width:10px;height:10px;border-radius:50%;display:inline-block}.msg button.inline{font-size:12px;padding:1px 8px;margin-inline-start:4px}.msg{min-height:1.4em;margin:8px 0 0;color:var(--muted)}table{width:100%;border-collapse:collapse;margin-top:8px;font-variant-numeric:tabular-nums}th,td{text-align:end;padding:3px 4px;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:start}.distinct{color:var(--ok)}.borderline{color:var(--warn)}.indistinct{color:var(--bad)}details summary{cursor:pointer;font-weight:600}details ol{padding-inline-start:18px}.swatch{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.leaf:hover{background:var(--grid)}.leaf.selected{background:var(--fg);color:var(--bg)}.leaf .lnum{color:var(--muted);text-align:end}.leaf.selected .lnum{color:inherit}.leaf .lsd{color:var(--muted)}.leaf.selected .lsd{color:inherit}.leaf.empty{display:block;color:var(--muted);cursor:default}.leaf.empty:hover{background:none}.leaf{display:flex;align-items:center;gap:10px;padding:3px 8px 3px 4px;font-size:12px;font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap}.leaf .ldel{margin-inline-start:auto;flex:none;width:22px;height:20px;padding:0;border:0;background:none;color:var(--muted);font-size:14px;line-height:1}.leaf .ldel:hover{color:var(--bad)}.leaf.selected .ldel{color:inherit}.leaf>span{width:38px;text-align:end;flex:none}.leaf>span.lid{width:40px;display:inline-flex;align-items:center;justify-content:flex-end;gap:1px}.leaf .lid .lnum{text-align:end}.leaf.lhead{cursor:default;color:var(--muted);padding-top:4px;padding-bottom:2px}.leaf.lhead:hover{background:none}.leaf.lhead .lnum{color:var(--muted)}.msg.note{font-size:12px;min-height:0;margin-top:4px}.leaf .lplay{width:16px;height:20px;flex:none;padding:0;border:0;background:none;color:var(--accent);font-size:11px;text-align:center}.leaf .lplay:disabled{color:var(--muted)}.leaf.lhead .lplay{display:inline-block}.leaf.selected .lplay{color:inherit}.leaf .ltag{width:auto;font-size:11px;color:var(--bad);border:1px solid currentColor;border-radius:4px;padding:0 4px}.leaf.rejected>span:not(.ltag){color:var(--muted)}.leaf.rejected.selected>span{color:inherit}.recview{display:flex;align-items:center;gap:8px;margin-top:8px}.recview[hidden]{display:none}.recview canvas{flex:1;min-width:0;height:48px;background:var(--field);border-radius:6px}.recview span{width:4.5em;text-align:end;font-variant-numeric:tabular-nums;font-size:13px}.takepanel[hidden]{display:none}.plot{display:flex;flex-direction:column;min-height:0}.plot>.chartbar,.plot>.practicebar{flex:none}.chartwrap{position:relative;flex:1 1 0;min-height:200px}.chartwrap>#chart{position:absolute;inset:0;height:100%;touch-action:none}.zoomreset{position:absolute;left:52px;top:38px;z-index:4;padding:0 7px;line-height:24px;font-size:16px;opacity:.85}.zoomreset:hover{opacity:1}.zoomreset[hidden]{display:none}.hsplitter{flex:none;height:12px;cursor:row-resize;position:relative;touch-action:none}.hsplitter[hidden]{display:none}.hsplitter:after{content:"";position:absolute;inset-inline:0;top:5px;height:2px;border-radius:1px;background:var(--line)}.hsplitter:hover:after,.hsplitter.dragging:after{background:var(--accent)}body.resizing-v{cursor:row-resize;user-select:none}.takepanel{flex:0 1 auto;display:flex;flex-direction:column;height:var(--take-h, 300px);min-height:160px;border-radius:var(--radius);background:var(--panel);overflow:hidden}.takehead{display:flex;align-items:center;justify-content:space-between;padding-block:3px;padding-inline:10px 4px;user-select:none;font-size:12px;font-weight:600;border-bottom:1px solid var(--line)}.takehead button{border:0;background:none;font-size:16px;line-height:1;padding:0 6px;color:var(--muted);cursor:pointer}.takehead button:hover{color:var(--fg)}.takepanel canvas{display:block;flex:1 1 auto;height:auto;min-height:0;background:transparent;border:0;border-radius:0}.chartbar{display:flex;gap:4px 16px;align-items:flex-start;margin-bottom:6px;font-size:13px}.chartsettings{flex:1 1 auto;min-width:0}.chartbar .cgroups{min-width:0;display:flex;flex-wrap:wrap;gap:2px 14px;align-items:baseline;padding-inline-start:1.3em}.cgroup{min-width:0;max-width:100%}.cgroup[hidden]{display:none}.cgroup[open]:not(.stub){flex:1 0 100%}.chartbar summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:6px;min-width:0;padding:1px 0;user-select:none}.chartbar summary::-webkit-details-marker{display:none}.chartbar summary:before{content:"▸";color:var(--muted);font-size:11px;inline-size:.8em;flex:none}[dir=rtl] .chartbar summary:before{content:"◂"}.chartbar details[open]>summary:before{content:"▾"}.chartbar .cgtitle{font-weight:600;white-space:nowrap;flex:none}.chartbar summary:hover .cgtitle{color:var(--accent)}.chartbar .cgsum{font-weight:400;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-inline-size:22em}.chartbar .cgroup[data-group=notes] .cgsum{max-inline-size:16em}.chartsettings>summary>.cgsum{max-inline-size:none;flex:1 1 auto}.chartbar details[open]>summary>.cgsum{display:none}.chartbar .stubbtn{flex:none;border:0;background:none;padding:0 3px;font-size:11px;line-height:1.2;color:var(--muted);opacity:.6}.chartbar .stubbtn:hover{opacity:1;color:var(--fg);background:var(--grid)}.chartbar .stubbtn:before{content:"‹‹"}[dir=rtl] .chartbar .stubbtn:before{content:"››"}.cgroup.stub{flex:0 0 auto}.cgroup.stub>summary:before,.cgroup.stub>summary>:not(.stubbtn,.cgtitle),.cgroup.stub>.cgbody,.cgroup.stub>.cgbody.notes{display:none}.cgroup.stub .cgtitle{font-weight:400;color:var(--muted)}.cgroup.stub .stubbtn{opacity:1;border:1px solid var(--line);border-radius:4px}.cgroup.stub .stubbtn:before{content:"››"}[dir=rtl] .cgroup.stub .stubbtn:before{content:"‹‹"}.cgroup[open]:not(.stub)>summary{float:inline-start;margin-inline-end:12px;padding-block:3px}.cgroup .cgbody{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;padding-block:1px 4px}.cgroup .cgbody label{white-space:nowrap;max-width:100%}.cgroup .cgbody [hidden]{display:none}.cgroup .cgbody select{max-width:22em;min-width:0}.cgroup .cgbody.notes{display:flow-root;padding-block-start:3px}.cgroup .cgbody.notes .refnote{margin:0 0 2px}.chartbar select{font-size:12px;padding:1px 4px}.legend{margin-inline-start:auto;flex:none;padding-block-start:1px;display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;color:var(--muted);align-items:center}.legend .lg.me{color:var(--fg);font-weight:600}#othersEllipsesWrap[hidden]{display:none}.guide h3{font-size:13px;margin:12px 0 4px}.guide ul{margin:0;padding-inline-start:18px}.guide li{margin:2px 0}.practice .pgrid{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 10px;align-items:center;color:var(--muted)}.practice .pgrid select{min-width:0;width:100%}.practice .pgrid [hidden]{display:none}.practice .pvowels{display:flex;gap:6px}.practice .pvowels select{flex:1}.practice .pfrac{display:flex;align-items:center;gap:8px;color:var(--fg)}.practice .pfrac input{flex:1;min-width:0;padding:0;accent-color:var(--accent)}.practice .pfrac>span{min-width:1.2em;text-align:center;font-weight:600}.practice .msg.note,.practice .row{margin-top:8px}button.primary.on{background:var(--live);border-color:var(--live)}.practicebar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-bottom:6px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted)}.practicebar[hidden]{display:none}.practicebar #pDist{color:var(--fg);font-weight:600;min-width:8em}.practicebar #pDist.in{color:var(--ok)}.practicebar .pholdwrap{display:inline-flex;align-items:center;gap:6px}.practicebar .pholdwrap[hidden]{display:none}.practicebar .pbar{width:120px;height:8px;border-radius:4px;background:var(--grid);overflow:hidden;display:inline-block}.practicebar .pbar>span{display:block;height:100%;width:0;background:var(--accent)}.practicebar .pbar>span.done{background:var(--ok)}.practicebar .hit{color:var(--ok)}.practicebar .miss{color:var(--bad)}.practicebar [hidden]{display:none}.practicebar #pCue{color:var(--fg);font-weight:600;flex-basis:100%;min-height:1.3em}.practice .prow{display:flex;flex-wrap:wrap;gap:6px}.practice .prow [hidden]{display:none}.practice .psummary{margin-top:8px;padding:6px 8px;border-radius:6px;background:var(--grid);color:var(--fg)}.practice .psummary[hidden],#pTolHint[hidden]{display:none}.pprogress>summary{cursor:pointer;font-weight:600}.pprogress .pprogresshead{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--muted)}.pprogress .pprogresshead select{flex:1;min-width:0}.pprogress .msg{margin-top:8px}.spark{margin:10px 0 0}.spark figcaption{font-size:12px;color:var(--muted);margin-bottom:2px}.idtable{margin-top:12px}.idtable h4{margin:0 0 4px;font-size:13px}.idtable table{border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.idtable th,.idtable td{padding:2px 6px;text-align:center;border-bottom:1px solid var(--line, rgb(127 127 127 / .2))}.idtable th{font-weight:600}.idtable td.right{color:var(--ok);font-weight:600}.idtable td.wrong{color:var(--bad)}.sparksvg{display:block;width:100%;height:auto;overflow:visible}.sparksvg .axis{stroke:var(--line);stroke-width:1}.sparksvg .grid{stroke:var(--grid);stroke-width:1}.sparksvg .tick{fill:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.sparksvg .line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.sparksvg .dot{fill:var(--accent);stroke:var(--panel);stroke-width:2}.sparksvg .hitarea{fill:transparent}.sparksvg .pt:hover .dot{r:5}body{height:100vh;display:flex;flex-direction:column}main{flex:1 1 auto;min-height:0}aside{min-height:0;gap:8px}.tabpanel{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.tabpanel[hidden]{display:none}.guide h3:first-child{margin-top:0}@media(max-width:860px){body{height:100vh;height:100dvh}main{display:flex;flex-direction:column;gap:0;padding:8px}.plot{flex:none;height:var(--plot-h, 45dvh);overflow-y:auto;overflow-x:hidden;--pb: 0px}.plot:has(>.practicebar:not([hidden])){--pb: 34px}.plot>.practicebar{order:-2}.plot>.chartwrap{order:-1;flex:0 0 calc(100% - var(--pb));min-height:160px}.plot>.chartbar{order:1;margin-top:8px}.splitter{flex:none;height:18px;cursor:row-resize}.splitter:after{inset:8px 30% auto;width:auto;height:3px;border-radius:2px}body.resizing{cursor:row-resize}aside{flex:1 1 0;min-width:0}}.takebody{display:flex;flex:1 1 auto;min-height:0;gap:6px}.takebody>canvas{flex:3 1 0;min-width:0;cursor:crosshair}.framebox{flex:2 1 0;min-width:0;display:flex;flex-direction:column;border-inline-start:1px solid var(--line);padding-inline-start:6px}.framebox canvas{flex:1 1 auto;min-height:0}.ceilings{display:flex;flex-wrap:wrap;gap:3px;align-items:center;font-size:11px;color:var(--muted);padding:2px 0}.ceilings button{font-size:11px;padding:1px 5px}.ceilings button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.ceilings button.series{font-weight:700;text-decoration:underline}.framenote{font-size:11px;color:var(--muted);margin:2px 0;line-height:1.3}.ceilings .ceilinglabel{margin-inline-start:8px}.takebtns{display:inline-flex;align-items:center;gap:4px}.takehead .playbtn{font-size:11px;color:var(--muted);padding:0 4px}.takehead .playbtn:hover{color:var(--fg)}.takehead .rate{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);margin-inline-end:6px;cursor:default}.takehead .rate input{width:140px;margin:0}.takehead .rate span{min-width:34px;text-align:end}.ceilings select{font-size:11px;padding:0 2px;margin-inline-start:6px}.lessonintro .msg.note{margin-top:0}.lessonintro label{margin-top:8px;color:var(--fg)}.lessonlist{display:flex;flex-direction:column;gap:10px}.lessongroup{display:flex;flex-direction:column;gap:4px}.lessongroup h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 1px 2px}.lessoncard{padding:0}.lessoncard.chosen{box-shadow:inset 3px 0 0 var(--accent)}.lessoncard.running{border-color:var(--live)}.lessoncard .lhead{display:flex;align-items:baseline;gap:8px;width:100%;padding:7px 10px;border:0;background:none;color:var(--fg);text-align:start;font:inherit;cursor:pointer;border-radius:inherit}.lessoncard .lhead:hover{background:color-mix(in srgb,var(--fg) 5%,transparent)}.lessoncard .lhead:before{content:"▸";color:var(--muted);font-size:11px;flex:none}.lessoncard.open .lhead:before{content:"▾"}.lessoncard .ltitle{font-size:13px;font-weight:600;flex:1 1 auto;min-width:0}.lessoncard .lsum{font-size:11px;color:var(--muted);flex:none;white-space:nowrap}.lessoncard.running .ltitle:after{content:" ●";color:var(--live)}.lessoncard .lbody{padding:0 10px 10px}.lessoncard .lbody[hidden]{display:none}.lessoncard .ltext{margin:0;white-space:pre-line}.lessoncard .lparams{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:12px;color:var(--muted)}.lessoncard .lparams label{display:inline-flex;align-items:center;gap:4px}.lessoncard .lparams select{font-size:12px}.lessoncard .msg.note[hidden]{display:none}.lessoncard .msg.note.need{color:var(--bad)}.lessoncard .row{margin-top:8px}.lessoncard .msg{min-height:0}.lessoncard .msg:empty{display:none}.lessoncard .msg>span{display:block}.lessoncard .v-match{color:var(--ok)}.lessoncard .v-rough{color:var(--warn)}.lessoncard .v-other{color:var(--bad)}.lviewbar{flex:none}.lviewbar .seg{width:100%}.lviewbar .seg>button{flex:1 1 0}.courselist[hidden],#lessonsAll[hidden]{display:none}#lessonsAll{display:flex;flex-direction:column;gap:12px}.courseintro .msg.note{margin-top:0}.coursestage>.msg.note{margin:0 2px 4px}.coursestep.current{box-shadow:inset 3px 0 0 var(--accent)}.coursestep.running .ltitle:after{content:" ●";color:var(--live)}.coursestep .cstatus{padding:0 6px;border-radius:8px;background:var(--field)}.coursestep .cstatus.s-going{color:var(--warn)}.coursestep .cstatus.s-passed{color:var(--ok)}.coursestep .cstatus.s-later{font-style:italic}.coursestep .row{display:flex;flex-wrap:wrap;gap:6px}.coursestep .row[hidden]{display:none}.coursestep .msg .say{font-size:18px;font-weight:700;color:var(--fg);margin-bottom:4px}.coursestep .msg span.need{color:var(--bad)}[dir=rtl] .coursestep.current{box-shadow:inset -3px 0 0 var(--accent)}.coursestep .idgrid{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-top:4px}.coursestep .idbtn{display:inline-flex;flex-direction:column;align-items:center;min-width:52px;padding:4px 8px;line-height:1.2}.coursestep .idbtn b{font-size:18px}.coursestep .idbtn small{font-size:11px;color:var(--muted);max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coursestep .idbtn.right{box-shadow:inset 0 0 0 2px var(--ok)}.coursestep .idbtn.wrong{box-shadow:inset 0 0 0 2px var(--bad)}.coursestep .keepblocked,.porder .keepblocked{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);margin-top:4px}.courseprobe{box-shadow:inset 3px 0 0 var(--accent)}[dir=rtl] .courseprobe{box-shadow:inset -3px 0 0 var(--accent)}.courseprobe h4{margin:0 0 4px}.courseprobe .msg.note{margin-top:0}.courseprobe .row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.courseprobe .msg:empty{display:none}.courseprobe .msg>span{display:block}.courseprobe .msg .say{font-size:18px;font-weight:700;margin-bottom:4px}.porder[hidden]{display:none}.porder .msg{margin-bottom:0}.mirror{position:absolute;bottom:28px;left:60px;z-index:5;width:220px;border-radius:var(--radius);overflow:hidden;background:#000;box-shadow:0 4px 16px #0003;cursor:move;touch-action:none;user-select:none}.mirror[hidden]{display:none}.mirror.dragging{opacity:.85}.mirror video{display:block;width:100%;height:auto;transform:scaleX(-1);pointer-events:none}.tabpanel h3{font-size:13px;margin:0 0 6px}#overview table td .muted{color:var(--muted);font-size:11px}#overview table{font-size:12px;width:100%}#overview td,#overview th{white-space:nowrap;padding:3px 4px}#overview .muted{font-size:10px}#clearSounds{font-size:12px;padding:1px 8px}#lPerStep{width:4em}.framecard{margin-bottom:10px}.framecard .row{margin-top:8px;align-items:center}.framecard .framehead{margin-top:0}.framecard .framehead label{display:inline-flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0}.framecard .framehead select{flex:1;min-width:0}.framecard button{font-size:12px;padding:3px 9px}.framecard button.pressed{background:var(--accent);color:#fff;border-color:var(--accent)}.framecard .feditor{border-top:1px solid var(--line);margin-top:8px;padding-top:4px}.framecard .fname{flex:1 1 auto;display:inline-flex;align-items:center;gap:6px;min-width:0}.framecard .fname input{flex:1;min-width:0}.framecard .fchecklist{margin-top:8px;max-height:240px;overflow:auto;background:var(--field);border-radius:6px;padding:4px 6px;font-size:12px}.framecard .fline{display:flex;align-items:center;gap:6px;padding:1px 0 1px 18px;font-variant-numeric:tabular-nums}.framecard .fsummary table{font-size:12px}.framecard .warnline{color:var(--warn);font-size:12px;margin-top:4px;min-height:0}.framecard .fgrouphead{margin:10px 0 2px;font-size:12px;font-weight:600;color:var(--muted)}.framecard .fitem{padding:4px 6px;border-radius:6px}.framecard .fitem.on{box-shadow:inset 3px 0 0 var(--accent);background:var(--grid)}.framecard .fitemhead{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.framecard .fitemhead .fpick{border:0;background:none;padding:1px 2px;font-size:13px;font-weight:600;color:var(--fg);text-align:start;flex:1 1 auto;min-width:0}.framecard .fitemhead .fpick:hover:not([aria-disabled=true]){color:var(--accent)}.framecard .fitem.on .fpick{color:var(--accent)}.framecard .fcov{font-size:11px;color:var(--muted);padding-inline-start:4px}[dir=rtl] .framecard .fitem.on{box-shadow:inset -3px 0 0 var(--accent)}.cmpcard>summary{cursor:pointer;list-style-position:inside}.cmpcard>summary h3{display:inline}.cmpcard .row{margin-top:8px}.cmpcard label{display:inline-flex;align-items:center;gap:4px;min-width:0;flex:1 1 0}.cmpcard select{flex:1;min-width:0}#cmp table{font-size:12px;width:100%}#cmp td,#cmp th{white-space:nowrap;padding:3px 4px}#cmp td .muted{color:var(--muted);font-size:11px}.subtabs{display:flex;gap:4px;flex:none;flex-wrap:wrap}.subtabs button{border-radius:14px;background:none;color:var(--muted);padding:3px 10px;font-size:12.5px}.subtabs button:hover{color:var(--fg)}.subtabs button[aria-selected=true]{color:#fff;background:var(--accent);border-color:var(--accent)}[data-help-panel][hidden]{display:none}#overview .warnline{color:var(--warn);font-size:12px}.languages .langline{border-top:1px solid var(--line);padding:6px 0}.languages .langvowels{font-size:12px;margin:2px 0;word-spacing:2px}.languages .langline .row{margin-top:4px}.languages .langline>summary{cursor:pointer;font-weight:400}.languages .langline>summary>b{font-weight:700}.languages .langgroup{margin:10px 0 2px;font-size:13px;font-weight:600;color:var(--muted, #666)}.languages .stdtag{font-size:11px;padding:0 5px;border:1px solid var(--line);border-radius:8px;vertical-align:1px}.languages .langsources{margin:4px 0 2px 12px}.languages .langsources>summary{cursor:pointer;font-size:12px}.languages .langsrc{border-top:1px dotted var(--line);padding:4px 0;font-size:12px}.languages .langsrc>summary{cursor:pointer}.languages .srcinfo{white-space:pre-line;color:var(--muted);margin:2px 0;overflow-wrap:anywhere}.languages .srclink{overflow-wrap:anywhere}#refSource{max-width:22em}#refSourceWrap[hidden],#refDoubtfulWrap[hidden]{display:none}.langgrid{display:grid;grid-template-columns:3em 3em minmax(3em,1fr) 4em 4em 2.6em 1.6em;gap:3px;align-items:center;margin:6px 0}.langgrid .lh{font-size:11px;color:var(--muted)}.langgrid input{width:100%;min-width:0;font-size:12px;padding:1px 3px;box-sizing:border-box}.langgrid .del{border:0;background:none;color:var(--muted);padding:0}.refnote{margin:2px 0 4px;font-size:12px;color:var(--muted)}canvas,.micbtn{direction:ltr}[dir=rtl] .lessoncard.chosen{box-shadow:inset -3px 0 0 var(--accent)}select.seg-src{display:none}.seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:2px;max-width:100%;border-radius:8px;background:var(--field);vertical-align:middle}.seg[hidden]{display:none}.seg>button{border:0;background:none;color:var(--muted);padding:3px 10px;border-radius:6px;white-space:nowrap}.seg>button:hover:not([aria-disabled=true]){color:var(--fg);background:none}.seg>button[aria-checked=true]{background:var(--panel);color:var(--fg)}.seg>button:disabled{opacity:.4}.seg.chips{display:flex;flex-wrap:wrap;gap:4px;padding:0;background:none}.seg.chips>button{min-width:2.2em;padding:3px 8px;background:var(--field);color:var(--fg);font-weight:600}.seg.chips>button:hover:not([aria-disabled=true]){background:var(--field-hover)}.seg.chips>button[aria-checked=true]{background:var(--accent);color:var(--on-accent)}.practice .pvowels:has(.chips){flex-direction:column;gap:6px}.practice .pgrid .seg:not(.chips){width:100%}.practice .pgrid .seg:not(.chips)>button{flex:1 1 0;white-space:normal;line-height:1.25;padding-inline:4px}.recrow{position:sticky;bottom:0;z-index:3;align-items:center;margin-top:10px;padding-block:8px 4px;margin-inline:calc(-1 * var(--card-pad));padding-inline:var(--card-pad);background:var(--panel)}.setbar{align-items:center}.setbar label{display:inline-flex;gap:6px;align-items:center;flex:1 1 8em;min-width:0}.setbar #setSel,.setbar #setName{flex:1 1 auto;min-width:0}.setbar label select,.setbar label input{flex:1;min-width:0}.setbar [hidden]{display:none}.setbar button.icon{padding-inline:7px;background:none;color:var(--muted)}.setbar button.icon:hover:not([aria-disabled=true]){color:var(--fg);background:var(--grid)}.soundbtns{display:flex;flex-direction:column;gap:6px;margin-top:10px}.soundbtns .sounds>button{display:inline-flex;align-items:baseline;gap:4px;box-shadow:inset 0 -3px 0 var(--vc, transparent)}.soundbtns .sounds>button .vcount{font-size:11px;font-weight:400;opacity:.75;font-variant-numeric:tabular-nums}.soundbtns .sounds>button.none .vcount{opacity:.45}.soundbtns .sounds>button.addsound{font-weight:400;color:var(--muted);background:none;box-shadow:inset 0 0 0 1px var(--line)}.soundbtns .sounds>button.addsound:hover{color:var(--fg)}.takelist{margin-top:10px}.takelist h3{margin-bottom:0}.takelist .recsum{font-size:12px;font-variant-numeric:tabular-nums;margin-top:2px}.takelist .ncal{color:var(--accent);white-space:nowrap}.takes{list-style:none;margin:6px 0 0;padding:0}header{--bar-h: 44px;--strip-h: 8px;position:relative;z-index:20;flex:none;height:var(--bar-h);transition:height .2s ease}.bar{display:flex;align-items:center;gap:10px;height:var(--bar-h);padding-inline:10px 44px;white-space:nowrap;background:var(--bar-bg, var(--panel));box-shadow:var(--bar-edge, 0 1px 0 var(--line));transition:transform .2s ease,opacity .2s ease,visibility 0s}.bar>*{flex:none}.bar>.barspace{flex:1 1 0;min-width:0}.bar .icon{width:16px;height:16px;flex:none}.brand{font-size:16px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.brandlogo{width:22px;height:22px;border-radius:5px;flex:none}@media(max-width:440px){.brand{display:none}}header.away .bar,header.away .barhide{transform:translateY(calc(-100% - 4px));opacity:0}.barpeek{position:absolute;top:0;left:50%;transform:translate(-50%,-100%);padding:2px 14px 4px;border:0;border-radius:0 0 8px 8px;background:var(--bar-bg, var(--panel));box-shadow:var(--bar-edge, 0 1px 0 var(--line));color:var(--muted);font-size:12px;opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}header.away .barpeek{transform:translate(-50%);opacity:1;pointer-events:auto}.barpeek:hover{color:var(--fg)}header.collapsed{height:var(--strip-h);background:var(--bar-bg, var(--panel));box-shadow:var(--bar-edge, 0 1px 0 var(--line))}header.collapsed .bar{transform:translateY(calc(-100% - 4px));opacity:0;visibility:hidden;transition:transform .2s ease,opacity .2s ease,visibility 0s .2s}@media(prefers-reduced-motion:reduce){header,.bar,.barhide{transition:none}}.panelmenu{display:flex;align-items:stretch;align-self:stretch;gap:2px;padding-inline-start:10px;border-inline-start:1px solid var(--line);margin-block:10px}.panelmenu button{border:0;border-radius:6px;background:none;color:var(--muted);padding:0 10px;white-space:nowrap;margin-block:-6px}.panelmenu button:hover{color:var(--fg);background:var(--grid)}.panelmenu button[aria-selected=true]{color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent);border-radius:6px 6px 0 0}.panelmenu button.busy:after,.menupanels button.busy:after{content:"";display:inline-block;width:6px;height:6px;margin-inline-start:6px;border-radius:50%;background:var(--live);vertical-align:middle}header.narrow .panelmenu{display:none}.menupanels{display:none}header.narrow .menupanels{display:flex;flex-direction:column;gap:2px;padding-bottom:4px;margin-bottom:4px;border-bottom:1px solid var(--line)}.dropmenu{position:relative}.dropmenu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px;border-radius:6px;color:var(--muted);font-weight:500;user-select:none}.dropmenu>summary::-webkit-details-marker{display:none}.dropmenu>summary:hover,.dropmenu[open]>summary{color:var(--fg);background:var(--grid)}.appmenu>summary{font-size:20px;line-height:1;padding:0 7px}.settings>summary{font-size:17px;line-height:1;padding:0 7px}.personmenu>summary{color:var(--fg)}.personmenu .pname{max-width:12em;overflow:hidden;text-overflow:ellipsis}.personmenu .caret:after{content:"▾";font-size:10px;color:var(--muted)}.menupanel,.settingspanel{position:absolute;top:calc(100% + 6px);z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #00000026;white-space:normal}.menupanel{inset-inline-start:0;display:flex;flex-direction:column;gap:2px;padding:6px;min-width:240px;max-height:calc(100vh - var(--bar-h) - 16px);overflow-y:auto}.personmenu .menupanel,.settingspanel{inset-inline-start:auto;inset-inline-end:0}@media(max-width:600px){.personmenu .menupanel{position:fixed;top:calc(var(--bar-h) + 4px);inset-inline:8px;min-width:0}}.menupanel>button,.menupanel>a,.menupanels>button{display:block;width:100%;text-align:start;border:0;background:none;color:var(--fg);padding:6px 10px;border-radius:6px;white-space:nowrap;text-decoration:none;font:inherit;cursor:pointer}.menupanel>button:hover,.menupanel>a:hover,.menupanels>button:hover{background:var(--grid)}.menupanel>a:after{content:" ↗";color:var(--muted)}.menupanels>button[aria-current=true]{color:var(--accent)}.menupanel .menuhead{padding:2px 10px;font-size:11px;color:var(--muted)}.menupanel hr{border:0;border-top:1px solid var(--line);margin:4px 2px}.menupanel .seg{margin:2px 6px;align-self:flex-start}.menupanel>#addPerson{color:var(--muted)}.settingspanel{display:flex;flex-direction:column;gap:10px;padding:12px;min-width:300px}.settingspanel label{justify-content:space-between}.settingspanel label>span{white-space:nowrap}#langSel{field-sizing:content;max-width:14em;padding-block:3px}.micbtn{--lv: 0;--gate: .4;position:relative;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--field);color:var(--muted)}.micbtn:hover:not([aria-disabled=true]){color:var(--fg)}.micbtn.on{color:var(--live)}.micbtn .icon{position:relative}.micring,.micgate{position:absolute;inset:-4px;border-radius:50%;pointer-events:none}.micring{background:conic-gradient(from 225deg,var(--lvc, var(--muted)) 0 calc(var(--lv) * 270deg),color-mix(in srgb,var(--muted) 30%,transparent) 0 270deg,transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px))}.micbtn.loud{--lvc: var(--accent)}.micgate{background:conic-gradient(from calc(225deg + var(--gate) * 270deg - 3deg),var(--live) 0 6deg,transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px))}.micbtn:not(.on) .micgate{opacity:.35}.barhide{position:absolute;inset-inline-end:8px;top:calc((var(--bar-h) - 26px) / 2);width:26px;height:26px;padding:0;border:0;border-radius:6px;background:none;color:var(--muted);transition:transform .2s ease,opacity .2s ease}.barhide:before{content:"";display:block;width:8px;height:8px;margin:4px auto 0;border:solid currentColor;border-width:2px 0 0 2px;transform:rotate(45deg)}.barhide:hover{color:var(--fg);background:var(--grid)}header.collapsed .barhide{inset:0;width:auto;height:auto;border-radius:0}header.collapsed .barhide:before{width:40px;height:0;margin:0 auto;border-width:2px 0 0;border-radius:1px;transform:none}.aboutdlg{max-width:min(560px,calc(100vw - 32px));border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;background:var(--panel);color:var(--fg);box-shadow:0 16px 48px #00000040}.aboutdlg::backdrop{background:#00000059}.aboutdlg h2{font-size:18px;margin:0}.aboutdlg h3{font-size:13px;margin:14px 0 4px}.aboutdlg .aboutver{margin:2px 0 10px;color:var(--muted);font-size:12px}.aboutdlg ul{margin:0;padding-inline-start:18px}.aboutdlg li{margin:3px 0}.aboutdlg a{color:var(--accent)}.accountbox{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:4px 0;padding:4px 0;max-width:320px}.accountbox[hidden]{display:none}.accountbox .msg{margin:2px 10px 4px}.accountbox .msg.warn{color:var(--bad);font-size:12px;min-height:0}.personmenu .accountbox{border-bottom:0;margin-bottom:0}.accountbox .providers{display:grid;grid-template-columns:1fr 1fr;gap:2px}.accountbox>button,.accountbox>a,.accountbox .providers>button{display:block;width:100%;text-align:start;border:0;background:none;color:var(--fg);padding:6px 10px;border-radius:6px;text-decoration:none;font:inherit;cursor:pointer}.accountbox>button:hover,.accountbox>a:hover,.accountbox .providers>button:hover:not([aria-disabled=true]){background:var(--grid)}.accountbox .providers>button[aria-disabled=true]{color:var(--muted);opacity:.6;cursor:default}.accountbox>a:after{content:" ↗";color:var(--muted)}.accountdlg p{line-height:1.45}.accountdlg .msg.warn{color:var(--bad)}.accountdlg .dlgbuttons{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;flex-wrap:wrap}.sharecheck{display:flex;align-items:flex-start;gap:6px;font-weight:600;margin:10px 0}.sharecheck input{margin-top:3px}.pdshare{margin-top:12px}.pdshare .sharecheck{margin-bottom:0}.aboutdlg form{margin-top:16px;text-align:end}.linkbtn{border:0;background:none;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer;font:inherit}.chartbar .cgicon{display:inline-flex;flex:none;align-self:center;color:var(--muted)}.chartbar .cgicon svg{width:16px;height:16px}.chartsettings>summary:hover .cgicon{color:var(--accent)}.speechlang{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;white-space:nowrap}.speechlang .icon{width:16px;height:16px;flex:none}@media(max-width:1100px){.speechlang .slshort{display:none}}.elsewhere{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;font-size:12px;color:var(--muted)}.cgroup .cgbody .elsewhere{flex-basis:100%;margin-top:2px}.elsewhere .elsewherehead{flex-basis:100%}.elsewhere .elsewhereitem{display:inline-flex;align-items:center;gap:6px}.elsewhere .elsewhereitem b{color:var(--fg);font-weight:600}.elsewhere button.small{font-size:12px;padding:1px 8px}.menupanel .personnative{padding:2px 10px 4px;font-size:12px;color:var(--muted);max-width:22em}.persondlg{width:min(720px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);overflow-y:auto}.persondlg .pdfields{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px}.persondlg label{display:inline-flex;align-items:center;gap:6px}.persondlg .pdfields input[type=text]{width:14em}.persondlg .pdlang{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:8px 0}.persondlg .pdlanghead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.persondlg .pdplaces{list-style:none;margin:6px 0;padding:0}.persondlg .pdplaces li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:3px 0;border-top:1px solid var(--grid)}.persondlg .pdplace{flex:1 1 16em;min-width:0}.persondlg button.small{font-size:12px;padding:2px 8px}.persondlg .pdadd{margin-top:4px}.persondlg .pdeditor{border:1px solid var(--accent);border-radius:8px;padding:10px;margin:10px 0;display:flex;flex-direction:column;gap:8px}.persondlg .pdeditor[hidden]{display:none}.persondlg .pdmode button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.persondlg .pdsearch{display:flex;gap:6px}.persondlg .pdsearch input{flex:1;min-width:0}.persondlg .pdhits{display:flex;flex-direction:column;gap:2px}.persondlg .pdhits:empty{display:none}.persondlg .pdhit{text-align:start;font-size:12px;padding:3px 8px}.persondlg .pdmap{height:320px;border-radius:6px;border:1px solid var(--line)}.persondlg .pdaddr{margin:0;font-size:13px}.persondlg .pdperiod{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.persondlg .pdperiod input{width:6em}.persondlg .pdnote input{flex:1;min-width:0}.persondlg .pdnote{display:flex}.persondlg .pdosm{margin-top:12px}.persondlg [hidden]{display:none!important}.pdpin{width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#2457d6;border:2px solid #fff;box-shadow:0 1px 4px #00000080;box-sizing:border-box}.pdhandle{width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:3px;background:#fff;border:2px solid #2457d6;box-shadow:0 1px 3px #0006;box-sizing:border-box;cursor:ew-resize}