.settings-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:3.35rem 1rem 1.5rem;background:#00000080}.settings-panel{width:min(28rem,100%);padding:1rem 1.2rem 1.2rem;border:1px solid #343b48;border-radius:8px;background:#1c2028;box-shadow:0 12px 32px #0006}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.settings-header h2{margin:0;font-size:1.1rem}.settings-close{width:2rem;height:2rem;border:1px solid #4a5363;border-radius:6px;background:#2a303b;color:#e8eaed;font-size:1.2rem;line-height:1;cursor:pointer}.settings-close:hover{background:#353c4a}.settings-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.settings-row-spaced{margin-top:1.1rem}.settings-label{color:#9aa3b2;font-size:.85rem}.settings-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.settings-actions{display:flex;gap:.5rem;margin-top:.65rem}.settings-btn{padding:.4rem .75rem;border:1px solid #4a5363;border-radius:6px;background:#2a303b;color:#e8eaed;font:inherit;cursor:pointer}.settings-btn:hover:not(:disabled){background:#353c4a}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-error{margin:.85rem 0 0;color:#ff8a80;font-size:.9rem}.soundfont-setup-backdrop{z-index:50;align-items:center;padding:1.5rem}.soundfont-setup-copy{margin:0 0 1rem;color:#c5cad3;font-size:.95rem;line-height:1.45}.soundfont-setup-copy code{font-size:.9em}.soundfont-setup-actions{display:flex;flex-wrap:wrap;gap:.5rem}.soundfont-setup-primary{background:#3d6ea8;border-color:#5a8ec4}.soundfont-setup-primary:hover:not(:disabled){background:#4a7db8}.top-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);padding:0 .7rem 0 .85rem;background:#161a21;border-bottom:1px solid #343b48}.top-nav-links{display:flex;gap:.2rem;margin:0;padding:0;list-style:none}.top-nav-link{display:block;padding:.35rem .75rem;border-radius:6px;color:#c5cad3;font-size:.9rem;font-weight:550;text-decoration:none}.top-nav-link:hover{color:#e8eaed;background:#2a303b}.top-nav-link.active{color:#fff;background:#3d7ea6}.settings-gear{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid #4a5363;border-radius:6px;background:#2a303b;color:#e8eaed;cursor:pointer}.settings-gear:hover{background:#353c4a}.guitar-diagram-wrap{position:relative;display:block}.guitar-diagram{display:block;background:#111318;border-radius:4px}.guitar-copy-btn{position:absolute;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;padding:0;border:none;border-radius:3px;background:transparent;color:#9aa3b2;cursor:pointer}.guitar-copy-btn:hover{color:#7ec4ff;background:#7ec4ff1f}.guitar-nut{fill:#f4f1ea}.guitar-fret{stroke:#4a5363;stroke-width:1}.guitar-string{stroke:#9aa3b2;stroke-width:1.2}.guitar-base-fret{fill:#c5cad3;font-size:13px;text-anchor:end;dominant-baseline:middle}.guitar-barre,.guitar-dot{fill:#7ec4ff}.guitar-finger{fill:#111318;font-size:11px;font-weight:700;text-anchor:middle;dominant-baseline:central}.guitar-finger-below,.guitar-mark{fill:#c5cad3;font-size:12px;font-weight:650;text-anchor:middle}.guitar-mark-open{fill:#7ec4ff}.guitar-tab{margin:.35rem 0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.25;letter-spacing:.02em;color:#c5cad3;text-align:left;background:transparent}.guitar-section{width:min(100%,72rem);margin-top:1.75rem}.guitar-section h2{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#c5cad3;text-align:center;letter-spacing:.04em;text-transform:uppercase}.guitar-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem}.guitar-voicing-card{display:flex;flex-direction:column;align-items:center;padding:.55rem .65rem .45rem;border:1px solid #343b48;border-radius:8px;background:#1c2028;color:inherit;font:inherit;cursor:pointer}.guitar-voicing-card:focus-visible{outline:2px solid #6cb6ff;outline-offset:2px}.guitar-voicing-card:hover{background:#222830;border-color:#6cb6ff}.guitar-empty{margin:0;color:#9aa3b2;text-align:center}.guitar-error{margin:.65rem 0 0;color:#ff8a80;font-size:.9rem;text-align:center}.guitar-voicings-widget{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:10.75rem;padding:.3rem;border:1px solid #343b48;border-radius:8px;background:#1c2028;flex-shrink:0}.guitar-voicings-expand{position:absolute;top:.2rem;right:.2rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;padding:0;border:1px solid #4a5363;border-radius:5px;background:#2a303b;color:#c5cad3;cursor:pointer}.guitar-voicings-expand:hover:not(:disabled){background:#353c4a;color:#e8eaed}.guitar-voicings-expand:disabled{opacity:.35;cursor:not-allowed}.guitar-voicings-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.15rem;flex:1;min-height:0;padding-right:.15rem;padding-top:.05rem}.guitar-voicings-preview-card{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:.1rem;border:1px solid transparent;border-radius:4px;cursor:pointer}.guitar-voicings-preview-card:hover,.guitar-voicings-preview-card:focus-visible{border-color:#6cb6ff;background:#222830;outline:none}.guitar-voicings-empty{display:flex;flex:1;align-items:center;justify-content:center;margin:0;padding:0 1.4rem 0 .25rem;color:#9aa3b2;font-size:.72rem;text-align:center;line-height:1.25}.guitar-voicings-backdrop{z-index:55;align-items:center;padding:1.5rem}.guitar-voicings-panel{width:min(72rem,96vw);max-height:min(90vh,56rem);overflow:auto}.guitar-voicings-panel .guitar-section{width:100%;margin-top:0}.guitar-voicings-panel .guitar-section h2{display:none}.inversion-selector{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-width:7rem;padding:.75rem}.inversion-heading{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#9aa3b2}.inv-label{font-size:1.05rem;font-weight:600}.inv-btn{width:2.4rem;height:2.4rem;border:1px solid #4a5363;border-radius:6px;background:#2a303b;color:#e8eaed;cursor:pointer}.inv-btn:hover:not(:disabled){background:#353c4a}.inv-btn:disabled{opacity:.4;cursor:not-allowed}.copy-status-slot{margin:.4rem 0 0;min-height:1.35em;display:flex;justify-content:center;align-items:center}.copy-status,.copy-status-error{margin:0;padding:.3rem .7rem;border-radius:6px;font-size:.9rem;line-height:1.35;text-align:center;box-shadow:0 1px 4px #00000059}.copy-status{color:#8fd19e;background:#1a1f27;border:1px solid #3d5c45;animation:copy-status-fade 3s ease forwards}.copy-status-error{color:#ff8a80;background:#1a1f27;border:1px solid #6b3a38}@keyframes copy-status-fade{0%,80%{opacity:1}to{opacity:0}}.note-list-wrap{display:flex;flex-direction:column;align-items:center}.note-list-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.85rem}.note-list{margin:0;font-size:1.15rem;letter-spacing:.04em}.play-btn{padding:.45rem 1rem;border:1px solid #4a5363;border-radius:6px;background:#2a303b;color:#e8eaed;font:inherit;cursor:pointer}.play-btn:hover{background:#353c4a}.play-error{margin:.4rem 0 0;color:#ff8a80;font-size:.9rem;text-align:center}.playback-mode{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;margin:0 0 .5rem}.playback-mode-label{color:#9aa3b2;font-size:.8rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.playback-mode-select{appearance:none;-webkit-appearance:none;padding:.3rem 1.7rem .3rem .55rem;border:1px solid #4a5363;border-radius:6px;background-color:#2a303b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23e8eaed' d='M1.2 1.5L6 6.3l4.8-4.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;background-size:.7rem;color:#e8eaed;font:inherit;font-size:.9rem;cursor:pointer}.playback-mode-select option{background-color:#2a303b;color:#e8eaed}.playback-mode-select:hover,.playback-mode-select:focus{background-color:#353c4a;outline:none;border-color:#6cb6ff}.playback-mode-error{flex-basis:100%;margin:0;color:#ff8a80;font-size:.85rem}.piano-controls{display:flex;align-items:center;gap:1rem;margin:0 0 .5rem}.piano-controls .playback-mode{margin:0}.piano-controls-check{display:flex;align-items:center;gap:.4rem;color:#9aa3b2;font-size:.8rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none}.piano-controls-check input{width:.95rem;height:.95rem;accent-color:#3d7ea6;cursor:pointer}.piano-controls-error{margin:0;color:#ff8a80;font-size:.85rem}.piano-keyboard{display:block;max-width:100%;height:auto;background:#111318;border-radius:6px}.key.white{fill:#f4f1ea;stroke:#2a2e36;stroke-width:1;cursor:pointer}.key.white.on{fill:#7ec4ff}.key.black{fill:#16181d;stroke:#000;stroke-width:1;cursor:pointer}.key.black.on{fill:#3d8fd4}.key-label{fill:#5c6370;font-size:11px;text-anchor:middle;pointer-events:none}.degree-label{font-size:10px;font-weight:650;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.degree-label.white{fill:#3a4150}.degree-label.white.on{fill:#16324a}.degree-label.black{fill:#d5dbe6}.degree-label.black.on{fill:#fff}.picking{padding:.85rem 1.25rem 1rem;background:transparent}.picking-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.55rem}.picking-row:first-of-type{margin-top:0}.pick-btn{min-width:2.6rem;padding:.4rem .65rem;border:1px solid #4a5363;border-radius:6px;background:#2a303b;color:#e8eaed;font:inherit;font-size:.9rem;cursor:pointer;white-space:nowrap}.pick-btn:hover{background:#353c4a}.pick-btn.selected{background:#3d7ea6;border-color:#6cb6ff;color:#fff}.more-btn{min-width:auto;margin-left:.25rem;background:#243044;border-style:dashed}.copy-ardour-backdrop{z-index:60;align-items:center;padding:1.5rem}.copy-ardour-copy{margin:0 0 .85rem;color:#c5cad3;font-size:.95rem;line-height:1.45}.copy-ardour-copy code{font-size:.9em}.copy-ardour-check{display:flex;align-items:center;gap:.5rem;margin:.25rem 0 1rem;color:#c5cad3;font-size:.9rem;cursor:pointer}.copy-ardour-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.copy-ardour-primary{background:#3d6ea8;border-color:#5a8ec4}.copy-ardour-primary:hover:not(:disabled){background:#4a7db8}.display{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1.5rem 2rem}.chords-sticky-stage{display:flex;flex-direction:column;align-items:center;padding:0 1.5rem 1rem}.prompt{margin:1.25rem 0 .5rem;color:#9aa3b2;text-align:center}.chord-name{margin:.35rem 0 1rem;font-size:2rem;font-weight:650;letter-spacing:.02em;text-align:center}.piano-row{display:flex;align-items:flex-end;justify-content:center;gap:.5rem}.diatonic-btn{display:flex;flex-direction:column;align-items:center;min-width:3.4rem;padding:.35rem .55rem .4rem;border:1px solid #4a5363;border-radius:6px;background:#2a303b;color:#e8eaed;font:inherit;cursor:pointer}.diatonic-btn:hover{background:#353c4a}.diatonic-btn.selected{background:#3d7ea6;border-color:#6cb6ff;color:#fff}.diatonic-numeral{font-size:.95rem;font-weight:650;line-height:1.2}.diatonic-name{font-size:.75rem;color:#c5cad3}.diatonic-btn.selected .diatonic-name{color:#eef6ff}.diatonic-chords{display:flex;flex-direction:column;align-items:center;gap:.45rem;margin-top:.85rem;width:100%}.diatonic-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.borrowed-chords{display:flex;flex-direction:column;align-items:center;gap:.45rem;margin-top:.55rem;width:100%}.borrowed-heading{margin:.35rem 0 0;font-size:.8rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#9aa3b2}.circle-of-fifths{display:block;width:min(640px,82vmin);height:auto;overflow:visible;font-family:inherit;-webkit-user-select:none;user-select:none}.cof-ring{stroke:#14171c;stroke-width:1.5;cursor:pointer}.cof-major{fill:#2a303b}.cof-signature{fill:#1c2028}.cof-minor{fill:#161a21}.cof-slot:hover .cof-major,.cof-slot:focus-within .cof-major{fill:#353c4a}.cof-slot:hover .cof-signature,.cof-slot:focus-within .cof-signature{fill:#252a34}.cof-slot:hover .cof-minor,.cof-slot:focus-within .cof-minor{fill:#1c2028}.cof-slot.selected .cof-major{fill:#3d7ea6}.cof-slot.selected .cof-signature{fill:#346a8c}.cof-slot.selected .cof-minor,.cof-slot.selected.minor .cof-major{fill:#2a5673}.cof-slot.selected.minor .cof-minor{fill:#3d7ea6}.cof-slot.selected.minor .cof-signature{fill:#346a8c}.cof-major-label,.cof-sig-label,.cof-acc-label,.cof-minor-label,.cof-hub-tonic,.cof-hub-mode,.cof-hub-title,.cof-hub-subtitle{text-anchor:middle;dominant-baseline:middle;pointer-events:none}.cof-major-label,.cof-minor-label{pointer-events:auto;cursor:pointer}.cof-major-label{fill:#e8eaed;font-size:18px;font-weight:650}.cof-sig-label{fill:#c5cad3;font-size:13px;font-weight:600}.cof-acc-label{fill:#9aa3b2;font-size:9px;letter-spacing:.02em}.cof-minor-label{fill:#e8eaed;font-size:13px;font-weight:600}.cof-major-label.compact{font-size:14px}.cof-minor-label.compact{font-size:11px}.cof-slot.selected .cof-major-label,.cof-slot.selected .cof-sig-label,.cof-slot.selected .cof-acc-label,.cof-slot.selected .cof-minor-label{fill:#fff}.cof-hub{fill:#161a21;stroke:#343b48;stroke-width:2}.cof-hub-tonic{fill:#e8eaed;font-size:28px;font-weight:650}.cof-hub-mode{fill:#9aa3b2;font-size:14px;letter-spacing:.06em}.cof-hub-title{fill:#e8eaed;font-size:18px;font-weight:650}.cof-hub-subtitle{fill:#9aa3b2;font-size:13px}.key-picker-backdrop{z-index:50;align-items:center;padding:1.5rem}.key-picker-panel{width:auto;max-width:min(40rem,96vw);padding:1rem 1.2rem 1.25rem}.key-picker-panel .circle-of-fifths{width:min(560px,78vmin);margin:0 auto}.key-stage-page{display:flex;flex-direction:column;align-items:center;padding:0 0 2rem}.key-stage-sticky{display:flex;flex-direction:column;align-items:center;width:100%;padding:.75rem 1.25rem .85rem}.key-stage-sticky.has-sticky-below{padding-bottom:.4rem}.key-stage-page h1{margin:0 0 .5rem;font-size:.95rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:#9aa3b2}.key-stage-key-row{display:flex;align-items:center;justify-content:center;gap:.85rem;flex-wrap:wrap}.key-selector-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-width:5.5rem;margin:.25rem 0 .5rem;padding:.65rem .85rem .55rem;border:1px solid #4a5363;border-radius:8px;background:#2a303b;color:#e8eaed;font:inherit;cursor:pointer}.key-selector-btn:hover{background:#353c4a}.key-selector-label{min-height:1.1em;color:#c5cad3;font-size:.85rem;font-weight:600;letter-spacing:.02em;text-align:center;line-height:1.1}.key-stage-sticky-piano{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:.35rem}.key-stage-title{margin:0 0 .85rem;font-size:1.65rem;font-weight:650;letter-spacing:.02em;text-align:center}.piano-block{display:flex;flex-direction:column;align-items:flex-start}.key-stage-piano-row{display:flex;align-items:flex-end;justify-content:center;gap:.65rem;flex-wrap:wrap}.key-stage-play-error{margin:.4rem 0 0;color:#ff8a80;font-size:.9rem;text-align:center}.key-stage-scroll{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 1.25rem}.progressions-key-chords-toggle{margin:.65rem 0 0;padding:0;border:none;background:none;color:#7ec4ff;font:inherit;font-size:.9rem;text-decoration:underline;text-underline-offset:.15em;cursor:pointer}.progressions-key-chords-toggle:hover{color:#a8d8ff}.progressions-list{display:flex;flex-direction:column;gap:1.15rem;width:min(960px,100%);margin-top:1.1rem}.progression-card{display:flex;flex-direction:column;align-items:center;gap:.25rem}.progression-name{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:.02em;text-align:center}.progression-songs{margin:0 0 .35rem;max-width:52rem;color:#9aa3b2;font-size:.8rem;line-height:1.35;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progression-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.4rem}.progression-play{min-width:3.4rem;padding:.35rem .7rem;border:1px solid #6cb6ff;border-radius:6px;background:#24384a;color:#d7ecff;font:inherit;font-size:.8rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.progression-play:hover{background:#2c4a63}.progression-play.playing{background:#3d7ea6;color:#fff}.scale-chords{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:min(960px,100%);margin-top:1.35rem}.scale-chords-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}.scale-chords-heading{margin:0;font-size:.8rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#9aa3b2}.scale-chords-all{display:inline-flex;align-items:center;gap:.35rem;color:#e8eaed;font-size:.85rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.scale-chords-all input{margin:0;accent-color:#3d7ea6;cursor:pointer}.scale-chords-rows,.scale-chords-degrees{display:flex;flex-direction:column;align-items:center;gap:.45rem;width:100%}.scale-chords-degree{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%}.scale-chords-degree-heading{display:flex;align-items:baseline;gap:.45rem;margin:.35rem 0 0;font-size:.78rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#9aa3b2}.scale-chords-degree-root{color:#e8eaed;letter-spacing:.02em;text-transform:none;font-size:.9rem}.scale-chords-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.scale-type{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.scale-type-label{color:#9aa3b2;font-size:.75rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.scale-type-select{appearance:none;-webkit-appearance:none;min-width:13.5rem;padding:.45rem 1.7rem .45rem .65rem;border:1px solid #4a5363;border-radius:6px;background-color:#2a303b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23e8eaed' d='M1.2 1.5L6 6.3l4.8-4.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;background-size:.7rem;color:#e8eaed;font:inherit;font-size:.9rem;cursor:pointer}.scale-type-select option{background-color:#2a303b;color:#e8eaed}.scale-type-select:hover:not(:disabled),.scale-type-select:focus:not(:disabled){background-color:#353c4a;outline:none;border-color:#6cb6ff}.scale-type-select:disabled{opacity:.5;cursor:not-allowed}.scales-notes{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem;width:min(960px,100%);margin:.4rem auto 0}.scales-copy-wrap{position:relative;display:inline-flex;align-items:center}.scales-copy-toast{position:absolute;left:calc(100% + .55rem);top:50%;transform:translateY(-50%);z-index:5;pointer-events:none;white-space:nowrap}.scales-copy-toast .copy-status-slot{margin:0;min-height:0}.scales-note-list{margin:0;color:#e8eaed;font-size:1.15rem;font-weight:600;letter-spacing:.02em}.scales-play{padding:.4rem .75rem;border:1px solid #4a5363;border-radius:6px;background:#2a303b;color:#e8eaed;font:inherit;font-size:.9rem;cursor:pointer}.scales-play:hover{background:#353c4a}.scales-play.playing{background:#3d7ea6;border-color:#6cb6ff}.scales-modes{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:min(960px,100%);margin-top:1.35rem}.scales-modes-heading{margin:0;font-size:.8rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#9aa3b2}.scales-modes-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}.scales-mode-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:6.5rem;padding:.45rem .65rem;border:1px solid #4a5363;border-radius:6px;background:#2a303b;color:#e8eaed;font:inherit;cursor:pointer}.scales-mode-btn:hover{background:#353c4a}.scales-mode-btn.selected{background:#3d7ea6;border-color:#6cb6ff;color:#fff}.scales-mode-name{font-size:.9rem;font-weight:650}.scales-mode-degree{font-size:.72rem;color:#9aa3b2;letter-spacing:.04em;text-transform:uppercase}.scales-mode-btn.selected .scales-mode-degree{color:#d7eaf8}:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e8eaed;background:#14171c;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--nav-height: 2.75rem}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:960px}.app{min-height:100vh}.page-sticky{position:sticky;top:var(--nav-height);z-index:10;background:#1c2028;border-bottom:1px solid #343b48;box-shadow:0 8px 20px #00000040}