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