/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:Arial,Helvetica,sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-100{height:calc(var(--spacing) * 100)}.h-101{height:calc(var(--spacing) * 101)}.h-102{height:calc(var(--spacing) * 102)}.h-103{height:calc(var(--spacing) * 103)}.h-104{height:calc(var(--spacing) * 104)}.h-105{height:calc(var(--spacing) * 105)}.h-106{height:calc(var(--spacing) * 106)}.h-107{height:calc(var(--spacing) * 107)}.h-108{height:calc(var(--spacing) * 108)}.h-109{height:calc(var(--spacing) * 109)}.h-110{height:calc(var(--spacing) * 110)}.h-111{height:calc(var(--spacing) * 111)}.h-112{height:calc(var(--spacing) * 112)}.h-113{height:calc(var(--spacing) * 113)}.h-114{height:calc(var(--spacing) * 114)}.h-115{height:calc(var(--spacing) * 115)}.h-116{height:calc(var(--spacing) * 116)}.h-117{height:calc(var(--spacing) * 117)}.h-118{height:calc(var(--spacing) * 118)}.h-119{height:calc(var(--spacing) * 119)}.h-120{height:calc(var(--spacing) * 120)}.h-121{height:calc(var(--spacing) * 121)}.h-122{height:calc(var(--spacing) * 122)}.h-123{height:calc(var(--spacing) * 123)}.h-124{height:calc(var(--spacing) * 124)}.h-125{height:calc(var(--spacing) * 125)}.h-126{height:calc(var(--spacing) * 126)}.h-127{height:calc(var(--spacing) * 127)}.h-128{height:calc(var(--spacing) * 128)}.h-129{height:calc(var(--spacing) * 129)}.h-130{height:calc(var(--spacing) * 130)}.h-131{height:calc(var(--spacing) * 131)}.h-132{height:calc(var(--spacing) * 132)}.h-133{height:calc(var(--spacing) * 133)}.h-134{height:calc(var(--spacing) * 134)}.h-135{height:calc(var(--spacing) * 135)}.h-136{height:calc(var(--spacing) * 136)}.h-137{height:calc(var(--spacing) * 137)}.h-138{height:calc(var(--spacing) * 138)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.lowercase{text-transform:lowercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{color-scheme:dark;--background:#121415;--surface:#1b1e20;--foreground:#f1f1ed;--muted:#a2a8a8;--accent:#92d4c3;--border:#2b3031}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px}button,input,select{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}a{text-decoration:none}a,button,input,select{outline-offset:5px}:focus-visible{outline:2px solid var(--accent)}button{color:inherit}.skip-link{background:var(--accent);color:#10221d;z-index:50;border-radius:8px;padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.sidebar{background:#0d0f10;border-right:1px solid #242829;flex-direction:column;width:246px;padding:34px 20px 24px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:10px;font-size:21px;font-weight:700;display:inline-flex}.sidebar>.brand{margin-left:10px}.brand-icon{background:var(--accent);color:#173d34;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.brand-dot{color:var(--accent)}.sidebar-content{margin-top:44px}.library-nav{align-items:center;gap:13px;padding:12px 15px;font-size:15px;font-weight:600;display:flex}.nav-heading{color:#737b7a;letter-spacing:1.7px;margin:34px 15px 14px;font-size:12px;font-weight:700}.sidebar-footer{align-items:center;gap:12px;margin-top:auto;padding:40px 10px 0;display:flex}.instrument-icon{border:1px solid var(--border);width:40px;height:40px;color:var(--muted);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.sidebar-footer span:not(.instrument-icon){font-size:14px;font-weight:600}.sidebar-footer small{color:#808887;margin-top:5px;font-size:12px;line-height:1.5;display:block}.workspace{margin-left:246px}.topbar{border-bottom:1px solid #242829;justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:20px 44px;display:flex}.desktop-breadcrumb{color:#b8bfbd;font-size:14px}.desktop-breadcrumb span{color:#5c6663;margin:0 15px}.personal-label{letter-spacing:1.4px;color:#828d89;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:inline-flex}.personal-label>span{background:var(--accent);border-radius:50%;width:5px;height:5px}.mobile-brand{display:none}.library-main{max-width:1510px;margin:0 auto;padding:48px 44px 26px}.eyebrow{letter-spacing:2px;color:var(--accent);align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.library-heading h1{letter-spacing:-1.8px;margin:16px 0 12px;font-size:clamp(32px,3.4vw,48px);font-weight:700;line-height:1.15}.library-heading h1>span{color:var(--accent)}.library-heading>p{color:var(--muted);margin:0;font-size:16px;line-height:1.6}.library-heading{margin-bottom:32px}.results-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px;display:flex}.results-heading h2{letter-spacing:-.5px;margin:0;font-size:21px;font-weight:600}.results-heading>span{color:#8f9995;font-size:13px}.songs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.song-card{background:var(--surface);border:1px solid #2a2e30;border-radius:13px;flex-direction:column;min-width:0;min-height:256px;padding:24px;transition:background .18s,border-color .18s,transform .18s;display:flex}.song-card:hover{background:#222729;border-color:#52625c;transform:translateY(-3px)}.card-top{align-items:center;gap:10px;margin-bottom:27px;display:flex}.song-art{width:46px;height:46px;color:var(--accent);background:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.song-art{background:color-mix(in srgb,var(--accent) 12%,transparent)}}.card-format{color:var(--accent);font-size:12px;font-weight:500;line-height:1.5}.card-arrow{color:#626d69;flex-shrink:0;margin-left:auto}.song-card:hover .card-arrow{color:var(--accent)}.song-card h3{letter-spacing:-.65px;overflow-wrap:anywhere;margin:0 0 10px;font-size:21px;font-weight:600;line-height:1.3}.song-card>p{color:#a2aba8;margin:0 0 23px;font-size:14px;line-height:1.7}.library-footer{color:#747e7a;text-align:center;padding:32px 0 8px;font-size:12px}.empty-state{text-align:center;min-height:260px;color:var(--muted);border:1px dashed #36413c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex}.empty-state h3{color:var(--foreground);margin:17px 0 5px;font-size:23px;font-weight:600}.empty-state p{line-height:1.7}.text-button{min-height:44px;color:var(--accent);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;font-size:14px;display:inline-flex}.loading-state{color:var(--muted);padding:60px}.reader-topbar{max-width:1400px;margin:0 auto}.reader-instrument{color:var(--muted);align-items:center;gap:9px;font-size:14px;display:flex}.reader-main{max-width:880px;margin:0 auto;padding:34px 40px 0;position:relative}.back-link{min-height:44px;color:var(--muted);align-items:center;gap:9px;font-size:14px;display:inline-flex}.back-link:hover{color:var(--accent)}.song-heading{border-bottom:1px solid var(--border);padding:38px 0 32px}.song-heading h1{letter-spacing:-1.8px;overflow-wrap:anywhere;margin:18px 0 16px;font-size:clamp(34px,4.5vw,52px);font-weight:700;line-height:1.12}.song-heading>p{color:var(--muted);margin:0 0 22px;font-size:18px;line-height:1.75}.not-found{text-align:center;max-width:680px;color:var(--muted);margin:10vh auto;padding:30px}.not-found>svg{color:var(--accent);margin:0 auto 25px}.not-found .eyebrow{justify-content:center}.not-found h1{color:var(--foreground);margin:20px 0;font-size:34px;font-weight:700;line-height:1.3}.not-found>p{margin-bottom:15px}@media (min-width:1600px){.songs-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1199px){.songs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-main{padding:36px 30px 24px}.topbar{padding-inline:30px}}@media (max-width:1023px){.sidebar{display:none}.workspace{margin-left:0}.mobile-brand{display:block}.desktop-breadcrumb{display:none}.library-heading h1{font-size:42px}.library-main{max-width:940px}}@media (max-width:599px){.topbar{min-height:78px;padding:18px 22px}.personal-label{display:none}.library-main{padding:34px 22px 20px}.library-heading h1{letter-spacing:-1.3px;font-size:34px}.library-heading>p{font-size:15px}.library-heading{margin-bottom:26px}.songs-grid{grid-template-columns:minmax(0,1fr);gap:14px}.song-card{min-height:240px;padding:22px}.card-top{margin-bottom:22px}.reader-main{padding:22px 22px 0}.reader-instrument{display:none}.song-heading{padding-top:26px}.song-heading>p{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}.song-card:hover{transform:none}}.library-nav[aria-current]{color:#a9e1d2;background:#1c302b;border-radius:8px}.song-nav a{min-height:46px;color:var(--muted);border-radius:8px;align-items:center;gap:12px;padding:10px 15px;font-size:14px;display:flex}.song-nav a:hover{color:var(--foreground);background:#1b2020}.song-nav svg{flex-shrink:0}.song-card{min-height:238px}.songs-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.card-bottom{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:auto;padding-top:25px;font-size:12px;display:flex}.card-bottom>span:last-child{color:var(--accent)}.song-card h3{font-size:26px}.song-card>p{margin-bottom:0}.reader-main{max-width:1000px;padding-bottom:65px}.song-heading{margin-bottom:32px}.song-heading-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.song-download-menu>.song-download{justify-content:center;width:48px;min-height:48px;padding:0}.song-download-menu{position:absolute;top:34px;right:40px}#song-customize-slot:empty{display:none}#song-customize-slot>button{min-height:48px}@media (max-width:600px){.song-download-menu{right:22px}}.song-download-options{z-index:50;border:1px solid var(--border);background:#171f1b;border-radius:9px;width:220px;max-width:calc(100vw - 40px);padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0005}.song-download-options>button{background:0 0;border:0;justify-content:flex-start;width:100%;min-height:44px}.song-download-options>button:hover{background:#29372f}.song-key{border:1px solid var(--border);color:var(--muted);border-radius:7px;align-items:center;gap:14px;padding:8px 14px;font-size:14px;display:inline-flex}.song-key strong{color:var(--accent)}.song-key-selector{background:#202824;min-height:48px;padding:0;position:relative}.song-key-selector>span:not(.app-dropdown){pointer-events:none;position:absolute;left:14px}.song-key-selector .song-key-trigger{appearance:none;border-radius:inherit;min-width:136px;min-height:48px;color:var(--accent);background:0 0;border:0;padding:10px 40px 10px 54px;font-size:16px;font-weight:600}.song-key-selector option{color:var(--foreground);background:#202824}.song-key-selector>svg{pointer-events:none;color:var(--accent);position:absolute;right:14px}.sheet-empty{text-align:center;color:var(--muted);border:1px dashed #394940;border-radius:12px;padding:48px 25px}.sheet-empty>svg{color:var(--accent);margin:0 auto 20px}.sheet-empty h2{color:var(--foreground);margin-bottom:12px;font-size:22px;font-weight:600}.sheet-empty p{font-size:15px;line-height:1.7}.song-sheet{border:1px solid var(--border);background:#191d1c;border-radius:14px;padding:35px}.sheet-section+.sheet-section{margin-top:38px}.sheet-section h2{color:var(--accent);text-transform:uppercase;letter-spacing:1.3px;margin:0 0 20px;font-size:14px;font-weight:600}.sheet-line{flex-wrap:wrap;align-items:flex-start;row-gap:12px;margin:0 0 18px;font-size:18px;line-height:1.75;display:flex}.chord-phrase{flex-direction:column;min-width:0;max-width:100%;display:inline-flex}.chord{min-height:1.75em;color:var(--accent);padding-right:.45em;font-size:16px;font-weight:700;display:block}.melody-note{white-space:nowrap}.melody-octave-guide{color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:0 0 24px;font-size:13px;display:flex}.melody-octave-offset{vertical-align:baseline;margin-left:.08em;font-size:.8em;line-height:0;position:relative;top:-.4em}.melody-note:has(.octave-higher),.octave-higher{color:#8ce99a}.melody-note:has(.octave-lower),.octave-lower{color:#ff9292}.rhythm-sheet{min-width:0;margin-block:12px 28px;container-type:inline-size}.rhythm-phrase-heading,.rhythm-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.rhythm-toolbar{font-size:13px}.rhythm-toolbar select{color:inherit;background:#1d2923;border:1px solid #50645a;border-radius:6px;padding:8px}.rhythm-phrase-heading button,.rhythm-toolbar button{justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 12px;display:inline-flex}.rhythm-help{color:#aebdb5;margin-block:12px;font-size:13px;line-height:1.6}.rhythm-phrase{margin-top:24px}.rhythm-phrase-heading h3{margin:0;font-size:15px}.rhythm-lyrics{white-space:pre-wrap;line-height:1.6}.rhythm-measure{border:1px solid #486254;border-left:3px solid #93d3c2;border-radius:8px;margin-top:12px;padding:12px}.rhythm-measure-label{color:#a9c6b9;margin-bottom:10px;font-size:12px}.rhythm-beats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@container (max-width:650px){.rhythm-beats{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:350px){.rhythm-beats{grid-template-columns:minmax(0,1fr)}}.rhythm-beat{border:1px solid #354c40;border-radius:4px;min-width:0;padding:4px}.rhythm-counts,.rhythm-events{gap:1px;display:grid}.rhythm-counts span{color:#bec9c3;text-align:left;padding:4px 0;font-size:12px}.rhythm-events{min-height:42px}.rhythm-event{white-space:nowrap;background:#294437;border-left:2px solid #93d3c2;min-width:0;padding:10px 1px;font-size:14px;font-weight:600}.rhythm-rest{color:#d0d4d1;background:repeating-linear-gradient(135deg,#25312b,#25312b 3px,#1b251f 3px 6px);border-color:#8d9992;font-size:11px}.rhythm-hold{color:#c4ded1}.rhythm-details{color:#aebdb5;overflow-wrap:anywhere;margin-top:12px;font-size:12px;line-height:1.8}.rhythm-details summary{cursor:pointer;min-height:30px}.rhythm-details ul{padding-left:18px}.rhythm-beat.is-playing{border-color:#e9d789}.rhythm-counts .is-current-count{color:#fff2b9;font-weight:800;text-decoration:underline}.rhythm-event.is-current-note{outline-offset:-2px;background-color:#47533a;outline:2px solid #e9d789}.rhythm-unavailable{border-left:2px solid #667c70;padding-left:12px}.lyric{white-space:pre-wrap;overflow-wrap:anywhere}.lyrics-line{margin-bottom:4px}.sheet-break{height:20px}.arrange-primary,.arrange-secondary{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 15px;font-size:14px;font-weight:600;display:inline-flex}.arrange-secondary{color:#d1dbd5;background:#202824;border:1px solid #3c4842}.arrange-secondary:hover:not(:disabled){background:#2b3931;border-color:#728f7e}.arrange-primary{border:1px solid var(--accent);background:var(--accent);color:#15382d}.arrange-primary:hover:not(:disabled){background:#b6e7d8}.arrangement button:disabled{opacity:.4;cursor:not-allowed}.arrangement-modal{width:min(640px,100% - 40px);max-width:none;max-height:calc(100dvh - 48px);color:var(--foreground);background:#161b19;border:1px solid #3a4841;border-radius:18px;margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 30px 120px #000b}.arrangement-modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070a09c9}.arrangement-editor{flex-direction:column;max-height:calc(100dvh - 50px);display:flex}.editor-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px;display:flex}.editor-song-title{color:var(--accent);margin:0 0 6px;font-size:12px;font-weight:600}.editor-header h2{letter-spacing:-.8px;font-size:24px;font-weight:700;line-height:1.2}.editor-header #arrangement-description{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.5}.editor-icon-button{color:#b9c7c0;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.editor-icon-button:hover:not(:disabled){color:var(--accent);background:#2b3b32}.editor-content{overscroll-behavior:contain;min-height:0;padding:16px 20px;overflow-y:auto}.editor-columns{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}.editor-columns h3{font-size:16px;font-weight:600}.editor-hint{color:var(--muted);margin:8px 0 18px;font-size:13px;line-height:1.6}.section-library-list{flex-direction:column;gap:10px;display:flex}.section-option{background:#1d2521;border:1px solid #354039;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:16px;min-width:0;padding:12px 16px;display:grid;position:relative}.section-card-select{border-radius:inherit;background:0 0;border:1px solid #0000;width:100%;height:100%;position:absolute;inset:0}.section-card-select:hover:not(:disabled){border-color:var(--accent);background:#92d4c30d}.section-card-select:active:not(:disabled){background:#92d4c31a}.section-card-select:disabled{cursor:not-allowed}.section-details{min-width:0;margin-top:8px}.section-details summary{cursor:pointer;color:#a3bdb0;border-radius:4px;align-content:center;width:fit-content;min-height:44px;font-size:12px}.section-details summary:hover{color:var(--accent)}.section-details .song-sheet{background:0 0;border:0;border-radius:0;padding:14px 0 0}.section-details .sheet-line{margin-bottom:12px;font-size:14px}.section-details .chord{font-size:13px}.structure-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.structure-badge{color:var(--accent);background:#24372b;border:1px solid #3e584a;border-radius:20px;padding:4px 9px;font-size:11px}.structure-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.arrangement-editor:has(.add-section-card[open])>.editor-footer,.arrangement-editor:has(.add-section-card[open])>.editor-header,.structure-panel:has(>.add-section-card[open])>.performance-settings,.structure-panel:has(>.add-section-card[open])>.structure-heading,.structure-panel:has(>.add-section-card[open])>.structure-list{display:none}.structure-item{background:#1e2822;border:1px solid #3b4b41;border-radius:10px;min-width:0;padding:6px 8px;position:relative}.section-position{min-width:28px;height:28px;color:var(--accent);background:#2e4135;border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.section-controls{flex-shrink:0;display:flex;position:absolute;top:6px;right:8px}.section-controls .section-remove:hover:not(:disabled){color:#f0bdb0;background:#4a302b}.add-section-card{margin-top:10px}.add-section-card[open]{flex-direction:column;margin-top:0;display:flex}.add-section-card>summary{min-height:48px;color:var(--accent);cursor:pointer;background:#19231d;border:1px dashed #4a6052;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:15px;font-weight:600;list-style:none;display:flex}.add-section-card>summary::-webkit-details-marker{display:none}.add-section-card[open] .picker-cancel-label,.picker-open-label{align-items:center;gap:10px;display:inline-flex}.add-section-card[open] .picker-open-label,.picker-cancel-label{display:none}.add-section-card>summary:hover{background:#24362a}.add-section-card>summary[aria-disabled=true]{opacity:.4;cursor:not-allowed}.add-section-card[open]>summary{order:2;margin-top:10px}.section-picker{padding:0}.editor-footer{border-top:1px solid var(--border);background:#1b221e;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.editor-save-actions{align-items:center;gap:10px;display:flex}.draft-status{color:var(--muted);margin-right:6px;font-size:12px}.arrangement-error{color:#f0bdb0;background:#352623;border:1px solid #725044;padding:14px 18px}.arrangement-error,.editor-notice{border-radius:8px;margin-bottom:18px;font-size:14px;line-height:1.6}.editor-notice{color:var(--accent);background:#24372b;padding:12px 15px}@media (max-width:850px){.draft-status{display:none}.editor-columns{grid-template-columns:minmax(0,1fr);gap:16px}}@media (max-width:639px){.arrangement-modal{border-radius:12px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.arrangement-editor{max-height:calc(100dvh - 18px)}.editor-header{gap:10px;padding:16px 12px}.editor-content{padding:12px}.editor-columns{grid-template-columns:minmax(0,1fr);gap:24px}.editor-footer{gap:8px;padding:12px}.editor-save-actions>button{flex:1}.arrange-primary,.arrange-secondary{padding-inline:10px}}@media (max-width:599px){.song-sheet{padding:22px 18px}.sheet-line{font-size:16px}.chord{font-size:15px}}.storage-hint{color:var(--muted);font-size:12px}.editor-save-actions{flex-wrap:wrap;justify-content:flex-end}@media (max-width:639px){.editor-save-actions .storage-hint{width:100%}}.info-toast{z-index:100;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));color:#e3f0e9;background:#21362c;border:1px solid #537767;border-radius:14px;gap:10px;width:min(440px,100vw - 32px);padding:12px 12px 12px 18px;animation:toast-appear .16s ease-out;position:fixed;box-shadow:0 12px 45px #0008}.info-toast,.info-toast-message{align-items:flex-start;display:flex}.info-toast-message{flex:1;gap:12px;min-width:0;padding:10px 0}.info-toast-message>svg{color:var(--accent);flex-shrink:0;margin-top:1px}.info-toast p{overflow-wrap:anywhere;font-size:14px;line-height:1.6}.info-toast .editor-icon-button{color:#c2d7ca}.arrangement-modal .info-toast{bottom:112px}@keyframes toast-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:599px){.info-toast{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}.arrangement-modal .info-toast{bottom:190px}}@media (prefers-reduced-motion:reduce){.info-toast{animation:none}}.sheet-view-empty{color:var(--muted);font-size:14px;line-height:1.7}.arrangement-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.arrangement-toolbar>.arrange-secondary{width:100%;min-width:0;height:48px;padding:0 12px}.arrangement-toolbar>.instrument-select{padding:0;display:block;position:relative}.instrument-select select{appearance:none;border-radius:inherit;color:#0000;text-align:center;text-align-last:center;background:0 0;border:0;width:100%;height:100%;padding:0 36px;font-size:14px;font-weight:600}.instrument-select option{color:var(--foreground);background:#202824}.instrument-select>svg{color:var(--accent);pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.instrument-selected-value{pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 32px 0 12px;display:flex;position:absolute;inset:0}.instrument-selected-value>svg{flex-shrink:0}.instrument-selected-value>span{white-space:normal;text-align:center;min-width:0;line-height:1.2}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app-shell{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.arrangement-modal{max-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right))}.arrangement-editor{max-height:calc(100dvh - 50px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}@media (max-width:639px){.arrangement-modal{max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.arrangement-editor{max-height:calc(100dvh - 18px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.instrument-select select{font-size:16px}}.song-credits{border-top:1px solid var(--border);text-align:center;margin-top:40px;padding:20px 0}.credits-trigger{min-height:44px;color:var(--muted);text-underline-offset:4px;background:0 0;border:0;border-radius:8px;padding:10px 18px;text-decoration:underline}.credits-trigger:hover{color:var(--accent)}.credits-dialog{border:1px solid var(--border);background:var(--surface);width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--foreground);text-align:left;border-radius:18px;margin:auto;padding:24px;overflow-y:auto}.credits-dialog::backdrop{background:#000000b3}.credits-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.credits-header h2{letter-spacing:-.5px;margin:0;font-size:22px}.credits-list{margin:12px 0 0;padding:0;list-style:none}.credits-list li{border-bottom:1px solid var(--border);padding:18px 0}.credits-list li:last-child{border:0;padding-bottom:0}.credits-list a,.credits-list h3{margin:0;font-size:16px;font-weight:600}.credits-list a{min-height:44px;color:var(--accent);text-underline-offset:4px;align-items:center;gap:8px;text-decoration:underline;display:inline-flex}.credits-list p{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:14px;line-height:1.6}.structure-details{margin:0}.structure-details>summary{width:calc(100% - 180px);min-height:44px;color:var(--foreground);align-items:center;gap:8px;padding:4px 0;list-style:none;display:flex}.structure-details>summary::-webkit-details-marker{display:none}.section-label{overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:600}.section-chevron{color:var(--muted);flex-shrink:0;transition:transform .15s}.structure-details[open] .section-chevron{transform:rotate(180deg)}.structure-details .song-sheet{border-top:1px solid var(--border);margin-top:8px;padding:12px 8px 0}@media (max-width:380px){.structure-details .section-position{display:none}}.picker-section-content{grid-area:1/1;margin:0}.picker-section-title{background:var(--accent);writing-mode:vertical-rl;text-orientation:mixed;text-align:center;color:#102b23;letter-spacing:1.5px;text-transform:uppercase;overflow-wrap:anywhere;border-radius:0 9px 9px 0;grid-area:1/2;justify-content:center;align-items:center;min-width:44px;margin:-12px -16px -12px 0;padding:14px 10px;font-size:13px;font-weight:800;display:flex}.picker-section-content .song-sheet{padding:0}.picker-section-content .sheet-line{margin-bottom:8px;line-height:1.6}.custom-section-trigger{width:100%;min-height:48px;color:var(--accent);background:#19231d;border:1px dashed #4a6052;border-radius:10px;margin-top:10px;padding:10px;font-size:15px;font-weight:600;display:block}.custom-section-trigger:hover:not(:disabled){background:#24362a}.custom-section-form{background:#1d2521;border:1px solid #354039;border-radius:10px;gap:10px;padding:20px;display:grid}.custom-section-form h3{margin:0 0 8px}.custom-section-form label{font-size:14px;font-weight:600}.custom-section-form input,.custom-section-form textarea{background:var(--background);width:100%;min-width:0;color:var(--foreground);font:inherit;border:1px solid #4a6052;border-radius:8px;padding:12px;font-size:16px}.custom-section-form textarea{resize:vertical}.custom-section-form p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.custom-section-form .custom-section-error{color:#f0bdb0}.performance-sheet{background:var(--surface,#17201b);border:1px solid #303e35;border-radius:14px;padding:clamp(18px,4vw,34px)}.performance-meta{color:#aebdb5;flex-wrap:wrap;gap:12px 24px;font-size:13px;display:flex}.performance-meta strong{color:#edf2ef;margin-left:4px}.performance-structure{flex-wrap:wrap;gap:8px;margin:20px 0 12px;display:flex}.performance-structure a{color:#c4dbcf;border:1px solid #3c5145;border-radius:6px;align-items:center;gap:6px;min-height:38px;padding:5px 9px;font-size:12px;text-decoration:none;display:inline-flex}.performance-structure a:hover{background:#2b4435}.performance-position{color:#98b5a6;font-size:11px}.performance-hint,.performance-instrumental{color:#aebdb5;font-size:13px;line-height:1.6}.performance-section{border-top:1px solid #35463b;margin-top:24px;padding-top:24px;scroll-margin-top:24px}.performance-section>h2{color:#96d4c2;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;font-size:15px;font-weight:650;display:flex}.performance-repeat{border:1px solid #52705e;border-radius:12px;padding:2px 8px;font-size:12px}.performance-cue{white-space:pre-wrap;overflow-wrap:anywhere;color:#ebdb9a;background:#282b20;border-left:3px solid #c6b469;margin:0 0 18px;padding:8px 12px;font-size:14px;line-height:1.5}.performance-section .song-sheet{background:0 0;border:0;border-radius:0;padding:0}.performance-section .sheet-section{margin:0}.performance-settings{border:1px solid #3b4b41;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.performance-settings summary{cursor:pointer;align-content:center;min-height:28px}.performance-settings p{color:#aebdb5;margin-top:10px;line-height:1.5}.performance-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.performance-cue-editor,.performance-fields label{color:#b7cdbf;flex-direction:column;gap:6px;font-size:12px;display:flex}.performance-cue-editor textarea,.performance-fields input{color:#edf2ef;width:100%;min-width:0;font:inherit;background:#15201a;border:1px solid #53645b;border-radius:6px;padding:10px}.performance-cue-editor{margin-top:12px}.performance-cue-editor textarea{resize:vertical}.performance-cue-badge{color:#ebdb9a;border:1px solid #77704b;border-radius:6px;padding:1px 5px;font-size:10px}.vocal-note-summary{flex-wrap:wrap;gap:14px 32px;margin:22px 0 16px;display:flex}.vocal-note-summary dt{color:#afc2b6;margin-bottom:6px;font-size:12px}.vocal-note-summary dd{color:#a5deca;margin:0;font-size:22px;font-weight:650}.vocal-pitch-control button{align-items:center;gap:8px;min-height:44px;padding:12px 14px;display:inline-flex}.vocal-overview .performance-hint{max-width:640px;margin-top:14px}.vocal-pitch-control p{color:#efb5a8;margin-top:10px;font-size:13px}.practice-source-tabs{gap:.5rem;margin:1rem 0;display:flex}.practice-source-tabs button{flex:1;justify-content:center}.practice-source-tabs button[aria-pressed=true]{border-color:var(--accent,#93d2c4);color:var(--accent,#93d2c4)}.piano-score{background:#171e1b;border:1px solid #303b36;border-radius:14px;padding:clamp(14px,3vw,30px)}.piano-score h2{font-size:1.3rem;font-weight:700}.piano-score-description{color:#acb6b0;margin:.5rem 0 1rem}.piano-score-pagination{justify-content:space-between;align-items:center;gap:.4rem;margin:1.25rem 0;display:flex}.piano-score select{background:#202c26;border:1px solid #415349;border-radius:6px;max-width:100%;padding:.55rem .3rem}.piano-score-pagination label{min-width:0}.piano-score-pagination button{padding:.6rem}.piano-measure{border:1px solid #3c4b43;border-radius:10px;margin-top:1rem;padding:.75rem}.piano-measure h3{font-weight:700}.piano-directions,.piano-measure-meta{color:#abbcb2;margin:.5rem 0;font-size:.85rem}.piano-count-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.9rem}.piano-count-table td,.piano-count-table th{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-top:1px solid #334239;padding:.6rem .2rem}.piano-count-table th:first-child,.piano-count-table th:last-child{width:17%}.piano-count-table thead{color:#acb6b0;font-size:.72rem}.piano-count-table tr.is-playing{background:#304e41;outline:1px solid #93d2c4}.piano-simultaneous{flex-wrap:wrap;gap:.2rem .4rem;display:flex}.piano-simultaneous>span{white-space:nowrap}.piano-rest{color:#98a69e;font-size:.8rem}.arrangement-toolbar>.instrument-select:only-child{grid-column:1/-1}.vocal-score input{background:#202c26;border:1px solid #415349;border-radius:6px;width:5.5rem;padding:.5rem}.vocal-score-note+.vocal-score-note{margin-top:.6rem}.vocal-score-note small{color:#b7c5bd;font-size:.65rem}.vocal-score-lyric{color:#e3e9e5;margin-top:.15rem;font-size:.85rem;display:block}.vocal-score .piano-score-pagination>select{min-width:0}.practice-source-tabs{flex-wrap:wrap}.practice-source-tabs button{min-width:9rem}.master-metadata{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.master-metadata input{background:#202c26;border:1px solid #415349;border-radius:6px;width:6rem;margin-left:.5rem;padding:.5rem}.master-view-select select{text-align:center;background:0 0;width:100%;height:100%}.master-view-select option{color:var(--foreground);background:#202824}.reference-count-toggle{cursor:pointer;align-items:center;gap:.6rem;width:fit-content;min-height:44px;font-size:.9rem;display:flex}.reference-count-toggle input{width:17px;height:17px;accent-color:var(--accent)}.reference-guide{color:#a8b7ae;margin-bottom:1.5rem;font-size:.8rem;line-height:1.8}.reference-voice{color:#a8b7ae;margin-top:-.75rem;margin-bottom:1rem;font-size:.75rem}.reference-line{flex-wrap:wrap;align-items:flex-end;gap:1.1rem .45em;margin:1.5rem 0;font-size:1.1rem;display:flex}.reference-word{flex-direction:column;max-width:100%;display:inline-flex}.reference-melody{color:#93d2c4;flex-wrap:wrap;align-items:flex-end;gap:.35em;min-height:1.7em;font-size:.95rem;font-weight:600;display:flex}.reference-note{flex-direction:column;align-items:flex-start;line-height:1.7;display:inline-flex}.reference-count{color:#a8b7ae;white-space:nowrap;font-size:.65rem;font-weight:400}.reference-hold,.reference-lyric{line-height:1.7}.reference-missing{color:#a8b7ae}.original-lyrics-section{margin-bottom:2.75rem}.original-lyrics-section:last-child{margin-bottom:0}.original-lyrics-section p{margin:0;font-size:1.1rem;line-height:1.8}.master-source{color:#b3c3ba;margin:1rem 0;font-size:.85rem}.master-source p,.master-source ul{margin:.7rem 0}.master-structure{flex-wrap:wrap;gap:.5rem;padding:1rem 0;display:flex}.master-structure a{color:#93d2c4;border:1px solid #415349;border-radius:6px;padding:.5rem;font-size:.8rem}.master-section{background:#171e1b;border:1px solid #303b36;border-radius:12px;margin:1rem 0;padding:clamp(12px,3vw,25px);scroll-margin-top:24px}.master-section h2{font-size:1.15rem;font-weight:700}.master-section h2 small{color:#a8b7ae;font-size:.8rem;font-weight:400;display:block}.master-cue{color:#93d2c4;border-left:2px solid #93d2c4;margin-top:.8rem;padding:.5rem}.master-chord-grid{border-top:1px solid #415349;border-left:1px solid #415349;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem;display:grid}.master-measure{border-bottom:1px solid #415349;border-right:1px solid #415349;min-width:0;padding:.7rem .65rem .85rem}.master-bar-number{color:#87968c;font-size:.75rem}.master-chords{color:#93d2c4;flex-wrap:wrap;gap:.5rem .85rem;margin-top:.4rem;display:flex}.master-chords>span{min-width:0}.master-chords strong{overflow-wrap:anywhere}.master-chords small{color:#a8b7ae;white-space:nowrap;font-size:.7rem;display:block}@media (max-width:640px){.master-chord-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.master-measure p{margin-top:.5rem}.master-measure p small{color:#a8b7ae;font-size:.7rem}.master-editor{color:#eee;background:#171e1b;border:1px solid #415349;border-radius:14px;width:min(640px,100vw - 24px);max-height:90dvh;margin:auto;padding:20px}.master-editor::backdrop{background:#000b}.master-editor h2{font-size:1.3rem;font-weight:700}.master-editor p{color:#a8b7ae;margin:.5rem 0 1rem;font-size:.85rem}.master-editor-row{border:1px solid #415349;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:.5rem 0;padding:10px;display:grid}.master-editor-row button{padding:.35rem}.master-editor-row button:disabled{opacity:.3}.master-editor-row input{background:#202c26;border:1px solid #415349;border-radius:6px;grid-column:1/-1;width:100%;padding:.5rem}.master-add{align-items:center;gap:.5rem;margin:1rem 0;display:flex}.master-add select{background:#202c26;padding:.5rem}.master-editor footer{background:#171e1b;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:1rem 0;display:flex;position:sticky;bottom:-20px}.master-vocal-summary{flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0;display:flex}.master-flowing-lyrics{background:#171e1b;border:1px solid #303b36;border-radius:14px;margin-top:1rem;padding:clamp(20px,4vw,36px)}.master-lyric-section{margin:0 0 2.75rem;scroll-margin-top:24px}.master-lyric-section:last-child{margin-bottom:0}.master-lyric-section h2,.original-lyrics-section h2{color:#93d2c4;letter-spacing:.09em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.85rem;font-weight:700}.master-lyric-group h3{color:#acbcb2;margin:1rem 0;font-size:.8rem;font-weight:500}.master-lyric-line{margin:.5rem 0;font-size:1.1rem;line-height:1.7}.master-lyric-line.with-chords{flex-wrap:wrap;gap:.1rem .35em;margin:1rem 0;display:flex}.master-lyric-word{flex-direction:column;max-width:100%;display:inline-flex}.master-word-chords{color:#93d2c4;white-space:pre-wrap;font-size:.95rem;font-weight:700;line-height:1.7}.master-vocal-part-controls select{background:#202c26;border:1px solid #415349;border-radius:6px;padding:.5rem}.master-instrumental-chords p{color:#a8b7ae;margin-bottom:.5rem;font-size:.85rem}.master-instrumental-chords strong{color:#93d2c4;white-space:pre-wrap}.melody-practice-panel{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.25rem}.melody-practice-panel>summary{cursor:pointer;color:var(--accent);padding:.75rem 0;font-weight:600}.customize-lyrics{font-size:.9rem;line-height:1.8}.customize-lyrics p{margin:0 0 .4rem}.structure-details>.customize-lyrics{padding:10px 6px}.song-playback-toolbar{grid-template-columns:minmax(0,1fr) auto}.song-player{align-items:center;gap:6px;display:flex;position:relative}.song-play-button,.song-restart-button{cursor:pointer;border-radius:8px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.song-play-button{border:1px solid var(--accent);background:var(--accent);color:#102b23}.song-play-button:hover{background:#b1e5d8}.song-play-button:focus-visible,.song-restart-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.song-restart-button{width:44px;color:var(--accent);background:#202824;border:1px solid #415349}.song-restart-button:hover{background:#304538}.song-player-error{z-index:10;color:#ffb4b4;background:#202824;border:1px solid #5a4444;border-radius:10px;width:260px;max-width:calc(100vw - 48px);margin:0;padding:12px 14px;font-size:.85rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 20px #0006}@media (max-width:600px){.song-playback-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px}.song-playback-toolbar>button.arrange-secondary{padding-inline:8px}.song-playback-toolbar>button.arrange-secondary>svg{display:none}.song-playback-toolbar>.master-view-select{padding-inline:6px}}.master-lyric-word.is-playing,.reference-note.is-playing{background:#304f40;border-radius:4px;outline:2px solid #93d2c4}.original-lyrics-section.is-playing{padding-left:1rem;box-shadow:-3px 0 #93d2c4}.song-tempo{background:#202824;flex-direction:row;align-items:center;gap:10px;width:260px;max-width:100%;margin-top:0;display:inline-flex}.song-tempo-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.song-tempo-track{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:11px;display:flex}.song-tempo input{width:100%;min-width:0;height:24px;accent-color:var(--accent);cursor:pointer;outline-offset:2px;flex:1;margin:0;padding:0}@media (max-width:360px){.song-playback-toolbar{gap:4px}.song-playback-toolbar>.arrange-secondary{padding-inline:4px;font-size:12px}.song-playback-toolbar .song-player{gap:4px}.song-playback-toolbar .song-play-button{width:44px}}.audio-settings-dialog{width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--foreground);background:#171f1b;border:1px solid #415349;border-radius:16px;margin:auto;padding:24px;overflow:auto}.audio-settings-dialog::backdrop{background:#0009}.audio-settings-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.audio-settings-heading h2{margin:0;font-size:1.3rem;font-weight:700}.audio-settings-heading button{padding:8px}.audio-instrument-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.audio-instrument-option{min-height:44px;color:var(--foreground);cursor:pointer;background:#202824;border:1px solid #415349;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:600;display:flex}.audio-instrument-option[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#263e32}.audio-instrument-option:hover{background:#304538}.audio-instrument-option:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (max-width:360px){.audio-settings-dialog{padding:16px}}.piano-style-options{margin-top:24px}.piano-style-options h3{margin-bottom:12px;font-weight:600}.piano-style-option{text-align:left;width:100%;color:var(--foreground);cursor:pointer;background:#202824;border:1px solid #415349;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;display:flex}.piano-style-option small,.piano-style-option strong{display:block}.piano-style-option small{color:var(--muted);margin-top:4px;font-size:.82rem;line-height:1.5}.piano-style-option svg{flex-shrink:0}.piano-style-option[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.piano-style-option:hover{background:#304538}.piano-style-option:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.song-progress{z-index:40;padding:0 12px env(safe-area-inset-bottom);background:#171f1bf5;border-top:1px solid #35473d;position:fixed;inset:auto 0 0}.song-progress input{appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;height:44px;margin:0;padding:0;display:block}.song-progress input::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) var(--song-progress),#35473d var(--song-progress));border-radius:3px;height:6px}.song-progress input::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid #171f1b;border-radius:50%;width:18px;height:18px;margin-top:-6px}.song-progress input::-moz-range-track{background:#35473d;border-radius:3px;height:6px}.song-progress input::-moz-range-progress{background:var(--accent);border-radius:3px;height:6px}.song-progress input::-moz-range-thumb{background:var(--accent);border:2px solid #171f1b;border-radius:50%;width:14px;height:14px}.song-progress input:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}.reader-main:has(.song-progress){padding-bottom:64px}@media print{.song-progress{display:none}}.sheet-seek-target{color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;margin:0;padding:0}.sheet-seek-target:hover{background:#304f40}.sheet-seek-target:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.song-progress-track{position:relative}.song-progress-markers{pointer-events:none;height:28px;position:absolute;top:8px;left:9px;right:9px}.song-progress-markers button{cursor:pointer;pointer-events:auto;background:0 0;border:0;width:12px;height:28px;padding:0;position:absolute;transform:translate(-50%)}.song-progress-markers button:after{content:"";background:#b9cec2;border-radius:1px;width:2px;height:10px;position:absolute;top:9px;left:5px}.song-progress-markers button:hover:after,.song-progress-markers button[aria-current]:after{background:var(--accent);height:14px;top:7px}.song-progress-markers button:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:3px}@media (max-width:600px){.song-heading-actions{gap:8px}.song-heading-actions .song-key-selector .song-key-trigger{min-width:94px;padding:10px 23px 10px 40px}.song-heading-actions .song-key-selector>span:not(.app-dropdown){left:9px}.song-heading-actions .song-key-selector>svg{right:7px}.song-heading-actions .song-tempo{width:210px;padding-inline:9px}#song-customize-slot>button{padding-inline:10px}}#song-visualizer-slot:empty{display:none}.piano-visualizer{border:1px solid var(--border);background:#171f1b;border-radius:12px;margin-bottom:20px;padding:16px}.piano-visualizer header{justify-content:space-between;align-items:center;gap:12px;display:flex}.piano-visualizer h2{margin:0;font-size:16px;font-weight:600}.piano-visualizer-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;display:flex}.piano-visualizer-controls [role=group]{gap:4px;display:flex}.piano-visualizer-controls button{border:1px solid var(--border);min-height:40px;color:var(--muted);cursor:pointer;background:#202824;border-radius:6px;padding:8px 12px}.piano-visualizer-controls button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.piano-active-notes{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.piano-visualizer-canvas{border-radius:5px;overflow-x:auto}.piano-visualizer-canvas>svg{width:100%;min-width:300px;max-height:360px;display:block}.song-restart-button[aria-expanded=true]{border-color:var(--accent);background:#304538}@media (max-width:600px){.piano-visualizer{padding:10px}}@media print{#song-visualizer-slot{display:none}}.guitar-tuning{color:var(--muted);margin:8px 0 18px;font-size:13px}.guitar-panels{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.guitar-part{border:1px solid var(--border);border-radius:8px;min-width:0;padding:14px}.guitar-part h3{color:var(--accent);margin:0 0 10px;font-size:18px}.guitar-part p{color:var(--muted);margin:8px 0 0;font-size:13px}.guitar-chord-diagram,.guitar-melody-board{width:100%;max-height:225px;margin:auto;display:block}.audio-part-options{margin-top:24px}.audio-part-options h3{margin-bottom:12px;font-weight:600}.audio-part-options>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.audio-part-options button{min-height:44px;color:var(--foreground);cursor:pointer;background:#202824;border:1px solid #415349;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.audio-part-options button[aria-checked=true]{color:var(--accent);border-color:var(--accent);background:#263e32}.audio-part-options button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.audio-toggle-track{background:#536259;border-radius:20px;flex-shrink:0;width:34px;padding:3px;display:block}.audio-toggle-track>span{background:#e3eee7;border-radius:50%;width:14px;height:14px;transition:transform .15s;display:block}.audio-part-options [aria-checked=true] .audio-toggle-track{background:var(--accent)}.audio-part-options [aria-checked=true] .audio-toggle-track>span{background:#173c2e;transform:translate(14px)}.audio-part-options>div>button:only-child{grid-column:1/-1}.audio-part-options>.guide-voice-options{grid-template-columns:1fr}.audio-part-options>.guide-import{display:block}.guide-import p{color:var(--muted);margin:.75rem 0;font-size:.85rem;line-height:1.55}.guide-import .arrange-secondary{width:100%;min-height:44px;margin-top:.5rem}.performance-mix{margin:0 0 16px}.performance-mix>div{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.performance-mix button{justify-content:center;font-weight:600}.performance-mix button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#263e32}@media (max-width:420px){.performance-mix button{gap:5px;padding:10px 8px;font-size:13px}}@media print{#visualizer-mix-slot{display:none}}.song-import{margin:20px 0 28px}.song-import-open{align-items:center;gap:8px;display:inline-flex}.song-card-actions{min-width:0;display:flex}.song-card-actions>.song-card{width:100%}.song-context-menu{z-index:1000;border:1px solid var(--border);background:var(--surface);border-radius:12px;width:180px;padding:6px;position:fixed;box-shadow:0 12px 36px #0006}.song-context-menu button{color:#f0a6a6;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.song-context-menu button:focus-visible,.song-context-menu button:hover{background:#f0a6a614;outline:1px solid #f0a6a660}.song-delete-dialog{width:min(420px,100vw - 28px)}.song-delete-dialog h2{margin:0 0 14px;font-size:22px}.song-delete-dialog>p{color:var(--muted);overflow-wrap:anywhere;line-height:1.6}.song-delete-confirm{color:#f0a6a6;font:inherit;cursor:pointer;background:#f0a6a614;border:1px solid #f0a6a660;border-radius:8px;padding:12px 20px;font-weight:600}.song-delete-confirm:disabled{opacity:.5;cursor:wait}.song-import-dialog{width:min(680px,100vw - 28px);max-height:90dvh;overflow:auto}.song-import-dialog>p,.song-import-file small{color:var(--muted);font-size:14px;line-height:1.5}.song-import-fields label,.song-import-file,.song-import-part{gap:8px;margin:16px 0;font-weight:600;display:grid}.song-import-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.song-import-fields input,.song-import-file input,.song-import-part select{border:1px solid var(--border);width:100%;min-width:0;color:var(--foreground);background:var(--surface);font:inherit;border-radius:8px;padding:10px}.song-import-warnings{margin:16px 0;font-size:13px;line-height:1.5}.song-import-warnings ul{max-height:160px;padding-left:20px;overflow:auto}.song-import-warnings li+li{margin-top:6px}.song-import-preview{border:1px solid var(--border);border-radius:10px;max-height:240px;padding:16px;overflow:auto}.song-import-preview section+section{margin-top:24px}.song-import-preview h3{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 10px;font-size:13px}.song-import-preview p{margin:5px 0;line-height:1.5}.song-import-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}@media (max-width:520px){.song-import-fields{grid-template-columns:1fr;gap:0}.song-import-dialog{padding:20px}}.song-import-attachments{gap:8px;padding:0;list-style:none;display:grid}.song-import-attachments li{justify-content:space-between;align-items:center;gap:12px;display:flex}.song-import-attachments span{overflow-wrap:anywhere;min-width:0}.song-pdf-sheets{border:1px solid var(--border);border-radius:10px;margin:18px 0;padding:14px}.song-pdf-sheets summary{cursor:pointer;font-weight:600}.song-pdf-sheets ul{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.song-pdf-sheets li{justify-content:space-between;gap:16px;display:flex}.song-pdf-sheets a{color:var(--accent);overflow-wrap:anywhere}.song-score-info{margin:16px 0;font-size:14px}.song-score-info details{border:1px solid var(--border);border-radius:10px;margin:8px 0;padding:12px 14px}.song-score-info summary{cursor:pointer;font-weight:600}.song-score-info p{line-height:1.6}.song-score-info a{color:var(--accent)}.song-score-info ol,.song-score-info ul{padding-left:22px}.song-score-info li{overflow-wrap:anywhere;margin:8px 0}.song-score-info dl>div{border-bottom:1px solid var(--border);padding:8px 0}.song-score-info dt{text-transform:capitalize;font-weight:600}.song-score-info dd{overflow-wrap:anywhere;margin:4px 0 0}.score-table-scroll,.strumming-scroll{overflow-x:auto}.strumming-grid{gap:3px;padding:8px 0;display:grid}.strumming-grid>div{border-radius:6px;flex-direction:column;align-items:center;gap:8px;padding:8px 3px;display:flex}.strumming-grid strong{font-size:26px}.strumming-grid .is-current{background:var(--accent);color:var(--background);outline:2px solid}.score-table-scroll table{border-collapse:collapse;text-align:left;width:100%}.score-table-scroll td,.score-table-scroll th{border-bottom:1px solid var(--border);vertical-align:top;padding:10px}.guitar-visualizer-heading{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:16px;display:flex}.guitar-visualizer-heading>div:first-child{flex:0 270px}.guitar-visualizer-heading .guitar-tuning{margin-bottom:0}.guitar-visualizer-heading .strumming-compact{flex:400px;min-width:0}.strumming-compact-label{color:var(--muted);font-size:14px}.strumming-compact .strumming-grid{gap:2px;padding:4px 0}.strumming-compact .strumming-grid>div{gap:2px;padding:4px 2px;font-size:14px}.strumming-compact .strumming-grid strong{font-size:20px}.visualizer-live-lyrics{--lyric-step:48px;text-align:center;height:112px;margin:16px 0;transition:height .3s;position:relative;overflow:hidden}.visualizer-live-lyrics p{text-wrap:balance;margin:0;font-size:clamp(18px,2.2vw,26px);line-height:1.5;position:absolute;top:12px;left:16px;right:16px}.visualizer-lyric{transform:translateY(calc(var(--lyric-position)*var(--lyric-step))) scale(.72);transform-origin:top;opacity:0;color:var(--muted);transition:transform .46s cubic-bezier(.22,.68,.15,1),opacity .36s,color .46s}.visualizer-live-lyrics .visualizer-current-lyric{opacity:1;color:var(--foreground);transform:translateY(0)scale(1)}.visualizer-live-lyrics .visualizer-next-lyric{opacity:.8}.visualizer-previous-lyric,.visualizer-upcoming-lyric{pointer-events:none}@media (prefers-reduced-motion:reduce){.visualizer-live-lyrics .visualizer-lyric{transition:none}}.visualizer-current-lyric .visualizer-lyric-word{color:#0000;background:linear-gradient(to right,var(--accent) var(--word-progress),var(--foreground) var(--word-progress));-webkit-background-clip:text;background-clip:text;transition:none}@media (prefers-reduced-motion:reduce){.visualizer-current-lyric .visualizer-lyric-word,.visualizer-live-lyrics{transition:none}}.piano-hand-guide{flex-wrap:wrap;gap:8px 24px;margin:8px 0;font-size:14px;display:flex}.audio-setting-field{margin-top:20px}.audio-setting-field h3,.audio-setting-field label{margin-bottom:8px;font-weight:600;display:block}.audio-setting-field p{color:var(--muted);margin-top:8px;font-size:.82rem;line-height:1.5}.audio-setting-field select{width:100%;min-height:44px;color:var(--foreground);background:#202824;border:1px solid #415349;border-radius:8px;padding:10px 12px}.audio-hand-options{background:#101713;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.audio-hand-options button{min-height:40px;color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:7px}.audio-hand-options button[aria-pressed=true]{color:var(--accent);background:#263e32;border-color:#415349}.audio-setting-field :is(button,select):focus-visible{outline:3px solid var(--accent);outline-offset:2px}.audio-display-options{border-top:1px solid #344239;margin-top:20px;padding-top:16px}.audio-display-options h3{margin-bottom:4px}.audio-display-options>div{grid-template-columns:1fr;gap:0}.audio-display-options button,.audio-display-options button[aria-checked=true]{color:var(--foreground);text-align:left;background:0 0;border:0;border-radius:0;padding:10px 0}.audio-display-options button:disabled{opacity:.4;cursor:default}.audio-practice-options{border-top:1px solid #344239;margin-top:16px;padding-top:16px}.audio-practice-options>h3{margin:0;font-size:1rem;font-weight:600}.audio-practice-options .audio-setting-field{margin-top:16px}.audio-practice-options .audio-display-options{border:0;margin-top:8px;padding:0}.audio-practice-options label span{float:right;color:var(--muted);font-weight:400}.audio-practice-options input[type=range]{width:100%;accent-color:var(--accent);min-height:28px}.song-count-in,.song-loop-status{color:var(--accent);font-size:.85rem}.song-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.song-topbar .back-link{margin:0}.song-topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.song-topbar-actions .song-download-menu{position:relative;top:auto;right:auto}.song-heading-actions:has(.song-tempo){flex-wrap:nowrap;align-items:stretch}.song-heading-actions .song-tempo{flex:1;justify-content:center;gap:10px;width:auto;min-width:0;height:50px;padding-block:3px}.song-heading-actions:has(.song-tempo) .song-key-selector{flex-shrink:0;height:50px}.song-heading-actions:has(.song-tempo) .song-key-selector .song-key-trigger{height:100%}.song-heading-actions .song-tempo-heading{line-height:18px}.song-heading-actions .song-tempo-track{line-height:16px}.original-lyrics-section p{color:var(--muted)}.sheet-lyric-word{color:#0000;background:linear-gradient(to right,#fff var(--word-progress),var(--muted) var(--word-progress));-webkit-background-clip:text;background-clip:text}@media print{.original-lyrics-section p,.sheet-lyric-word{color:inherit;background:0 0}}.song-tempo>span:not(.song-tempo-track){font-variant-numeric:tabular-nums;font-size:12px}.song-tempo .song-tempo-track{flex:1;min-width:72px;height:40px;display:block;position:relative}.song-tempo .song-tempo-track input{appearance:none;touch-action:none;background:0 0;width:100%;height:40px;display:block}.song-tempo-track input::-webkit-slider-runnable-track{background:#536259;border-radius:4px;height:4px}.song-tempo-track input::-moz-range-track{background:#536259;border-radius:4px;height:4px}.song-tempo-track input::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:16px;width:72px;height:30px;margin-top:-13px}.song-tempo-track input::-moz-range-thumb{background:var(--accent);border:0;border-radius:16px;width:72px;height:30px}.song-tempo-value{top:50%;left:calc(36px + (100% - 72px) * var(--tempo-position));text-align:center;color:#173c2e;pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums;width:72px;font-size:12px;font-weight:600;position:absolute;transform:translate(-50%,-50%)}.song-heading-actions:has(.song-tempo){border:1px solid var(--border);background:#202824;border-radius:7px;gap:0;padding:0}.song-heading-actions:has(.song-tempo) .song-key-selector{border:0;border-right:1px solid var(--border);border-radius:7px 0 0 7px;height:48px}.song-heading-actions:has(.song-tempo) .song-key-selector .song-key-trigger{min-height:48px}.song-heading-actions .song-tempo{background:0 0;border:0;border-radius:0 7px 7px 0;height:48px}.song-key-selector .song-key-trigger:focus{outline:none}.song-key-selector .song-key-trigger:focus-visible{box-shadow:inset 0 -2px var(--accent)}.song-key-trigger{cursor:pointer;text-align:left}.key-name{align-items:baseline;gap:1px;font-family:Arial,sans-serif;font-size:16px;font-weight:500;line-height:1;display:inline-flex}.key-accidental{font-family:Arial Unicode MS,Apple Symbols,Segoe UI Symbol,sans-serif;font-size:18px;font-weight:400;position:relative;top:1px}.song-key-options{z-index:60;background:#202824;border:1px solid #415349;border-radius:8px;min-width:100%;max-height:320px;padding:4px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0005}.song-key-options button{text-align:center;width:100%;min-height:36px;color:var(--foreground);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding-inline:14px;display:flex}.song-key-options button[aria-selected=true]{color:var(--accent);background:#263e32}.song-key-options button:focus,.song-key-options button:hover{background:#34483d;outline:none}.song-key-options .key-name{text-align:left;grid-template-columns:14px 12px;align-items:baseline;column-gap:1px;display:grid}.app-dropdown{vertical-align:middle;min-width:0;display:inline-flex;position:relative}.app-dropdown-trigger{width:100%;min-height:44px;color:var(--foreground);cursor:pointer;font:inherit;background:#202824;border:1px solid #415349;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.app-dropdown-trigger>svg{color:var(--muted);flex-shrink:0}.app-dropdown-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-dropdown-trigger:focus{outline:none}.app-dropdown-trigger:focus-visible{box-shadow:inset 0 -2px var(--accent)}.app-dropdown-trigger:disabled{opacity:.45;cursor:default}.app-dropdown-menu{box-sizing:border-box;color:var(--foreground);background:#202824;border:1px solid #415349;border-radius:8px;margin:0;padding:4px;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 8px 24px #0005}.app-dropdown-menu::backdrop{pointer-events:none;background:0 0}.app-dropdown-menu>button{width:100%;min-height:36px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:8px 12px;display:flex}.app-dropdown-menu>button[aria-selected=true]{color:var(--accent);background:#263e32}.app-dropdown-menu>button:focus,.app-dropdown-menu>button:hover{background:#34483d;outline:none}.app-dropdown-menu>button:disabled{opacity:.4;cursor:default}.audio-setting-field>.app-dropdown,.instrument-select>.app-dropdown,.master-view-select>.app-dropdown,.song-import-part>.app-dropdown{width:100%}.instrument-select .app-dropdown-trigger,.master-view-select .app-dropdown-trigger{background:0 0;border:0;min-height:24px;padding:0}.instrument-select .app-dropdown-value,.master-view-select .app-dropdown-value{text-align:center;flex:1}.audio-setting-field .app-dropdown-trigger:focus-visible{outline:none}.song-key-selector>.app-dropdown{position:static}.song-key-selector .app-dropdown-trigger{border-radius:inherit;min-width:136px;height:100%;min-height:48px;color:var(--accent);background:0 0;border:0;padding:10px 14px 10px 54px}.app-dropdown-menu.key-dropdown .key-name{text-align:left;grid-template-columns:14px 12px;align-items:baseline;column-gap:1px;display:grid}@media (max-width:600px){.song-key-selector .app-dropdown-trigger{gap:7px;min-width:94px;padding-left:40px;padding-right:7px}}.visualizer-instrument-switch{background:#101713;border-radius:9px;gap:4px;padding:3px;display:inline-flex}.visualizer-instrument-switch button{min-height:38px;color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:14px;font-weight:600;display:flex}.visualizer-instrument-switch button[aria-pressed=true]{color:var(--accent);background:#263e32;border-color:#415349}.visualizer-instrument-switch button:focus-visible{box-shadow:inset 0 -2px var(--accent);outline:none}.song-topbar-actions{flex-wrap:wrap;justify-content:flex-end}.song-topbar-actions .visualizer-instrument-switch{background:#202824;border:1px solid #52685b;min-height:48px;padding:3px}.song-topbar-actions .visualizer-instrument-switch button{color:#edf2ee;padding-inline:14px;font-size:15px}.song-topbar-actions .visualizer-instrument-switch button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#173c2e}.song-topbar-actions .visualizer-instrument-switch button:hover:not([aria-pressed=true]){background:#34483d}.song-topbar-actions .visualizer-instrument-switch button:focus-visible{outline-offset:-3px;box-shadow:none;outline:2px solid #edf2ee}.app-settings-nav{text-align:left;background:0 0;border:0;width:100%}.app-settings-nav:hover{background:#ffffff08;border-radius:8px}.app-settings-description{color:var(--muted);margin:12px 0 24px;font-size:14px}.mobile-brand{align-items:center;gap:16px}.audio-more-options{border-top:1px solid #344239;margin-top:16px;padding-top:16px}.audio-more-options>summary{cursor:pointer;font-weight:600}.electric-settings{margin-top:20px}.electric-settings label span{float:right;color:var(--muted);font-weight:400}.electric-settings input[type=range]{width:100%;min-height:28px;accent-color:var(--accent)}.electric-range-labels{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.song-capo{border-right:1px solid var(--border);flex-shrink:0}.song-capo .app-dropdown-trigger{height:48px;min-height:48px;color:var(--accent);background:0 0;border:0;border-radius:0;gap:10px;padding:10px 14px}.song-capo-value{white-space:nowrap;align-items:center;gap:12px;display:inline-flex}.song-capo .app-dropdown-trigger{min-width:136px}.song-capo-label{color:var(--muted);font-weight:400}@media (max-width:600px){.song-capo .app-dropdown-trigger{gap:10px;min-width:112px;padding-inline:12px}.song-capo-value{gap:8px}}.song-capo{align-items:center;display:flex}.capo-sounding-key{color:var(--muted);white-space:nowrap;padding-right:12px;font-size:12px}@media (max-width:600px){.song-capo{position:relative}.song-capo:has(.capo-sounding-key){flex-direction:column;justify-content:center}.song-capo:has(.capo-sounding-key) .app-dropdown-trigger{height:28px;min-height:28px;padding-block:2px}.capo-sounding-key{padding:0 8px 3px;font-size:10px}}.guitar-key-control{border-right:1px solid var(--border);flex-shrink:0}.guitar-key-control>button{height:48px;color:var(--accent);background:0 0;border:0;align-items:center;gap:10px;padding:0 16px;display:flex}.guitar-key-capo{white-space:nowrap;color:var(--muted);font-size:14px}.guitar-key-panel{width:280px;max-width:calc(100vw - 16px);color:var(--foreground);background:#202824;border:1px solid #415349;border-radius:10px;margin:0;padding:18px;position:fixed;inset:auto;box-shadow:0 12px 30px #0005}.guitar-key-panel .audio-setting-field{margin:0 0 16px}.guitar-key-panel .app-dropdown{width:100%;display:block}.guitar-key-panel .app-dropdown-trigger{width:100%}.guitar-key-sounding{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}@media (max-width:600px){.guitar-key-control>button{gap:7px;padding-inline:12px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}