@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-style=calm]{--bg: #f4f4f2;--panel: #ffffff;--fg: #1b1b1f;--muted: #75757d;--line: #e6e6e3;--grid: #efefec;--accent: #3b5bdb;--live: #e5383b;--rec: #a1a1a8;--ok: #1f9254;--warn: #c27c0e;--bad: #d03b3b;--field: #f0f0ee;--field-hover: #e8e8e5;--soft: #f6f6f4;--hair: rgb(0 0 0 / .06);--on-accent: #fff;--shadow: 0 1px 2px rgb(16 16 24 / .05), 0 2px 8px rgb(16 16 24 / .04);--shadow-pop: 0 10px 30px rgb(16 16 24 / .12), 0 2px 6px rgb(16 16 24 / .06);--accent-soft: color-mix(in srgb, var(--accent) 11%, transparent);--radius: 12px;--card-pad: 16px;color-scheme:light}@media(prefers-color-scheme:dark){:root[data-style=calm]:not([data-theme=light]){--bg: #111113;--panel: #19191c;--fg: #ececf0;--muted: #8e8e98;--line: #2a2a30;--grid: #232328;--accent: #7c96ff;--live: #ff5a5f;--rec: #6f6f78;--ok: #4cc27f;--warn: #e0a64a;--bad: #ef6b5d;--field: #232328;--field-hover: #2b2b31;--soft: #1e1e22;--hair: rgb(255 255 255 / .06);--on-accent: #0b0f1f;--shadow: 0 0 0 1px rgb(255 255 255 / .04), 0 2px 10px rgb(0 0 0 / .35);--shadow-pop: 0 0 0 1px rgb(255 255 255 / .06), 0 12px 32px rgb(0 0 0 / .5);color-scheme:dark}}@keyframes calm-recpulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--live) 18%,transparent)}}:where([data-style=calm]){body{font:13.5px/1.5 Inter,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}button,select,input{border-radius:8px;padding:6px 12px;font-weight:500;transition:background .12s,color .12s,box-shadow .12s}button:hover:not(:disabled){background:var(--field-hover)}select{appearance:none;padding-inline-end:28px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2388888f' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}&[dir=rtl] select{background-position:left 10px center}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;padding:0}input[type=range]{background:none;padding:0;accent-color:var(--accent)}button.primary{background:var(--accent);color:var(--on-accent);box-shadow:0 1px 2px #0000001a}button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,#000)}label{font-size:12.5px}.seg{border-radius:9px}.seg>button{padding:4px 10px;font-size:12.5px;border-radius:7px}.seg>button[aria-checked=true]{box-shadow:0 1px 2px #00000014,0 0 0 .5px #0000000a}.seg.chips>button{border-radius:7px;font-size:14px}header{--bar-h: 48px;--bar-edge: 0 1px 0 var(--hair)}.bar{padding-inline:14px 46px;gap:12px}.brand{font-size:16px;font-weight:700;letter-spacing:-.02em}.panelmenu{border-inline-start-color:var(--hair)}.panelmenu button{font-size:13px;font-weight:500;border-radius:8px}.panelmenu button[aria-selected=true]{color:var(--accent);background:var(--accent-soft);box-shadow:none;border-radius:8px}.dropmenu>summary{border-radius:8px}.menupanel,.settingspanel{border:0;border-radius:14px;box-shadow:var(--shadow-pop)}.menupanel>button,.menupanel>a,.menupanels>button,.personlist>button{border-radius:8px}.settingspanel{padding:16px;gap:12px}#langSel{padding-block:4px}.micbtn.loud{--lvc: var(--accent)}main{padding:16px 20px 20px;gap:6px}.splitter:after,.hsplitter:after{background:transparent}.splitter:hover:after,.hsplitter:hover:after,.splitter.dragging:after,.hsplitter.dragging:after{background:var(--accent)}canvas{box-shadow:var(--shadow)}.readout{background:var(--soft);border-radius:6px;font-size:12px}.zoomreset{background:var(--panel);box-shadow:var(--shadow)}.takepanel{box-shadow:var(--shadow)}.takehead{border-bottom:1px solid var(--hair);padding-block:6px;font-size:12.5px}.framebox{border-inline-start:1px solid var(--hair)}.takepanel canvas,.recview canvas{box-shadow:none}.recview canvas{background:var(--soft);border-radius:8px}.chartbar{font-size:12.5px;margin-bottom:10px;align-items:center}.chartbar .cgroups{gap:6px;padding-inline-start:0;margin-top:8px;align-items:flex-start}.chartsettings>summary{padding:4px 0}.chartbar summary:before{content:"";inline-size:14px;height:14px;font-size:0;flex:none;align-self:center;background:center / 10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M3.5 1.5 7 5 3.5 8.5' fill='none' stroke='%2388888f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transition:transform .15s}&[dir=rtl] .chartbar summary:before{content:"";transform:scaleX(-1)}.chartbar details[open]>summary:before{content:"";transform:rotate(90deg)}.cgroup{background:var(--panel);border-radius:10px;box-shadow:var(--shadow);padding-block:3px;padding-inline:6px 10px}.cgroup[open]:not(.stub){padding-block:6px;padding-inline:6px 12px}.chartbar select,.ceilings select{font-size:12px;padding-block:3px;padding-inline:8px 24px;background-position:right 7px center}&[dir=rtl] .chartbar select,&[dir=rtl] .ceilings select{background-position:left 7px center}.chartbar .seg>button{font-size:12px;padding:2px 9px}.chartbar .stubbtn{background:none}.cgroup.stub{box-shadow:none;background:var(--field);padding:3px 4px}.legend{font-size:12px;gap:14px}aside{gap:12px}.card{box-shadow:var(--shadow)}.tabpanel{gap:12px;padding:2px 2px 8px}.tabpanel h3,h2{font-size:13px;font-weight:600;letter-spacing:-.01em}.row.small button{font-size:12px;background:none;color:var(--muted)}.row.small button:hover{color:var(--fg)}.leaf:hover{background:var(--field)}.leaf .ldel,.leaf .lplay,.takehead button{background:none}.leaf{border-radius:6px}.leaf.selected{background:var(--accent);color:var(--on-accent)}.leaf .ltag{border:0;background:color-mix(in srgb,var(--bad) 14%,transparent)}.recrow{padding-block:10px 6px}#rec{position:relative;display:inline-flex;align-items:center;gap:10px;height:44px;padding-block:0;padding-inline:8px 20px;border-radius:999px;background:var(--live);color:#fff;font-weight:600;font-size:14px;box-shadow:0 4px 14px color-mix(in srgb,var(--live) 35%,transparent)}#rec:before{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 8px var(--live),inset 0 0 0 10px #fff}#rec:hover:not(:disabled){background:color-mix(in srgb,var(--live) 90%,#000)}#rec:disabled{opacity:1;background:var(--field);color:var(--muted);box-shadow:none}#rec:disabled:before{background:var(--panel);box-shadow:inset 0 0 0 8px var(--rec),inset 0 0 0 10px var(--panel)}#rec.on:before{box-shadow:inset 0 0 0 9px #fff;border-radius:6px;width:18px;height:18px;margin:5px}#rec.on{animation:calm-recpulse 1.4s ease-in-out infinite}#wav{background:none;color:var(--muted)}.practice .pgrid{grid-template-columns:minmax(0,1fr);gap:4px;font-size:12px;font-weight:500}.practice .pgrid>select,.practice .pgrid>.seg,.practice .pgrid>.pvowels,.practice .pgrid>.pfrac{margin-bottom:10px}.practice .pgrid .seg:not(.chips)>button{padding-block:5px}#pStart{border-radius:999px;padding:9px 22px;font-size:14px;font-weight:600}.practicebar .pbar{height:6px;border-radius:3px}.framecard .fitem{border-radius:8px}.framecard .fitem.on{background:var(--accent-soft);box-shadow:none}.framecard .fchecklist{background:var(--soft);border-radius:8px}.subtabs{background:var(--field);padding:3px;border-radius:10px;align-self:flex-start;gap:2px}.subtabs button{border-radius:8px}.subtabs button[aria-selected=true]{background:var(--panel);color:var(--fg);box-shadow:0 1px 2px #00000014}th,td{border-bottom:1px solid var(--hair);padding:5px 6px}th{font-weight:500;color:var(--muted);font-size:11.5px}.lessoncard.running{box-shadow:0 0 0 2px var(--live)}.languages .langline,.framecard .feditor{border-top-color:var(--hair)}.languages .stdtag{border:0;background:var(--field)}.mirror{border-radius:14px}}:root[data-style=studio]{--bg: #e9ecf0;--panel: #f8f9fb;--fg: #16191e;--muted: #687280;--line: #d5dae1;--grid: #e4e8ed;--accent: #0b89b3;--live: #e5372f;--rec: #98a1ad;--ok: #148a5a;--warn: #b8760c;--bad: #cf3a33;--raised: #ffffff;--well: #e1e5ea;--edge: rgb(20 30 50 / .1);--on-accent: #fff;--field: var(--well);--field-hover: color-mix(in srgb, var(--well) 85%, var(--fg));--glow-live: 0 0 0 1px color-mix(in srgb, var(--live) 50%, transparent), 0 0 18px color-mix(in srgb, var(--live) 35%, transparent);--glow-accent: 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent), 0 0 14px color-mix(in srgb, var(--accent) 25%, transparent);--mono: "IBM Plex Mono", "Cascadia Mono", Consolas, monospace;--radius: 10px;--card-pad: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root[data-style=studio]:not([data-theme=light]){--bg: #0b0d10;--panel: #12151a;--fg: #e4e8ee;--muted: #7d8794;--line: #232831;--grid: #1b1f26;--accent: #39c6f0;--live: #ff4d42;--rec: #5b636e;--ok: #3ddc97;--warn: #f2b84b;--bad: #ff6b5d;--raised: #181c22;--well: #0e1014;--edge: rgb(255 255 255 / .07);--on-accent: #04141a;color-scheme:dark}}@keyframes studio-recglow{50%{box-shadow:inset 0 0 0 1px var(--edge),0 0 28px var(--live)}}:where([data-style=studio]){body{font:13px/1.5 Inter,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}output,.leaf,.readout,#recTime,table,.lsum,.practicebar,#takeRateValue,.cgsum{font-family:var(--mono);font-size:12px}.cgsum{font-size:11.5px}button,select,input{border:1px solid var(--edge);background:var(--raised);border-radius:6px;padding:5px 10px;font-weight:500;transition:background .12s,box-shadow .12s,color .12s}button:hover:not(:disabled){background:color-mix(in srgb,var(--raised) 85%,var(--fg))}select{appearance:none;padding-inline-end:26px;cursor:pointer;background-color:var(--well);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%237d8794'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}&[dir=rtl] select{background-position:left 9px center}input:not([type]),input[type=number],input[type=text]{background:var(--well)}input:focus-visible,select:focus-visible,button:focus-visible{outline:0;box-shadow:var(--glow-accent)}input[type=checkbox],input[type=range]{accent-color:var(--accent);border:0;background:none;padding:0}button.primary{background:var(--accent);border-color:transparent;color:var(--on-accent);font-weight:600}button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 85%,#fff)}label{font-size:12px}.seg{gap:0;border-radius:7px;background:var(--well);box-shadow:inset 0 0 0 1px var(--edge)}.seg>button{border:0;font-size:12px;border-radius:5px}.seg>button[aria-checked=true]{background:var(--raised);color:var(--accent);box-shadow:0 0 0 1px var(--edge),0 1px 3px #00000040}.seg.chips{box-shadow:none}.seg.chips>button{font-family:var(--mono);font-size:13px;border-radius:5px;box-shadow:inset 0 0 0 1px var(--edge)}header{--bar-h: 42px;--bar-edge: 0 1px 0 var(--edge)}.brand{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.panelmenu{border-inline-start-color:var(--edge)}.panelmenu button{font-size:12px;font-weight:500;letter-spacing:.02em}.panelmenu button[aria-selected=true]{color:var(--fg);background:var(--raised);box-shadow:0 0 0 1px var(--edge),inset 0 -2px 0 var(--accent);border-radius:6px}.panelmenu button.busy:after,.menupanels button.busy:after{box-shadow:0 0 6px var(--live)}.micbtn{background:var(--well);box-shadow:inset 0 0 0 1px var(--edge)}.micbtn.on{color:var(--live);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--live) 45%,transparent))}.micbtn.loud{--lvc: var(--ok)}.menupanel,.settingspanel{background:var(--raised);border:1px solid var(--edge);border-radius:10px;box-shadow:0 16px 40px #00000059}.menupanel .menuhead{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}#langSel{font-size:12px}main{padding:12px 16px 16px;gap:4px}.splitter:after,.hsplitter:after{background:var(--edge)}canvas{border:1px solid var(--edge)}.readout{background:var(--well);border:1px solid var(--edge);color:var(--fg);border-radius:5px}.zoomreset{background:var(--raised)}.takepanel{border:1px solid var(--edge)}.takehead{border-bottom:1px solid var(--edge);background:var(--raised);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.takehead button,.takehead select{border:0;background-color:transparent}.takepanel canvas{border:0}.framebox{border-inline-start:1px solid var(--edge)}.recview canvas{background:var(--well);border:1px solid var(--edge)}.chartbar{font-size:12px;margin-bottom:8px}.chartbar .cgroups{gap:6px;padding-inline-start:0;margin-top:6px}.cgroup{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding-block:3px;padding-inline:6px 10px}.cgroup[open]:not(.stub){border-color:color-mix(in srgb,var(--accent) 35%,var(--edge))}.chartbar .cgsum{color:var(--accent)}.chartbar select,.ceilings select{font-size:12px;padding-block:2px;padding-inline:8px 22px;background-position:right 7px center}&[dir=rtl] .chartbar select,&[dir=rtl] .ceilings select{background-position:left 7px center}.chartbar .stubbtn{border:0;background:none}.cgroup.stub .stubbtn{border:1px solid var(--edge)}.legend{font-size:11.5px}aside{gap:10px}.card{border:1px solid var(--edge)}.tabpanel h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.row.small button{font-size:11.5px;background:none;border-color:transparent;color:var(--muted)}.practice .pgrid>span:not(.pvowels):not(.pfrac){font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}.leaf:hover{background:var(--raised)}.leaf .ldel,.leaf .lplay{border:0;background:none}.leaf.selected{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--fg);box-shadow:inset 2px 0 0 var(--accent)}.leaf .ltag{border-color:color-mix(in srgb,var(--bad) 50%,transparent)}.recrow{gap:12px;padding-block:10px 6px}#rec{display:inline-flex;align-items:center;gap:12px;padding-block:0;padding-inline:0 16px;height:48px;border-radius:24px;border:1px solid var(--edge);background:var(--raised);color:var(--fg);font-weight:600}#rec:before{content:"";flex:none;width:46px;height:46px;margin:-1px 0;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--live) 0 11px,transparent 12px),var(--well);box-shadow:inset 0 0 0 1px var(--edge),0 0 16px color-mix(in srgb,var(--live) 45%,transparent)}#rec:disabled{opacity:.55}#rec:disabled:before{background:radial-gradient(circle,var(--rec) 0 11px,transparent 12px),var(--well);box-shadow:inset 0 0 0 1px var(--edge)}#rec.on{box-shadow:var(--glow-live);color:var(--live)}#rec.on:before{background:radial-gradient(circle,var(--live) 0 9px,transparent 10px),var(--well);animation:studio-recglow 1s ease-in-out infinite}#wav{background:none;color:var(--muted)}.practice .pgrid{gap:8px 12px}.practice .pgrid .seg:not(.chips)>button{line-height:1.2;padding-block:4px}#pStart{height:38px;padding:0 22px;border-radius:19px;font-size:13px}#pStart.on{background:var(--live);box-shadow:var(--glow-live);color:#fff}.practicebar #pDist{color:var(--accent);font-size:14px}.practicebar .pbar{height:6px;background:var(--well);box-shadow:inset 0 0 0 1px var(--edge)}.framecard .fitem.on{background:color-mix(in srgb,var(--accent) 10%,transparent)}.framecard .fchecklist{border:1px solid var(--edge);background:var(--well)}.subtabs button{border:1px solid var(--edge);border-radius:6px}.subtabs button[aria-selected=true]{background:var(--raised);color:var(--accent);border-color:var(--accent)}th,td{border-bottom:1px solid var(--edge)}th{color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.lessoncard.running{border-color:var(--live);box-shadow:var(--glow-live)}.lessongroup h4{color:var(--accent)}.languages .langline,.framecard .feditor{border-top-color:var(--edge)}.mirror{border:1px solid var(--edge)}}:root[data-style=friendly]{--bg: #f7f2ea;--panel: #fffdf9;--fg: #2b2622;--muted: #857b71;--line: #ece4d8;--grid: #f1ebe2;--accent: #13877b;--live: #ef5d45;--rec: #b9afa4;--ok: #2f9a5b;--warn: #c98512;--bad: #d4483a;--field: #f4ede3;--field-hover: #ece3d6;--sun: #f6c453;--on-accent: #fff;--accent-soft: color-mix(in srgb, var(--accent) 13%, transparent);--shadow: 0 1px 2px rgb(90 60 30 / .06), 0 6px 18px rgb(90 60 30 / .07);--radius: 18px;--card-pad: 18px;color-scheme:light}@media(prefers-color-scheme:dark){:root[data-style=friendly]:not([data-theme=light]){--bg: #1a1714;--panel: #24201c;--fg: #f1e9df;--muted: #a59a8e;--line: #3a332c;--grid: #2d2823;--accent: #4fcdbb;--live: #ff7a63;--rec: #6f665d;--ok: #5fcf8e;--warn: #f0b44f;--bad: #ff7b6b;--field: #2f2a24;--field-hover: #39332c;--on-accent: #10231f;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 22px rgb(0 0 0 / .25);color-scheme:dark}}@keyframes friendly-recbreath{50%{box-shadow:0 0 0 8px color-mix(in srgb,#fff 25%,transparent)}}:where([data-style=friendly]){body{font:15px/1.5 Nunito,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-weight:500}button,select,input{border-radius:12px;padding:7px 14px;font-weight:700;transition:background .15s,transform .1s}button:hover:not(:disabled){background:var(--field-hover)}button:active:not(:disabled){transform:translateY(1px)}select{appearance:none;padding-inline-end:32px;font-weight:600;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%238a8076' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}&[dir=rtl] select{background-position:left 12px center}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:1px}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;padding:0}input[type=range]{background:none;padding:0;accent-color:var(--accent)}button.primary{background:var(--accent);color:var(--on-accent)}button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,#000)}label{font-weight:600}.seg{gap:4px;padding:4px;border-radius:14px}.seg>button{padding:5px 12px;border-radius:10px;font-size:14px}.seg>button[aria-checked=true]{color:var(--accent);box-shadow:0 1px 3px #5a3c1e26}.seg.chips{gap:6px}.seg.chips>button{min-width:40px;height:40px;padding:0 10px;border-radius:999px;font-size:18px;font-weight:800}.seg.chips>button[aria-checked=true]{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,transparent)}header{--bar-h: 56px;--bar-bg: var(--bg);--bar-edge: none}header.collapsed{background:var(--field)}.bar{padding-inline:18px 50px;gap:12px}.brand{font-size:19px;font-weight:800;letter-spacing:-.01em}.panelmenu{border:0;padding:4px;gap:4px;background:var(--field);border-radius:999px;margin-block:8px}.panelmenu button{margin:0;border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:700}.panelmenu button[aria-selected=true]{background:var(--panel);color:var(--accent);box-shadow:0 2px 6px #5a3c1e1f;border-radius:999px}.dropmenu>summary{border-radius:999px;font-weight:700;height:36px;padding:0 12px}.personmenu>summary,.settings>summary,.appmenu>summary{background:var(--panel);box-shadow:var(--shadow)}.settings>summary,.appmenu>summary{width:36px;padding:0;justify-content:center}.micbtn{width:36px;height:36px;background:var(--panel);box-shadow:var(--shadow)}.micbtn.loud{--lvc: var(--accent)}.menupanel,.settingspanel{border:0;border-radius:var(--radius);box-shadow:0 16px 40px #5a3c1e2e}.menupanel{padding:8px}.menupanel>button,.menupanel>a,.menupanels>button,.personlist>button{border-radius:10px;font-weight:600}.settingspanel{padding:18px}#langSel{border-radius:999px}main{padding:10px 22px 22px;gap:8px}.splitter:after,.hsplitter:after{background:transparent}.splitter:hover:after,.hsplitter:hover:after,.splitter.dragging:after,.hsplitter.dragging:after{background:var(--accent)}canvas{box-shadow:var(--shadow)}.readout{background:var(--field);border-radius:8px}.zoomreset{border-radius:10px}.takepanel{box-shadow:var(--shadow)}.takehead{border-bottom:1px solid var(--line);padding-block:8px;font-size:14px}.takehead button{background:none}.takepanel canvas,.recview canvas{box-shadow:none}.framebox{border-inline-start:1px solid var(--line)}.recview canvas{border-radius:12px}.chartbar{font-size:14px;margin-bottom:10px}.chartbar .cgroups{gap:8px;padding-inline-start:0;margin-top:8px}.chartbar summary:before{color:var(--accent)}.cgroup{background:var(--panel);border-radius:14px;box-shadow:var(--shadow);padding-block:5px;padding-inline:8px 12px}.cgroup[open]:not(.stub){padding-block:8px;padding-inline:10px 14px}.chartbar .cgtitle{font-weight:800}.chartbar .cgsum{font-weight:600}.chartbar select,.ceilings select{font-size:13px;padding-block:4px;padding-inline:10px 28px;background-position:right 10px center;border-radius:10px}&[dir=rtl] .chartbar select,&[dir=rtl] .ceilings select{background-position:left 10px center}.chartbar .seg{padding:3px}.chartbar .seg>button{font-size:13px;padding:3px 10px}.chartbar .stubbtn{background:none}.cgroup.stub{box-shadow:none;background:var(--field)}.legend{font-size:13px}aside{gap:14px}.card{box-shadow:var(--shadow)}.tabpanel{gap:14px;padding:2px 4px 10px}.tabpanel h3,h2{font-size:16px;font-weight:800}.msg{font-size:14px}.msg.note{font-size:13px}.row.small button{font-size:13px;background:none;color:var(--muted)}.leaf:hover{background:var(--field-hover)}.leaf .ldel,.leaf .lplay{background:none}.leaf{border-radius:8px;font-size:13px}.leaf.selected{background:var(--accent);color:var(--on-accent)}.leaf .ltag{border:0;background:color-mix(in srgb,var(--bad) 15%,transparent);border-radius:999px;padding:0 8px}.recrow{gap:14px;padding-block:12px 6px}#rec{display:inline-flex;align-items:center;gap:12px;padding-block:0;padding-inline:6px 22px;height:60px;border-radius:30px;background:var(--live);color:#fff;font-size:16px;font-weight:800;box-shadow:0 6px 18px color-mix(in srgb,var(--live) 40%,transparent)}#rec:before{content:"";width:48px;height:48px;border-radius:50%;flex:none;background:radial-gradient(circle,#fff 0 9px,transparent 10px),color-mix(in srgb,#fff 22%,transparent)}#rec:hover:not(:disabled){background:color-mix(in srgb,var(--live) 90%,#000)}#rec:disabled{opacity:1;background:var(--field);color:var(--muted);box-shadow:none}#rec:disabled:before{background:radial-gradient(circle,var(--rec) 0 9px,transparent 10px),var(--panel)}#rec.on:before{background:linear-gradient(#fff,#fff) center / 16px 16px no-repeat,color-mix(in srgb,#fff 22%,transparent);animation:friendly-recbreath 1.6s ease-in-out infinite}#wav{background:none;color:var(--muted)}.practice .pgrid{grid-template-columns:minmax(0,1fr);gap:6px;font-size:13px;font-weight:700}.practice .pgrid>select,.practice .pgrid>.seg,.practice .pgrid>.pvowels,.practice .pgrid>.pfrac{margin-bottom:12px}.practice .pgrid .seg:not(.chips)>button{line-height:1.2;padding-block:6px;font-size:13px}.practice .pvowels:has(.chips){gap:8px}#pStart{border-radius:999px;padding:11px 28px;font-size:16px;font-weight:800;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent)}#pStart.on{background:var(--live)}.practicebar{font-size:14px}.practicebar #pDist{font-size:16px}.practicebar .pbar{height:10px;border-radius:5px;background:var(--field)}.lessongroup h4{color:var(--accent);font-size:12px}.lessoncard .ltitle{font-size:15px;font-weight:800}.lessoncard.running{box-shadow:0 0 0 3px var(--live),var(--shadow)}.lessoncard.chosen{box-shadow:inset 4px 0 0 var(--accent),var(--shadow)}&[dir=rtl] .lessoncard.chosen{box-shadow:inset -4px 0 0 var(--accent),var(--shadow)}.framecard .fitem{border-radius:12px}.framecard .fitem.on{background:var(--accent-soft);box-shadow:none}.framecard .fchecklist{background:var(--field);border-radius:12px}.subtabs button{background:var(--field);border-radius:999px;padding:5px 14px;font-weight:700}.subtabs button[aria-selected=true]{background:var(--accent);color:var(--on-accent)}th,td{border-bottom:1px solid var(--line);padding:6px}th{color:var(--muted);font-weight:700;font-size:12.5px}.languages .stdtag{border:0;background:var(--accent-soft);color:var(--accent)}}