*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Bricolage Grotesque,Noto Music,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body,html{height:100%}body{margin:0;background:rgb(var(--chrome));color:rgb(var(--ink));font-family:Bricolage Grotesque,Noto Music,system-ui,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px;border-radius:6px}input{font:inherit;color:inherit}::-moz-selection{background:rgb(var(--accent)/.25)}::selection{background:rgb(var(--accent)/.25)}.\!note{font-family:Noto Music,Bricolage Grotesque,sans-serif!important}.note{font-family:Noto Music,Bricolage Grotesque,sans-serif}.text-muted{color:rgb(var(--muted))}.seg-t{transform:translateX(2px)}.seg-p{transform:translateX(4px)}#topbar #meta .seg-p .seg-btn{padding-left:12px;padding-right:12px}.seg-btn.nota{min-width:4.4rem;text-align:center;justify-content:center;white-space:nowrap;font-variant-numeric:tabular-nums}.meter-lab{font-size:.72rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--muted));margin:2px 2px 8px}.meter-k{height:44px;border-radius:12px;border:1px solid rgb(var(--line));background:rgb(var(--board));font-weight:650;font-size:1.05rem;font-variant-numeric:tabular-nums}.meter-k.on{background:rgb(var(--ok));border-color:transparent;color:#0b0f18}.meter-k.\!on{background:rgb(var(--ok))!important;border-color:transparent!important;color:#0b0f18!important}.meter-line{height:2px;width:64px;margin:14px auto 12px;background:rgb(var(--ink)/.55);border-radius:2px}.meter-step{display:flex;align-items:center;justify-content:center;gap:12px}.meter-step .meter-k{width:60px;flex:none}.meter-in{width:120px;height:56px;border-radius:14px;border:2px solid rgb(var(--ok));background:rgb(var(--board));color:inherit;text-align:center;font-size:1.7rem;font-weight:700;font-variant-numeric:tabular-nums}.meter-in.bad{border-color:#d6453a}.meter-err{min-height:1.2em;margin:8px 0 0;text-align:center;font-size:.8rem;color:#d6453a}.meter-big{text-align:center;font-size:2rem;font-weight:700;margin-top:14px}.text-view{flex-direction:column;height:100%;position:relative}.text-mode .chart-box,.text-view{display:none}.text-mode .text-view{display:flex}.text-mode #view{overflow:hidden}.tx-car{gap:4px;padding:10px 8px 4px;flex:none;min-height:48px}.tx-car,.tx-cs{display:flex;align-items:center}.tx-cs{position:relative;gap:6px;flex:1;overflow:hidden;min-height:34px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.tx-cs:after,.tx-cs:before{content:"";flex:0 0 42%}.tx-cs{touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none}.tx-cs b{flex:none;cursor:pointer;font-weight:600;font-size:.85rem;padding:5px 12px;border-radius:9px;border:1px solid rgb(var(--line));color:rgb(var(--muted));transition:opacity .15s}.tx-cs b.on{background:rgb(var(--accent));color:#0b0e18;border-color:rgb(var(--accent))}.tx-cs b.\!on{background:rgb(var(--accent))!important;color:#0b0e18!important;border-color:rgb(var(--accent))!important}.tx-ar{flex:none;width:30px;height:30px;border-radius:999px;border:1px solid rgb(var(--line));display:grid;place-items:center;color:rgb(var(--ink))}.tx-ar:disabled{opacity:.25}.tx-list{flex:1;min-height:0;overflow-y:auto;padding:4px 14px 24px;overscroll-behavior:contain}.tx-mk{display:flex;align-items:center;gap:8px;color:rgb(var(--accent));font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:12px 0 2px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.tx-mk:after{content:"";flex:1;height:1px;background:currentColor;opacity:.5;order:5}.tx-x{order:6;color:rgb(var(--muted));font-size:1rem;line-height:1;padding:0 2px}.tx-edit .tx-mk{cursor:grab;touch-action:pan-y}.tx-bars{font-style:normal;font-size:.68rem;font-weight:600;background:rgb(var(--accent)/.16);border-radius:7px;padding:2px 7px;text-transform:none;letter-spacing:.02em}.tx-ln{padding:6px 8px;border-radius:12px;font-weight:700;font-size:22px;line-height:1.25;letter-spacing:-.01em;transition:background .2s;overflow-wrap:anywhere}.tx-edit .tx-ln{font-size:16px;font-weight:600;cursor:pointer}.tx-ln.now,.tx-ln.sel{background:rgb(var(--accent)/.16);box-shadow:inset 3px 0 0 rgb(var(--accent))}.tx-ln.drop{box-shadow:0 -3px 0 rgb(var(--accent))}.tx-ghost{position:fixed;z-index:90;pointer-events:none;padding:8px 14px;border-radius:12px;background:rgb(var(--accent));color:#0b0e18;font-weight:700;font-size:.85rem;box-shadow:0 6px 20px rgba(0,0,0,.35)}.tx-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.tx-empty-t{font-size:2rem;font-weight:700;color:rgb(var(--muted));opacity:.55;margin-bottom:6px;overflow-wrap:anywhere}.tx-empty .btn{width:min(260px,80%);justify-content:center;text-decoration:none}.tx-empty p{font-size:.8rem;color:rgb(var(--muted));max-width:24ch}.tx-pop{position:absolute;left:12px;right:12px;z-index:5;background:rgb(var(--board));color:rgb(var(--ink));border:1px solid rgb(var(--line));border-radius:16px;padding:10px;box-shadow:0 10px 30px rgba(0,0,0,.35)}.tx-pop-in{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tx-pop-t{font-size:.72rem}.tx-pop small,.tx-pop-t{width:100%;color:rgb(var(--muted))}.tx-pop small{font-size:.7rem}.tx-chip{padding:7px 12px;border-radius:12px;border:1px solid rgb(var(--line));font-weight:600;font-size:.85rem;background:rgb(var(--board));color:rgb(var(--ink))}.tx-chip.on{background:rgb(var(--accent));color:#0b0e18;border-color:rgb(var(--accent))}.tx-chip.\!on{background:rgb(var(--accent))!important;color:#0b0e18!important;border-color:rgb(var(--accent))!important}.tx-chip.dash{border-style:dashed;color:rgb(var(--muted))}.tx-chip.step{padding:6px 14px;font-size:1rem}.tx-chip.done{margin-left:auto}.tx-chip.\!done{margin-left:auto!important}.tx-in,.tx-num{width:52px;text-align:center;font:inherit;font-weight:700;border:1px solid rgb(var(--line));border-radius:10px;background:transparent;color:rgb(var(--ink));padding:6px 0}.tx-in{flex:1;width:auto;text-align:left;padding:7px 10px;font-weight:600}.tx-ta{width:100%;min-height:240px;border:1px solid rgb(var(--line));border-radius:14px;background:transparent;color:rgb(var(--ink));padding:12px;font:inherit;font-size:16px;line-height:1.45;resize:vertical}#app{display:flex;flex-direction:column;height:100dvh}#topbar{background:rgb(var(--frame));padding-top:env(safe-area-inset-top,0);flex:none}#topbar,#view{color:rgb(var(--ink))}#view{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding:8px 0 24px;margin:2px 8px 8px;border-radius:22px;background:rgb(var(--board));box-shadow:0 0 0 1px hsla(0,0%,100%,.06),0 12px 40px rgba(0,0,0,.35)}#dock{border-radius:22px 22px 0 0;box-shadow:0 -1px 0 hsla(0,0%,100%,.06)}#dock,#nav{background:rgb(var(--frame));color:rgb(var(--ink));flex:none}#nav{height:var(--nav-h);padding-bottom:env(safe-area-inset-bottom,0);z-index:40}#nav,.nav-btn{display:flex;position:relative}.nav-btn{flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.64rem;font-weight:600;letter-spacing:.01em;color:rgb(var(--muted))}.nav-btn svg{width:20px;height:20px}.nav-btn.on{color:rgb(var(--accent))}.nav-btn.\!on{color:rgb(var(--accent))!important}.nav-btn.on:before{content:"";position:absolute;top:0;left:50%;width:22px;height:3px;border-radius:3px;background:rgb(var(--accent));transform:translateX(-50%)}.nav-btn.\!on:before{content:""!important;position:absolute!important;top:0!important;left:50%!important;width:22px!important;height:3px!important;border-radius:3px!important;background:rgb(var(--accent))!important;transform:translateX(-50%)!important}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 0 16px;flex:none}.sheet-head h2{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.sheet-head:has(.sheet-back){justify-content:flex-start;padding-left:6px;gap:4px}.sheet-body{overflow-y:auto;min-height:0}.sheet-dock-panel{background:rgb(var(--frame));color:rgb(var(--ink));border-radius:22px 22px 0 0;box-shadow:0 -1px 0 hsla(0,0%,100%,.06);flex:none;max-height:52dvh;display:flex;flex-direction:column}.sheet-full-panel{position:fixed;left:0;right:0;top:0;bottom:var(--nav-h);z-index:30;display:flex;flex-direction:column;background:rgb(var(--board));padding-top:env(safe-area-inset-top,0)}.sheet-full-panel .sheet-head{padding-top:10px;border-bottom:1px solid rgb(var(--line));padding-bottom:6px;background:rgb(var(--board))}@media (orientation:landscape) and (max-height:520px){#sheet.sheet-dock-panel{position:fixed;left:0;right:0;top:0;bottom:var(--nav-h);z-index:30;max-height:none;border-radius:0;padding-top:env(safe-area-inset-top,0)}#sheet.sheet-dock-panel .piano{height:calc(100dvh - var(--nav-h) - 118px);min-height:120px}#sheet.sheet-dock-panel .sheet-body{overflow:hidden}.tuner{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:20px;column-gap:20px;max-width:46rem;align-content:start}.tuner>.tuner-top{grid-column:1/-1}.tuner>.tone-grid,.tuner>.tuner-read{grid-column:1;grid-row:2/span 2;align-self:start}.tuner>.btn.listen{grid-column:1;grid-row:4;align-self:start;margin-top:6px}.tuner>.seg[data-mode]{margin-top:6px}.tuner>.hz-row,.tuner>.seg[data-mode],.tuner>.strings,.tuner>.tone-note,.tuner>.tuner-ref{grid-column:2}html .tuner{--wi:27px}.tuner>.tone-note{display:none}.t-field{height:96px}.tuner-note{font-size:2.6rem;min-height:2.6rem}.t-scale,.tuner-note,.tuner>.tuner-ref{margin-top:6px}html .tuner .wheel-item{font-size:.85rem;padding-top:0;align-items:center}html .tuner .wheel-item.on{font-size:1.1rem}html .tuner .wheel-item small{font-size:.65rem}html .tuner .wheel-item.\!on{font-size:1.1rem!important}}@media (min-width:900px){#dock>*,#sheet.sheet-dock-panel>*,#topbar>*{max-width:62rem;margin-left:auto;margin-right:auto}#dock .dock-body,#dock .dock-head{max-width:40rem}.nav-btn{max-width:12rem}#nav{justify-content:center}}.icon-btn{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:10px;flex:none;color:rgb(var(--ink))}.icon-btn:hover:not(:disabled){background:rgb(var(--ink)/.09)}.icon-btn:disabled{opacity:.32}.icon-btn.on,.icon-btn.on:hover:not(:disabled){background:rgb(var(--accent));color:#0b0e18}.icon-btn.\!on,.icon-btn.\!on:hover:not(:disabled){background:rgb(var(--accent))!important;color:#0b0e18!important}.icon-btn.lg{width:52px;height:52px;border:1px solid rgb(var(--line));border-radius:14px;background:rgb(var(--board))}.title-input{flex:1;min-width:0;background:transparent;border:0;border-radius:10px;padding:6px 8px;font-size:1.5rem;font-weight:640;letter-spacing:-.02em;line-height:1.15;resize:none;overflow:hidden;display:block;align-self:center;font-family:inherit;color:inherit;min-height:2.1rem}.title-input.long{font-size:1.12rem;line-height:1.2}@media (max-width:599px){#topbar:not(.perform) .top1{gap:2px}#topbar:not(.perform) .top1>.icon-btn{width:34px;height:36px}#topbar:not(.perform) .title-input{font-size:1.3rem;padding:6px 4px}#topbar:not(.perform) #mode-seg{margin-left:2px}}.title-input:hover{background:rgb(var(--ink)/.05)}.title-input:focus{outline:2px solid rgb(var(--accent))}.seg,.title-input:focus{background:rgb(var(--board))}.seg{display:inline-flex;border:1px solid rgb(var(--line));border-radius:12px;padding:2px;gap:2px;flex:none}.tuner>.seg[data-mode]{display:grid;grid-template-columns:repeat(3,1fr);margin-top:8px;margin-bottom:8px}.tuner>.seg[data-mode] .seg-btn{text-align:center;padding:4px 6px}.seg[data-wrap]{flex-wrap:wrap}.seg-btn{padding:5px 11px;border-radius:8px;font-size:.82rem;font-weight:600;color:rgb(var(--muted));white-space:nowrap}.seg-btn:hover{color:rgb(var(--ink))}.seg-btn.on{background:rgb(var(--ink));color:rgb(var(--board));box-shadow:0 1px 3px rgba(0,0,0,.25)}.seg-btn.\!on{background:rgb(var(--ink))!important;color:rgb(var(--board))!important;box-shadow:0 1px 3px rgba(0,0,0,.25)!important}#dock .seg-btn.on,#sheet.sheet-dock-panel .seg-btn.on,#topbar .seg-btn.on{background:rgb(var(--accent));color:#0b0e18}#dock .seg-btn.\!on,#sheet.sheet-dock-panel .seg-btn.\!on,#topbar .seg-btn.\!on{background:rgb(var(--accent))!important;color:#0b0e18!important}.seg-icons .seg-btn{padding:7px 10px;display:grid;place-items:center}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;min-height:28px;border-radius:999px;flex:none;border:1px solid rgb(var(--line));background:rgb(var(--board));font-size:.85rem;line-height:1.2;white-space:nowrap}.chip b{font-weight:650}.chip-k{color:rgb(var(--muted));font-size:.78rem}.chip-k.note{font-size:.95rem;line-height:1;margin-right:-4px}.chip-k.\!note{font-size:.95rem!important;line-height:1!important;margin-right:-4px!important}.chip:hover{border-color:rgb(var(--ink)/.45)}#meta .chip b{font-size:.92rem;font-weight:650}.chip.on{background:rgb(var(--ink));color:rgb(var(--board));border-color:rgb(var(--ink))}.chip.\!on{background:rgb(var(--ink))!important;color:rgb(var(--board))!important;border-color:rgb(var(--ink))!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgb(var(--line));background:rgb(var(--board));font-weight:600;font-size:.92rem}.btn:hover:not(:disabled){border-color:rgb(var(--ink)/.5)}.btn:disabled{opacity:.4}.btn.on{background:rgb(var(--accent));color:#fff;border-color:transparent}.btn.\!on{background:rgb(var(--accent))!important;color:#fff!important;border-color:transparent!important}.btn-primary{background:rgb(var(--ink));color:rgb(var(--board));border-color:rgb(var(--ink))}.btn-danger{color:rgb(var(--danger))}.btn-sm{padding:7px 11px;font-size:.82rem;border-radius:10px}.input{width:100%;background:rgb(var(--board));border:1px solid rgb(var(--line));border-radius:10px;padding:9px 12px}.input:focus{outline:2px solid rgb(var(--accent));outline-offset:0;border-color:transparent}.field,.field>span{display:block}.field>span{font-size:.82rem;margin-bottom:6px}.field>span,.sub{color:rgb(var(--muted))}.sub{font-size:.85rem;font-weight:650;margin:22px 0 4px}.fine{font-size:.8rem;color:rgb(var(--muted));margin-top:18px}.range{width:100%;accent-color:rgb(var(--accent))}.switch{width:46px;height:28px;border-radius:999px;background:rgb(var(--line));position:relative;flex:none;transition:background .15s}.switch i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:rgb(var(--board));transition:transform .15s;box-shadow:0 1px 2px rgba(0,0,0,.3)}.switch.on{background:rgb(var(--accent))}.switch.\!on{background:rgb(var(--accent))!important}.switch.on i{transform:translateX(18px)}.switch.\!on i{transform:translateX(18px)!important}.stepper{display:inline-flex;align-items:center;gap:4px}.modal-wrap{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}.modal-back{position:absolute;inset:0;background:rgba(6,10,14,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-panel{position:relative;width:100%;max-width:30rem;max-height:90dvh;overflow-y:auto;background:rgb(var(--board));border:1px solid rgb(var(--line));border-bottom:0;border-radius:20px 20px 0 0;padding:14px 18px calc(22px + env(safe-area-inset-bottom, 0px));animation:rise .2s ease-out}.modal-panel:focus{outline:none}@media (min-width:640px){.modal-wrap{align-items:center}.modal-panel{border-bottom:1px solid rgb(var(--line));border-radius:20px}}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.modal-head h2{font-size:1.15rem;font-weight:650}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}#toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top, 0px) + 104px);transform:translate(-50%,-6px);z-index:80;background:rgb(var(--ink));color:rgb(var(--board));padding:9px 16px;border-radius:999px;font-size:.88rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;max-width:90vw;text-align:center}#toast.\!show{opacity:1!important;transform:translate(-50%)!important}#toast.show{opacity:1;transform:translate(-50%)}.kind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kind-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:12px;border:1px solid rgb(var(--line));font-size:.8rem;font-weight:600}.kind-btn.on{border-color:rgb(var(--ink));box-shadow:inset 0 0 0 1px rgb(var(--ink))}.kind-btn.\!on{border-color:rgb(var(--ink))!important;box-shadow:inset 0 0 0 1px rgb(var(--ink))!important}.mini-mark{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border:2px solid rgb(var(--ink));border-radius:6px;font-size:.8rem;font-weight:700;line-height:1;flex:none}.mini-mark.filled{background:rgb(var(--ink));color:rgb(var(--board))}.tempo-big{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.tempo-num{display:flex;align-items:baseline;gap:8px}.tempo-num b{font-size:3.6rem;font-weight:700;line-height:1;letter-spacing:-.03em}.tempo-num .note{font-size:1.8rem}.tempo-num .\!note{font-size:1.8rem!important}.tempo-num small{color:rgb(var(--muted));font-weight:600}.\!pulse{width:9px!important;height:9px!important;border-radius:50%!important;background:rgb(var(--ink)/.2)!important;margin-left:4px!important}.pulse{width:9px;height:9px;border-radius:50%;background:rgb(var(--ink)/.2);margin-left:4px}.\!pulse.flash{background:rgb(var(--accent))!important}.pulse.flash{background:rgb(var(--accent))}.\!pulse.accent.flash{transform:scale(1.4)!important}.pulse.accent.flash{transform:scale(1.4)}#metro-btn.\!on{background:rgb(var(--ink))!important;color:rgb(var(--board))!important}#metro-btn.on{background:rgb(var(--ink));color:rgb(var(--board))}.song-list{display:flex;flex-direction:column;border-top:1px solid rgb(var(--line))}.song-row{display:flex;align-items:center;gap:2px;border-bottom:1px solid rgb(var(--line));padding:4px 0}.song-row.on{box-shadow:inset 3px 0 0 rgb(var(--accent));padding-left:8px}.song-row.\!on{box-shadow:inset 3px 0 0 rgb(var(--accent))!important;padding-left:8px!important}.song-open{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;padding:6px 4px}.song-open b{font-size:1.05rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-open small{color:rgb(var(--muted));font-size:.8rem}.lib-host{padding:0}.lib{padding:14px 16px 40px;max-width:36rem;margin:0 auto}.lib-actions{display:flex;gap:8px;margin-bottom:14px;align-items:center}.lib-actions .btn{flex:0 0 auto;height:48px;padding:0 14px;white-space:nowrap;gap:8px}.lib-actions .btn-primary{flex:1 1 auto}.lib-actions .icon-btn.lg{flex:0 0 48px;width:48px;height:48px;border-radius:12px}.lib-label{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin:22px 0 8px}.lib-label,.lib-note{color:rgb(var(--muted))}.lib-note{display:flex;gap:8px;align-items:flex-start;font-size:.82rem;line-height:1.45;margin-bottom:12px}.lib-note svg{flex:none;margin-top:2px}.lib-fine{font-size:.78rem;margin-top:8px;text-align:center}.lib-empty,.lib-fine{color:rgb(var(--muted))}.lib-empty{font-size:.9rem;padding:18px 2px}.lib-folder-head{display:flex;align-items:center;gap:2px;margin-bottom:10px}.lib-folder-head h3{flex:1;min-width:0;font-size:1.2rem;font-weight:600;letter-spacing:-.01em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-back{display:inline-flex;align-items:center;height:40px;padding:0 8px 0 2px;border-radius:10px;color:rgb(var(--muted));font-size:.9rem;font-weight:600}.folder-row,.lib-back:hover{color:rgb(var(--ink))}.folder-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 4px;border-bottom:1px solid rgb(var(--line));text-align:left}.folder-row b{flex:1;min-width:0;font-weight:600;font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-row small{font-size:.8rem}.folder-row small,.folder-row svg:last-child{color:rgb(var(--muted))}.menu-list{display:flex;flex-direction:column}.menu-item{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid rgb(var(--line));text-align:left;font-weight:600;width:100%}.menu-item:last-child{border-bottom:0}.menu-item.on{color:rgb(var(--accent))}.menu-item.\!on{color:rgb(var(--accent))!important}.menu-item.danger{color:rgb(var(--danger))}.top1{gap:4px;padding:8px 8px 0}.meta-row,.top1{display:flex;align-items:center}.meta-row{gap:8px;padding:4px 12px 8px;overflow-x:auto;scrollbar-width:none}.meta-row::-webkit-scrollbar{display:none}.name-view{display:none}.icon-btn.sm{width:32px;height:32px;border-radius:9px}.play-pill{display:inline-flex;align-items:center;border-radius:999px;background:rgb(var(--ink));color:rgb(var(--frame));width:38px;height:38px;padding:0;justify-content:center}.play-pill svg{width:16px;height:16px}.play-pill.on{background:rgb(var(--accent));color:#0b0e18}.play-pill.\!on{background:rgb(var(--accent))!important;color:#0b0e18!important}#topbar:not(.perform) .top1{align-items:flex-start}#topbar:not(.perform) #mode-seg,#topbar:not(.perform) .top1>.icon-btn{margin-top:1px}#topbar.\!perform .top1{display:flex!important;align-items:center!important;gap:4px!important}#topbar.perform .top1{display:flex;align-items:center;gap:4px}#topbar.perform #title,#topbar.perform .name-view{display:none}#topbar.\!perform #title,#topbar.\!perform .name-view{display:none!important}#topbar.\!perform #transport{margin-left:auto!important;gap:6px!important}#topbar.perform #transport{margin-left:auto;gap:6px}#topbar.\!perform #mode-seg{margin:0 0 0 4px!important}#topbar.perform #mode-seg{margin:0 0 0 4px}#topbar.\!perform .meta-row{display:none!important}#topbar.perform .meta-row{display:none}#topbar.\!perform .top1{gap:2px!important;padding-left:4px!important;padding-right:6px!important}#topbar.perform .top1{gap:2px;padding-left:4px;padding-right:6px}#topbar.\!perform #transport{display:contents!important}#topbar.perform #transport{display:contents}#topbar.\!perform #transport .play-pill{margin-left:4px!important}#topbar.perform #transport .play-pill{margin-left:4px}#topbar.\!perform #transport [data-act=mute-toggle]{margin-left:auto!important}#topbar.perform #transport [data-act=mute-toggle]{margin-left:auto}#topbar.\!perform #transport .seg{margin-left:0!important}#topbar.perform #transport .seg{margin-left:0}#topbar.\!perform #transport .seg{padding:2px!important}#topbar.perform #transport .seg{padding:2px}#topbar.\!perform #transport .seg-btn{padding:8px 12px!important;font-size:.82rem!important;letter-spacing:.04em!important}#topbar.perform #transport .seg-btn{padding:8px 12px;font-size:.82rem;letter-spacing:.04em}#topbar.\!perform #transport .icon-btn.sm{width:28px!important}#topbar.perform #transport .icon-btn.sm{width:28px}#topbar.\!perform #transport .play-pill{width:34px!important;height:34px!important}#topbar.perform #transport .play-pill{width:34px;height:34px}#topbar.\!perform #mode-seg{margin-left:2px!important}#topbar.perform #mode-seg{margin-left:2px}#topbar.\!perform #mode-seg .seg-btn{padding:8px 9px!important}#topbar.perform #mode-seg .seg-btn{padding:8px 9px}#topbar.\!perform #mode-seg .seg-btn,#topbar:not(.\!perform) #mode-seg .seg-btn{padding:8px 12px!important}#topbar.perform #mode-seg .seg-btn,#topbar:not(.perform) #mode-seg .seg-btn{padding:8px 12px}#topbar.\!perform .top1{padding-bottom:8px!important}#topbar.perform .top1{padding-bottom:8px}#topbar #meta .seg,#topbar #mode-seg,#topbar #transport .seg{height:33px;box-sizing:border-box;padding:2px;align-items:stretch}#topbar #meta .seg .seg-btn,#topbar #mode-seg .seg-btn,#topbar #transport .seg .seg-btn{height:100%;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center;justify-content:center;line-height:1}.song-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;-moz-column-gap:12px;column-gap:12px;row-gap:8px;padding:4px 4px 10px;margin-bottom:4px;border-bottom:1px solid rgb(var(--line))}.sh-l{min-width:0}.sh-k{display:block;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--muted))}.sh-t.long{font-size:1.25rem;line-height:1.12;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sh-t{font-size:1.7rem;font-weight:620;letter-spacing:-.02em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-r{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none}.sh-key{font-size:.95rem;font-weight:500;color:rgb(var(--muted))}.sh-key b{font-weight:700;color:rgb(var(--ink))}.sh-tempo{font-size:.9rem;color:rgb(var(--muted))}.sh-key:hover,.sh-tempo:hover{color:rgb(var(--accent))}.lib-seg{display:flex;width:100%;margin-bottom:14px}.lib-seg .seg-btn{flex:1;padding:9px 0;font-size:.9rem;text-align:center}.lib-seg .seg-btn.on{background:rgb(var(--accent));color:#0b0e18}.lib-seg .seg-btn.\!on{background:rgb(var(--accent))!important;color:#0b0e18!important}.tk{display:flex;align-items:stretch;border-radius:16px;overflow:hidden;margin-bottom:10px;border:1px solid rgb(var(--line));background:rgb(var(--board))}.tk-open{flex:1;min-width:0;display:flex;text-align:left;color:rgb(var(--ink))}.tk-d{width:62px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0;background:rgb(var(--ink)/.06);color:rgb(var(--ink)/.75)}.tk-d b{font-size:1.5rem;line-height:1;font-weight:650}.tk-d small{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}.tk-b{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:10px 12px;border-left:2px dashed rgb(var(--line))}.tk-t{font-size:1.02rem;font-weight:650}.tk-b small,.tk-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-b small{color:rgb(var(--muted));font-size:.76rem}.tk-tag{align-self:flex-start;font-size:.6rem;font-weight:800;letter-spacing:.1em;color:rgb(var(--accent));background:rgb(var(--accent)/.14);padding:2px 7px;margin-bottom:3px}.tk-go,.tk-tag{border-radius:99px}.tk-go{flex:none;align-self:center;width:32px;height:32px;margin:0 10px;display:grid;place-items:center;background:rgb(var(--ink)/.07);color:rgb(var(--ink)/.75)}.tk.next{border-color:rgb(var(--accent));box-shadow:0 6px 18px rgb(var(--accent)/.22)}.tk.next .tk-d{background:rgb(var(--accent));color:#fff}.tk.next .tk-t{color:rgb(var(--accent))}.tk.next .tk-go{background:rgb(var(--accent));color:#fff}.tk.past{opacity:.5}.sl-meta{font-size:.9rem;margin:-4px 4px 12px}.sl-meta,.sl-n{color:rgb(var(--muted))}.sl-n{width:22px;text-align:center;font-weight:650;font-size:.85rem;flex:none}.sl-row .icon-btn.sm{width:30px;height:30px}.sl-row .icon-btn:disabled{opacity:.25}.sl-pick{display:flex;align-items:center;gap:10px;width:100%}.sl-pick small{margin-left:auto;color:rgb(var(--muted))}.sl-chk{width:22px;height:22px;border-radius:7px;border:1.5px solid rgb(var(--line));display:grid;place-items:center;flex:none}.sl-pick.on .sl-chk{background:rgb(var(--accent));border-color:rgb(var(--accent));color:#0b0e18}.sl-pick.\!on .sl-chk{background:rgb(var(--accent))!important;border-color:rgb(var(--accent))!important;color:#0b0e18!important}.next-pill{display:inline-flex;align-items:center;height:34px;padding:0 10px;margin-left:3px;border-radius:99px;background:rgb(var(--accent));color:#0b0e18;font-weight:800;font-size:.66rem;letter-spacing:.08em;flex:none}.next-pill:disabled{opacity:.35}#topbar.has-next .top1{gap:1px}#topbar.has-next #transport .icon-btn.sm{width:25px}#topbar.has-next #transport .seg-btn{padding:8px 9px;font-size:.78rem;letter-spacing:.02em}#topbar.has-next #mode-seg .seg-btn{padding:8px}#topbar.has-next #transport .play-pill{margin-left:2px;flex:none}#topbar.has-next .top1{padding-left:2px;padding-right:4px}@media (max-width:380px){#topbar.has-next [data-act=fit]{display:none}}.sh-set{grid-column:1/-1;display:flex;align-items:center;gap:8px;border-radius:12px;background:rgb(var(--accent)/.12);padding:4px 4px 4px 12px;font-size:.8rem}.sh-set-t{color:rgb(var(--muted));white-space:nowrap}.sh-set-t b{color:rgb(var(--ink))}.sh-set-n{margin-left:auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(var(--muted))}.sh-set-n b{color:rgb(var(--accent));font-weight:700}.sh-tools .seg-btn{padding:3px 8px;font-size:.74rem}.sh-tools .seg{padding:1px}.sh-tools .seg-btn.on{background:rgb(var(--ink));color:rgb(var(--board))}.sh-tools .seg-btn.\!on{background:rgb(var(--ink))!important;color:rgb(var(--board))!important}.sh-tools .icon-btn.sm{width:28px;height:28px}.settings{padding:4px 18px 40px;max-width:36rem;margin:0 auto}.size-preview{position:sticky;top:0;z-index:3;background:rgb(var(--board));border-bottom:1px solid rgb(var(--line));padding:4px 14px 8px}.size-preview .chart{padding:8px 0 4px;margin:0 auto;max-width:36rem}@media (orientation:landscape) and (max-height:520px){.size-preview{position:static}}.size-preview small{display:block;text-align:center;font-size:.75rem;color:rgb(var(--muted))}.set-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgb(var(--line))}.set-text{display:flex;flex-direction:column;min-width:0}.set-text b{font-weight:600}.set-text small{color:rgb(var(--muted));font-size:.8rem;margin-top:2px}.set-ctl{flex:none;max-width:52%}.set-row.stack{flex-direction:column;align-items:stretch;gap:10px}.set-row.stack .set-ctl{max-width:none}.set-row.stack .seg{display:flex}.set-row.stack .seg-btn{flex:1;text-align:center}.set-ctl .range{width:9rem}.set-ctl .seg{flex-wrap:wrap;justify-content:flex-end}.chart{--num:calc(var(--size)*clamp(2rem, 8.6vw, 3.5rem));padding:14px 12px 28px;max-width:62rem;margin:0 auto}.chart.perform{--num:calc(var(--size)*clamp(2.5rem, 11vw, 5rem));padding-top:4px}.chart.\!perform{--num:calc(var(--size)*clamp(2.5rem, 11vw, 5rem))!important;padding-top:4px!important}.print-head{display:none}.chart-box{width:100%;overflow:hidden}.chart.fit{margin:0;max-width:none;transform-origin:0 0;padding:6px 10px 10px}.chart.\!fit{margin:0!important;max-width:none!important;transform-origin:0 0!important;padding:6px 10px 10px!important}.chart.fit .sec{margin-top:.7rem}.chart.\!fit .sec,.chart.fit .\!sec{margin-top:.7rem!important}.chart.fit .add-sections{padding-top:12px}.chart.\!fit .add-sections{padding-top:12px!important}.keymap{position:relative;display:grid;grid-template-columns:repeat(7,1fr);margin:0 0 6px;padding:0 0 10px 2.1rem;border-bottom:1px solid rgb(var(--line))}.km{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 0 4px;border-radius:10px}.km:hover{background:rgb(var(--ink)/.05)}.km:active{background:rgb(var(--accent)/.14)}.km-sol{font-size:.62rem;color:rgb(var(--muted))}.km-let{font-size:.82rem;font-weight:500;color:rgb(var(--ink)/.6)}.km-num{font-size:1.15rem;font-weight:500;line-height:1.15;color:rgb(var(--ink)/.82)}.km-key{position:absolute;left:0;top:50%;transform:translateY(-62%);width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:999px;color:rgb(var(--ink)/.5)}.km-key:hover{color:rgb(var(--ink));background:rgb(var(--ink)/.06)}.km-key:active{background:rgb(var(--accent)/.16)}.km .acc{font-size:.6em}.\!sec{display:grid!important;grid-template-columns:2.1rem 1fr!important;margin-top:.6rem!important}.sec{display:grid;grid-template-columns:2.1rem 1fr;margin-top:.6rem}.sec-mark-col{padding-top:.5rem}.secmark{width:1.5rem;height:1.5rem;display:grid;place-items:center;border:1.5px solid rgb(var(--ink)/.85);border-radius:6px;font-size:.8rem;font-weight:600;line-height:1}.secmark.filled{background:rgb(var(--accent));border-color:rgb(var(--accent));color:rgb(var(--board))}button.secmark[data-act]:hover{box-shadow:0 0 0 3px rgb(var(--accent)/.3)}.sec-rows{display:flex;flex-direction:column;gap:.15rem;min-width:0}.\!row{display:grid!important;grid-template-columns:repeat(var(--cols),minmax(0,1fr))!important;container-type:inline-size!important}.row{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));container-type:inline-size}.\!bar{--rule:rgb(var(--ink)/0.78)!important;--heavy:rgb(var(--ink))!important;--len:calc(100% - 0.9rem)!important;--lh:1.25px!important;--rh:0px!important;--lH:0px!important;--lt:0px!important;--rH:0px!important;--rt:0px!important;position:relative!important;min-height:var(--bar-h,calc(var(--num)*1.2 + 1rem))!important;padding:.5rem .1rem .45rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;background-repeat:no-repeat!important;background-image:linear-gradient(var(--rule),var(--rule)),linear-gradient(var(--rule),var(--rule)),linear-gradient(var(--heavy),var(--heavy)),linear-gradient(var(--rule),var(--rule)),linear-gradient(var(--heavy),var(--heavy)),linear-gradient(var(--rule),var(--rule))!important;background-size:var(--lh) var(--len),var(--rh) var(--len),var(--lH) var(--len),var(--lt) var(--len),var(--rH) var(--len),var(--rt) var(--len)!important;background-position:0 50%,100% 50%,0 50%,5px 50%,100% 50%,calc(100% - 5px) 50%!important}.bar{--rule:rgb(var(--ink)/0.78);--heavy:rgb(var(--ink));--len:calc(100% - 0.9rem);--lh:1.25px;--rh:0px;--lH:0px;--lt:0px;--rH:0px;--rt:0px;position:relative;min-height:var(--bar-h,calc(var(--num)*1.2 + 1rem));padding:.5rem .1rem .45rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-repeat:no-repeat;background-image:linear-gradient(var(--rule),var(--rule)),linear-gradient(var(--rule),var(--rule)),linear-gradient(var(--heavy),var(--heavy)),linear-gradient(var(--rule),var(--rule)),linear-gradient(var(--heavy),var(--heavy)),linear-gradient(var(--rule),var(--rule));background-size:var(--lh) var(--len),var(--rh) var(--len),var(--lH) var(--len),var(--lt) var(--len),var(--rH) var(--len),var(--rt) var(--len);background-position:0 50%,100% 50%,0 50%,5px 50%,100% 50%,calc(100% - 5px) 50%}.\!bar.row-end{--rh:1.25px!important}.bar.row-end{--rh:1.25px}.\!bar[data-act]{cursor:pointer!important}.bar[data-act]{cursor:pointer}.\!bar[data-act]:hover{background-color:rgb(var(--accent)/.05)!important}.bar[data-act]:hover{background-color:rgb(var(--accent)/.05)}.\!bar.playing{background-color:rgb(var(--accent)/.12)!important;box-shadow:inset 0 -2px 0 rgb(var(--accent))!important;border-radius:4px 4px 0 0!important}.bar.playing{background-color:rgb(var(--accent)/.12);box-shadow:inset 0 -2px 0 rgb(var(--accent));border-radius:4px 4px 0 0}.\!bar.rep-open{background-color:rgba(214,69,58,.14)!important;position:relative!important}.bar.rep-open{background-color:rgba(214,69,58,.14);position:relative}.\!bar.rep-open.sel{background-color:rgba(214,69,58,.2)!important}.bar.rep-open.sel{background-color:rgba(214,69,58,.2)}.rep-tag{position:absolute;top:-7px;left:12px;z-index:3;padding:1px 7px;border-radius:999px;background:#d6453a;color:#fff;font-size:.62rem;font-weight:700;line-height:1.3;white-space:nowrap;pointer-events:none}@media print{.rep-tag{display:none}.bar.rep-open{background:none}.\!bar.rep-open{background:none!important}}.\!bar.sel{background-color:rgb(var(--accent)/.08)!important;box-shadow:inset 0 -2px 0 rgb(var(--accent))!important;border-radius:4px 4px 0 0!important}.bar.sel{background-color:rgb(var(--accent)/.08);box-shadow:inset 0 -2px 0 rgb(var(--accent));border-radius:4px 4px 0 0}.bar-main{display:flex;justify-content:center;align-items:center;width:100%;height:calc(var(--num)*1.2);flex:none}.ghost{color:rgb(var(--muted));opacity:.45;font-size:calc(var(--num)*.7);line-height:1}.\!bar.rep-s{--lh:0px!important;--lH:2.5px!important;--lt:1px!important}.bar.rep-s{--lh:0px;--lH:2.5px;--lt:1px}.\!bar.rep-e{--rh:0px!important;--rH:2.5px!important;--rt:1px!important}.bar.rep-e{--rh:0px;--rH:2.5px;--rt:1px}.bar.rep-e:after,.bar.rep-s:after{content:"";position:absolute;top:calc(.5rem + var(--num)*.6 - 7.5px);width:3px;height:3px;border-radius:50%;background:rgb(var(--ink));box-shadow:0 8px 0 rgb(var(--ink))}.\!bar.rep-e:after,.\!bar.rep-s:after{content:""!important;position:absolute!important;top:calc(.5rem + var(--num)*.6 - 7.5px)!important;width:3px!important;height:3px!important;border-radius:50%!important;background:rgb(var(--ink))!important;box-shadow:0 8px 0 rgb(var(--ink))!important}.\!bar.rep-s:after{left:10px!important}.bar.rep-s:after{left:10px}.\!bar.rep-e:after{right:10px!important}.bar.rep-e:after{right:10px}.\!bar.rep-s .bar-main{padding-left:.85rem!important}.bar.rep-s .bar-main{padding-left:.85rem}.\!bar.rep-e .bar-main{padding-right:.85rem!important}.bar.rep-e .bar-main{padding-right:.85rem}.\!chords{display:flex!important;align-items:center!important;justify-content:center!important;gap:.36em!important;line-height:1.05!important;font-size:min(var(--num),calc(100cqw/var(--per, var(--cols))/2.3))!important;font-weight:520!important;letter-spacing:-.01em!important;max-width:100%!important;border-bottom:1px solid transparent!important;padding:0 .04em .06em!important}.chords{display:flex;align-items:center;justify-content:center;gap:.36em;line-height:1.05;font-size:min(var(--num),calc(100cqw/var(--per, var(--cols))/2.3));font-weight:520;letter-spacing:-.01em;max-width:100%;border-bottom:1px solid transparent;padding:0 .04em .06em}.\!bar{--f2:min(var(--num),calc(100cqw/var(--per, var(--cols))/2.8))!important}.bar{--f2:min(var(--num),calc(100cqw/var(--per, var(--cols))/2.8))}.\!bar.split .chords{position:relative!important;line-height:.94!important;padding-bottom:0!important}.bar.split .chords{position:relative;line-height:.94;padding-bottom:0}.bar.split .\!chords{position:relative!important;line-height:.94!important;padding-bottom:0!important}.\!bar.split .chords:after{content:""!important;position:absolute!important;left:0!important;right:0!important;top:calc(100% + (var(--f2) - 1em)*.47)!important;height:1px!important;background:rgb(var(--ink)/.6)!important}.bar.split .chords:after{content:"";position:absolute;left:0;right:0;top:calc(100% + (var(--f2) - 1em)*.47);height:1px;background:rgb(var(--ink)/.6)}.bar.split .\!chords:after{content:""!important;position:absolute!important;left:0!important;right:0!important;top:calc(100% + (var(--f2) - 1em)*.47)!important;height:1px!important;background:rgb(var(--ink)/.6)!important}.bar .chords[data-n="3"],.bar .chords[data-n="4"]{gap:.1em}.\!bar .chords[data-n="3"],.\!bar .chords[data-n="4"],.bar .\!chords[data-n="3"],.bar .\!chords[data-n="4"]{gap:.1em!important}.\!bar .chords[data-n="3"]{justify-content:center!important;gap:0!important}.bar .chords[data-n="3"]{justify-content:center;gap:0}.\!bar .chords[data-ink],.bar .\!chords[data-n="3"]{justify-content:center!important;gap:0!important}.bar .chords[data-ink]{justify-content:center;gap:0}.bar .\!chords[data-ink]{justify-content:center!important;gap:0!important}.\!bar .chords[data-ink] .chord,.bar .\!chords[data-ink] .chord,.bar .chords[data-ink] .chord{min-width:0!important;padding:0!important}.bar .chords[data-n="3"] .chord,.bar .chords[data-n="4"] .chord{min-width:var(--cw,.71em);justify-content:center}.\!bar .chords[data-n="3"] .chord,.\!bar .chords[data-n="4"] .chord,.bar .\!chords[data-n="3"] .chord,.bar .\!chords[data-n="4"] .chord{min-width:var(--cw,.71em)!important;justify-content:center!important}.\!bar .chords[data-n="3"]:not(.xt) .chord{min-width:0!important;padding:0 .12em!important}.bar .chords[data-n="3"]:not(.xt) .chord{min-width:0;padding:0 .12em}.bar .\!chords[data-n="3"]:not(.xt) .chord{min-width:0!important;padding:0 .12em!important}.bar .chords.xt[data-n="3"],.bar .chords.xt[data-n="4"]{gap:.03em}.\!bar .chords.xt[data-n="3"],.\!bar .chords.xt[data-n="4"],.bar .\!chords.xt[data-n="3"],.bar .\!chords.xt[data-n="4"]{gap:.03em!important}.\!bar .chords.xt[data-n="2"]{gap:.02em!important}.bar .chords.xt[data-n="2"]{gap:.02em}.bar .\!chords.xt[data-n="2"]{gap:.02em!important}.rest-ch{color:rgb(var(--ink)/.5);font-weight:400;justify-content:center;padding:0}.chord,.rest-ch{display:inline-flex}.chord{position:relative;align-items:baseline;padding:.04em .06em;border-radius:.18em}.chord.sel{color:rgb(var(--accent))}.\!ch{display:inline-flex!important;align-items:baseline!important;white-space:nowrap!important}.ch{display:inline-flex;align-items:baseline;white-space:nowrap}.\!ch .acc{font-family:Noto Music,Bricolage Grotesque,sans-serif!important;font-weight:400!important;font-size:.74em!important;margin-right:.03em!important;align-self:flex-start!important;position:relative!important;top:-.02em!important}.ch .acc{font-family:Noto Music,Bricolage Grotesque,sans-serif;font-weight:400;font-size:.74em;margin-right:.03em;align-self:flex-start;position:relative;top:-.02em}.\!ch .acc.after{font-size:.7em!important;align-self:flex-start!important;top:-.04em!important;margin:0 0 0 .03em!important}.ch .acc.after{font-size:.7em;align-self:flex-start;top:-.04em;margin:0 0 0 .03em}.\!ch .acc svg{display:block!important;width:.5em!important;height:.84em!important;fill:none!important;stroke:currentColor!important;stroke-linecap:round!important;stroke-linejoin:round!important;overflow:visible!important}.ch .acc svg{display:block;width:.5em;height:.84em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.\!ch .q{font-size:.82em!important;font-weight:600!important;margin-left:.02em!important;position:relative!important;top:-.02em!important}.ch .q{font-size:.82em;font-weight:600;margin-left:.02em;position:relative;top:-.02em}.\!ch .ext{font-size:.5em!important;font-weight:600!important;position:relative!important;top:-.74em!important;vertical-align:baseline!important;line-height:0!important;margin-left:-.01em!important}.ch .ext{font-size:.5em;font-weight:600;position:relative;top:-.74em;vertical-align:baseline;line-height:0;margin-left:-.01em}.\!chords:not([data-n="1"]) .ch:has(.has-dia) .ext{margin-left:-.08em!important}.chords:not([data-n="1"]) .ch:has(.has-dia) .ext{margin-left:-.08em}.chords:not([data-n="1"]) .\!ch:has(.has-dia) .ext{margin-left:-.08em!important}.\!ch .ext.word.sh{font-size:.54em!important;font-weight:600!important;opacity:1!important;top:-.66em!important;letter-spacing:0!important}.ch .ext.word.sh{font-size:.54em;font-weight:600;opacity:1;top:-.66em;letter-spacing:0}.\!ch .ext.word{font-size:.42em!important;font-weight:450!important;letter-spacing:.02em!important;top:-.98em!important;opacity:.9!important}.ch .ext.word{font-size:.42em;font-weight:450;letter-spacing:.02em;top:-.98em;opacity:.9}.\!ch .bass{font-size:.56em!important;font-weight:560!important;margin-left:.1em!important;align-self:flex-end!important;position:relative!important;top:.02em!important}.ch .bass{font-size:.56em;font-weight:560;margin-left:.1em;align-self:flex-end;position:relative;top:.02em}.pushmark{font-size:.5em;font-weight:500;margin-right:.18em;align-self:center;opacity:.85}.root.has-dia{position:relative;margin:0}.dia{position:absolute;left:-.46em;top:-.12em;width:calc(100% + .92em);height:calc(100% + .24em);fill:none;stroke:currentColor;stroke-width:2px;pointer-events:none;overflow:visible}.\!chords:not([data-n="1"]) .rt{display:inline-block!important}.chords:not([data-n="1"]) .rt{display:inline-block}.chords:not([data-n="1"]) .\!rt{display:inline-block!important}.\!chords:not([data-n="1"]) .has-dia .rt{transform:scale(.92)!important}.chords:not([data-n="1"]) .has-dia .rt{transform:scale(.92)}.chords:not([data-n="1"]) .has-dia .\!rt{transform:scale(.92)!important}.\!chords:not([data-n="1"]) .dia{--cl:-3px!important;--cr:-3px!important;left:50%!important;top:50%!important;width:1.2em!important;height:1.46em!important;transform:translate(-50%,-50%)!important;stroke-width:1.5px!important;stroke-linejoin:round!important;shape-rendering:geometricPrecision!important;clip-path:inset(-3px var(--cr) -3px var(--cl))!important}.chords:not([data-n="1"]) .dia{--cl:-3px;--cr:-3px;left:50%;top:50%;width:1.2em;height:1.46em;transform:translate(-50%,-50%);stroke-width:1.5px;stroke-linejoin:round;shape-rendering:geometricPrecision;clip-path:inset(-3px var(--cr) -3px var(--cl))}.chords[data-n="3"] .dj-l .dia,.chords[data-n="4"] .dj-l .dia{--cl:var(--cj)}.\!chords[data-n="3"] .dj-l .dia,.\!chords[data-n="4"] .dj-l .dia{--cl:var(--cj)!important}.chords[data-n="3"] .dj-r .dia,.chords[data-n="4"] .dj-r .dia{--cr:var(--cj)}.\!chords[data-n="3"] .dj-r .dia,.\!chords[data-n="4"] .dj-r .dia{--cr:var(--cj)!important}.root.has-acc,.root.has-stab{position:relative}.accent-mark{position:absolute;left:50%;top:-.4em;width:.34em;height:.28em;transform:translateX(-50%);fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.root.has-stab .accent-mark{top:-.72em}.rep-count{position:absolute;right:.7rem;top:.1rem;font-size:.72rem;font-weight:600;color:rgb(var(--muted));letter-spacing:0}.stab-dot{position:absolute;left:50%;top:-.315em;width:.17em;height:.17em;min-width:4px;min-height:4px;border-radius:50%;background:currentColor;transform:translateX(-50%)}.rhythm{height:calc(var(--num)*.6);margin-top:-.05rem;color:rgb(var(--ink)/.85);overflow:visible}.rhythm,.rhythm-mini{width:auto;max-width:100%}.rhythm-mini{height:34px;color:rgb(var(--ink))}.rh-fill{fill:currentColor}.rh-stroke{stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}.rh-sel{fill:rgb(var(--accent)/.18)}.restbar{width:2.6rem;color:rgb(var(--ink))}.bar-note{font-size:.78rem;color:rgb(var(--muted));margin-top:auto;padding-top:.15rem;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip.add{padding-left:7px}.dock-head{display:flex;align-items:center;gap:2px;padding:4px 4px 3px 8px}.dock-head .icon-btn{width:26px;height:32px;flex:0 1 26px;min-width:20px}.dock-head .split-quick{width:34px;flex-basis:34px;font-size:.78rem;font-weight:650;margin-left:4px}.dock-head .split-quick u{text-underline-offset:3px;text-decoration-thickness:1.5px}.dock-head .icon-btn svg{width:18px;height:18px}.dock-head .seg-btn{padding:4px 7px;font-size:.76rem}.dock-head .seg{flex:none}@media (max-width:380px){.dock-head .seg-btn{padding:4px 5px;font-size:.72rem}.dock-head .icon-btn svg{width:16px;height:16px}.dock-head{gap:0;padding-left:5px;padding-right:2px}}.secgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.secgrid .key.act{height:50px;gap:2px;padding:0 2px}.secgrid .key.act .glyph{height:24px}.secgrid .key.act .lbl{font-size:.6rem}.secgrid .mini-mark{font-size:.8rem}.dock-body{padding:0 8px 3px;min-height:161px}.key{height:46px;border-radius:11px;border:1px solid rgb(var(--line));background:rgb(var(--board));font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;flex:none;transition:transform .05s}.key:hover{border-color:rgb(var(--ink)/.5)}.key:active{transform:translateY(1px);background:rgb(var(--ink)/.08)}.key.on{background:rgb(var(--accent));color:#fff;border-color:transparent}.key.\!on{background:rgb(var(--accent))!important;color:#fff!important;border-color:transparent!important}#dock .key.on,#sheet.sheet-dock-panel .fork-btn.on,#sheet.sheet-dock-panel .key.on,#sheet.sheet-dock-panel .string-btn.on,#sheet.sheet-dock-panel .tone-btn.on{color:#0b0e18}#dock .key.\!on,#sheet.sheet-dock-panel .fork-btn.\!on,#sheet.sheet-dock-panel .key.\!on,#sheet.sheet-dock-panel .string-btn.\!on,#sheet.sheet-dock-panel .tone-btn.\!on{color:#0b0e18!important}.numrow{display:grid;grid-template-columns:repeat(7,1fr) .9fr;gap:3px}.key.num.split-key{justify-content:center}.key.num.split-key b{font-size:.82rem;font-weight:650}.key.num.split-key u{text-underline-offset:3px;text-decoration-thickness:1.5px}.key.num{height:47px;flex-direction:column;gap:0}.key.num b{font-size:1.35rem;font-weight:700;line-height:1.1}.key.num small{font-size:.58rem;color:rgb(var(--muted));font-weight:600;line-height:1}.modrow{display:flex;gap:3px;margin-top:3px}.modrow .key.wk{flex:1.5 1 0;font-size:.72rem;font-weight:450;letter-spacing:.015em;padding:0 2px}.modrow .key{flex:1 1 0;min-width:0;padding:0 3px;height:34px;font-size:.86rem;font-weight:500}.modrow:last-of-type .key,.modrow:nth-of-type(2) .key{font-size:.95rem}.modrow .key svg{width:16px;height:16px}.extrow .key{font-size:.85rem;font-weight:500}.extrow .key.word-key{flex:1.7 1 0;font-size:.7rem;font-weight:450;letter-spacing:.02em}.extrow .key-gap{flex:0 0 6px}.modrow .key.on{font-weight:600}.modrow .key.\!on{font-weight:600!important}.modrow:last-of-type .key.glyph-font{font-size:1.1rem}.glyph-font{font-family:Noto Music,Bricolage Grotesque,sans-serif;font-size:1.15rem}.bargrid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.bargrid .key.act b{font-size:.95rem;font-weight:600}.key.act{height:40px;flex-direction:column;gap:2px;padding:0 4px}.key.act .glyph{font-size:.95rem;font-weight:650;display:grid;place-items:center;height:18px;line-height:1}.key.act .lbl{font-size:.6rem;font-weight:600;color:inherit;opacity:.75}.note-field{display:block;margin-top:6px}.beatrow{display:flex;gap:5px}.key.beat{flex:1;height:48px;flex-direction:column;gap:0;padding:4px 2px 3px}.key.beat small{font-size:.66rem;color:rgb(var(--muted));font-weight:650}.key.beat.on{background:rgb(var(--accent)/.14);color:rgb(var(--ink));border-color:rgb(var(--accent))}.key.beat.\!on{background:rgb(var(--accent)/.14)!important;color:rgb(var(--ink))!important;border-color:rgb(var(--accent))!important}.beat-empty{height:34px;display:grid;place-items:center;color:rgb(var(--muted));font-size:1.4rem}.palrow{display:flex;gap:5px;margin-top:6px}.key.pal{flex:1;height:36px;padding:2px}.key.pal .rhythm-mini{height:30px}.rh-actions{display:flex;gap:6px;margin-top:6px}.tuner{padding:6px 14px 14px;max-width:34rem;margin:0 auto}.tuner-top{display:flex;justify-content:space-between;flex-wrap:wrap}.fork-btn,.tuner-top{align-items:center;gap:8px}.fork-btn{display:inline-flex;padding:7px 14px;border-radius:999px;font-weight:650;border:1px solid rgb(var(--line));background:rgb(var(--board))}.fork-btn.on{background:rgb(var(--accent));color:#fff;border-color:transparent}.fork-btn.\!on{background:rgb(var(--accent))!important;color:#fff!important;border-color:transparent!important}:root[data-theme=stage] .fork-btn.on,:root[data-theme=stage] .string-btn.on{color:#0b0f18}:root[data-theme=stage] .fork-btn.\!on,:root[data-theme=stage] .string-btn.\!on{color:#0b0f18!important}.tune-row{display:flex;justify-content:center;margin-top:8px}.tune-pill{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 12px 7px 14px;border-radius:999px;border:1px solid rgb(var(--line));background:rgb(var(--board))}.tune-pill b{font-weight:700;font-size:.86rem;white-space:nowrap}.tune-pill small{color:rgb(var(--muted));font-size:.76rem;font-weight:500;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tune-lab{font-size:.7rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--muted));margin:10px 2px 6px}.tune-list{display:flex;flex-direction:column;gap:2px}.tune-opt{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;text-align:left}.tune-opt b{font-weight:650}.tune-opt small{color:rgb(var(--muted));font-weight:500;letter-spacing:.1em}.tune-opt.on{background:rgb(var(--accent)/.14);color:rgb(var(--accent))}.tune-opt.\!on{background:rgb(var(--accent)/.14)!important;color:rgb(var(--accent))!important}.tune-opt.on small{color:inherit;opacity:.8}.tune-opt.\!on small{color:inherit!important;opacity:.8!important}.tune-tr{justify-content:space-between;padding:2px 2px 0 12px;font-weight:650}.tune-step,.tune-tr{display:flex;align-items:center}.tune-step{border:1px solid rgb(var(--line));border-radius:999px;overflow:hidden}.tune-step button{width:42px;height:38px;font-size:1.2rem}.tune-step button:disabled{opacity:.3}.tune-step b{min-width:64px;text-align:center;font-size:.88rem;font-variant-numeric:tabular-nums}.tune-done{width:100%;margin-top:14px;background:rgb(var(--ink));color:rgb(var(--board))}.tuner-read{text-align:center;padding:10px 0 0;--lean:0}.t-field{position:relative;height:132px;border-radius:22px;overflow:hidden;background:#14171f;margin-top:12px;transform:translateY(20px)}.t-field .tb{position:absolute;border-radius:50%;filter:blur(36px);transition:opacity .25s}.tb-l{left:-80px;opacity:clamp(0,calc(var(--lean)*-1.8 + .1),1)}.tb-l,.tb-r{top:-20px;width:240px;height:240px;background:#6a5cff}.tb-r{right:-80px;opacity:clamp(0,calc(var(--lean)*1.8 + .1),1)}.tb-m{left:50%;margin-left:-90px;top:-24px;width:180px;height:180px;background:#5fe3ab;opacity:0}.tuner-read.tuned .tb-m{opacity:1}.tuner-read.tuned .tb-l,.tuner-read.tuned .tb-r{opacity:.15}.tuner-read.idle .tb{opacity:.18}.t-grain{position:absolute;inset:0;opacity:.2;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>")}.t-mid{top:0;bottom:0;width:1px;background:hsla(0,0%,100%,.4)}.t-dot,.t-mid{position:absolute;left:50%}.t-dot{top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:#fff;box-shadow:0 0 0 10px hsla(0,0%,100%,.14),0 0 36px hsla(0,0%,100%,.4);transition:left .12s ease-out}.tuner-read.idle .t-dot{opacity:.45}.tuner-note{font-size:2.8rem;font-weight:700;line-height:1;letter-spacing:-.03em;min-height:2.8rem;margin-top:8px;transition:color .2s}.tuner-read.idle .tuner-note{display:flex;justify-content:center;align-items:center}.t-wait{display:inline-flex;gap:9px;align-items:center;height:2.8rem}.t-wait i{width:7px;height:7px;border-radius:50%;background:rgb(var(--muted)/.4)}.tuner-read.live .t-wait i{animation:t-wait 1.2s ease-in-out infinite}.tuner-read.live .t-wait i:nth-child(2){animation-delay:.15s}.tuner-read.live .t-wait i:nth-child(3){animation-delay:.3s}@keyframes t-wait{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15);background:rgb(var(--accent))}}@media (prefers-reduced-motion:reduce){.tuner-read.live .t-wait i{animation:none}}.tuner-note sup{font-size:1.1rem;font-weight:500;margin-left:3px;vertical-align:top;position:relative;top:.5em;letter-spacing:0}.t-hz,.tuner-note sup{color:rgb(var(--muted))}.t-hz{font-size:.7rem;line-height:1.1;letter-spacing:.04em;font-variant-numeric:tabular-nums;margin-top:0}.tuner-cents{font-size:1.15rem;color:rgb(var(--ink));font-weight:600;min-height:1.5rem;margin-top:4px;font-variant-numeric:tabular-nums;transition:color .2s}.tuner-read.idle .tuner-cents{color:rgb(var(--muted));font-size:.88rem}.tuner-read.tuned .tuner-cents,.tuner-read.tuned .tuner-note{color:rgb(var(--ok))}.t-scale{margin:8px 6px 0}.t-ticks{position:relative;height:30px}.t-ticks i{position:absolute;bottom:0;width:1.5px;height:12px;background:rgb(var(--ink)/.3);transform:translateX(-50%)}.t-ticks i.m{height:20px}.t-ticks i.\!m{height:20px!important}.t-ticks i.l{height:28px}.t-ticks i.\!l{height:28px!important}.t-ticks i.z{height:30px;background:rgb(var(--ink))}.t-nd{position:absolute;top:10px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:rgb(var(--accent));box-shadow:0 0 0 2px rgb(var(--board)),0 0 10px rgb(var(--accent)/.7);transition:left .12s ease-out,background .2s}.tuner-read.tuned .t-nd{background:rgb(var(--ok));box-shadow:0 0 0 2px rgb(var(--board)),0 0 10px rgb(var(--ok)/.7)}.tuner-read.idle .t-nd{opacity:.35}.t-nums{position:relative;height:30px;margin-top:4px;font-size:.7rem;color:rgb(var(--muted));font-variant-numeric:tabular-nums}.t-nums span{position:absolute;transform:translateX(-50%);line-height:1.25}.t-nums span:first-child{transform:translateX(-30%)}.t-nums span:last-child{transform:translateX(-70%)}.t-nums small{display:block;font-size:.66rem}.t-nums span.hit{color:rgb(var(--ink));font-weight:650}.strings{gap:7px;margin:10px 0 12px}.string-btn,.strings{display:flex;justify-content:center}.string-btn{flex:1;max-width:68px;height:58px;flex-direction:column;align-items:center;border-radius:14px;border:1px solid rgb(var(--line));background:rgb(var(--board))}.string-btn b{font-size:1.3rem;font-weight:700;line-height:1.1}.string-btn small{font-size:.7rem;color:rgb(var(--muted));font-weight:600}.string-btn.near{border-color:rgb(var(--accent));box-shadow:0 0 0 2px rgb(var(--accent)/.35)}.string-btn.on{background:rgb(var(--accent));color:#fff;border-color:transparent}.string-btn.\!on{background:rgb(var(--accent))!important;color:#fff!important;border-color:transparent!important}.string-btn.on small{color:inherit;opacity:.8}.string-btn.\!on small{color:inherit!important;opacity:.8!important}.btn.listen{width:100%}.btn.listen.on{background:rgb(var(--ink));color:rgb(var(--board))}.btn.listen.\!on{background:rgb(var(--ink))!important;color:rgb(var(--board))!important}.tuner-top .seg{max-width:100%;overflow-x:auto;scrollbar-width:none}.tone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0 10px}.tone-btn{height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:14px;border:1px solid rgb(var(--line));background:rgb(var(--board))}.tone-btn b{font-size:1.3rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.tone-btn small{font-size:.72rem;color:rgb(var(--muted));font-weight:600}.tone-btn.on{background:rgb(var(--accent));color:#fff;border-color:transparent}.tone-btn.\!on{background:rgb(var(--accent))!important;color:#fff!important;border-color:transparent!important}.tone-btn.on small{color:inherit;opacity:.85}.tone-btn.\!on small{color:inherit!important;opacity:.85!important}:root[data-theme=stage] .tone-btn.on{color:#0b0f18}:root[data-theme=stage] .tone-btn.\!on{color:#0b0f18!important}.hz-row{display:flex;gap:8px}.hz-row .input{flex:1;min-width:0}.tone-note{font-size:.8rem;color:rgb(var(--muted));margin:10px 2px 0;line-height:1.4}.tuner{--wi:40px}.tuner-ref{display:flex;align-items:stretch;gap:10px;margin-top:12px}.tuner-ref .fork-btn{flex-direction:column;justify-content:center;gap:6px;width:7rem;height:auto;padding:8px;border-radius:16px;flex:none;font-size:1.05rem}.wheel{position:relative;flex:1;height:calc(var(--wi)*3);border-radius:16px;border:1px solid rgb(var(--line));background:rgb(var(--board));overflow:hidden}.wheel-list{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;padding:var(--wi) 0;box-sizing:border-box;scrollbar-width:none;overscroll-behavior:contain;-webkit-mask-image:linear-gradient(transparent,#000 32%,#000 68%,transparent);mask-image:linear-gradient(transparent,#000 32%,#000 68%,transparent)}.wheel-list::-webkit-scrollbar{display:none}.wheel-item{height:var(--wi);scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:baseline;justify-content:center;gap:8px;padding-top:calc(var(--wi)*.2);font-size:1.1rem;font-weight:560;color:rgb(var(--muted));font-variant-numeric:tabular-nums;cursor:pointer}.wheel-item small{font-size:.72rem;font-weight:500;min-width:4.4em;text-align:left}.wheel-item.on{color:rgb(var(--ink));font-weight:700;font-size:1.35rem}.wheel-item.\!on{color:rgb(var(--ink))!important;font-weight:700!important;font-size:1.35rem!important}.wheel-band{position:absolute;left:10px;right:10px;top:var(--wi);height:var(--wi);border-top:1px solid rgb(var(--line));border-bottom:1px solid rgb(var(--line));pointer-events:none}.kc{flex-direction:column;gap:14px;padding:8px 16px 16px;max-width:28rem;margin:0 auto}.kc,.kc-lbl{display:flex}.kc-lbl{justify-content:space-between;align-items:baseline;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--muted));margin-bottom:8px}.kc-lbl span{text-transform:none;letter-spacing:0;font-weight:500;font-size:.78rem}.kc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kc-key{height:44px;border-radius:14px;border:1px solid rgb(var(--line));background:rgb(var(--board));font-weight:600;font-size:1rem}.kc-key.on,.kc-key:hover{border-color:rgb(var(--accent))}.kc-key.on{background:rgb(var(--accent));color:rgb(var(--board))}.kc-key.\!on{background:rgb(var(--accent))!important;border-color:rgb(var(--accent))!important;color:rgb(var(--board))!important}.kc-card{border:1px solid rgb(var(--line));border-radius:18px;padding:12px 14px 14px}.kc-card .kc-lbl{margin-bottom:4px}.kc-ft{display:flex;align-items:center;justify-content:center;gap:22px}.kc-ft>div{text-align:center;min-width:4.5rem}.kc-ft small{display:block;font-size:.78rem;color:rgb(var(--muted))}.kc-ft b{font-size:2.6rem;font-weight:600;letter-spacing:-.03em;line-height:1.1}.kc-ft b.to{color:rgb(var(--accent))}.kc-arrow{font-size:1.4rem;color:rgb(var(--muted))}.kc-step{display:grid;grid-template-columns:56px 1fr 56px;gap:10px;align-items:center}.kc-sb{height:52px;border-radius:14px;border:1px solid rgb(var(--line));background:rgb(var(--board));display:grid;place-items:center}.kc-sb:hover{border-color:rgb(var(--accent))}.kc-mid{text-align:center;line-height:1.15}.kc-mid b{display:block;font-size:1.5rem;font-weight:600}.kc-mid small{color:rgb(var(--muted));font-size:.8rem}.kc-prog{border-top:1px solid rgb(var(--line));padding-top:12px;margin-top:2px}.kc-map{padding:0;margin:0;border-bottom:0}.kc-map .km-sol{font-size:.7rem}.kc-map .km-let{font-size:.95rem;color:rgb(var(--ink)/.72)}.kc-map .km-num{font-size:1.5rem;font-weight:560;color:inherit}.kc-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kc-b{display:flex;flex-direction:column;gap:14px}@media (orientation:landscape) and (max-height:520px){.kc{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:20px;column-gap:20px;max-width:46rem;padding-top:4px;align-items:start}.kc-key{height:40px}.kc-ft b{font-size:2rem}.kc-sb{height:44px}.kc-b{gap:8px}}@media (min-height:521px),(orientation:portrait){.sheet-full-panel .sheet-body{flex:1}.tuner{display:flex;flex-direction:column;height:100%;padding-bottom:14px}.tuner-read{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0}.tuner-note{font-size:5rem;font-weight:600;min-height:5rem}.t-wait{height:5rem}.tuner-meter{height:18px;margin:22px 14px 16px;border-radius:9px}.tuner-meter .tick{top:-9px;height:36px;width:2px}.tuner-meter .t-50{top:-14px;height:46px}.tuner-meter .needle{top:-15px;width:9px;height:48px;border-radius:5px}.tuner-cents{font-size:1.15rem;min-height:1.6rem}.tuner>.tone-grid{flex:1;margin:8px 0;grid-template-rows:repeat(3,1fr)}.tuner>.tone-grid .tone-btn{height:auto}.tuner>.tone-grid .tone-btn b{font-size:1.7rem}.tuner>.tone-grid .tone-btn small{font-size:.8rem}.tuner>*{flex:none}.tuner>.tuner-read{flex:1 1 auto;min-height:0}.t-field{flex:0 1 132px;height:auto;min-height:44px;transform:translateY(8px)}}@media (max-height:760px) and (orientation:portrait){.tune-row{margin-top:4px}.tuner{padding-top:2px;padding-bottom:8px;--wi:30px}.tuner-read .tuner-note{font-size:3rem;min-height:3rem;margin-top:6px}.tuner-read .t-wait{height:3rem}.tuner-cents{min-height:1.3rem;margin-top:2px}.strings{margin:6px 0 8px}.string-btn{height:48px}.tuner>.seg[data-mode]{margin:4px 0}.tuner-ref{margin-top:8px}.tuner>.btn.listen{height:42px}}.piano-bar{justify-content:space-between;gap:8px;padding:2px 10px 6px;flex-wrap:wrap}.octave,.piano-bar{display:flex;align-items:center}.oct-range{min-width:4.6rem;text-align:center;font-weight:650;font-size:.9rem}.piano{position:relative;height:150px;margin:2px 10px 14px;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.pk{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer}.pk.white{bottom:0;background:#fbfcfd;color:#14181d;border:1px solid #aab3ba;border-top:0;border-radius:0 0 9px 9px;padding-bottom:7px;gap:1px;box-shadow:inset 0 -5px 0 rgba(0,0,0,.05)}.pk.black{height:60%;background:#14181d;color:#eef2f5;border-radius:0 0 7px 7px;z-index:2;padding-bottom:5px;box-shadow:inset 0 -4px 0 hsla(0,0%,100%,.08)}.pk.white.tonic{background:rgb(var(--accent)/.2);background-image:linear-gradient(#fbfcfd,#fbfcfd);background-blend-mode:normal}.pk.black.tonic,.pk.white.tonic{box-shadow:inset 0 -5px 0 rgb(var(--accent))}.pk.white.down{background:#cfd8ff}.pk.black.down{background:rgb(var(--accent))}.pn{font-size:.98rem;font-weight:700;line-height:1}.pn i{font-style:normal;font-family:Noto Music,sans-serif;font-weight:400;font-size:.7em;margin-right:1px}.pl{font-size:.66rem;font-weight:600;opacity:.7;line-height:1}.pk.black .pn{font-size:.78rem}.pk.black .pl{font-size:.58rem}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media print{@page{margin:14mm}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body,html{height:auto;overflow:visible;background:#fff}:root,:root[data-theme]{--board:255 255 255;--ink:0 0 0;--muted:90 90 90;--line:170 170 170;--accent:0 0 0}#app{display:block;height:auto}#dock,#nav,#sheet,#toast,#topbar,.add-sections,.keymap,.modal-wrap{display:none!important}#view{overflow:visible;margin:0;border-radius:0;box-shadow:none;background:#fff}.print-head{display:block;margin-bottom:14px}.print-head h1{font-size:26pt;font-weight:700;line-height:1.1}.print-head p{font-size:11pt;color:#444;margin-top:2px}.chart{--num:30pt;padding:0;max-width:none;width:auto!important;transform:none!important}.chart-box{height:auto!important;overflow:visible}.sec{-moz-column-break-inside:avoid;break-inside:avoid}.bar.sel{background-color:transparent;box-shadow:none}.chord.sel{color:#000}.ghost{display:none}@page{margin:14mm;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;--board:255 255 255!important;--ink:0 0 0!important;--muted:90 90 90!important;--line:170 170 170!important;--accent:0 0 0!important;display:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;display:block!important;margin-bottom:14px!important;font-size:26pt!important;font-weight:700!important;line-height:1.1!important;font-size:11pt!important;color:#444!important;margin-top:2px!important;--num:30pt!important;padding:0!important;max-width:none!important;width:auto!important;transform:none!important;height:auto!important;overflow:visible!important}.\!sec{-moz-column-break-inside:avoid!important;break-inside:avoid!important}@page{margin:14mm;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;--board:255 255 255!important;--ink:0 0 0!important;--muted:90 90 90!important;--line:170 170 170!important;--accent:0 0 0!important;display:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;display:block!important;margin-bottom:14px!important;font-size:26pt!important;font-weight:700!important;line-height:1.1!important;font-size:11pt!important;color:#444!important;margin-top:2px!important;--num:30pt!important;padding:0!important;max-width:none!important;width:auto!important;transform:none!important;height:auto!important;overflow:visible!important;-moz-column-break-inside:avoid!important;break-inside:avoid!important},.\!bar.sel{background-color:transparent!important;box-shadow:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-center{align-items:center}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.text-muted{--tw-text-opacity:1;color:rgb(var(--muted)/var(--tw-text-opacity,1))}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@font-face{font-family:Bricolage Grotesque;src:url(../assets/fonts/bricolage-latin.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:u+00??,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:Bricolage Grotesque;src:url(../assets/fonts/bricolage-latin-ext.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Music;src:url(../assets/fonts/noto-music.woff2) format("woff2");font-display:swap;unicode-range:u+266a-266f,u+1d1??}:root{--board:251 252 253;--frame:228 232 236;--chrome:17 20 27;--ink:14 17 22;--muted:100 109 122;--line:214 220 227;--accent:84 60 245;--ok:16 150 98;--danger:190 42 36;--nav-h:calc(52px + env(safe-area-inset-bottom, 0px));--size:1;color-scheme:light}:root[data-theme=stage]{--board:20 24 33;--frame:27 33 43;--chrome:8 10 14;--ink:238 241 246;--muted:142 151 166;--line:44 51 66;--accent:152 136 255;--ok:111 227 176;--danger:255 138 128;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-theme=auto]{--board:20 24 33;--frame:27 33 43;--chrome:8 10 14;--ink:238 241 246;--muted:142 151 166;--line:44 51 66;--accent:152 136 255;--ok:111 227 176;--danger:255 138 128;color-scheme:dark}}#dock,#nav,#sheet.sheet-dock-panel,#topbar{--frame:var(--chrome);--board:31 36 48;--ink:240 243 248;--muted:144 153 168;--line:47 53 68;--accent:144 128 255;--ok:111 227 176;--danger:255 138 128;color-scheme:dark}#gate{position:fixed;inset:0;z-index:300;overflow:auto;--g-ink:238 241 246;--g-muted:142 151 166;--g-line:44 51 66;--g-card:24 29 39;--g-accent:152 136 255;background:#0f131a;color:rgb(var(--g-ink))}#gate:before{content:"";position:absolute;left:0;right:0;top:0;height:300px;pointer-events:none;background:radial-gradient(110% 80% at 25% 0,rgb(var(--g-accent)/.3),transparent 62%)}.g-wrap{position:relative;height:100%;min-height:640px;max-width:440px;margin:0 auto}.g-bars{position:absolute;left:0;right:0;top:calc(max(26px, 6%) + env(safe-area-inset-top, 0px));display:flex;justify-content:center}.g-bars div{position:relative;width:55px;text-align:center;font-weight:700;font-size:21px;line-height:1;padding:11px 0;border-right:1.5px solid rgb(var(--g-ink)/.35)}.g-bars div:last-child{border-right:0}.g-bars u{text-decoration:none;border-bottom:2px solid rgb(var(--g-ink));padding-bottom:3px}.g-bars i{top:1px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:rgb(var(--g-ink))}.g-bars i,.g-logo-box{position:absolute;left:50%}.g-logo-box{top:23.6%;width:min(61.8%,260px);transform:translate(-50%,-50%)}.g-logo{display:block;width:100%;height:auto;color:#fff}.g-tag{position:absolute;left:34px;right:34px;top:38.2%;transform:translateY(-50%);font-size:21px;font-weight:650;line-height:1.3}.g-tag em{font-style:normal;color:rgb(var(--g-muted));overflow-wrap:anywhere}.g-form{left:34px;right:34px;top:min(61.8%,calc(100% - 300px))}.g-form,.g-msg{position:absolute}.g-msg{left:0;right:0;top:-26px;font-size:13px;color:#ff9b8f;min-height:16px}.g-fld{display:block;width:100%;height:48px;background:transparent;border:0;border-bottom:1.5px solid rgb(var(--g-line));border-radius:0;color:rgb(var(--g-ink));font:inherit;font-size:16px;padding:0;outline:none}.g-fld::-moz-placeholder{color:rgb(var(--g-muted))}.g-fld::placeholder{color:rgb(var(--g-muted))}.g-fld:focus{border-bottom-color:rgb(var(--g-accent))}.g-code{text-align:center;letter-spacing:.5em;font-size:22px;text-indent:.5em}.g-btn,.g-code{font-weight:650}.g-btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:999px;font-size:16px;margin-top:13px}.g-pri{background:rgb(var(--g-accent));color:#0b0e18;margin-top:21px}.g-pri:disabled{opacity:.6}.g-link{display:block;width:100%;text-align:center;font-weight:650;font-size:15px;color:rgb(var(--g-accent));margin-top:34px;padding:4px 0}.g-link:disabled{color:rgb(var(--g-muted))}.g-row{display:flex;justify-content:space-between;gap:12px;margin-top:21px}.g-row .g-link{margin:0;width:auto;font-size:14px}.g-fine{position:absolute;left:20px;right:20px;bottom:calc(21px + env(safe-area-inset-bottom, 0px));font-size:12px;text-align:center;color:rgb(var(--g-muted))}.g-fine a{text-decoration:underline}.g-ic{position:absolute;left:50%;top:150px;width:64px;height:64px;margin-left:-32px;border-radius:20px;border:1.5px solid rgb(var(--g-line));background:rgb(var(--g-card));display:grid;place-items:center;color:rgb(var(--g-accent))}.g-h1{top:248px;font-size:26px;line-height:1.1;font-weight:700}.g-h1,.g-p{position:absolute;left:34px;right:34px}.g-p{top:322px;font-size:16px;line-height:1.5;color:rgb(var(--g-muted))}.g-ul{position:absolute;left:34px;right:34px;top:420px;list-style:none;padding:0;margin:0;flex-direction:column}.g-ul,.g-ul li{display:flex;gap:12px}.g-ul li{align-items:center;font-size:15px;font-weight:600}.g-ul i{font-style:normal;width:26px;height:26px;border-radius:8px;background:rgb(var(--g-accent)/.16);color:rgb(var(--g-accent));display:grid;place-items:center;font-size:13px}.g-form-demo{top:min(610px,calc(100% - 130px))}.g-form-demo .g-pri{margin-top:0}.g-form-demo .g-link{margin-top:14px;font-size:13px;color:rgb(var(--g-muted));font-weight:500}#demo-strip{position:fixed;z-index:250;left:0;right:0;top:0;height:calc(32px + env(safe-area-inset-top, 0px));padding:env(safe-area-inset-top,0) 12px 0 16px;display:flex;align-items:center;justify-content:space-between;background:#22223e;border-bottom:1px solid #4c448c;color:#eef1f6;font-size:13px;font-weight:650}.g-strip-btn{color:#9888ff;font-weight:700;font-size:13px;padding:6px 4px}body.demo #app{margin-top:calc(32px + env(safe-area-inset-top, 0px));height:calc(100dvh - 32px - env(safe-area-inset-top, 0px));pointer-events:none}body.demo #topbar{padding-top:0}@media print{#demo-strip,#gate{display:none!important}}