@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/archivo-black.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-400.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/space-mono-400i.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-700.woff2) format("woff2")}:root{--paper: #e9e9e4;--paper-raised: #f8f8f5;--ink: #111111;--ink-soft: #3f3f3c;--faint: #85857e;--yellow: #f7e552;--yellow-soft: #fbf1a4;--panel-gray: #dededa;--rule: #111111;--hair: #c6c6bf;--danger: #d43d2a;--danger-soft: #f3d2cc;--display: "Archivo Black", "Arial Black", "Helvetica Neue", sans-serif;--mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--serif: var(--display);--ui: var(--mono)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:focus:not(:focus-visible){outline:none}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased}.shell{max-width:430px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}button{font-family:var(--mono)}input,textarea,select{font-size:16px}a:focus-visible,button:focus-visible,input:focus-visible,.wedge:focus-visible{outline:3px solid var(--ink);outline-offset:2px}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:12px;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-7px;border:2px solid var(--ink);border-radius:0;background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}input[type=range]::-moz-range-track{height:8px;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid var(--ink);border-radius:0;background:var(--yellow)}input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised);display:inline-grid;place-content:center;cursor:pointer}input[type=checkbox]:checked{background:var(--yellow)}input[type=checkbox]:checked:before{content:"✕";font-family:var(--mono);font-weight:700;font-size:14px;line-height:1;color:var(--ink)}.landing{justify-content:center;text-align:center;padding:32px 28px}.landing .brand{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);display:inline-block;padding:4px 10px;margin:0 auto 20px}.landing h1{font-family:var(--display);font-weight:400;font-size:clamp(38px,10.5vw,52px);line-height:.96;letter-spacing:-.01em;text-transform:uppercase;margin:0 0 16px;text-wrap:balance}.landing .lede{color:var(--ink-soft);font-size:14px;line-height:1.6;margin:0 auto 30px;max-width:34ch}.landing .wheel-motif{margin:0 auto 34px;display:block}.cta{display:inline-block;background:var(--yellow);color:var(--ink);font-family:var(--display);font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;border:2px solid var(--ink);border-radius:0;padding:15px 30px;box-shadow:4px 4px 0 var(--ink)}.cta:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.cta-quiet{background:var(--paper-raised);color:var(--ink)}.landing .fine{margin-top:24px;font-size:12px;color:var(--ink-soft);line-height:1.7}.fine-link{color:var(--ink);font-weight:700}.landing-features{margin-top:56px;text-align:left}.landing-features h2{font-family:var(--display);font-weight:400;font-size:20px;text-transform:uppercase;text-align:center;margin:0 0 20px}.feature-grid{list-style:none;margin:0;padding:0;display:grid;gap:14px}.feature-grid li{background:var(--paper-raised);border:2px solid var(--ink);border-radius:0;padding:16px 18px;box-shadow:3px 3px 0 var(--ink)}.feature-grid .ico{color:var(--ink)}.feature-grid h3{font-family:var(--display);font-weight:400;font-size:14px;text-transform:uppercase;margin:8px 0 6px}.feature-grid p{margin:0;font-size:13px;line-height:1.55;color:var(--ink-soft)}.landing-meaning{margin:34px 0 0;font-size:12.5px;line-height:1.6;color:var(--ink-soft)}.landing-meaning em{font-family:var(--mono);font-style:italic}@media(min-width:900px){.shell.landing{max-width:760px}.feature-grid{grid-template-columns:1fr 1fr}}.side-nav{display:none;position:fixed;top:0;left:0;bottom:0;width:216px;flex-direction:column;gap:6px;padding:22px 14px calc(18px + env(safe-area-inset-bottom));border-right:2px solid var(--ink);background:var(--paper);overflow-y:auto}.side-nav.side-open{display:flex;width:246px;z-index:30;border-right-width:3px;overscroll-behavior:contain}html.nav-locked,html.nav-locked body{overflow:hidden;touch-action:none}html.nav-locked .side-nav{touch-action:auto}.side-backdrop{position:fixed;inset:0;background:#11111173;z-index:29}.side-brand{font-family:var(--display);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);text-decoration:none;width:fit-content;padding:4px 10px;margin:0 0 18px 10px}.side-sec{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.side-sec-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);border-bottom:2px solid var(--ink);padding:0 10px 5px;margin-bottom:2px}.side-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border:2px solid transparent;border-radius:0;color:var(--ink);text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.side-link:hover{border-color:var(--ink);background:var(--paper-raised)}.side-link.side-on,.side-link.side-on:hover{background:var(--yellow);border-color:var(--ink);color:var(--ink)}.side-spring{flex:1}.side-help{font-weight:700;font-size:12px}.side-who{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:8px;padding:10px 10px 0;border-top:2px solid var(--ink);font-size:11px;color:var(--ink-soft)}.side-who-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:1020px){.side-nav{display:flex}.side-backdrop{display:none}button.back.menu-btn,.met-head-pad:empty{display:none}}.ico{vertical-align:-.18em;flex:none}.back,.hist-btn,.sel-clear,.mix-mute,.pl-btn,.pat-del,.sb-more{display:inline-flex;align-items:center;justify-content:center}.list-head{display:flex;align-items:center;gap:10px;padding:26px 22px 8px}@media(min-width:1020px){.list-head-menu{display:none}}.list-head h1{font-family:var(--display);font-weight:400;font-size:26px;text-transform:uppercase;letter-spacing:-.01em;margin:0}.logout-btn{background:none;border:none;color:var(--ink);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 0}.song-list{list-style:none;margin:0;padding:4px 16px 24px;display:flex;flex-direction:column;gap:10px}.song-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--paper-raised);border:2px solid var(--ink);border-radius:0;padding:14px 16px;text-decoration:none;color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.song-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.song-card .s-title{font-family:var(--display);font-size:16px;font-weight:400;text-transform:uppercase;margin:0 0 3px}.song-card .s-sub{font-size:11px;color:var(--ink-soft)}.song-card .s-key{flex-shrink:0;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);font-size:12px;font-weight:700;border-radius:0;padding:5px 10px}.empty-state{margin:40px 28px;text-align:center;color:var(--ink-soft);font-size:14px;line-height:1.6}.list-tools{padding:4px 16px 2px;display:flex;flex-direction:column;gap:8px}.song-search{width:100%;box-sizing:border-box;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised);color:var(--ink);font:inherit;font-size:16px;padding:10px 14px;-webkit-appearance:none}.song-search:focus{outline:none;background:#fff;box-shadow:3px 3px 0 var(--ink)}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{border:2px solid var(--ink);border-radius:0;background:var(--paper-raised);color:var(--ink);font-family:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:5px 10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.tag-chip.tag-on{background:var(--yellow);color:var(--ink)}.s-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.s-tag{border:1px solid var(--ink);border-radius:0;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);padding:1px 6px}.tag-add-row{display:flex;align-items:center;gap:8px;margin-top:8px}.tag-add-row .rename-input{flex:1;margin:0}.new-song-row{padding:0 16px 30px;margin-top:auto;display:flex;flex-wrap:wrap;gap:12px}.list-new{padding:2px 16px 12px;display:flex}.new-song{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;white-space:nowrap;background:var(--yellow);color:var(--ink);font-family:var(--display);font-size:15px;font-weight:400;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;border:2px solid var(--ink);border-radius:0;padding:15px;box-shadow:4px 4px 0 var(--ink)}.new-song:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.load-error{margin:16px 22px;padding:12px 16px;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised);color:var(--ink-soft);font-size:13px}.strip-danger{color:var(--danger)}.editor.pl-editor{height:auto;min-height:100dvh;overflow:visible}.pl-list{padding-top:12px}.pl-row{padding:10px 10px 10px 16px}.pl-song{flex:1;min-width:0;text-decoration:none;color:var(--ink)}.pl-actions{display:flex;flex-shrink:0;gap:6px}.pl-btn{width:38px;height:38px;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised);color:var(--ink);font-size:16px;-webkit-tap-highlight-color:transparent}.pl-btn:disabled{opacity:.3}.pl-remove{color:var(--danger)}.pl-pick{width:100%;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.pl-add{width:100%;border:0;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.pl-danger{padding:0 16px 34px;text-align:center}.pl-delete{background:var(--paper-raised);border:2px solid var(--danger);border-radius:0;padding:10px 18px;color:var(--danger);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:inherit;-webkit-tap-highlight-color:transparent}.pl-danger .fine{margin-top:10px;font-size:11px;color:var(--ink-soft)}.help-shell{min-height:auto}.help-prose{padding:0 22px 48px;font-size:13.5px;line-height:1.65;color:var(--ink)}.help-prose h1{font-family:var(--display);font-size:24px;font-weight:400;text-transform:uppercase;line-height:1.1;margin:4px 0 12px}.help-prose h2{font-family:var(--display);font-size:16px;font-weight:400;text-transform:uppercase;margin:28px 0 8px;padding-top:14px;border-top:2px solid var(--ink)}.help-prose p{margin:0 0 12px}.help-prose ul{margin:0 0 14px;padding-left:20px}.help-prose li{margin-bottom:8px}.help-prose strong{font-weight:700;background:var(--yellow);padding:0 3px}.help-prose em{font-style:italic}.editor{display:flex;flex-direction:column;height:100dvh;overflow:hidden;max-width:430px;margin:0 auto}.ed-head{display:flex;align-items:center;gap:10px;padding:16px 16px 4px}.back{color:var(--ink);text-decoration:none;font-size:30px;line-height:1;padding:0 8px 4px 2px;background:none;border:0;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.title-input{flex:1;min-width:0;font-family:var(--display);font-size:18px;font-weight:400;text-transform:uppercase;color:var(--ink);background:transparent;border:none;border-bottom:2px dashed transparent;padding:4px 2px}.title-input:focus{border-bottom-color:var(--ink);outline:none}.save-btn{flex-shrink:0;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:6px 16px;min-height:36px;cursor:pointer;box-shadow:2px 2px 0 var(--ink)}.save-btn:active{transform:translate(2px,2px);box-shadow:none}.save-btn:disabled{background:var(--paper-raised);color:var(--ink);border-color:var(--ink);opacity:.45;box-shadow:none;cursor:default}.save-btn.save-quiet,.save-btn.save-quiet:disabled{background:transparent;border:1px solid var(--hair);color:var(--ink-soft);font-weight:700;box-shadow:none;display:inline-flex;align-items:center}.sync-dot{display:inline-block;width:7px;height:7px;border-radius:0;background:transparent;margin-right:6px;transition:background .5s ease}.sync-busy{background:var(--ink)}.hist-btn{flex-shrink:0;width:36px;height:36px;border-radius:0;border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-size:15px;line-height:1;cursor:pointer;padding:0}.hist-btn:disabled{color:#11111159;border-color:var(--ink);cursor:default}.share-btn{flex-shrink:0;width:36px;height:36px;border-radius:0;border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}.share-note{font-size:13px;line-height:1.55;color:var(--ink-soft);margin:0 0 16px}.share-url-row{display:flex;align-items:center;gap:10px;border:2px solid var(--ink);border-radius:0;background:var(--paper);padding:10px 12px;margin-bottom:16px}.share-url{flex:1;min-width:0;font-size:11.5px;color:var(--ink);word-break:break-all;-webkit-user-select:all;user-select:all}.save-error{margin:6px 16px 0;font-size:12px;color:var(--danger)}.shared-note{margin:4px 18px 0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink)}.key-row{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 0 0}.key-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--ink);color:var(--paper-raised);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--ink);border-radius:0;padding:6px 14px;min-height:36px}.key-pill-btn{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.key-caret{opacity:.65;font-size:11px}.ext-pills.key-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.key-grid .ext-pill{display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 0}.key-rel{font-size:9.5px;font-weight:400;opacity:.65}.key-confirm{display:flex;flex-direction:column;gap:10px;margin-top:14px}.key-confirm .sheet-done,.key-confirm .part-btn{width:100%;text-align:center}.key-cancel{color:var(--ink-soft)}.key-arrow{background:var(--paper-raised);border:2px solid var(--ink);border-radius:0;width:36px;height:36px;font-size:15px;color:var(--ink);cursor:pointer}.wheel-toggle{font-size:11px}.compact-row{display:flex;gap:8px;justify-content:center;padding:10px 14px 2px}.compact-chord{flex:1;max-width:62px;border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);border-radius:0;padding:9px 0 7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;box-shadow:2px 2px 0 var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none}.compact-chord:active{transform:translate(2px,2px);box-shadow:none}.compact-chord .c-name{font-family:var(--display);font-size:15px;font-weight:400}.compact-chord .c-roman{font-size:9px;color:var(--ink-soft);font-weight:700}.wheelbox{display:flex;justify-content:center;padding:8px 0 0}.wheelbox svg{touch-action:manipulation;-webkit-user-select:none;user-select:none}.wedge:focus{outline:none}.wedge:focus-visible{outline:3px solid var(--ink)}.wedge{cursor:pointer}.wedge-in.wedge-maj{fill:var(--paper-raised);stroke:var(--ink);stroke-width:1.6}.wedge-in.wedge-min{fill:var(--panel-gray);stroke:var(--ink);stroke-width:1.6}.wedge-out{fill:var(--paper);stroke:#55554f;stroke-width:1.4}.wedge-label{font-family:var(--mono);font-weight:700}.label-maj{font-size:15px}.label-min{font-size:12px}.label-in{fill:var(--ink);font-weight:700}.label-out{fill:#44443f}.hub{fill:var(--yellow);stroke:var(--ink);stroke-width:2}.hub-key{fill:var(--ink);font-family:var(--display);font-size:20px;font-weight:400}.hub-sub{fill:var(--ink);font-size:8.5px;font-weight:700;opacity:.7;letter-spacing:.1em}.sections-scroll{flex:1;overflow-y:auto;padding:8px 18px 14px;display:flex;flex-direction:column;gap:14px;min-height:120px}.section-block{background:var(--paper-raised);border:2px solid var(--ink);padding:10px 12px;box-shadow:3px 3px 0 var(--ink);cursor:pointer}.sb-active .sb-name{background:var(--yellow);color:var(--ink)}.line-row{padding:3px 0 3px 6px;border-left:3px solid transparent;border-radius:0}.line-active{border-left-color:var(--ink)}.line-badge{align-self:center;border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-size:10.5px;font-weight:700;border-radius:0;padding:3px 8px;margin-left:8px;cursor:pointer;box-shadow:2px 2px 0 var(--ink);font-variant-numeric:tabular-nums}.line-badge-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.sb-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.sb-name{font-family:var(--display);font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--ink);background:var(--paper-raised);border:2px solid var(--ink);padding:2px 7px}.sb-meta{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}.sb-side,.sb-title-row{display:flex;align-items:center;gap:8px}.sb-repeat{background:var(--ink);color:var(--paper);font-size:10.5px;font-weight:700;border-radius:0;padding:3px 7px;font-variant-numeric:tabular-nums}.sb-more{border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-size:18px;line-height:1;width:36px;height:30px;padding:0;cursor:pointer;border-radius:0}.sb-more:active{background:var(--yellow)}.sb-active .sb-meta{background:var(--ink);color:var(--yellow);padding:3px 8px}.add-section{border:2px dashed var(--ink);background:transparent;color:var(--ink);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:0;padding:12px;cursor:pointer}.add-section:active{background:var(--yellow)}.chips{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.chip{border:2px solid var(--ink);border-radius:0;background:var(--paper-raised);color:var(--ink);padding:4px 10px 3px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.12;box-shadow:2px 2px 0 var(--ink);touch-action:pan-y;-webkit-user-select:none;user-select:none}.chip:active{background:var(--yellow-soft);transform:translate(2px,2px);box-shadow:none}.chip .c-name{font-family:var(--display);font-size:17px;font-weight:400}.chip .c-roman{font-size:9.5px;color:var(--ink-soft);font-weight:700}.chip-selected{background:var(--yellow);border-radius:0}.chip-selected .c-roman{color:var(--ink)}.chip-playing{background:var(--ink);border-color:var(--ink)}.chip-playing .c-name{color:var(--yellow)}.chip-playing .c-roman{color:var(--paper)}.chips .empty{font-size:12px;color:var(--ink-soft);padding:6px 0}.edit-strip{border-top:2px solid var(--ink);background:var(--paper-raised);padding:8px 12px 7px;display:flex;flex-direction:column;gap:6px}.strip-row{display:flex;align-items:center;gap:5px}.strip-scroll{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.strip-scroll::-webkit-scrollbar{display:none}.strip-slot{border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--display);font-size:13px;font-weight:400;border-radius:0;padding:6px 12px;cursor:pointer;flex-shrink:0}.strip-slot-active{background:var(--yellow);border-color:var(--ink);color:var(--ink)}.strip-div{width:2px;align-self:stretch;background:var(--ink);flex-shrink:0;margin:2px}.strip-mini{border:2px solid var(--ink);background:var(--paper);color:var(--ink-soft);font-size:11.5px;font-weight:700;border-radius:0;width:30px;height:30px;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0}.strip-mini-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.strip-close{margin-left:auto}.strip-pill{border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:12px;font-weight:700;border-radius:0;padding:5px 10px;cursor:pointer;flex-shrink:0;white-space:nowrap}.strip-pill-active{background:var(--yellow);border-color:var(--ink);color:var(--ink)}.strip-hint{font-size:11px;color:var(--ink-soft);padding:5px 2px;white-space:nowrap}.note-text{font-family:var(--mono);font-style:italic;font-size:11.5px;color:var(--ink-soft);margin:0 0 4px;line-height:1.4}.note-song{margin:4px 18px 0}.note-on-line{margin:2px 0 2px 8px}.note-input{width:100%;font-family:var(--mono);font-style:italic;font-size:16px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:0;padding:9px 12px;margin-bottom:12px;resize:vertical}.mix-mute{flex-shrink:0;width:30px;height:30px;border-radius:0;border:2px solid var(--ink);background:var(--paper);color:var(--ink-soft);font-size:11px;font-weight:700;cursor:pointer;padding:0}.mix-muted{background:var(--danger);border-color:var(--ink);color:#fff}.drop-mark{width:16px;align-self:stretch;min-height:40px;margin:1px 0;border:2px dashed var(--ink);border-radius:0;background:transparent;cursor:pointer;padding:0;flex-shrink:0}.drop-hot{background:var(--yellow);border-style:solid;border-width:2px}.chip-moving{opacity:.35}.split-grid{display:flex;gap:0;margin:4px 0 10px;border:2px solid var(--ink);border-radius:0;overflow:hidden;height:52px}.split-cell{flex:1;border:none;border-left:1px solid var(--hair);background:var(--paper-raised);cursor:pointer;padding:0;min-width:0}.split-cell:first-child{border-left:none}.split-alt{background:var(--yellow-soft)}.split-beat{border-left:2px solid var(--ink-soft)}.split-beat:first-child{border-left:none}.split-bound{border-left:3px solid var(--ink)}.sel-bar{display:flex;align-items:center;gap:12px;padding:9px 18px;border-top:2px solid var(--ink);background:var(--yellow-soft)}.sel-info{flex:1;min-width:0;font-size:11.5px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-edit{border:2px solid var(--ink);background:var(--ink);color:var(--paper-raised);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:0;padding:7px 14px;cursor:pointer;flex-shrink:0}.sel-clear{border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-size:13px;border-radius:0;width:30px;height:30px;cursor:pointer;flex-shrink:0}.tabs{display:flex;gap:8px;padding:10px 20px 0;flex-wrap:wrap}.tab{border:2px solid var(--ink);background:var(--paper-raised);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:7px 12px;border-radius:0;color:var(--ink);cursor:pointer}.tab-active{background:var(--yellow);border-color:var(--ink);color:var(--ink)}.tab-add{font-size:15px;padding:7px 11px}.transport{display:flex;align-items:center;gap:14px;padding:12px 20px calc(18px + env(safe-area-inset-bottom));border-top:2px solid var(--ink);background:var(--paper-raised)}@media(min-width:431px){.transport,.edit-strip,.sel-bar{border-left:2px solid var(--ink);border-right:2px solid var(--ink)}}.metro-btn{width:44px;height:44px;border-radius:0;border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metro-on{background:var(--ink);border-color:var(--ink);color:var(--yellow)}.pat-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:4px 0 12px}.pat-cell{border:2px solid var(--ink);background:var(--paper-raised);border-radius:0;padding:8px 0 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}.pat-on{background:var(--yellow);border-color:var(--ink)}.pat-accent{background:var(--ink);color:var(--yellow)}.pat-beat{font-size:9px;font-weight:700;opacity:.55}.pat-sym{font-size:11px;font-weight:700}.pat-hold{background:var(--panel-gray);border-style:dashed}.pat-preview{margin-left:auto}.pat-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px dashed var(--ink)}.pat-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.pat-row-name{font-family:var(--mono);font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pat-row-steps{font-family:var(--mono);font-size:10px;color:var(--ink-soft);letter-spacing:.08em}.pat-del{border:2px solid var(--ink);background:transparent;border-radius:0;width:34px;height:34px;cursor:pointer;font-size:14px;flex-shrink:0}.slot-tabs{margin-bottom:4px}.inst-btn{border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:0;padding:9px 12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ai-btn{font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--ink)}.ai-reply{font-size:13px;line-height:1.55;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:0;padding:12px 14px;margin:0 0 12px;white-space:pre-wrap}.ai-applied{font-size:11.5px;color:var(--ink);font-weight:700;margin:0 0 12px}.ai-mic-on{background:var(--danger);border-color:var(--ink);color:#fff}.play-btn{width:56px;height:56px;border-radius:0;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:3px 3px 0 var(--ink)}.play-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.t-bpm{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.bpm-btn{background:var(--paper-raised);border:2px solid var(--ink);border-radius:0;width:34px;height:34px;font-size:16px;line-height:1;color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.mix-row{display:flex;align-items:center;gap:12px;margin:0 0 10px}.mix-name{width:62px;flex-shrink:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.mix-row input[type=range]{flex:1;accent-color:var(--ink);height:22px}.t-sig{font-size:11px;color:var(--ink-soft)}.t-bpm-btn{border:none;background:transparent;padding:0;font-size:15px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;cursor:pointer;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none}.tempo-grid{display:flex;gap:16px;align-items:stretch;margin:6px 0 16px}.tempo-left{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:18px}.tempo-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.tempo-step{width:46px;height:46px;border-radius:0;border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-size:20px;line-height:1;cursor:pointer;flex-shrink:0;touch-action:manipulation;-webkit-user-select:none;user-select:none}.tempo-readout{display:flex;flex-direction:column;align-items:center;gap:0}.tempo-num{font-family:var(--display);font-size:48px;font-weight:400;line-height:1;font-variant-numeric:tabular-nums}.tempo-unit{font-size:10px;letter-spacing:.18em;font-weight:700;color:var(--ink-soft)}.tempo-slider{width:100%;accent-color:var(--ink);height:26px}.tap-pad{width:116px;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised);color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.14em;cursor:pointer;flex-shrink:0;min-height:132px;box-shadow:3px 3px 0 var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background .12s ease}.tap-flash{background:var(--yellow);border-color:var(--ink);color:var(--ink);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.t-sig-btn{border:none;background:transparent;padding:0;font-size:14px;font-weight:700;color:var(--ink-soft);font-variant-numeric:tabular-nums;text-decoration:underline dotted;text-underline-offset:4px;cursor:pointer;-webkit-tap-highlight-color:transparent}.metro-shell{height:100dvh;overflow:hidden}.met-head{display:flex;align-items:center}.met-title{flex:1;text-align:center;font-family:var(--display);font-size:17px;font-weight:400;text-transform:uppercase;letter-spacing:.02em;margin:0}.met-head-pad{width:40px;flex-shrink:0}.met-top{display:flex;flex-direction:column;gap:16px;padding:10px 20px 0;flex-shrink:0}.met-body{flex:1;display:flex;flex-direction:column;gap:16px;padding:16px 20px 12px;overflow-y:auto;-webkit-overflow-scrolling:touch}.met-readout{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:128px}.met-num{font-family:var(--display);font-size:76px;font-weight:400;line-height:1;font-variant-numeric:tabular-nums;transition:color .15s ease}.met-num-silent{color:var(--faint)}.met-mark{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-soft)}.met-tempo-row{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:6px}.met-tap{min-height:72px;width:76px}.met-chip-row{display:flex;flex-wrap:wrap;gap:8px}.sheet .met-chip-row{margin-bottom:12px}.met-chip{border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:0;padding:5px 9px;cursor:pointer}.met-chip-on{background:var(--yellow);border-color:var(--ink);color:var(--ink)}.met-gap{border:2px solid var(--ink);border-radius:0;background:var(--paper-raised);padding:12px 14px;box-shadow:3px 3px 0 var(--ink)}.met-gap-head{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.met-gap-head input{width:22px;height:22px;accent-color:var(--ink);margin:0}.met-gap-title{font-family:var(--display);font-size:13px;font-weight:400;text-transform:uppercase}.met-gap-rows{display:flex;flex-direction:column;gap:8px;margin-top:12px}.met-gap-cfg{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--ink-soft)}.met-gap-cfg b{font-variant-numeric:tabular-nums;color:var(--ink);min-width:1.1em;text-align:center}.met-gap-strip{display:flex;gap:4px;margin-top:12px}.met-gap-bar{flex:1;height:10px;border-radius:0;background:var(--yellow);border:2px solid var(--ink)}.met-gap-mute{background:transparent;border-style:dashed;border-width:1px}.met-gap-now{background:var(--ink);border-color:var(--ink)}.met-gap-note{font-family:var(--mono);font-size:11.5px;color:var(--ink-soft);margin:10px 0 0}.met-sound-title{margin:0 0 12px}.met-sound .ext-pills{margin-bottom:10px}.met-dots{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:4px 20px;flex-shrink:0}.met-dot{width:18px;height:18px;border-radius:0;border:2px solid var(--ink);background:transparent;transition:transform .05s ease}.met-dot-1{width:23px;height:23px}.met-dot-on{background:var(--yellow);border-color:var(--ink);transform:scale(1.2)}.met-dot-silent{border-style:dashed;border-width:1px}.met-dot-silent.met-dot-on{background:transparent;border-color:var(--ink)}.met-transport{display:flex;align-items:center;justify-content:center;flex-shrink:0}.met-play{width:64px;height:64px}.met-sheet-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:10px 0 6px}.met-grid-scroll{overflow-x:auto;margin:8px -4px 0;padding:0 4px}.met-grid-row{display:flex;align-items:center;gap:8px;margin:0 0 6px}.met-grid-name{width:42px;flex-shrink:0;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--ink-soft)}.met-grid-cells{display:grid;gap:3px;flex:1}.met-cell{height:30px;border:1px solid var(--ink);border-radius:0;background:var(--paper-raised);cursor:pointer;padding:0;min-width:13px}.met-cell.pat-on{background:var(--yellow);border-color:var(--ink)}.met-cell.pat-accent{background:var(--ink);border-color:var(--ink)}.met-cell-beat{border-left:2px solid var(--ink)}.met-vol{margin-top:14px}.lab{padding-left:18px;padding-right:18px}.lab-note{font-size:12.5px;color:var(--ink-soft);line-height:1.5;margin:0 0 6px}.lab-info{font-family:var(--mono);font-size:11px;color:var(--ink);margin:0 0 6px}.lab-group h2{font-family:var(--display);font-size:13px;text-transform:uppercase;margin:16px 0 8px}.lab-test{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:2px solid var(--ink);background:var(--paper-raised);border-radius:0;padding:9px 12px;margin:0 0 6px;cursor:pointer}.lab-on{border-color:var(--ink);background:var(--yellow)}.lab-num{font-family:var(--display);font-weight:400;font-size:14px;min-width:22px;color:var(--ink)}.lab-body{flex:1;display:flex;flex-direction:column}.lab-name{font-size:13px;font-weight:700}.lab-desc{font-size:11px;color:var(--ink-soft)}.lab-state{color:var(--ink);font-size:12px}.lab-stop{position:sticky;bottom:0;background:var(--paper);padding:10px 0 calc(14px + env(safe-area-inset-bottom))}.sheet-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-weight:700;margin:2px 0 8px}.settings-body{gap:4px;max-width:560px;width:100%;margin:0 auto}.settings-body .sheet-label{margin:16px 0 8px}.settings-body .share-note{margin:8px 0 0}.settings-body .settings-note{margin-top:28px}.fret-head-slot{display:flex;justify-content:flex-end}.fret-stats-btn{border:none;background:none;color:var(--ink);padding:6px;cursor:pointer;display:flex}.fret-stats-btn-off{visibility:hidden}.fret-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:18px;padding:14px 20px 4px}.fret-controls>:first-child{justify-self:end}.fret-controls>:last-child{justify-self:start}.fret-timer{position:relative;width:56px;height:56px;padding:0;border:none;background:none;cursor:pointer;flex-shrink:0}.fret-timer:disabled{cursor:default}.fret-timer-track{fill:var(--paper-raised);stroke:var(--ink);stroke-width:2}.fret-timer-arc{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:butt;transition:stroke-dashoffset .1s linear}.fret-timer-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.fret-timer-paused{color:var(--faint)}.fret-play{width:60px;height:60px}.fret-play:disabled{opacity:.4;cursor:default}.fret-run-btns{display:flex;gap:10px}.fret-round-btn{width:52px;height:52px;border-radius:0;border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fret-round-btn:disabled{opacity:.4;cursor:default}.fret-inst-pill{display:inline-flex;align-items:center;gap:8px}.fret-custom-row{display:flex;align-items:center;gap:10px;margin-bottom:18px}.fret-custom-row input{flex:1;min-width:0;border:2px solid var(--ink);border-radius:0;padding:9px 12px;background:var(--paper-raised);color:var(--ink)}.fret-custom-row .ext-pill:disabled{opacity:.4;cursor:default}.fret-score{height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;margin:4px 24px 0;padding:4px 24px;text-align:center;border:2px solid var(--ink);background:var(--paper-raised)}.fret-score-num{font-family:var(--display);font-size:40px;font-weight:400;line-height:1;font-variant-numeric:tabular-nums}.fret-score-sub{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-soft)}.fret-score-pb{color:var(--ink)}.fret-score-none{font-family:var(--mono);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;line-height:1.4}.fret-pb-q,.fret-pb-tag{display:none}.fret-hint{font-family:var(--mono);font-size:12px;color:var(--ink-soft);text-align:center;margin:12px 24px 0}.fret-board{position:relative;margin:0 14px;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised);padding:10px 10px 4px}.fret-markers{position:absolute;inset:10px 10px 24px;display:flex;pointer-events:none}.fret-marker-cell{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.fret-marker-12{justify-content:space-evenly}.fret-marker{width:9px;height:9px;border-radius:0;background:var(--hair)}.fret-board-paused{opacity:.55}.fret-board-live .fret-string-name{visibility:hidden}.fret-string{display:flex;align-items:stretch;width:100%;height:38px;border:none;background:none;padding:0;cursor:pointer;position:relative}.fret-string:disabled{cursor:default}.fret-string-name{width:22px;flex-shrink:0;display:flex;align-items:center;font-size:11px;font-weight:700;color:var(--ink-soft)}.fret-cell{flex:1;position:relative}.fret-cell:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--ink);z-index:1}.fret-cell:after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:var(--hair)}.fret-row-first .fret-cell:after{top:50%}.fret-row-last .fret-cell:after{bottom:50%}.fret-cell-open:after{width:4px;background:var(--ink)}.fret-string-off .fret-string-name{color:var(--faint)}.fret-string-off .fret-cell:before{height:1px;background:var(--hair)}.fret-dot{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);z-index:2}.fret-cell-btn{background:none;border:none;padding:0;cursor:pointer}.fret-cell-btn:disabled{cursor:default}.fret-find-target{background:var(--yellow);border-radius:0}.fret-dot-bad{background:var(--danger)}.fret-find-prompt{display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:18px}.fret-find-note{font-family:var(--display);font-size:52px;font-weight:400;line-height:1}.fret-find-sub{font-size:12px;color:var(--ink-soft)}.fret-modes{justify-content:center;padding:12px 16px}.fret-nums{display:flex;height:20px}.fret-num{display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--faint)}.fret-num:before,.fret-num:after{display:none}.fret-lefty .fret-string,.fret-lefty .fret-markers,.fret-lefty .fret-nums,.fret-lefty .fret-heat-row{flex-direction:row-reverse}.fret-lefty .fret-cell:after{right:auto;left:0}.fret-num-mark{color:var(--ink);font-weight:700}.fret-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:14px 14px calc(20px + env(safe-area-inset-bottom));margin-top:auto}.fret-tile{border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-family:var(--display);font-size:15px;font-weight:400;border-radius:0;padding:12px 0;cursor:pointer;box-shadow:2px 2px 0 var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none}.fret-tile:active{transform:translate(2px,2px);box-shadow:none}.fret-tile:disabled{color:var(--faint);cursor:default}.fret-tile-good{background:var(--yellow);border-color:var(--ink);color:var(--ink)}.fret-tile-bad{background:var(--danger);border-color:var(--ink);color:#fff}.fret-done{align-items:center;text-align:center}.fret-eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink);background:var(--yellow);padding:2px 8px;border:1px solid var(--ink);margin:6px 0 0}.fret-done-score{font-family:var(--display);font-size:68px;font-weight:400;line-height:1}.fret-done-sub{font-size:12px;color:var(--ink-soft);margin:0}.fret-pb{font-size:12px;font-weight:700;color:var(--ink-soft);margin:2px 0 6px}.fret-pb-new{color:var(--ink);background:var(--yellow);padding:0 4px}.fret-done-actions{display:flex;align-items:center;gap:12px;margin:8px 0 20px}.fret-again{display:inline-flex;align-items:center;gap:7px;background:var(--yellow);border:2px solid var(--ink);color:var(--ink);font-family:var(--display);font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:.04em;border-radius:0;padding:11px 22px;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}.fret-again:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.fret-heat-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.fret-heat{display:flex;flex-direction:column;gap:2px}.fret-heat-row{display:flex;gap:2px}.fret-heat-name{width:18px;flex-shrink:0;display:flex;align-items:center;font-size:10px;font-weight:700;color:var(--ink-soft)}.fret-heat-cell{flex:1 1 0;min-width:0;min-height:30px;border-radius:0;border:1px solid var(--hair);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;font-size:9px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums;color:var(--ink)}.fret-heat-cell small{font-size:8px;font-weight:400;color:var(--ink-soft)}.fret-heat-empty{background:var(--paper);border-style:dashed}.fret-heat-good{background:var(--yellow);border-color:var(--ink)}.fret-heat-mid{background:var(--panel-gray);border-color:var(--ink-soft)}.fret-heat-bad{background:var(--danger-soft);border-color:var(--danger)}.fret-heat-frets .fret-heat-cell{border:none;min-height:14px;color:var(--faint)}.fret-heat-num.fret-num-mark{color:var(--ink)}.fret-stats{gap:14px}.fret-stats-shell{max-width:640px}.fret-graph-wrap{width:100%}.fret-h2{font-family:var(--display);font-size:14px;font-weight:400;text-transform:uppercase;margin:6px 0 0}.fret-filter{display:flex;flex-direction:column;gap:8px}.fret-filter-row{display:flex;align-items:center;gap:12px}.fret-filter-label{width:34px;flex-shrink:0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-soft)}.fret-graph{width:100%;height:auto;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised)}.fret-graph-axis{stroke:var(--ink);stroke-width:1}.fret-graph-grid{stroke:var(--hair);stroke-width:1;stroke-dasharray:3 3}.fret-graph-bar-total{fill:none;stroke:var(--hair);stroke-width:1}.fret-graph-bar{fill:var(--yellow);stroke:var(--ink);stroke-width:1.5}.fret-graph-hit{fill:transparent;cursor:pointer}.fret-graph-bar-sel{stroke-width:2.5}.fret-graph-total-sel{stroke:var(--ink)}.fret-graph-detail{font-family:var(--mono);font-size:12.5px;color:var(--ink-soft);margin:8px 0 0}.fret-graph-detail b{color:var(--ink)}.fret-graph-label{font-size:9px;fill:var(--ink-soft);font-weight:700}.fret-stats-empty{font-family:var(--mono);font-size:12.5px;color:var(--ink-soft);margin:0}.fret-side,.fret-main{display:contents}@media(pointer:coarse)and (orientation:landscape)and (max-height:520px),(pointer:coarse)and (orientation:portrait)and (max-width:520px){.fret-shell{max-width:none;margin:0}.fret-stats>*{flex-shrink:0}.fret-stats{gap:10px}.fret-stats .fret-h2{display:none}.fret-filter{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 24px}.fret-filter-label{width:auto}.fret-game{display:grid;grid-template-columns:132px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:6px;max-width:none;padding:0 12px;overflow:hidden}.fret-game>.ed-head{grid-column:1 / -1;padding:6px 8px 0}.fret-game .fret-done{grid-column:1 / -1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.fret-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:0}.fret-side .fret-controls{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0}.fret-side .fret-score{height:52px;margin:0;padding:0 6px}.fret-side .fret-score-num{font-size:30px}.fret-side .fret-pb-word,.fret-side .fret-pb-sub{display:none}.fret-side .fret-pb-q,.fret-side .fret-pb-tag{display:inline}.fret-side .fret-score-num.fret-score-pb{font-family:var(--mono);font-size:16px;letter-spacing:.06em;line-height:1}.fret-main{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;min-height:0;padding-bottom:8px}.fret-main .fret-board{margin:0}.fret-main .fret-hint{margin:0 8px}.fret-main .fret-tiles{grid-template-columns:repeat(12,1fr);gap:5px;padding:0;margin:0}.fret-main .fret-tile{padding:9px 0;font-size:13px}.fret-main .fret-find-prompt{flex-direction:row;align-items:baseline;justify-content:center;gap:9px;padding-top:0}.fret-main .fret-find-note{font-size:28px}}@media(pointer:coarse)and (orientation:portrait)and (max-width:520px){.fret-shell{position:fixed;top:0;left:0;width:100dvh;height:100dvw;min-height:0;transform:rotate(90deg) translateY(-100%);transform-origin:top left;overflow:hidden}.fret-shell .met-body{overflow-y:auto;-webkit-overflow-scrolling:touch}}.player .sections-scroll{padding-top:14px}.player-title{flex:1;min-width:0}.player-eyebrow{display:block;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--yellow);width:fit-content;padding:1px 6px;border:1px solid var(--ink);font-weight:700;margin-bottom:3px}.player-h1{font-family:var(--display);font-size:20px;font-weight:400;text-transform:uppercase;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-readonly,.chip-readonly{cursor:default}.player-cta{display:block;text-align:center;color:var(--ink);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;border:2px dashed var(--ink);border-radius:0;padding:12px;margin-top:4px}.player-cta:active{background:var(--yellow)}.player-error{margin:auto;text-align:center;padding:40px 28px;color:var(--ink-soft);font-size:14px;display:flex;flex-direction:column;gap:18px;align-items:center}.sheet-backdrop{position:fixed;inset:0;background:#11111173;z-index:20}.sheet{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:430px;max-height:88dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--paper-raised);border:3px solid var(--ink);border-bottom:none;border-radius:0;padding:18px 20px calc(22px + env(safe-area-inset-bottom));z-index:21;box-shadow:0 -6px #11111140}.sheet-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.sheet-chord{font-family:var(--display);font-size:24px;font-weight:400}.sheet-roman{font-size:11.5px;color:var(--ink-soft);font-weight:700}.ext-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.ext-pill{border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-family:var(--mono);font-size:13.5px;font-weight:700;border-radius:0;padding:8px 14px;cursor:pointer}.ext-active{background:var(--yellow);border-color:var(--ink);color:var(--ink)}.rename-input{width:100%;font-family:var(--mono);font-size:16px;font-weight:700;color:var(--ink);background:var(--paper-raised);border:2px solid var(--ink);border-radius:0;padding:10px 12px;margin-bottom:12px}.repeat-row{display:flex;align-items:center;justify-content:space-between;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised);padding:10px 14px;margin-bottom:12px}.repeat-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.repeat-stepper{display:flex;align-items:center;gap:12px}.repeat-value{font-family:var(--display);font-size:17px;font-weight:400;min-width:38px;text-align:center;font-variant-numeric:tabular-nums}.part-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.part-btn{border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:0;padding:9px 13px;cursor:pointer}.part-btn:disabled{opacity:.4;cursor:default}.remove-chord:disabled{opacity:.4;cursor:default}.sheet-actions{display:flex;justify-content:space-between;gap:12px}.remove-chord{background:none;border:2px solid var(--danger);color:var(--danger);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:0;padding:10px 16px;cursor:pointer}.sheet-done{background:var(--ink);border:2px solid var(--ink);color:var(--paper-raised);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:0;padding:10px 22px;cursor:pointer;box-shadow:2px 2px #11111159}.sheet-done:active{transform:translate(2px,2px);box-shadow:none}.tun-tabs{display:flex;gap:8px;justify-content:center;padding:6px 20px 0}.tun-setup-row{display:flex;align-items:stretch;justify-content:center;gap:8px;padding:10px 16px 0}.tun-setup{border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-size:11.5px;font-weight:700;border-radius:0;padding:8px 12px;min-height:38px;cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tun-fav-btn{flex-shrink:0;width:38px;border-radius:0;border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.tun-fav-on{color:var(--ink);background:var(--yellow)}.tun-body{align-items:center;text-align:center;gap:10px;padding-bottom:18px}.tun-body .sheet{text-align:left}.tun-string-label{font-size:12px;letter-spacing:.06em;color:var(--ink-soft);font-weight:700;text-transform:uppercase;margin:4px 0 0}.tun-string-label b{font-family:var(--display);font-size:16px;color:var(--ink)}.tun-gauge{width:calc(100% + 28px);margin:0 -14px;height:auto}.tun-gauge-arc{fill:none;stroke:var(--ink);stroke-width:2}.tun-gauge-zone{fill:none;stroke:var(--yellow);stroke-width:11;opacity:.65}.tun-gauge-zone-hit{opacity:1}.tun-gauge-wedge{fill:var(--yellow-soft)}.tun-gauge-wedge-hit{fill:var(--yellow);opacity:.6}.tun-gauge-tick{stroke:var(--ink-soft);stroke-width:1.5}.tun-gauge-tick0{stroke:var(--ink);stroke-width:2.5}.tun-gauge-label{font-family:var(--mono);font-size:16px;font-weight:700;fill:var(--ink)}.tun-needle-g{transform-box:view-box;transform-origin:160px 126px;transition:transform .12s ease-out,opacity .2s ease}.tun-gauge-lbl{font-size:9.5px;font-weight:700;fill:var(--ink-soft);font-variant-numeric:tabular-nums}.tun-gauge-lbl-major{font-weight:700;fill:var(--ink)}.tun-needle{stroke:var(--ink);stroke-width:3;stroke-linecap:butt}.tun-needle-hit{stroke:var(--ink)}.tun-needle-hub{fill:var(--ink)}.tun-needle-hit-fill{fill:var(--yellow);stroke:var(--ink);stroke-width:2}.tun-status{display:flex;align-items:center;justify-content:center;gap:10px;min-height:24px;margin:0}.tun-status-text{font-family:var(--mono);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.tun-instruction-good{background:var(--yellow);padding:0 6px}.tun-level{width:120px;height:8px;border-radius:0;background:var(--paper-raised);border:1px solid var(--ink);overflow:hidden;display:inline-block}.tun-level-fill{display:block;height:100%;background:var(--ink);transition:width .12s linear}.tun-level-clip{background:var(--danger)}.tun-strings{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;padding:4px 8px}.tun-string-chip{border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-family:var(--mono);font-size:14px;font-weight:700;border-radius:0;padding:8px 12px;cursor:pointer;font-variant-numeric:tabular-nums}.tun-string-cur{border-color:var(--ink);background:var(--ink);color:var(--paper)}.tun-string-done{border-color:var(--ink);background:var(--yellow-soft);color:var(--ink)}.tun-string-done.tun-string-cur{background:var(--yellow);color:var(--ink)}.tun-string-suggest{border-color:var(--ink);box-shadow:3px 3px 0 var(--yellow)}.tun-suggest-note{font-size:11.5px;color:var(--ink);font-weight:700;margin:0}.tun-head{position:relative;width:292px;margin:2px auto 0;flex-shrink:0}.tun-head-svg{position:absolute;left:50%;top:0;transform:translate(-50%)}.tun-head-wood{fill:var(--paper-raised);stroke:var(--ink);stroke-width:2}.tun-hc .tun-head-wood{fill:#fff;stroke:#000}.tun-head-shaft{stroke:var(--ink);stroke-width:1.5;opacity:.4}.tun-head-shaft-cur{stroke-width:2.5;opacity:1}.tun-head-string{stroke:var(--ink);stroke-width:1.2;opacity:.4}.tun-head-string-cur{stroke:var(--ink);stroke-width:2.5;opacity:1}.tun-head-post{fill:var(--paper-raised);stroke:var(--ink);stroke-width:2}.tun-head-post-cur{fill:var(--yellow)}.tun-head-nut{fill:var(--ink)}.tun-head-btn{position:absolute;width:54px;height:54px;border-radius:0;border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-family:var(--mono);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:2px;padding:0;box-shadow:2px 2px 0 var(--ink);font-variant-numeric:tabular-nums}.tun-head-check{font-size:11px}.tun-head-btn.tun-string-cur{background:var(--ink);border-color:var(--ink);color:var(--paper)}.tun-head-btn.tun-string-done{background:var(--yellow-soft);border-color:var(--ink);color:var(--ink)}.tun-head-btn.tun-string-done.tun-string-cur{background:var(--yellow);border-color:var(--ink);color:var(--ink)}.tun-head-btn.tun-string-suggest{border-color:var(--ink);box-shadow:3px 3px 0 var(--yellow)}.tun-tune-controls{display:flex;align-items:center;gap:10px;margin-top:4px}.tun-done-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:6px}.tun-mic-open{padding-bottom:170px}.tun-mic-panel{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:430px;padding:16px 20px calc(18px + env(safe-area-inset-bottom));border:3px solid var(--ink);border-bottom:none;border-radius:0;background:var(--paper-raised);box-shadow:0 -6px #11111140;z-index:15;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.tun-mic-note{font-size:12.5px;line-height:1.55;color:var(--ink-soft);margin:0;max-width:42ch}.tun-mic-cta{cursor:pointer}.chr-ref-row{padding:0}.chr-readout{display:flex;align-items:baseline;justify-content:center;gap:18px;margin-top:2px}.chr-note{font-family:var(--display);font-weight:400}.chr-note-name{font-size:54px;line-height:1}.chr-note-oct{font-size:22px;color:var(--ink-soft);margin-left:2px}.chr-note-idle{font-family:var(--mono);color:var(--faint)}.chr-cents{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;min-width:118px;text-align:left}.chr-cents-good{background:var(--yellow);padding:0 4px}.chr-cents-idle{display:none}.chr-tape-wrap{width:100%;padding:0 14px}.chr-tape{display:block;width:100%;height:auto;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised);overflow:hidden}.tape-strip{fill:var(--ink)}.tape-zone{fill:var(--yellow)}.tape-strip-tick{stroke:var(--paper-raised);stroke-width:1;opacity:.6}.tape-strip-tick-zone{stroke:var(--ink);opacity:1}.tape-strip-label{fill:var(--paper-raised);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.tape-tick{stroke:var(--ink-soft);stroke-width:1.2;opacity:.75}.tape-note{font-family:var(--display);font-size:40px;font-weight:400;fill:var(--ink)}.tape-oct{font-size:16px}.tape-line{stroke:var(--danger);stroke-width:2.5}.tape-diamond{fill:var(--paper-raised);stroke:var(--ink);stroke-width:1.5}.chr-sub{display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.chr-freq{font-weight:700;color:var(--ink)}.chr-graph-wrap{width:100%;padding:0 14px}.chr-graph{display:block;width:100%;height:150px;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised)}.chr-conf{display:inline-flex;align-items:center;gap:5px}.chr-conf-dot{width:9px;height:9px;border-radius:0;border:1px solid var(--ink);background:var(--paper-raised)}.chr-conf-mid{background:var(--panel-gray)}.chr-conf-hi{background:var(--yellow)}.chr-condition{font-size:14px;min-height:22px}.chr-icon-btn{flex-shrink:0;width:38px;border-radius:0;border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-size:15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.chr-help{max-width:46ch;padding:0 16px}.poly-progress{width:min(260px,70vw);height:10px;border-radius:0;background:var(--paper-raised);border:1px solid var(--ink);overflow:hidden}.poly-progress-fill{display:block;height:100%;background:var(--yellow);transition:width .15s linear}.poly-cols{display:flex;gap:8px;justify-content:center;width:100%;padding:6px 12px 0;transition:opacity .25s ease}.poly-stale{opacity:.5}.poly-col{flex:1;max-width:58px;background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:inherit}.poly-track{position:relative;width:28px;height:150px;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised);overflow:hidden}.poly-zero{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--ink);opacity:.5}.poly-bar{position:absolute;left:4px;right:4px;border-radius:0;background:var(--danger);transition:height .12s ease,top .12s ease,bottom .12s ease}.poly-bar-good{background:var(--yellow);outline:1px solid var(--ink)}.poly-bar-low{background:var(--faint);opacity:.55}.poly-col-note{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.poly-col-idle{color:var(--faint)}.poly-col-good{background:var(--yellow);padding:0 3px}.poly-col-cents{font-size:11px;font-weight:700;color:var(--ink-soft);min-height:16px;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.poly-bar{transition:none}}.poly-fine{margin:auto 0 0;padding-top:10px;font-family:var(--mono);font-size:11.5px;color:var(--ink-soft)}.tsu-back{border:none;background:none;color:var(--ink);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:0 0 12px;cursor:pointer;font-family:inherit}.tsu-cats{margin:10px 0 12px}.tsu-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:7px}.tsu-row{display:flex;align-items:stretch;gap:7px}.tsu-pick{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised);padding:10px 13px;cursor:pointer;text-align:left;font-family:inherit;color:var(--ink)}.tsu-pick-on{border-color:var(--ink);background:var(--yellow)}.tsu-name{font-family:var(--mono);font-size:14px;font-weight:700}.tsu-notes{font-size:11px;font-weight:700;color:var(--ink-soft);font-variant-numeric:tabular-nums}.tsu-desc{font-size:11px;color:var(--ink-soft);line-height:1.35}.tsu-star{flex-shrink:0;width:44px;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised);color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center}.tsu-star-on{color:var(--ink);background:var(--yellow)}.tsu-empty{font-size:12px;color:var(--ink-soft);line-height:1.5;margin:0 0 14px}.tsu-fav-head{display:flex;align-items:baseline;justify-content:space-between}.tsu-edit{border:none;background:none;color:var(--ink);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-family:inherit}.tsu-fav-tools{display:flex;align-items:center;gap:5px}.tsu-rename{flex:1;margin:0}.tsu-group{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:2px 0 6px}.tun-dev{margin:8px 14px calc(10px + env(safe-area-inset-bottom));border:2px dashed var(--danger);border-radius:0;padding:10px 12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.tun-dev-tag{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--danger)}.tun-dev-row{display:flex;flex-wrap:wrap;gap:6px}.tun-dev-slider{width:100%;display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:700;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.tun-dev-slider input{flex:1;accent-color:var(--danger);height:22px}.tun-dev-info{font-family:var(--mono);font-size:10px;color:var(--ink-soft);margin:0;line-height:1.5}.chordlib-body{padding-bottom:20px;gap:14px}.chordlib-name{display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px 0 0;border:none;background:none;color:var(--ink);cursor:pointer}.chordlib-name-big{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:36px;font-weight:400;line-height:1.1}.chordlib-name-big svg{color:var(--ink-soft);margin-top:6px}.chordlib-tones{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink-soft)}.chordlib-cols{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;gap:10px;margin-bottom:8px}.chordlib-col{display:flex;flex-direction:column;gap:4px;min-width:0}.chordlib-col-head{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);padding:0 4px}.chordlib-col-list{display:flex;flex-direction:column;max-height:264px;overflow-y:auto;overscroll-behavior:contain;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised)}.chordlib-opt{flex:0 0 auto;border:none;background:none;text-align:left;font-size:14px;padding:9px 12px;color:var(--ink-soft);cursor:pointer}.chordlib-opt-on{background:var(--yellow);color:var(--ink);font-weight:700}.chordlib-shapes{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding-top:4px}.chordlib-card{display:flex;flex-direction:column;align-items:center;gap:2px;border:2px solid var(--ink);border-radius:0;background:var(--paper-raised);padding:10px 6px 8px;cursor:pointer;box-shadow:2px 2px 0 var(--ink)}.chordlib-card svg{width:100%;max-width:170px;height:auto}.scalelib-rows .chordlib-card svg{max-width:320px}.chordlib-card:active{background:var(--yellow);transform:translate(2px,2px);box-shadow:none}.chordlib-card-cap{font-family:var(--mono);font-size:10px;min-height:15px;color:var(--ink-soft);opacity:0;transition:opacity .5s ease}.chordlib-cap-show{opacity:.8;transition:opacity .1s ease}@media(prefers-reduced-motion:reduce){.chordlib-card-cap{transition:none}}.chordlib-hint{font-size:11px;color:var(--ink-soft);text-align:center;margin:0}.scalelib-name-big{font-size:24px}.scalelib-rows{grid-template-columns:1fr}.scalelib-card-live{background:var(--yellow);border-color:var(--ink)}.sd-dot{fill:var(--paper-raised);stroke:var(--ink);stroke-width:1.2}.sd-root{fill:var(--ink);stroke:var(--ink)}.sd-name{fill:var(--ink);font-size:7.5px;font-weight:700}.sd-name-root{fill:var(--yellow)}.cd-string,.cd-fret{stroke:var(--ink-soft);stroke-width:1}.cd-nut,.cd-dot{fill:var(--ink)}.cd-dot-num{fill:var(--yellow);font-size:10px;font-weight:700}.cd-bar{fill:var(--ink);opacity:.92}.cd-open{fill:none;stroke:var(--ink);stroke-width:1.5}.cd-mute line{stroke:var(--faint);stroke-width:1.5}.cd-base{fill:var(--ink-soft);font-size:10px;font-weight:700}.tun-hc{--paper: #ffffff;--paper-raised: #ffffff;--ink: #000000;--ink-soft: #1f1f1f;--faint: #2c2c2c;--hair: #4a4a4a;--yellow: #ffe600;--yellow-soft: #fff59e;--panel-gray: #ededed;background:#fff}@media(prefers-reduced-motion:reduce){.tun-needle-g,.tun-level-fill{transition:none}}.admin-shell{max-width:860px;padding-bottom:24px}.admin-note{padding:24px 20px;color:var(--ink-soft);font-size:14px}.admin-body{display:flex;flex-direction:column;gap:16px;padding:10px 20px 0}.admin-stats{display:flex;flex-wrap:wrap;gap:10px}.admin-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:86px;padding:10px 12px;border:2px solid var(--ink);background:var(--paper-raised);box-shadow:3px 3px 0 var(--ink)}.admin-stat b{font-family:var(--display);font-size:26px;font-weight:400;line-height:1;font-variant-numeric:tabular-nums}.admin-stat span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.admin-table-scroll{overflow-x:auto;border:2px solid var(--ink);background:var(--paper-raised);box-shadow:3px 3px 0 var(--ink)}.admin-table{width:100%;border-collapse:collapse;font-size:12.5px;white-space:nowrap}.admin-table th{text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);border-bottom:2px solid var(--ink);padding:8px 10px}.admin-table td{padding:8px 10px;border-bottom:1px solid var(--hair);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-num{font-variant-numeric:tabular-nums;text-align:right}.admin-user{display:flex;align-items:center;gap:9px}.admin-user img,.admin-avatar-fallback{width:30px;height:30px;border:2px solid var(--ink);border-radius:0;flex-shrink:0;object-fit:cover}.admin-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);font-weight:700}.admin-who{display:flex;flex-direction:column;line-height:1.25}.admin-who>span{color:var(--ink-soft);font-size:11px}.admin-live{display:inline-block;width:8px;height:8px;margin-left:6px;background:var(--yellow);border:2px solid var(--ink)}