:root{--bg:#0e0e10;--panel:#141416;--panel-2:#1b1b1e;--panel-3:#232327;--line:#ece8e114;--line-strong:#ece8e129;--text:#ece8e1;--muted:#8f8b84;--faint:#5f5c57;--accent:#c9a96e;--accent-soft:#c9a96e24;--left:#7ea6d8;--right:#d9b275;--danger:#d9675f;--ok:#8fbf9a;--radius:10px;--font:"LXGW WenKai TC", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;--mono:"LXGW WenKai Mono TC", ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);letter-spacing:.01em;font-size:15px}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0}body{-webkit-font-smoothing:antialiased}button,select,input{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;border:1px solid var(--line-strong);border-radius:var(--radius);touch-action:manipulation;background:0 0;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:7px 13px;transition:border-color .15s,background .15s,color .15s;display:inline-flex}button:hover:not(:disabled){background:#ece8e10a;border-color:#ece8e157}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}.icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none}.btn--accent{color:var(--accent);border-color:#c9a96e73}.btn--accent:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.btn--danger{color:var(--danger);border-color:#d9675f73}.btn--danger:hover:not(:disabled){border-color:var(--danger);background:#d9675f1f}.btn--primary{background:var(--accent);border-color:var(--accent);color:#17140e;font-weight:500}.btn--primary:hover:not(:disabled){background:#d6b981;border-color:#d6b981}.link{min-height:0;color:var(--accent);text-underline-offset:3px;border:0;padding:0 2px;-webkit-text-decoration:underline #c9a96e66;text-decoration:underline #c9a96e66;display:inline}.link:hover:not(:disabled){-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);background:0 0}.app{grid-template-rows:auto minmax(300px,1fr) auto auto auto;height:100dvh;display:grid;overflow:auto}@media (height<=760px){.hand svg{max-height:60px}.guide{padding:4px 18px}.prompt__notes{min-height:38px}.chip{padding:4px 10px}.controls{gap:6px;padding:6px 18px 8px}}.logo{align-items:center;gap:10px;display:inline-flex}.logo__tile{fill:#16161a;stroke:#ece8e133}.logo__y{fill:none;stroke:var(--text);stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round}.logo__o{fill:none;stroke:var(--accent);stroke-width:2.4px}.logo__word{letter-spacing:.06em;white-space:nowrap;font-size:19px;font-weight:500}.logo__word b{color:var(--accent);font-weight:500}.topbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 18px;display:flex}.topbar h1{font-size:inherit;margin:0 8px 0 0;display:flex}.topbar select{appearance:none;background:var(--panel-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23ece8e1' stroke-opacity='.7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--line-strong);border-radius:var(--radius);text-overflow:ellipsis;cursor:pointer;max-width:min(360px,46vw);min-height:38px;padding:7px 34px 7px 12px}.topbar__spacer{flex:1}.badge{color:var(--muted);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;min-height:0;padding:5px 11px;font-size:13px;display:inline-flex}.badge--btn{color:var(--text);border-color:var(--line-strong)}.badge--ok{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 40%, transparent)}.account{position:relative}.account__btn{border-radius:999px;padding:4px 12px 4px 5px}.account__avatar{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;place-items:center;font-size:14px;font-weight:500;display:grid}.account__menu{z-index:15;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:14px;gap:2px;min-width:220px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #0000008c}.account__who{gap:2px;padding:8px 10px 6px;display:grid}.account__who b{font-weight:500}.account__who small{color:var(--muted);font-family:var(--mono);overflow-wrap:anywhere;font-size:12px}.account__sync{color:var(--ok);border-bottom:1px solid var(--line);align-items:center;gap:6px;margin-bottom:4px;padding:4px 10px 10px;font-size:12.5px;display:flex}.account__menu button{border:0;border-radius:8px;justify-content:flex-start}.stage{min-height:0;position:relative;overflow:hidden}.stage canvas{touch-action:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.stage canvas.stage__layer{pointer-events:none}.stage canvas.stage__hands{-webkit-mask-image:linear-gradient(#000 calc(100% - 34px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 34px),#0000 100%)}.guide{background:var(--panel);border-top:1px solid var(--line);grid-template-columns:minmax(90px,140px) 1fr minmax(90px,140px);align-items:center;gap:12px;padding:8px 18px;display:grid}.hand{text-align:center;margin:0;transition:opacity .2s}.hand svg{width:100%;max-height:96px;display:block;overflow:visible}.hand--auto{opacity:.4}.hand__palm{fill:#1d1d20;stroke:#3a3936;stroke-width:1.2px}.hand__num{font-family:var(--mono);text-anchor:middle;dominant-baseline:central;font-size:12px}.hand figcaption{letter-spacing:.12em;font-size:13px}.hand__auto{color:var(--muted);letter-spacing:0}.prompt{text-align:center;min-width:0}.prompt__measure{color:var(--muted);letter-spacing:.08em;font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:12.5px}.prompt__wait{color:var(--accent);letter-spacing:.04em;border:1px solid #c9a96e80;border-radius:999px;margin-left:10px;padding:1px 9px;animation:.9s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.55}to{opacity:1}}.prompt__notes{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:48px;display:flex}.prompt__empty{color:var(--faint)}.chip{background:var(--panel-2);border:1px solid;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:14px;display:inline-flex}.chip b{font-weight:500}.chip small{color:var(--muted);font-size:12px}.chip--L{border-color:color-mix(in srgb, var(--left) 55%, transparent)}.chip--L b{color:var(--left)}.chip--R{border-color:color-mix(in srgb, var(--right) 55%, transparent)}.chip--R b{color:var(--right)}.chip__note{font-size:16px;font-weight:500}.chip__note small{font-family:var(--mono)}.chip--done{opacity:.5}.chip__check{color:var(--ok)}.prompt__tip{color:var(--faint);margin-top:6px;font-size:12px}.controls{background:var(--panel);border-top:1px solid var(--line);gap:10px;padding:12px 18px 14px;display:grid}.transport{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.transport button{color:var(--muted);border-color:var(--line)}.transport button:hover:not(:disabled){color:var(--text)}.transport button .icon{margin-inline:-5px}.transport .transport__play{letter-spacing:.08em;background:var(--accent);color:#17140e;border-color:var(--accent);border-radius:999px;min-width:132px;font-weight:500}.transport .transport__play:hover:not(:disabled){color:#17140e;background:#d6b981;border-color:#d6b981}.transport .transport__play .icon{fill:currentColor}.transport__label{margin-right:-.08em}.progress{height:22px;position:relative}.progress__loop{background:var(--accent-soft);border-left:1.5px solid var(--accent);border-right:1.5px solid var(--accent);pointer-events:none;border-radius:3px;position:absolute;top:7px;bottom:7px}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:22px}input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:3px solid var(--panel);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent);border-radius:50%;margin-top:-6px}input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:2px;height:2px}input[type=range]::-moz-range-thumb{background:var(--accent);border:3px solid var(--panel);width:9px;height:9px;box-shadow:0 0 0 1px var(--accent);border-radius:50%}.progress input{width:100%;margin:0;position:absolute;inset:0}.options{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 22px;display:flex}.opt{align-items:center;gap:9px;font-size:13.5px;display:flex}.opt>span:first-child{color:var(--muted);letter-spacing:.08em}.opt--speed input{width:140px}.opt--speed output{min-width:96px;font-family:var(--mono);font-size:13px}.opt--speed small{color:var(--muted)}.opt--check{cursor:pointer}.opt--check input{appearance:none;border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:999px;width:30px;height:18px;margin:0;transition:background .15s,border-color .15s;position:relative}.opt--check input:after{content:"";background:var(--muted);border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.opt--check input:checked{background:var(--accent-soft);border-color:#c9a96e99}.opt--check input:checked:after{background:var(--accent);transform:translate(12px)}.opt--check>span:last-child{color:var(--text);letter-spacing:.02em}.seg{border:1px solid var(--line-strong);border-radius:var(--radius);display:inline-flex;overflow:hidden}.seg button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:0;padding:6px 12px}.seg button+button{border-left:1px solid var(--line)}.seg .seg__on{background:var(--accent-soft);color:var(--accent)}.seg .seg__on--L{background:color-mix(in srgb, var(--left) 18%, transparent);color:var(--left)}.seg .seg__on--R{background:color-mix(in srgb, var(--right) 18%, transparent);color:var(--right)}@media (width<=860px){.topbar>.badge:not(.badge--btn){display:none}}@media (width<=1240px){.topbar h1{order:0;margin:0}.topbar__spacer{order:1}.topbar>button,.topbar>.badge,.topbar>.account{order:2}.topbar select{box-sizing:border-box;flex:calc(100% - 240px);order:3;min-width:0;max-width:none}.topbar>.topbar__song-action{order:4}}@media (width<=640px){.guide{grid-template-columns:64px 1fr 64px;gap:6px;padding:6px 8px}.controls{padding:8px}.topbar{gap:8px;padding:8px}.topbar select{flex-basis:calc(100% - 100px)}.topbar__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar>.btn,.topbar>.badge--btn,.topbar .account__btn{justify-content:center;gap:0;min-width:38px;min-height:38px;padding:0 9px}.badge:not(.badge--btn),.logo__word{display:none}}.notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-strong);border-left:2px solid var(--accent);z-index:5;background:#1b1b1ef0;border-radius:12px;align-items:flex-start;gap:10px;width:min(680px,100% - 24px);padding:11px 14px;font-size:13.5px;line-height:1.65;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000080}.notice--error{border-left-color:var(--danger)}.notice span{flex:1}.notice button{min-height:0;color:var(--muted);border:0;padding:3px}.omr{border:1px solid var(--line-strong);z-index:4;background:#1b1b1ef5;border-radius:12px;width:min(340px,100% - 24px);padding:13px 15px;font-size:13.5px;position:absolute;bottom:12px;right:12px;box-shadow:0 14px 40px #00000080}.omr__title{overflow-wrap:anywhere;justify-content:space-between;gap:8px;font-weight:500;display:flex}.omr__meta{color:var(--muted);font-weight:400;font-family:var(--mono);flex:none;font-size:12px}.omr__bar{background:var(--line-strong);border-radius:2px;height:2px;margin:10px 0 8px;overflow:hidden}.omr__fill{background:var(--accent);height:100%;transition:width .5s}.omr__row{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;display:flex}.omr__row button{min-height:0;padding:4px 12px}.omr__hint{color:var(--muted);margin:8px 0 0;font-size:12px}.dropzone{border:1px dashed var(--accent);letter-spacing:.1em;color:var(--accent);pointer-events:none;z-index:6;background:#0e0e10e0;border-radius:16px;place-items:center;font-size:18px;display:grid;position:absolute;inset:14px}.editor{z-index:4;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:14px;gap:9px;padding:11px 13px;display:grid;position:absolute;box-shadow:0 16px 44px #0000008c}.editor__head{align-items:center;gap:8px;display:flex}.editor__head b{font-size:17px;font-weight:500}.editor__head small,.editor__head span{color:var(--muted);font-size:12.5px;font-weight:400}.editor__close{min-height:0;color:var(--muted);border:0;margin-left:auto;padding:3px}.editor__row{justify-content:space-between;align-items:center;gap:8px;font-size:13.5px;display:flex}.editor__row>span{color:var(--muted)}.editor__row .seg button{min-width:34px;font-family:var(--mono);padding:5px 10px}.editor__tip{color:var(--muted);margin:0;font-size:12px}.overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060607b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.library{background:var(--panel);border:1px solid var(--line-strong);border-radius:18px;flex-direction:column;width:min(780px,100%);max-height:min(86dvh,900px);display:flex;overflow:hidden;box-shadow:0 30px 80px #0009}.library__head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 18px;display:flex}.library__head h2{letter-spacing:.12em;margin:0;font-size:18px;font-weight:500}.library__count{color:var(--muted);margin-right:auto;font-size:12.5px}.library__close{color:var(--muted);border:0;padding:8px}.library__list{margin:0;padding:6px 10px;list-style:none;overflow:auto}.library__row{border-bottom:1px solid var(--line);border-left:2px solid #0000;align-items:center;gap:10px;padding:10px 8px;display:flex}.library__row:last-child{border-bottom:0}.library__row--current{border-left-color:var(--accent);background:linear-gradient(90deg, var(--accent-soft), transparent 60%)}.library__move{flex-direction:column;gap:2px;display:flex}.library__move button{min-height:0;color:var(--faint);border-color:#0000;padding:0 7px;font-size:9px;line-height:1.9}.library__move button:hover:not(:disabled){color:var(--text)}.library__info{flex:1;gap:3px;min-width:0;display:grid}.library__title{background:0 0;border:1px solid #0000;border-radius:8px;width:100%;padding:3px 8px;font-size:16px;font-weight:500}.library__title:hover{border-color:var(--line-strong)}.library__title:focus{border-color:var(--accent);background:var(--bg);outline:none}.library__meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:7px;padding-left:8px;font-size:12px;display:flex}.tag{border:1px solid var(--line-strong);border-radius:999px;padding:0 8px;font-size:11px;line-height:1.7}.tag--import{color:var(--accent);border-color:#c9a96e66}.library__actions{align-items:center;gap:6px;display:flex}.library__actions button{min-height:32px;color:var(--muted);border-color:var(--line);padding:4px 10px;font-size:13px}.library__actions button:hover:not(:disabled){color:var(--text)}.library__playing{color:var(--accent);letter-spacing:.1em;padding:0 8px;font-size:12.5px}.library__delete:hover:not(:disabled){border-color:var(--danger)!important;color:var(--danger)!important}.library__hidden{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 18px;font-size:13px;display:flex}.library__tip{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:10px 18px 14px;font-size:12.5px;display:flex}@media (width<=560px){.library__row{flex-wrap:wrap}.library__actions{justify-content:flex-end;width:100%}}.auth{background:var(--panel);border:1px solid var(--line-strong);text-align:center;border-radius:20px;justify-items:stretch;gap:14px;width:min(400px,100%);max-height:94dvh;padding:34px 32px 26px;display:grid;position:relative;overflow:auto;box-shadow:0 30px 80px #0009}.auth .logo__mark{justify-self:center}.auth h2{letter-spacing:.08em;margin:4px 0 0;font-size:22px;font-weight:500}.auth__lead{color:var(--muted);margin:0 0 6px;font-size:13.5px;line-height:1.7}.auth__close{color:var(--muted);border:0;padding:8px;position:absolute;top:12px;right:12px}.field{text-align:left;gap:6px;display:grid}.field>span{color:var(--muted);letter-spacing:.08em;justify-content:space-between;font-size:12.5px;display:flex}.field small{color:var(--faint);letter-spacing:0}.field input{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg);width:100%;padding:10px 12px;transition:border-color .15s}.field input:focus{border-color:var(--accent);outline:none}.field em{color:var(--danger);font-size:12.5px;font-style:normal}.auth__error{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--danger) 45%, transparent);color:var(--danger);text-align:left;margin:0;padding:9px 12px;font-size:13px;line-height:1.6}.auth__submit{letter-spacing:.2em;min-height:44px;margin-top:4px}.auth__switch{color:var(--muted);margin:2px 0 0;font-size:13px}.auth__google{justify-items:center;gap:12px;display:grid}.auth__google[hidden]{display:none}.auth__or{width:100%;color:var(--faint);letter-spacing:.2em;align-items:center;gap:12px;font-size:12px;display:flex}.auth__or:before,.auth__or:after{content:"";background:var(--line);flex:1;height:1px}img.account__avatar{object-fit:cover}.auth__perks{text-align:left;color:var(--muted);border:1px solid var(--line);background:var(--panel-2);border-radius:14px;gap:10px;margin:0 0 6px;padding:14px 16px;font-size:13.5px;line-height:1.55;list-style:none;display:grid}.auth__perks li{align-items:flex-start;gap:10px;display:flex}.auth__perks .icon{color:var(--accent);margin-top:2px}.auth__gbtn{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;justify-content:center;min-height:44px;display:flex}.auth__wait{color:var(--muted);font-size:12.5px}.auth__fine{color:var(--faint);margin:4px 0 0;font-size:11.5px;line-height:1.6}.btn--ghost{color:var(--muted);border-color:#0000}.btn--ghost:hover:not(:disabled){color:var(--text)}.btn--icon{padding:7px 9px}.account__menu button .icon{color:var(--muted)}.account__avatar--lg{flex:none;width:42px;height:42px;font-size:17px}.sitefoot{background:var(--panel);border-top:1px solid var(--line);color:var(--faint);letter-spacing:.06em;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 18px;padding:8px 18px 10px;font-size:12px;display:flex}.sitefoot .link,.sitefoot a{color:var(--muted);font-size:12px;text-decoration:none}.sitefoot a{font-family:var(--mono);align-items:center;gap:4px;display:inline-flex}.sitefoot .link:hover:not(:disabled),.sitefoot a:hover{color:var(--accent)}.sheet{background:var(--panel);border:1px solid var(--line-strong);border-radius:18px;flex-direction:column;width:min(620px,100%);max-height:min(88dvh,900px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009}.sheet--wide{width:min(960px,100%);height:min(88dvh,900px)}.sheet__head{border-bottom:1px solid var(--line);color:var(--accent);align-items:center;gap:10px;padding:14px 14px 14px 20px;display:flex}.sheet__head h2{letter-spacing:.12em;color:var(--text);margin:0;font-size:18px;font-weight:500}.sheet__sub{color:var(--muted);margin-right:auto;font-size:12.5px}.sheet__close{color:var(--muted);border:0;padding:8px}.sheet__body{padding:6px 20px 10px;overflow:auto}.sheet__foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.sheet__foot .link{color:var(--muted);font-size:13px}.settings__group{border-bottom:1px solid var(--line);padding:14px 0 6px}.settings__group:last-child{border-bottom:0}.settings__group h3{letter-spacing:.2em;color:var(--accent);margin:0 0 4px;font-size:12px;font-weight:500}.settings__note{color:var(--faint);margin:0 0 4px;font-size:12px}.settings__account{align-items:center;gap:14px;padding:10px 0;display:flex}.settings__danger{border-top:1px solid var(--line);align-items:center;gap:14px;padding:8px 0 2px;display:flex}.settings__danger small{color:var(--muted);flex:1;line-height:1.5}.settings__who{flex:1;gap:3px;min-width:0;display:grid}.settings__who b{font-weight:500}.settings__who small{color:var(--muted);overflow-wrap:anywhere;font-size:12.5px}.setting{justify-content:space-between;align-items:center;gap:18px;padding:11px 0;display:flex}.setting+.setting{border-top:1px dashed var(--line)}.setting__text{gap:3px;min-width:0;display:grid}.setting__text b{font-size:14.5px;font-weight:400}.setting__text small{color:var(--muted);font-size:12px;line-height:1.5}.setting__control{flex:none}.setting__range{align-items:center;gap:10px;display:flex}.setting__range input{width:170px}.setting__range output{text-align:right;min-width:42px;font-family:var(--mono);color:var(--muted);font-size:13px}.switch{background:var(--panel-3);border-radius:999px;justify-content:flex-start;width:42px;height:24px;min-height:0;padding:2px}.switch span{background:var(--muted);border-radius:50%;width:18px;height:18px;transition:transform .18s,background .18s}.switch--on{background:var(--accent-soft);border-color:#c9a96e8c}.switch--on span{background:var(--accent);transform:translate(18px)}@media (width<=560px){.setting{flex-wrap:wrap}.setting__range input{width:140px}}.help{flex:1;grid-template-columns:170px 1fr;min-height:0;display:grid}.help__nav{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:14px 10px;display:flex;overflow:auto}.help__nav button{min-height:34px;color:var(--muted);border:0;border-left:2px solid #0000;border-radius:0 8px 8px 0;justify-content:flex-start;padding:6px 12px;font-size:13.5px}.help__nav .help__nav--on{color:var(--text);border-left-color:var(--accent);background:linear-gradient(90deg, var(--accent-soft), transparent)}.help__body{color:#d6d2ca;padding:4px 28px 40px;font-size:14px;line-height:1.8;overflow:auto}.help__body section{border-bottom:1px solid var(--line);padding:18px 0 8px;scroll-margin-top:8px}.help__body section:last-child{border-bottom:0}.help__body h3{letter-spacing:.1em;color:var(--text);margin:0 0 10px;font-size:18px;font-weight:500}.help__body h4{color:var(--accent);letter-spacing:.08em;margin:18px 0 6px;font-size:14px;font-weight:500}.help__body p{margin:0 0 10px}.help__body ul,.help__body ol{margin:0 0 10px;padding-left:1.4em}.help__body li{margin:3px 0}.help__body b{color:var(--text);font-weight:500}.help__steps{counter-reset:step;gap:10px;list-style:none;display:grid;padding:0!important}.help__steps li{counter-increment:step;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:34px 1fr;column-gap:12px;padding:12px 14px;display:grid}.help__steps li:before{content:counter(step);width:30px;height:30px;color:var(--accent);font-family:var(--mono);border:1px solid #c9a96e80;border-radius:50%;grid-row:span 2;place-items:center;display:grid}.help__steps span{color:var(--muted);font-size:13.5px}.help__actions{gap:10px;margin:14px 0 6px;display:flex}.help__table{border-collapse:collapse;width:100%;margin:6px 0 10px;font-size:13.5px;line-height:1.65}.help__table th{text-align:left;letter-spacing:.12em;color:var(--faint);border-bottom:1px solid var(--line-strong);padding:6px 10px;font-size:12px;font-weight:400}.help__table td{vertical-align:top;border-bottom:1px solid var(--line);padding:10px}.help__table td:first-child{white-space:nowrap;color:var(--text)}.help__table .mono{white-space:nowrap;font-family:var(--mono);color:var(--muted);font-size:12.5px}.help__keys td:first-child{width:1%}kbd{font-family:var(--mono);border:1px solid var(--line-strong);background:var(--panel-2);white-space:pre;border-bottom-width:2px;border-radius:6px;padding:2px 8px;font-size:12.5px}.help__dl{grid-template-columns:max-content 1fr;gap:8px 18px;margin:0;display:grid}.help__dl dt{color:var(--text);font-weight:500}.help__dl dd{color:var(--muted);margin:0}.help__legend{gap:20px;margin-bottom:8px;font-size:13.5px;display:flex}.help__legend span{align-items:center;gap:8px;display:inline-flex}.dot{border-radius:3px;width:12px;height:12px}.dot--L{background:var(--left)}.dot--R{background:var(--right)}.help .warn{color:#e09a52}.help .bad{color:var(--danger)}.help__tip{background:var(--accent-soft);border-radius:10px;padding:10px 14px;font-size:13.5px}@media (width<=720px){.help{grid-template-rows:auto 1fr;grid-template-columns:1fr}.help__nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;padding:8px 10px}.help__nav button{border-left:0;border-radius:999px;flex:none}.help__body{padding:4px 18px 30px}.help__dl{grid-template-columns:1fr;gap:2px}.help__dl dd{margin-bottom:8px}}