@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}:root{color-scheme:light;--bg: #f6f6fc;--surface: #ffffff;--surface-low: #f3f3fd;--surface-mid: #ededf7;--surface-high: #e2e2ec;--fg: #191b22;--muted: #555565;--faint: #777683;--line: #e2e2ec;--line-strong: #c7c5d4;--primary: #3b3f99;--primary-deep: #232681;--primary-soft: #e1e0ff;--primary-tint: #f0efff;--on-primary: #ffffff;--teal: #006a60;--teal-bright: #2bb3a3;--teal-soft: #d4f6ef;--amber: #7a4b00;--amber-bright: #f2a93b;--amber-soft: #fff0d6;--coral: #b3261e;--coral-bright: #e5484d;--coral-soft: #fde4e2;--shadow-sm: 0 1px 2px rgba(25, 27, 34, .06);--shadow: 0 1px 2px rgba(25, 27, 34, .05), 0 6px 20px rgba(25, 27, 34, .06);--shadow-lg: 0 12px 40px rgba(25, 27, 34, .14);--r-card: 12px;--r-btn: 10px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.55 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}h1,h2,h3,h4{margin:0;text-wrap:balance;letter-spacing:-.01em}p{margin:0}.tnum{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:.92em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ms{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;flex:none;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none}.ms.fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.ms.sm{font-size:16px}.ms.lg{font-size:28px}.display{font-size:34px;line-height:42px;font-weight:600;letter-spacing:-.02em}.h1{font-size:26px;line-height:34px;font-weight:600}.h2{font-size:19px;line-height:27px;font-weight:600}.h3{font-size:16px;line-height:24px;font-weight:600}.statement{font-size:23px;line-height:33px;font-weight:600;letter-spacing:-.01em}.lead{font-size:17px;line-height:27px;color:var(--muted);max-width:64ch}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13.5px;line-height:20px}.xs{font-size:12px;line-height:16px}.eyebrow{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}.label{font-size:13px;font-weight:600;color:var(--fg)}.stack{display:flex;flex-direction:column;gap:16px}.stack-sm{display:flex;flex-direction:column;gap:8px}.stack-lg{display:flex;flex-direction:column;gap:28px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row-sm{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.between{justify-content:space-between}.end{justify-content:flex-end}.grow{flex:1;min-width:0}.grid-2{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}}.divider{height:1px;background:var(--line);border:0;margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-sm)}.pad{padding:24px}.pad-sm{padding:16px}.pad-lg{padding:32px}.sunk{background:var(--surface-low);border-radius:var(--r-card)}.tile{background:var(--surface-low);border-radius:10px;padding:14px 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-btn);border:1px solid transparent;font-weight:500;font-size:14.5px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .1s}.btn:active:not(:disabled){transform:translateY(1px)}.btn-lg{height:50px;padding:0 22px;font-size:15.5px}.btn-sm{height:32px;padding:0 12px;font-size:13.5px;border-radius:8px}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-deep)}.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--fg)}.btn-secondary:hover:not(:disabled){background:var(--surface-low)}.btn-ghost{background:transparent;color:var(--primary)}.btn-ghost:hover:not(:disabled){background:var(--primary-tint)}.btn-danger{background:var(--coral);color:#fff}.btn-danger:hover:not(:disabled){background:#8c1d18}.btn-teal{background:var(--teal);color:#fff}.btn:disabled,.btn[aria-disabled=true]{background:var(--surface-high);color:var(--faint);border-color:transparent;cursor:not-allowed;box-shadow:none}.btn-block{width:100%}.link{background:none;border:0;padding:0;color:var(--primary);cursor:pointer;font-weight:500;text-decoration:underline;text-underline-offset:2px}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:8px;border:0;background:transparent;color:var(--muted);cursor:pointer}.icon-btn:hover{background:var(--surface-mid);color:var(--fg)}.chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--surface-mid);color:var(--muted)}.chip .ms{font-size:14px}.chip-ok{background:var(--teal-soft);color:var(--teal)}.chip-warn{background:var(--amber-soft);color:var(--amber)}.chip-err{background:var(--coral-soft);color:var(--coral)}.chip-info{background:var(--primary-soft);color:var(--primary-deep)}.chip-outline{background:transparent;border:1px solid var(--line-strong)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block;flex:none}.note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:10px;background:var(--surface-low);font-size:14px;line-height:21px}.note .ms{margin-top:1px}.note-info{background:var(--primary-tint);color:var(--primary-deep)}.note-ok{background:var(--teal-soft);color:#00443d}.note-warn{background:var(--amber-soft);color:#5a3700}.note-err{background:var(--coral-soft);color:#7a1712}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field .hint{font-size:12.5px;color:var(--faint)}.field .err{font-size:12.5px;color:var(--coral);display:flex;gap:4px;align-items:center}.opt{font-weight:400;color:var(--faint);font-size:12.5px;margin-left:6px}.input,.select,.textarea{width:100%;height:42px;padding:0 12px;border-radius:9px;border:1px solid var(--line-strong);background:var(--surface);color:var(--fg);transition:border-color .15s,box-shadow .15s}.textarea{height:auto;min-height:96px;padding:10px 12px;resize:vertical;line-height:1.5}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:5px 5px;background-repeat:no-repeat}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.invalid{border-color:var(--coral)!important}.check{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--primary);flex:none;cursor:pointer}.choice-grid{display:flex;flex-wrap:wrap;gap:8px}.choice{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none;transition:border-color .15s,background-color .15s}.choice:hover{border-color:var(--primary)}.choice input{position:absolute;opacity:0;pointer-events:none}.choice.on,.choice:has(input:checked){border-color:var(--primary);background:var(--primary-tint);color:var(--primary-deep);font-weight:500}.choice:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--surface-mid);gap:2px}.seg button{border:0;background:transparent;height:32px;padding:0 12px;border-radius:8px;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--muted)}.seg button.on{background:var(--surface);color:var(--primary-deep);box-shadow:var(--shadow-sm)}.scale{display:grid;gap:10px;grid-template-columns:repeat(var(--n, 5),minmax(0,1fr))}.scale-opt{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-height:112px;padding:16px 10px 14px;border-radius:12px;border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;text-align:center;font-size:13.5px;line-height:18px;transition:border-color .15s,background-color .15s,transform .1s}.scale-opt .n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:15px;background:var(--surface-mid);color:var(--muted)}.scale-opt:hover{border-color:var(--primary)}.scale-opt.on{border-color:var(--primary);background:var(--primary-tint);color:var(--primary-deep);font-weight:500}.scale-opt.on .n{background:var(--primary);color:#fff}.scale.compact .scale-opt{min-height:84px}.progress{height:6px;border-radius:999px;background:var(--surface-high);overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .3s ease}.progress.teal>span{background:var(--teal-bright)}.progress.thin{height:4px}.stepper{display:flex;gap:6px;flex-wrap:wrap}.stepper .st{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--faint);padding-right:6px}.stepper .st .b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--surface-mid);color:var(--muted)}.stepper .st.done{color:var(--teal)}.stepper .st.done .b{background:var(--teal-soft);color:var(--teal)}.stepper .st.cur{color:var(--fg);font-weight:600}.stepper .st.cur .b{background:var(--primary);color:#fff}.stepper .sep{width:20px;height:1px;background:var(--line-strong);align-self:center}.p-shell{min-height:100%;display:flex;flex-direction:column}.p-top{position:sticky;top:0;z-index:20;background:#f6f6fce6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.p-top-in{max-width:1120px;margin:0 auto;height:60px;display:flex;align-items:center;gap:16px;padding:0 max(24px,env(safe-area-inset-right,0px)) 0 max(24px,env(safe-area-inset-left,0px))}.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14.5px;color:var(--fg)}.brand .mk{width:30px;height:30px;border-radius:8px;background:var(--primary);color:#fff;display:grid;place-items:center}.brand .mk .ms{font-size:18px}#root{min-height:100%;display:flex;flex-direction:column}#root>.p-shell{flex:1}.brand small{display:block;font-weight:400;font-size:12px;color:var(--faint);line-height:14px}.p-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:40px max(24px,env(safe-area-inset-right,0px)) 56px max(24px,env(safe-area-inset-left,0px))}.p-col{max-width:760px;margin:0 auto}.p-col-wide{max-width:980px;margin:0 auto}.p-foot{border-top:1px solid var(--line)}.p-foot-in{max-width:1120px;margin:0 auto;padding:16px 24px 20px;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;font-size:13px;color:var(--faint)}.p-foot button{font-size:13px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.pp-narrow{max-width:560px;margin:0 auto}.pp-head{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.pp-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.ic-tile{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--primary-tint);color:var(--primary);flex:none}.ic-tile.teal{background:var(--teal-soft);color:var(--teal)}.ic-tile.amber{background:var(--amber-soft);color:var(--amber)}.ic-big{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--primary-tint);color:var(--primary)}.ic-big .ms{font-size:32px}.ic-big.teal{background:var(--teal-soft);color:var(--teal)}.ic-big.amber{background:var(--amber-soft);color:var(--amber)}.ic-big.coral{background:var(--coral-soft);color:var(--coral)}.spin{animation:pp-spin 1s linear infinite}@keyframes pp-spin{to{transform:rotate(360deg)}}@keyframes pp-pulse{0%,to{opacity:1}50%{opacity:.35}}.center-col{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.plain-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.btn .ms{font-size:19px}.dv-screen{min-height:100vh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:22px;padding:20px 16px calc(24px + env(safe-area-inset-bottom,0px))}.dv-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px}.ld-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:start}@media(max-width:1000px){.ld-grid{grid-template-columns:minmax(0,1fr);gap:28px}}.ld-reas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ld-reas .tile{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:21px}.ld-reas .tile .ms{color:var(--teal);margin-top:1px}.inv-list{list-style:none;margin:0;padding:0}.inv-list li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px}.inv-list li:last-child{border-bottom:0}.inv-list li>.ms{color:var(--primary)}.inv-list .t{margin-left:auto;color:var(--muted);font-size:13.5px;white-space:nowrap;font-variant-numeric:tabular-nums}.need{display:flex;gap:10px;align-items:flex-start;font-size:14px}.need .ms{color:var(--muted)}.md h2{font-size:18px;line-height:26px;margin:26px 0 8px}.md h2:first-child{margin-top:0}.md p{margin:0 0 10px}.md ul{margin:0 0 10px;padding-left:22px}.md li{margin:4px 0}.consent-agree{padding:16px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface-low)}.pf-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 28px}.pf-sec .full{grid-column:1 / -1}@media(max-width:760px){.pf-sec{grid-template-columns:minmax(0,1fr)}}.pf-h{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.choice-grid.bad .choice{border-color:var(--coral)}.field fieldset{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:6px}.field legend{padding:0;margin-bottom:6px}.qi-top{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.qi-save{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);min-height:20px}.qi-save .ms{font-size:17px}.qi-save.ok{color:var(--teal)}.qi-save.warn{color:var(--amber)}.qi-foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.qi-foot>:first-child{justify-self:start}.qi-foot>:last-child{justify-self:end}.legend{display:grid;grid-template-columns:repeat(var(--n, 5),minmax(0,1fr));gap:8px}.legend>div{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:13px;line-height:18px;color:var(--muted);padding:12px 6px;border-radius:10px;background:var(--surface-low)}.legend .n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:13px;background:var(--surface);color:var(--fg);border:1px solid var(--line-strong)}.scale-opt .lb{display:block}.scale-opt:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.block-intro{border-left:4px solid var(--primary)}.counter{font-size:12.5px;color:var(--faint);font-variant-numeric:tabular-nums}.tk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}@media(max-width:860px){.tk-grid{grid-template-columns:minmax(0,1fr)}}.tk-card{display:flex;flex-direction:column;gap:16px}.tk-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--muted)}.tk-meta span{display:inline-flex;gap:6px;align-items:center}.tk-meta .ms{font-size:17px}.tk-card .grow-sp{flex:1}.en-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}@media(max-width:1000px){.en-grid{grid-template-columns:minmax(0,1fr)}}.ext-link{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;border:1px solid var(--line-strong);text-decoration:none;color:var(--fg);background:var(--surface)}.ext-link:hover{border-color:var(--primary);background:var(--primary-tint)}.seg.cefr{display:flex;width:100%}.seg.cefr button{flex:1;min-width:0;padding:0 4px;height:36px}.level{display:flex;gap:3px;align-items:flex-end;height:32px}.level i{flex:1;min-width:4px;border-radius:2px;background:var(--surface-high);height:100%;transition:background-color .08s}.level i.on{background:var(--teal-bright)}.level i.on.hot{background:var(--amber-bright)}.level i.on.clip{background:var(--coral-bright)}.level.big{height:44px}.mc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mc-step{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--faint)}.mc-step i{display:block;height:4px;border-radius:99px;background:var(--surface-high)}.mc-step.done{color:var(--teal)}.mc-step.done i{background:var(--teal-bright)}.mc-step.cur{color:var(--fg);font-weight:600}.mc-step.cur i{background:var(--primary)}.mc-panel{min-height:260px}.mc-sentence{font-size:24px;line-height:34px;font-weight:600;margin:0;padding:20px 24px;border-radius:12px;background:var(--surface-low);border-left:4px solid var(--primary)}.mc-count{font-size:56px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;color:var(--primary);min-width:60px;text-align:center}.mc-meas{list-style:none;margin:0;padding:0}.mc-meas li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.mc-meas li:last-child{border-bottom:0}.mc-help{display:flex;flex-direction:column;gap:8px}.mc-help details{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--surface)}.mc-help summary{cursor:pointer;font-weight:500;font-size:14px}.mc-help ol{margin:8px 0 2px;padding-left:20px;font-size:14px;display:flex;flex-direction:column;gap:4px}.vi-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:760px){.vi-parts{grid-template-columns:minmax(0,1fr)}}.vi-part ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:14px}.vp-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:760px){.vp-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}.vp-panel{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--surface);margin:0}.vp-panel img{display:block;width:100%;height:auto}.vp-skel{background:var(--surface-mid);animation:pp-pulse 1.4s ease-in-out infinite}.vp-num{position:absolute;top:8px;left:8px;width:26px;height:26px;border-radius:50%;background:var(--surface);color:var(--fg);font-weight:600;font-size:13px;display:grid;place-items:center;box-shadow:var(--shadow)}.rec{display:flex;flex-direction:column;gap:18px}.rec-prep{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.rec-prep .mono{color:var(--fg)}.rec-prep.ready{color:var(--teal)}.rec-live{display:flex;gap:36px;align-items:center;flex-wrap:wrap}.rec-ring{position:relative;width:168px;height:168px;flex:none}.rec-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.rr-track{fill:none;stroke:var(--surface-high);stroke-width:10}.rr-fill{fill:none;stroke:var(--primary);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .1s linear,stroke .3s}.rec-ring.full .rr-fill{stroke:var(--teal-bright)}.rec-stop{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:50%;border:0;background:var(--coral);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font-weight:600;font-size:13.5px}.rec-stop:hover:not(:disabled){background:#8c1d18}.rec-stop:disabled{background:var(--surface-mid);color:var(--faint);cursor:not-allowed}.rec-stop .ms{font-size:40px}.rec-time{font-size:40px;line-height:1;font-weight:500;font-family:var(--mono)}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--coral-bright);animation:pp-pulse 1.2s ease-in-out infinite}.player{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 10px;border-radius:12px;background:var(--surface-low)}.player input[type=range]{flex:1;accent-color:var(--primary);min-width:0}.icon-btn.play{background:var(--primary);color:#fff;border-radius:50%;width:40px;height:40px}.icon-btn.play:hover{background:var(--primary-deep);color:#fff}.q-card .statement{font-size:25px;line-height:35px}.otp{display:flex;gap:10px}.otp input{width:52px;height:60px;text-align:center;font-size:24px;font-weight:600;font-family:var(--mono);border-radius:10px;border:1px solid var(--line-strong);background:var(--surface)}.otp input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.otp input:disabled{background:var(--surface-mid)}.toast{position:fixed;left:50%;top:calc(16px + env(safe-area-inset-top,0px));transform:translate(-50%);z-index:300;max-width:min(560px,calc(100vw - 32px));padding:12px 18px;border-radius:12px;background:#191b22;color:#f0f0fa;font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);display:flex;gap:10px;align-items:center}@media(max-width:720px){.p-top{position:static}.p-top-in{height:auto;min-height:56px;flex-wrap:wrap;gap:10px 12px;padding:10px 16px}.p-top-in>.grow{display:none}.stepper{width:100%;flex-wrap:nowrap;align-items:center;gap:4px}.stepper .st{padding-right:0;white-space:nowrap}.stepper .st:not(.cur){font-size:0;gap:0}.stepper .sep{flex:1;min-width:8px}.p-main{padding:24px 16px 40px}.p-foot-in{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:4px}.p-foot-in .link{display:inline-flex;align-items:center;min-height:44px}.dv-screen{padding:16px}.ld-reas{grid-template-columns:minmax(0,1fr)}.tk-meta{gap:6px 14px}.pad-lg{padding:20px 16px}.qi-foot{display:flex;flex-wrap:wrap;justify-content:space-between}.qi-foot>:last-child{flex:1 0 100%;order:3}.qi-foot>.row-sm{flex-wrap:nowrap}.qi-foot>.row-sm>.btn-primary{flex:1}.card>.qi-foot{position:sticky;bottom:0;z-index:5;margin:0 -16px -20px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);border-radius:0 0 var(--r-card) var(--r-card)}}@media(hover:none)and (pointer:coarse){.btn,.btn-sm,.seg button{min-height:44px}}@media(max-width:560px){.scale{grid-template-columns:minmax(0,1fr);gap:8px}.scale-opt,.scale.compact .scale-opt{flex-direction:row;justify-content:flex-start;gap:12px;min-height:48px;padding:6px 14px;text-align:left}.scale-opt .n{flex:none;width:30px;height:30px}.legend{grid-template-columns:minmax(0,1fr);gap:6px}.legend>div{flex-direction:row;text-align:left;padding:8px 12px}.legend .n{flex:none}}@media(max-width:720px){.mc-steps{display:flex;gap:6px}.mc-step{flex:1 1 0;min-width:0}.mc-step.cur{flex-grow:3}.mc-step:not(.cur) span{display:none}.mc-panel{min-height:0}.mc-sentence{font-size:20px;line-height:29px;padding:16px}.mc-count{font-size:44px;min-width:36px}.level{gap:2px}.level i{min-width:2px}.mc-panel .row.end,.rec .row.end,.pp-narrow .pp-actions{flex-direction:column-reverse;align-items:stretch}.mc-panel .row>.btn-lg{flex:1 1 100%}.rec .pp-actions{flex-direction:column;align-items:stretch}.rec-live{gap:20px}.vt-pic .h2{font-size:17px;line-height:26px}.otp{gap:8px}.otp input{flex:1 1 0;min-width:0;width:auto;max-width:52px;height:56px}.rp-file>.grow{flex:1 1 calc(100% - 56px)}.rp-file>.btn{flex:1 1 100%}}@media(max-width:560px){.vp-panels{grid-template-columns:minmax(0,1fr)}}@media(hover:none)and (pointer:coarse){.choice:hover:not(.on){border-color:var(--line-strong)}.scale-opt:hover:not(.on){border-color:var(--line-strong)}.rec-dock{position:sticky;bottom:0;z-index:210;gap:12px;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 24px #191b221f}.rec-dock>.row.between:not(:has(.chip)){display:none}.rec-dock>.row.between h2{display:none}.rec-dock .rec-live{flex-wrap:nowrap;gap:16px}.rec-dock .rec-ring{width:96px;height:96px}.rec-dock .rec-stop{top:10px;right:10px;bottom:10px;left:10px;font-size:12.5px}.rec-dock .rec-stop .ms{font-size:28px}.rec-dock .rec-live>.stack{min-width:0!important;gap:6px}.rec-dock .rec-time{font-size:28px}.rec-dock .level.big{height:28px}.rec-dock .rec-live .small,.rec-dock .pp-actions>.small{font-size:12.5px;line-height:17px}.vp-zoom{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.vp-zoom:disabled{cursor:default}.vp-zoom-ic{position:absolute;right:8px;bottom:8px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ffffffeb;color:var(--fg);box-shadow:var(--shadow)}.vp-zoom:disabled .vp-zoom-ic{display:none}.vp-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;gap:12px;background:var(--surface);padding:calc(12px + env(safe-area-inset-top,0px)) 16px calc(16px + var(--rec-dock-h, env(safe-area-inset-bottom, 0px)))}.vp-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.vp-viewer-img{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom}.vp-viewer-img img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;border:1px solid var(--line)}.vp-viewer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(hover:none)and (pointer:coarse)and (max-height:500px){.p-top{position:static}.rec-dock{padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));gap:8px}.rec-dock .rec-ring{width:72px;height:72px}.rec-dock .rec-stop{top:7px;right:7px;bottom:7px;left:7px;font-size:11.5px}.rec-dock .rec-stop .ms,.rec-dock .rec-time{font-size:22px}.rec-dock .level.big{height:20px}.rec-dock .pp-actions{flex-direction:row;flex-wrap:nowrap;align-items:center}.rec-dock .pp-actions>.small{flex:1 1 0;min-width:0}.vp-viewer{gap:8px;padding-top:calc(8px + env(safe-area-inset-top,0px))}.vp-viewer-nav .btn-lg{height:44px}}