:root{--vp-ink:#172033;--vp-muted:#687287;--vp-line:#dbe0e8;--vp-blue:#2857d9;--vp-soft:#eef3ff;--vp-green:#0e8f68;--vp-red:#d94352}.vp434-body{background:#f5f6f8;color:var(--vp-ink)}.vp434-page{padding-bottom:92px}.vp434-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:28px 0 18px}.vp434-hero h1{font-size:clamp(2rem,5vw,3.35rem);line-height:1;margin:.18rem 0 .55rem}.vp434-hero p{max-width:760px;margin:0;color:var(--vp-muted);font-size:1.05rem}.vp434-trust{display:flex;gap:8px}.vp434-trust div{min-width:82px;padding:10px 12px;border:1px solid var(--vp-line);border-radius:14px;background:#fff;text-align:center}.vp434-trust strong,.vp434-trust span{display:block}.vp434-trust strong{font-size:1.05rem}.vp434-trust span{font-size:.72rem;color:var(--vp-muted)}.vp434-core{padding:16px;border-radius:20px;box-shadow:0 12px 32px rgba(36,45,67,.08)}.vp434-toolbar,.vp434-titlebar,.vp434-under,.vp434-sectionhead,.vp434-practiceTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.vp434-mainbuttons,.vp434-status,.vp434-mini,.vp434-under>div,.vp434-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vp434-pill,.vp434-under button,.vp434-actions button,.vp434-sectionhead button,.vp434-stepper button,.vp434-practiceTop button,.vp434-settings button{border:1px solid var(--vp-line);background:#fff;border-radius:10px;padding:9px 12px;font:inherit;font-weight:700;cursor:pointer}.vp434-pill[aria-pressed=true],#vpMarkMode[aria-pressed=true]{border-color:#9bb1f2;background:var(--vp-soft);color:#163a9e}.vp434-status{font-size:.78rem;color:var(--vp-muted)}.vp434-titlebar{padding:14px 0 8px}.vp434-titlebar h2{margin:.1rem 0 0;font-size:1.35rem}.vp434-family{font-size:.7rem;font-weight:850;letter-spacing:.12em;color:#5a6884}.vp434-mini label,.vp434-metrogrid label,.vp434-settings label{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--vp-muted)}.vp434-mini select,.vp434-metrogrid select{border:1px solid var(--vp-line);background:#fff;border-radius:9px;padding:7px 9px}.vp434-readout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0}.vp434-readout>div{border:1px solid var(--vp-line);background:#fafbfc;border-radius:12px;padding:8px 10px}.vp434-readout span{display:block;font-size:.7rem;color:var(--vp-muted);margin-bottom:3px}.vp434-readout strong{font-size:.92rem}.vp434-stepper{display:flex;align-items:center;gap:8px}.vp434-stepper button{padding:2px 8px}.vp434-keyboardShell{position:relative;overflow-x:auto;overflow-y:hidden;background:linear-gradient(#20283a,#171e2c);border-radius:16px;padding:10px;scrollbar-width:thin}.vp434-keyboard{position:relative;height:252px;min-width:650px;user-select:none;touch-action:none}.vp434-key{position:absolute;top:0;border:1px solid #bbc1cb;border-radius:0 0 7px 7px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px;font-size:.67rem;font-weight:800;cursor:pointer;transition:background .06s,transform .04s;box-sizing:border-box}.vp434-key.white{height:100%;background:linear-gradient(#fff,#f4f5f8);color:#444;z-index:1}.vp434-key.black{height:62%;background:linear-gradient(#303847,#121721);color:#fff;z-index:3;border-color:#0d1119}.vp434-key.active.white{background:#dbe6ff}.vp434-key.active.black{background:#325ac7}.vp434-key.practice.white{box-shadow:inset 0 -8px 0 #70a0ff}.vp434-key.practice.black{box-shadow:inset 0 -7px 0 #70a0ff}.vp434-key.marked:after{content:"";position:absolute;bottom:28px;width:9px;height:9px;border-radius:50%;background:#e35661;box-shadow:0 0 0 2px #fff9}.vp434-key .note{opacity:.75;white-space:nowrap}.vp434-key .pc{position:absolute;top:auto;bottom:7px}.vp434-key.black .pc{bottom:6px}.vp434-under{padding-top:10px;font-size:.78rem;color:var(--vp-muted)}.vp434-under kbd{background:#eef0f3;border:1px solid #d8dce2;border-radius:4px;padding:1px 4px}.vp434-quickgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.vp434-quickgrid>.panel{padding:15px}.vp434-sectionhead h2{font-size:1.08rem;margin:.1rem 0}.vp434-metrogrid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:10px;margin-top:12px}.vp434-metrogrid label{align-items:flex-start;flex-direction:column}.vp434-metrogrid input{width:100%}.vp434-panel{margin-top:12px;border:1px solid var(--vp-line);border-radius:15px;background:#fff;overflow:hidden}.vp434-panel summary{cursor:pointer;padding:14px 16px;font-weight:850;display:flex;justify-content:space-between;gap:12px}.vp434-panel summary small{font-weight:600;color:var(--vp-muted)}.vp434-panelbody{padding:0 16px 16px;border-top:1px solid #edf0f4}.vp434-practiceTop{padding-top:14px}.vp434-practiceTop label{display:flex;gap:8px;align-items:center}.vp434-practiceStatus{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.vp434-practiceStatus>div{padding:10px;border-radius:11px;background:#f6f8fb}.vp434-practiceStatus span{display:block;font-size:.7rem;color:var(--vp-muted)}.vp434-practiceStatus strong{font-size:1rem}.vp434-practiceStatus .hit{background:#e8f7f1}.vp434-panel textarea{width:100%;margin:14px 0 8px;border:1px solid var(--vp-line);border-radius:11px;padding:10px;font:600 .9rem/1.45 ui-monospace,monospace;box-sizing:border-box}.vp434-settings{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:12px;align-items:center;padding-top:14px}.vp434-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:14px}.vp434-copy h2{font-size:1rem}.vp434-copy p{color:var(--vp-muted);font-size:.86rem}.vp434-toast{position:fixed;right:18px;bottom:82px;background:#182033;color:#fff;border-radius:12px;padding:10px 14px;z-index:50;box-shadow:0 8px 26px #0003}.vp434-recording{color:var(--vp-red)!important}.vp434-playing{color:var(--vp-green)!important}
@media(max-width:720px){.vp434-page{padding-left:10px;padding-right:10px}.vp434-hero{padding-top:18px;display:block}.vp434-hero p{font-size:.9rem}.vp434-trust{display:none}.vp434-core{padding:10px;border-radius:15px}.vp434-toolbar{align-items:flex-start}.vp434-mainbuttons{gap:5px}.vp434-pill{padding:7px 8px;font-size:.74rem}.vp434-status{display:none}.vp434-titlebar{display:block;padding:9px 0 5px}.vp434-titlebar>div:first-child{display:none}.vp434-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.vp434-mini label{display:block}.vp434-mini label span{display:block;margin-bottom:2px}.vp434-mini select{width:100%;padding:5px;font-size:.72rem}.vp434-readout{grid-template-columns:1fr 1fr 1fr;margin:6px 0}.vp434-readout>div:nth-child(4){display:none}.vp434-readout>div{padding:6px 7px}.vp434-keyboardShell{padding:7px;border-radius:13px}.vp434-keyboard{height:210px;min-width:610px}.vp434-under{display:block;padding-top:7px}.vp434-under>span{display:none}.vp434-under>div{gap:5px}.vp434-under button{padding:6px 8px;font-size:.72rem}.vp434-quickgrid{grid-template-columns:1fr;gap:9px;margin-top:9px}.vp434-quickgrid>.panel{padding:11px}.vp434-sectionhead h2{font-size:.95rem}.vp434-metrogrid{grid-template-columns:2fr 1fr 1fr}.vp434-panel{margin-top:9px}.vp434-panel summary{padding:11px 12px;font-size:.85rem}.vp434-panel summary small{display:none}.vp434-practiceTop{align-items:flex-end}.vp434-practiceTop label{display:block}.vp434-settings{grid-template-columns:1fr 1fr}.vp434-copy{grid-template-columns:1fr}.vp434-toast{bottom:76px;left:12px;right:12px;text-align:center}}