:root{--bg: #1e1e24;--panel: #2a2a33;--line: #4a4a55;--text: #e6e6ea;--muted: #9a9aa5;--accent: #4f9dff;--cell: 26px;--fab-bottom: 40px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top);box-sizing:border-box}.library{flex:1;overflow:auto;padding:28px 32px}.library-head h1{margin:0 0 12px;font-size:22px}.library-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px}.account{display:flex;align-items:center;gap:8px;font-size:13px}.account-email{color:var(--muted);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px;border:1px solid var(--line)}.plan-badge.free{color:var(--muted)}.plan-badge.pro{color:#1e1e24;background:#ffd479;border-color:#ffd479}.account .signin{background:#fff;color:#2a2a33;border:1px solid var(--line);border-radius:6px;padding:6px 12px;font-weight:600;cursor:pointer}.account .signin:hover:not(:disabled){border-color:var(--accent)}.account button:disabled{opacity:.6;cursor:default}.signin-gate{display:flex;align-items:center;justify-content:center;min-height:100vh}.signin-gate-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;text-align:center}.signin-gate-title{margin:0;font-size:28px}.signin-gate-hint{margin:0;max-width:320px;color:var(--muted)}.signin-gate .signin{background:#fff;color:#2a2a33;border:1px solid var(--line);border-radius:6px;padding:10px 18px;font-weight:600;cursor:pointer}.signin-gate .signin:hover:not(:disabled){border-color:var(--accent)}.signin-gate .signin:disabled{opacity:.6;cursor:default}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--muted)}.offline-badge{font-size:11px;font-weight:700;color:#b9770e;background:#fff3d6;border:1px solid #ffd479;border-radius:10px;padding:2px 8px;white-space:nowrap}.cached-badge{font-size:11px;line-height:1;color:#6aa172;margin-right:5px}.library-dir{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px}.last-synced{font-size:11px;color:var(--muted);align-self:center}.library-dir-path{flex:1;min-width:200px;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-btn{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#34343f;color:var(--text);font-size:15px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.avatar-btn:hover{border-color:var(--accent)}.avatar-btn.signed-in{background:var(--accent);border-color:var(--accent);color:#fff}.settings{display:flex;flex-direction:column;gap:20px;max-width:640px}.settings-account{display:flex;align-items:center;gap:10px;margin:0 0 12px}.settings-section{border:1px solid var(--line);border-radius:10px;padding:16px 18px}.settings-section h2{margin:0 0 4px;font-size:15px}.settings-hint{margin:0 0 10px;font-size:12px;color:var(--muted)}.settings-path{margin:0 0 12px;padding:8px 10px;background:#2a2a33;border:1px solid var(--line);border-radius:6px;font-size:12px;color:var(--text);word-break:break-all}.settings-actions{display:flex;flex-wrap:wrap;gap:8px}.settings-input{width:100%;max-width:280px;background:#34343f;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:13px;box-sizing:border-box}.library button{background:#34343f;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer}.library button:hover{border-color:var(--accent)}.library button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.library-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}.library-search{flex:1;min-width:200px;max-width:420px;background:#34343f;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:13px}.library-sort{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.library-sort select{appearance:none;-webkit-appearance:none;background:#34343f url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23a0a0a8' stroke-width='1.5'/></svg>") no-repeat right 10px center;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 28px 8px 10px;font-size:13px;box-sizing:border-box}.library-artist{color:var(--muted);font-weight:400}.library-empty{color:var(--muted)}.library-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.library-item{display:flex;align-items:stretch;gap:8px}.library-open{flex:1;display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px 14px!important}.library-title{font-size:15px;font-weight:600}.library-meta{font-size:11px;color:var(--muted)}.library-bpm{opacity:.7}.library-delete{flex:none}.library-body{display:flex;gap:20px;align-items:flex-start}.library-sidebar{flex:0 0 200px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0}.library-main{flex:1;min-width:0}.sidebar-item{display:flex!important;align-items:center;justify-content:space-between;gap:8px;text-align:left;width:100%;background:transparent!important;border-color:transparent!important}.sidebar-item.active{background:#34343f!important;border-color:var(--line)!important}.sidebar-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-count{flex:none;font-size:11px;color:var(--muted)}.sidebar-label{margin:14px 6px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.sidebar-empty{margin:2px 6px;font-size:12px;color:var(--muted)}.sidebar-new{margin-top:6px;color:var(--muted)!important}.playlist-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}.playlist-name{flex:1;min-width:160px;background:transparent;color:var(--text);border:1px solid transparent;border-radius:6px;padding:6px 8px;font-size:20px;font-weight:700}.playlist-name:hover{border-color:var(--line)}.playlist-name:focus{border-color:var(--accent);outline:none}.playlist-count{font-size:12px;color:var(--muted)}.playlist-picker{border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:16px;max-height:300px;overflow:auto}.playlist-songs{counter-reset:none}.playlist-handle{flex:none;display:flex;align-items:center;justify-content:center;width:20px;font-size:16px;color:var(--muted);cursor:grab;-webkit-user-select:none;user-select:none}.playlist-songs .library-item{border-radius:8px;transition:box-shadow .1s}.playlist-songs .library-item.dragging{opacity:.45}.playlist-songs .library-item.drag-over{box-shadow:inset 0 2px 0 var(--accent)}.playlist-index{flex:none;width:22px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.playlist-item-actions{flex:none;display:flex;gap:4px}.playlist-missing{opacity:.6;cursor:default}@media(max-width:640px){.library-body{flex-direction:column}.library-sidebar{flex:1 1 auto;width:100%;position:static;flex-direction:row;flex-wrap:wrap}}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 14px;background:var(--panel);border-bottom:1px solid var(--line)}.toolbar-group{display:flex;align-items:center;gap:6px}.toolbar button,.toolbar select,.toolbar input{background:#34343f;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 10px;font-size:13px;cursor:pointer}.toolbar button:hover{border-color:var(--accent)}.toolbar button.toggle.on{background:var(--accent);border-color:var(--accent);color:#fff}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--muted);vertical-align:middle}.live-dot.on{background:#46d27a;box-shadow:0 0 6px #46d27a}.live-dot.wait{background:#e6b800}.toolbar label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.title-input{cursor:text;min-width:160px}.artist-input{cursor:text;min-width:130px}.play-button{min-width:76px;font-weight:600}.tempo-input{width:56px}.vol-input{width:70px;cursor:pointer;padding:0}.toolbar-hint{font-size:12px;color:var(--muted)}.grid-wrapper{flex:1;overflow:auto;padding:24px;padding-bottom:55vh;outline:none}.tab-grid{display:flex;flex-direction:column;gap:28px;font-family:SF Mono,ui-monospace,Menlo,monospace;-webkit-user-select:none;user-select:none}.system{display:inline-block;width:fit-content}.system.section-start{margin-top:14px}.string-line{display:flex;align-items:center;height:var(--cell)}.measure-number-line{display:flex;align-items:center;height:16px}.measure-number{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);padding-left:3px;box-sizing:border-box}.time-sig{color:#b08cff;font-weight:700}.section-line{display:flex;align-items:flex-end;height:22px}.section-cell{position:relative;box-sizing:border-box}.section-input{position:absolute;left:3px;bottom:0;width:max-content;min-width:60px;background:transparent;border:none;border-left:3px solid var(--accent);border-radius:0;color:var(--text);font-family:inherit;font-size:13px;font-weight:700;padding:0 4px}.section-input::placeholder{color:#ffffff26;font-weight:400}.section-input:hover,.section-input:focus{outline:none;background:#ffffff10}.key-line{display:flex;align-items:flex-end;height:20px}.key-cell{position:relative;box-sizing:border-box}.key-label{position:absolute;left:3px;bottom:0;display:flex;align-items:center;gap:2px;white-space:nowrap}.key-label.change:before{content:"→";color:var(--muted);font-size:12px;margin-right:2px}.key-select{background:transparent;border:1px solid transparent;border-radius:4px;color:var(--accent);font-family:inherit;font-size:12px;font-weight:600;padding:1px 2px;cursor:pointer}.key-select:hover{border-color:var(--line)}.key-remove{background:transparent;border:none;color:var(--muted);font-size:13px;line-height:1;padding:0 3px;cursor:pointer}.key-remove:hover{color:#ff6b6b}.chord-line{display:flex;align-items:stretch;height:36px;margin-bottom:2px}.bar.spacer{background:transparent}.rhythm-line{display:flex;align-items:flex-start;height:46px}.rhythm-svg{display:block;overflow:visible}.rhythm-stem,.rhythm-beam{stroke:var(--text);stroke-width:1.4}.rhythm-beamfill{fill:var(--text)}.rhythm-slur{fill:none;stroke:var(--text);stroke-width:1.5;stroke-linecap:round}.rhythm-dot{fill:var(--text)}.rhythm-rest{fill:var(--muted);font-size:16px}.rhythm-tuplet{fill:var(--muted);font-size:10px;font-style:italic}.chord-cell{position:relative;width:var(--cell);flex:none;align-self:stretch}.chord-cell.beat-start{box-shadow:inset 1px 0 #ffffff1f}.chord-cell.selected{background:#4f9dff33;border-radius:3px}.chord-cell.playing{background:#ffd36633;box-shadow:inset 0 0 0 1px #ffd366;border-radius:3px}.chord-input{position:absolute;left:0;top:2px;width:100%;height:20px;background:transparent;border:none;border-radius:4px;color:var(--accent);font-family:inherit;font-size:13px;font-weight:600;text-align:left;padding:0 3px;box-sizing:border-box;pointer-events:none}.chord-cell.has-chord .chord-input{z-index:1}.chord-cell.chord-rest .chord-input{color:var(--muted);font-style:italic;font-weight:500}.chord-input::placeholder{color:#ffffff20;font-weight:400}.chord-cell:hover .chord-input{background:#ffffff0d}.chord-input:focus{outline:none;background:var(--panel);width:calc(var(--cell) * 2)!important;z-index:2}.degree{position:absolute;left:0;top:22px;width:100%;height:12px;line-height:12px;font-size:10px;color:var(--muted);text-align:left;padding:0 3px;box-sizing:border-box;overflow:hidden;white-space:nowrap;pointer-events:none}.tuning-label{width:34px;text-align:right;padding-right:8px;color:var(--muted);font-size:12px;flex:none}.measure{display:flex;align-items:center}.bar{width:2px;align-self:stretch;background:#8a8a99;flex:none}.cell{width:var(--cell);height:var(--cell);display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text);font-family:inherit;font-size:13px;cursor:pointer;background-image:linear-gradient(var(--line),var(--line));background-size:100% 1px;background-position:center;background-repeat:no-repeat}.cell.beat-start{box-shadow:inset 1px 0 #ffffff1f}.cell.rest{color:#ff8a8a;font-style:italic;font-weight:700}.cell.mute{color:#c79bf2;font-weight:700}.cell.bend{color:#ffd479;font-weight:700}.cell .bend{font-size:.62em;margin-left:1px;vertical-align:super}.cell.tie{position:relative;color:#7fd6a6}.cell.tie:before{content:"";position:absolute;left:-50%;right:50%;top:-2px;height:7px;border-top:1.5px solid #7fd6a6;border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none}.cell.pm{color:#d98a3d}.pm-line{display:flex;align-items:stretch;height:18px}.pm-measure{position:relative}.pm-span{position:absolute;top:9px;height:7px;border-top:1.5px dashed #d98a3d;border-left:1.5px dashed #d98a3d;box-sizing:border-box;pointer-events:none}.pm-label{position:absolute;top:-9px;left:0;padding-right:3px;font-size:10px;font-style:italic;font-weight:700;line-height:1;color:#d98a3d;background:var(--bg);white-space:nowrap}.cell:hover{background-color:#ffffff14}.cell.selected{background-color:#4f9dff44;color:var(--text)}.cell.focused{background-color:var(--accent);color:#fff;border-radius:4px}.cell.playhead{background-color:#ffd36644;box-shadow:inset 0 0 0 1px #ffd366;border-radius:3px}.modal-overlay{position:fixed;inset:0;z-index:200;background:#0006;display:flex;align-items:center;justify-content:center}.modal{width:min(440px,90vw);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 12px 40px #00000080}.modal-title{margin:0 0 10px;font-size:17px}.modal-message{margin:0 0 18px;font-size:13px;color:var(--muted);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-actions button{background:#34343f;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:7px 14px;font-size:13px;cursor:pointer}.modal-actions button.danger{background:#c0413b;border-color:#c0413b;color:#fff;font-weight:600}.modal-actions button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.tuning-dialog-name{margin-left:10px;font-size:13px;font-weight:400;color:var(--muted)}.tuning-dialog-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.tuning-dialog-label{width:56px;text-align:right;color:var(--muted)}.tuning-dialog-spacer{flex:1}.tuning-dialog-strings{margin:12px 0;display:flex;flex-direction:column;gap:6px}.tuning-dialog select,.tuning-dialog button{background:#34343f;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 10px;font-size:13px;cursor:pointer}.tuning-dialog button:hover{border-color:var(--accent)}.tuning-dialog button:disabled{opacity:.4;cursor:default}.context-menu-root{position:fixed;z-index:100}.context-menu{margin:0;padding:4px;list-style:none;min-width:180px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px #00000060}.context-menu li{margin:0;position:relative}.context-menu li.has-submenu>button{display:flex;align-items:center}.context-menu .menu-label{flex:1}.context-menu .submenu-arrow{margin-left:10px;color:var(--muted);font-size:11px}.context-menu li.has-submenu>button:hover .submenu-arrow{color:#fff}.context-menu .submenu{position:absolute;top:-5px;left:100%;margin-left:2px}.context-menu .submenu .context-menu{max-height:70vh;overflow-y:auto}.context-menu button{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:7px 10px;font-size:13px;border-radius:5px;cursor:pointer}.context-menu button:hover:not(:disabled){background:var(--accent);color:#fff}.context-menu button:disabled{color:var(--muted);cursor:default}.context-menu button .check{display:inline-block;width:14px;color:var(--accent)}.context-menu li.separator{height:1px;margin:4px 6px;background:var(--line)}.context-menu li.menu-header{padding:4px 12px 2px;font-size:11px;font-weight:700;color:var(--muted);text-transform:none;cursor:default}.keypad{position:fixed;right:16px;bottom:var(--fab-bottom);z-index:90;display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px #00000070;touch-action:manipulation}.keypad button{background:#34343f;color:var(--text);border:1px solid var(--line);border-radius:8px;font-size:18px;cursor:pointer}.keypad button:active{background:var(--accent);color:#fff}.keypad-digits{display:grid;grid-template-columns:repeat(3,48px);grid-auto-rows:44px;gap:6px}.keypad-arrows{display:flex;align-items:center;gap:6px}.keypad-arrows button{width:44px;height:44px}.keypad-arrows-col{display:flex;flex-direction:column;gap:6px}.keypad-rest{color:#ff8a8a;font-weight:700}.keypad-articulation{display:grid;grid-template-columns:repeat(3,44px);grid-auto-rows:44px;gap:6px}.keypad-articulation button{width:44px;height:44px}.toolbar-pm,.keypad-pm{font-size:11px;font-weight:700}.keypad-close{width:28px;height:28px;font-size:16px;line-height:1}.chord-chart{display:flex;flex-direction:column;gap:22px;-webkit-user-select:none;user-select:none}.cc-section-title{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--accent);border-left:3px solid var(--accent);padding-left:8px}.cc-section-title-input{display:block;width:max-content;min-width:120px;margin:0 0 8px;padding:2px 8px;background:transparent;border:none;border-left:3px solid var(--accent);border-radius:0;color:var(--accent);font-family:inherit;font-size:14px;font-weight:700}.cc-section-title-input::placeholder{color:#ffffff40;font-weight:400}.cc-section-title-input:hover,.cc-section-title-input:focus{outline:none;background:#ffffff10}.cc-grid{display:grid;gap:8px}.cc-measure{border:1px solid var(--line);border-radius:8px;background:#2a2a3322;padding:6px 8px 8px;min-height:64px;display:flex;flex-direction:column;gap:4px}.cc-measure-head{display:flex;align-items:center;gap:6px;min-height:14px}.cc-measure-num{font-size:10px;color:var(--muted)}.cc-badge{font-size:10px;font-weight:700}.cc-badge.cc-key{color:var(--accent)}.cc-badge.cc-time{color:#b08cff}.cc-beats{flex:1;display:flex;align-items:stretch;gap:2px}.cc-beat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;min-width:0}.cc-beat+.cc-beat{border-left:1px solid #ffffff12}.cc-beat.selected{background:#4f9dff33}.cc-beat.playing{background:#ffd36633;box-shadow:inset 0 0 0 1px #ffd366}.cc-chord-input{position:static;pointer-events:auto;width:100%;height:26px;background:transparent;border:none;color:var(--text);font-family:inherit;font-size:17px;font-weight:600;text-align:center;padding:0;box-sizing:border-box}.cc-chord-input:focus{min-width:0;width:100%!important}.cc-chord-input::placeholder{color:#fff2;font-weight:400}.cc-chord-input:hover{background:#ffffff0d;border-radius:4px}.cc-chord-input:focus{outline:none;background:#ffffff14;border-radius:4px}.cc-beat.chord-rest .cc-chord-input{color:var(--muted);font-style:italic;font-weight:500}.cc-degree{font-size:11px;color:var(--muted);line-height:12px}.statusbar{display:flex;justify-content:space-between;gap:16px;padding:6px 14px;background:var(--panel);border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.cheatsheet{position:fixed;right:16px;bottom:var(--fab-bottom);z-index:50;width:280px;max-height:60vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px #0006;font-size:12px;overflow:hidden}.cheatsheet-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:var(--muted);padding:8px 8px 6px 12px}.cheatsheet-min{width:22px;height:22px;padding:0;line-height:1;font-size:16px;background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--text);cursor:pointer}.cheatsheet-min:hover{border-color:var(--accent)}.cheatsheet-body{padding:8px 12px 12px;overflow-y:auto}.cheatsheet-group{margin-top:8px}.cheatsheet-group:first-child{margin-top:0}.cheatsheet-group-title{color:var(--accent);font-weight:700;margin-bottom:4px}.cheatsheet-row{display:flex;align-items:center;gap:8px;padding:2px 0}.cheatsheet-keys{display:inline-flex;align-items:center;gap:3px;flex:0 0 110px;flex-wrap:wrap}.cheatsheet-keys kbd{display:inline-block;min-width:16px;padding:1px 5px;text-align:center;background:#15151a;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;font-family:inherit;font-size:11px;color:#e6e6ee}.cheatsheet-sep{color:var(--muted)}.cheatsheet-label{color:#c8c8d2}.fab-left{position:fixed;left:16px;bottom:var(--fab-bottom);z-index:50;display:flex;align-items:flex-end;gap:8px}.section-nav{position:relative}.keypad-fab{padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 14px #0005;font-size:14px;line-height:1;color:#d8d8e0;cursor:pointer}.keypad-fab:hover{border-color:var(--accent)}.keypad-fab.on{background:var(--accent);border-color:var(--accent);color:#fff}.section-nav-fab{padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 14px #0005;font-size:12px;color:#d8d8e0;cursor:pointer}.section-nav-fab:hover{border-color:var(--accent)}.section-nav-popup{position:absolute;left:0;bottom:44px;width:260px;max-height:50vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px #0006;padding:6px}.section-nav-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:var(--muted);padding:4px 4px 6px 8px}.section-nav-min{width:22px;height:22px;padding:0;line-height:1;font-size:16px;background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--text);cursor:pointer}.section-nav-min:hover{border-color:var(--accent)}.section-nav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;background:transparent;border:none;border-radius:6px;color:var(--text);font-size:13px;padding:7px 10px;cursor:pointer}.section-nav-item.active,.section-nav-item:hover{background:var(--accent);color:#fff}.section-nav-measure{font-size:11px;color:var(--muted)}.section-nav-item.active .section-nav-measure{color:#fffc}.section-nav-empty{font-size:12px;color:var(--muted);padding:6px 10px;line-height:1.4}.cheatsheet-fab{position:fixed;right:16px;bottom:var(--fab-bottom);z-index:50;padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 14px #0005;font-size:12px;color:#d8d8e0}