/* Deliberately independent of Tailwind v4: Safari on iOS 12 supports these rules. */
*{box-sizing:border-box}html{background:#f4f7fa;color:#183a56;font-family:Arial,sans-serif;font-size:16px}body{margin:0;line-height:1.5}a{color:#195d94}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:rgba(20,70,100,.15)}a,button{touch-action:manipulation}h1{font-size:2rem;line-height:1.2;margin:0 0 20px}h2{font-size:1.25rem}p{margin:12px 0}header{background:#112e45;color:#fff;padding:14px 20px}.header-inner{max-width:1080px;margin:auto}.brand{font-weight:bold;font-size:1.35rem;text-decoration:none;color:#e9c475}nav{display:flex;flex-wrap:wrap;align-items:center;margin:8px -8px -4px}nav a,nav button{color:#fff;margin:4px 8px}nav button{background:transparent;border:1px solid #8ea6b8;border-radius:6px;padding:4px 10px}main{max-width:1080px;margin:0 auto;padding:28px 20px;min-height:65vh}footer{padding:24px;text-align:center;font-size:.875rem;color:#5b7082}.card{padding:24px;background:#fff;border:1px solid #cdd9e4;border-radius:14px;margin-bottom:18px}.auth{max-width:520px;margin:auto}.muted{color:#566b7e}.eyebrow{font-size:.875rem;font-weight:bold;text-transform:uppercase;letter-spacing:.08em}.button{display:inline-block;vertical-align:middle;padding:10px 16px;margin:4px 6px 4px 0;border:1px solid #a3b8cb;border-radius:8px;background:#fff;color:#183a56;text-decoration:none;font-weight:bold;cursor:pointer;min-height:44px}.primary{background:#e9c475;color:#102b40;border-color:#d4ae63}.small{padding:6px 12px;min-width:44px}.notice{border:1px solid #75a493;background:#e8f5ee;border-radius:8px;padding:14px;color:#24533c}.error{border-color:#b85c50;background:#fff0ef;color:#91271b}label{display:block;font-weight:bold;margin:16px 0}input,select{display:block;max-width:100%;width:100%;padding:12px;border:1px solid #8ca5ba;background:#fff;color:#142e42;border-radius:7px;margin-top:6px}input[type=range]{padding:0}fieldset{margin:0;padding:0;border:0}fieldset:disabled{opacity:.5}.search{display:flex;align-items:flex-end;margin-bottom:24px}.search label{flex:1;margin:0 12px 0 0}.search .button{margin:0}.songs{list-style:none;padding:0;margin:0}.song-card{padding:18px 0;border-bottom:1px solid #cdd9e4}.song-card a{display:block;font-size:1.125rem;font-weight:bold}.song-card p{margin:5px 0}.shared{background:#e1eaf3}.back{display:inline-block;margin:0 0 22px}.song-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:22px}.song-top a{margin:4px 12px 4px 0}.song-title{margin-bottom:8px}.tools{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#f4f7fa;border:1px solid #bccbd8;border-radius:10px;padding:8px 12px;margin:22px 0 14px}.tools-title{display:flex;align-items:center;justify-content:space-between}.tools-title strong{margin-right:12px}.tools-body{display:flex;flex-wrap:wrap;align-items:center}.tools-body>*{margin-right:16px}.tools-body form{margin-top:4px;margin-bottom:4px}.scroll-tools label{display:inline-block;margin:2px 8px;vertical-align:middle;font-size:.875rem}.scroll-tools input{width:100px}.score{font-family:'Courier New',Courier,monospace;line-height:1.4;letter-spacing:0;font-variant-ligatures:none;overflow-x:auto;background:#fff;border:1px solid #cdd9e4;border-radius:12px;padding:16px}.score-row{white-space:pre;margin:0;font:inherit;min-height:1.4em}.score-chords{color:#185db3;font-weight:bold}.score-group{margin-bottom:.25em}.score-probe{position:absolute;visibility:hidden;white-space:pre}.video{margin-top:24px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:white;padding:12px;z-index:10}[hidden]{display:none!important}a:focus,button:focus,input:focus{outline:3px solid #c99830;outline-offset:3px}.dark{background:#0c1e2e;color:#e1eaf5}.dark main,.dark footer{color:#c2d4e6}.dark .card,.dark .score{background:#172f45;border-color:#37546c}.dark .shared{background:#213e56}.dark a{color:#b4d9ff}.dark h1,.dark h2{color:#f4f7ff}.dark .muted{color:#b4c5d5}.dark .tools{background:#112e45;border-color:#486279}.dark .button,.dark input{background:#213e56;color:#eff6ff;border-color:#55728a}.dark .primary{background:#e9c475;color:#112e45}.dark .score-chords{color:#8fc5ff}.dark .song-card{border-color:#37546c}.dark .notice{color:#c9ecdb;background:#193e33}.dark .error{color:#ffcbc4;background:#492c31}@media(max-width:600px){main{padding:22px 12px}.card{padding:18px}h1{font-size:1.7rem}.tools{padding:6px 8px}.tools-body>*{margin-right:8px}.score{padding:12px 8px}.search{display:block}.search label{margin:0 0 10px}.brand{font-size:1.2rem}}
/* Shared visual identity, using layouts supported by Safari 12. */
html{background:#f5f7f9}header{background:#fff;color:#183a56;padding:22px 24px;border-bottom:1px solid #d7e1e9}.header-inner{max-width:1200px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;color:#173d58;font-size:1.45rem;letter-spacing:-.04em}.brand img{border-radius:12px;margin-right:12px}.user-tools{display:flex;align-items:center;margin-left:auto}.user-link{display:flex;align-items:center;text-decoration:none;color:#183a56}.user-link>span+span{margin-left:10px}.user-link small{display:block;font-size:.8rem;color:#566b7e}.user-link strong{display:block;font-size:.95rem;max-width:240px;overflow:hidden;text-overflow:ellipsis}.avatar{display:inline-block;position:relative;overflow:hidden;border-radius:50%;width:42px;height:42px;line-height:42px;text-align:center;background:#e4ecf3;color:#214b69;font-weight:700;flex-shrink:0}.avatar img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}#theme-toggle{margin-left:16px;color:#a77725;border:1px solid #b6c7d5;background:transparent;border-radius:50%;width:44px;height:44px;font-size:1.3rem;cursor:pointer}header nav{flex-basis:100%;margin:18px -14px -6px}header nav a{color:#476176;text-decoration:none;font-weight:700;padding:6px 0;margin:0 14px}header nav a:hover{color:#96702e}main{max-width:1248px;padding:32px 24px}footer{max-width:1200px;margin:20px auto 0;border-top:1px solid #d7e1e9;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}footer>*{margin:8px}.eyebrow{color:#8b682d;font-size:.8rem;letter-spacing:.14em}.discovery{border-radius:22px;padding:42px 42px 30px;color:white;background-color:#10283f;background-size:cover;background-position:center 45%;overflow:hidden}.cross-hero{background-image:linear-gradient(90deg,rgba(10,29,47,.94),rgba(10,29,47,.75) 52%,rgba(10,29,47,.18)),url('/images/cross-hero.jpg')}.archive-hero{background-image:linear-gradient(90deg,rgba(10,29,47,.94),rgba(10,29,47,.75) 52%,rgba(10,29,47,.18)),url('/images/archive-hero.jpg')}.discovery .eyebrow{color:#f1cd86;margin:0 0 24px}.discovery h1{font-family:Georgia,serif;font-size:2.8rem;letter-spacing:-.04em;color:#fff;max-width:620px;margin-bottom:16px}.discovery>p:not(.eyebrow){color:#d8e5ed;max-width:610px;margin:0 0 28px}.discovery .search{max-width:760px;background:#fff;border-radius:12px;padding:8px;margin:0;align-items:center}.discovery input{border:0;margin:0;background:white;color:#183a56;padding:12px}.discovery .search label{margin:0 8px 0 0}.discovery .button{background:#193d5b;color:white;border-color:#193d5b;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.library{margin-top:36px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-heading .eyebrow{margin:0 0 6px}.section-heading h2{font-size:1.65rem;margin:0}.catalog-grid{display:flex;align-items:flex-start}.catalog-main{flex:1;min-width:0}.community{width:300px;flex-shrink:0;margin-left:28px}.community>.eyebrow{margin:0 0 15px}.catalog-songs{padding:0;margin:0;list-style:none}.catalog-songs li+li{margin-top:10px}.catalog-song{display:flex;align-items:center;padding:16px;background:white;border:1px solid #d9e3ea;border-radius:13px;min-height:100px;text-decoration:none;color:#193d56}.song-art{display:inline-flex;align-items:center;justify-content:center;width:48px;height:52px;border-radius:10px;background:#e4ece7;color:#526d5b;font-weight:700;flex-shrink:0;margin-right:16px}.art-1{background:#ede4d5;color:#987638}.art-2{background:#e3e9f3;color:#627696}.art-3{background:#ebe3ee;color:#846b8e}.song-info{flex:1;min-width:0}.song-info strong{display:block;font-size:1rem;line-height:1.35;word-wrap:break-word}.song-info small{display:block;font-size:.875rem;margin-top:4px;color:#6d7f8c}.tag{display:inline-block;color:#78602e;background:#f7efdf;font-size:.75rem;font-weight:700;padding:2px 7px;border-radius:5px;margin-top:6px}.key{margin-left:16px;min-width:34px;text-align:center}.key small{display:block;font-size:.75rem;font-weight:normal;color:#6d7f8c}.chevron{font-size:1.7rem;margin-left:16px;color:#7c95a9}.song-window{max-height:550px;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:14px;padding:4px;border:1px solid #d9e3ea;background:#edf2f6}.song-window .catalog-song{height:100px;min-height:100px}.song-window .song-info strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.song-window .catalog-songs li+li{margin-top:10px}.song-window .song-info small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-window .tag{display:none}.archive-link{margin-top:26px}.community-card{background:white;border:1px solid #d9e3ea;border-radius:18px;overflow:hidden;margin-bottom:20px}.community-content{padding:22px}.community-card h2{font-size:1.4rem;line-height:1.25;margin:16px 0 10px}.community-card p{font-size:.9rem}.community-cover{height:170px;background:linear-gradient(135deg,#263d4b,#8d7046);overflow:hidden}.community-cover img{width:100%;height:100%;object-fit:cover}.seal{display:inline-block;font-size:.75rem;letter-spacing:.05em;color:#80612a;background:#f5ebd8;border-radius:6px;padding:5px 8px}.byline{display:flex;align-items:center;border-top:1px solid #dce5eb;padding-top:18px;margin:18px 0}.byline>div{margin-left:10px;min-width:0}.byline small{display:block;font-size:.75rem;color:#718492}.byline strong{display:block;font-size:.9rem}.block{display:block;margin:0}.block>span{float:right}.community-invite{padding:26px;background:#eef3ef}.music-mark{display:inline-flex;align-items:center;justify-content:center;background:#dfe9e0;color:#37734f;width:54px;height:54px;border-radius:50%;font-size:1.8rem}.categories{display:flex;flex-wrap:wrap;margin:24px -6px 0}.categories a{display:flex;align-items:center;flex:1;min-width:160px;padding:16px;margin:6px;background:white;color:#23435c;border:1px solid #d9e3ea;border-radius:12px;text-decoration:none}.categories small{display:block;font-size:.75rem;color:#677e8d;margin-top:3px}.category-icon{font-size:1.7rem;margin-right:12px}.categories .selected{background:#173d58;color:white;border-color:#173d58}.categories .selected small{color:#c9dbea}.sort-form{display:flex;align-items:flex-end;flex-wrap:wrap;margin:12px 0}.sort-form label{width:300px;margin:0 10px 0 0}.sort-form .button{margin-bottom:0}.sort-form p{width:100%;font-size:.875rem}.auth{overflow:hidden;padding:32px;max-width:520px}.auth-banner{height:140px;margin:-32px -32px 28px;background:linear-gradient(90deg,rgba(10,29,47,.2),rgba(10,29,47,0)),url('/images/cross-hero.jpg') center 43%/cover}.auth form>.button,.auth fieldset>.button{display:block;width:100%;margin-top:20px}.account{max-width:860px;margin:auto}.account-person{display:flex;align-items:center;margin:24px 0}.account-person .avatar{width:80px;height:80px;line-height:80px;font-size:1.8rem;margin-right:20px}.account-person h2,.account-person p{margin:4px 0;word-break:break-word}.account-sections{display:flex;border-top:1px solid #d9e3ea;padding-top:12px}.account-sections section{flex:1;min-width:0}.account-sections section+section{margin-left:24px}.account-sections .button{display:block;margin:10px 0}.event-grid{display:flex;flex-wrap:wrap;margin:0 -10px}.event-grid>.card{width:calc(50% - 20px);margin:10px;padding:24px}.event-grid h2 a{text-decoration:none;color:inherit}.event-header{border-bottom:1px solid #d9e3ea;padding-bottom:24px;margin-bottom:12px}.event-title{display:flex;align-items:center}.event-title .song-art{font-size:1.5rem;background:#ebc77e;color:#223b51;width:60px;height:64px}.event-title h1{margin-bottom:6px}.event-title p{margin:0}.event-header .description{white-space:pre-wrap}.song-card .eyebrow{color:#967131}.song-card>a{text-decoration:none}.song-card strong{font-weight:700}.song-card{padding:20px}.songs{background:white;border:1px solid #d9e3ea;border-radius:14px;overflow:hidden}.songs li:last-child{border-bottom:0}.video-preview{max-width:520px;margin:28px 0;border-radius:14px;overflow:hidden;border:1px solid #d9e3ea;background:#fff}.video-preview a{display:block;text-decoration:none;font-weight:700}.video-preview img{display:block;width:100%;height:auto}.video-preview span{display:block;padding:16px}.editorial-hero{display:flex;align-items:center}.editorial-hero>.community-cover{width:260px;flex-shrink:0;margin:0 28px 20px 0;border-radius:16px}.editorial-description{white-space:pre-wrap}.copy-panel{max-width:640px;margin-top:24px}.empty{padding:24px}.dark header{background:#10283f;border-color:#314c67}.dark .brand{color:#eac77d}.dark header nav a,.dark .user-link{color:#deebf7}.dark .user-link small{color:#aec2d4}.dark .catalog-song,.dark .community-card,.dark .categories a,.dark .songs,.dark .video-preview{background:#172e45;color:#f3f7fc;border-color:#314c67}.dark .song-info strong{color:#f3f7fc;font-weight:700}.dark .song-info small,.dark .key small,.dark .byline small,.dark .categories small{color:#aec2d4}.dark .song-art,.dark .avatar{background:#29465e;color:#e6ca93}.dark .song-window{background:#10283f;border-color:#314c67}.dark .tag,.dark .seal{background:#514730;color:#f2d592}.dark .eyebrow{color:#eac77d}.dark .byline,.dark .account-sections,.dark footer,.dark .event-header{border-color:#314c67}.dark .categories .selected{background:#36516a;border-color:#a78952}.dark select{background:#213e56;color:#eff6ff;border-color:#55728a}.dark .discovery input{color:#183a56;background:white}.dark .community-invite{background:#1b3548}.dark .community-card h2{color:#f3f7fc}.dark .community-cover{background:linear-gradient(135deg,#263d4b,#8d7046)}.dark .user-tools .button{color:#eac77d}.dark .song-card{border-color:#314c67}
@media(max-width:950px){.community{width:270px;margin-left:20px}.discovery{padding:34px 30px}.catalog-song{padding:12px}.song-art{margin-right:12px}.chevron{margin-left:8px}.key{margin-left:8px}.discovery h1{font-size:2.5rem}}
@media(max-width:760px){header{padding:18px 18px 14px}.brand{font-size:1.25rem}.brand img{width:38px;height:38px;margin-right:8px}.user-link strong{max-width:150px}.user-link small{font-size:.7rem}.user-tools{margin-left:12px}.avatar{width:34px;height:34px;line-height:34px}.catalog-grid{display:block}.community{width:100%;margin:28px 0 0}.community-card{max-width:100%}.community-cover{height:220px}.discovery h1{font-size:2.2rem}.discovery{padding:28px 24px}.categories a{flex-basis:calc(50% - 12px);min-width:0}.event-grid>.card{width:calc(100% - 20px)}.editorial-hero{display:block}.editorial-hero>.community-cover{width:100%;margin-right:0}.auth{margin:12px auto}.section-heading .eyebrow{font-size:.7rem}}
@media(max-width:520px){main{padding:20px 14px}header{padding:14px}.header-inner>.brand{font-size:1.1rem}.user-link>span+span{display:block;margin-left:6px}.user-link small{display:none}.user-link strong{max-width:90px;font-size:.75rem}#theme-toggle{margin-left:8px}header nav{margin:12px -8px -6px}header nav a{margin:0 8px;font-size:.875rem}.discovery{padding:26px 20px;background-position:63% center}.discovery .eyebrow{font-size:.65rem}.discovery h1{font-size:2rem}.discovery>p:not(.eyebrow){font-size:.95rem}.discovery .search{display:block}.discovery .search label{margin:0}.discovery .search .button{display:block;width:100%;margin-top:4px}.section-heading{align-items:flex-end}.section-heading h2{font-size:1.45rem}.section-heading>span{font-size:.8rem;white-space:nowrap;margin-left:10px}.song-art{width:38px;height:46px;font-size:.875rem;margin-right:10px}.song-info strong{font-size:.95rem}.song-info small{font-size:.8rem}.catalog-song{padding:12px 10px}.song-window{max-height:550px}.categories a{padding:12px}.categories small{font-size:.7rem}.category-icon{font-size:1.3rem;margin-right:8px}.categories strong{font-size:.9rem}.sort-form label{width:calc(100% - 95px)}.auth{padding:24px}.auth-banner{margin:-24px -24px 24px}.account-sections{display:block}.account-sections section+section{margin:24px 0 0}.account-person .avatar{width:64px;height:64px;line-height:64px;margin-right:14px}.event-title{align-items:flex-start}.event-title h1{font-size:1.65rem}.song-card{padding:16px}.song-top .button{font-size:.9rem}.discovery br{display:none}footer{display:block;text-align:left}}
/* Forms and management pages use native controls, including on Safari 12. */
textarea,fieldset{font:inherit;color:inherit}fieldset{border:0;padding:0;margin:0;min-width:0}textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #c7d5df;background:#ffffff;border-radius:10px;padding:12px;margin:8px 0 18px;resize:vertical}input[type=checkbox]{display:inline-block;width:auto;margin:0 8px 0 0}label.check{display:block;margin:18px 0;line-height:1.5}details{margin:18px 0}summary{font-weight:bold;cursor:pointer;padding:10px 0}form .actions{margin-top:22px}.actions{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:20px}.actions>*{margin:0 10px 10px 0}.button.danger{color:#a32c35;border-color:#c9737a}.form-grid,.account-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}.account-grid>section{margin:0}.account-grid .button{display:block;margin:12px 0;text-align:left}.account-grid form .button{width:100%}.score-editor{font-family:'Courier New',Courier,monospace;line-height:1.4;white-space:pre;overflow:auto;tab-size:4;font-size:16px}.preview-score{overflow:auto;max-height:620px;font-size:16px}.preview-score .score-row{white-space:pre}.edit-song{border-bottom:1px solid #c7d5df;padding:20px 0}.edit-song-title{display:flex;justify-content:space-between;align-items:center}.edit-song-title h2,.edit-song-title h3{margin:0 20px 16px 0;font-size:20px}.edit-song .button{padding:8px 12px;min-height:44px;margin:0 6px 8px 0}.moment-tone{display:flex;align-items:flex-start}.moment-tone>.moment-field{flex:1;margin-right:16px}.moment-tone>label{width:100px}.add-song{margin:24px 0}.table-scroll,.activity-table{max-width:100%;overflow:auto}.table-scroll table,.activity-table table{border-collapse:collapse;width:100%;min-width:560px}th,td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid #c7d5df}.contributions-window{max-height:640px;overflow-y:auto;border:1px solid #c7d5df;border-radius:18px;padding:8px 18px}.contributions-window .song-card{min-height:115px;box-sizing:border-box}.image-preview{display:block;width:260px;height:260px;max-width:100%;background:#dbe3e8;margin:18px auto}.image-preview.round{border-radius:50%}.image-editor input[type=range]{width:100%}.activity-metrics{display:flex;flex-wrap:wrap}.activity-metrics>.panel{flex:1;min-width:160px;margin:8px;padding:18px;border:1px solid #c7d5df;border-radius:12px}.activity-metrics strong,.activity-metrics span{display:block}.activity-metrics strong{font-size:28px}.activity-dashboard{width:100%}.activity-dashboard .panel{margin-bottom:18px}.activity-dashboard h1{font-size:32px}.activity-dashboard .toolbar{display:flex;justify-content:space-between;margin:20px 0}.account-person{margin:20px 0 32px}.inline-form{display:flex;align-items:flex-end}.inline-form>label{flex:1;margin-right:15px}.import-panel{border-bottom:1px solid #c7d5df;padding-bottom:15px}.moment-field [data-other]{display:block}.dark .button.danger{color:#ffaeb3}.dark textarea{background:#112b42;color:#e7eff8}
@media(max-width:650px){.form-grid,.account-grid{grid-template-columns:1fr}.edit-song-title{display:block}.moment-tone{display:block}.moment-tone>label{width:100%}.moment-tone>.moment-field{margin:0}.image-preview{width:230px;height:230px}.activity-dashboard h1{font-size:26px}.inline-form{display:block}.contributions-window{max-height:640px}.account-person{flex-wrap:wrap}.account-person p{overflow-wrap:break-word;word-break:break-word}}

.dark textarea{background:#213e56;color:#eff6ff;border-color:#55728a}.dark .edit-song,.dark td,.dark th{border-color:#314c67}

.review-badge{display:inline-block;padding:1px 6px;border-radius:12px;background:#c93f49;color:white;font-size:11px;font-weight:bold}.dark .review-badge{background:#da4b55;color:#fff}

.account-install{margin:10px 0;border:1px solid var(--border,#42627f);border-radius:10px;padding:12px 16px}.account-install summary{cursor:pointer;font-weight:600;min-height:24px}.account-install p,.account-install li{font-size:14px;line-height:1.6}.account-install ol{padding-left:22px}.account-install button[hidden],.account-install[hidden],.account-install [hidden]{display:none!important}@media(display-mode:standalone){[data-install-option]{display:none!important}}

/* Native disclosure keeps the account menu usable on older Safari. */
.user-dropdown{position:relative;margin:0}.user-dropdown:not([open])>.user-dropdown-items{display:none}.user-dropdown>summary{min-height:44px;cursor:pointer}.user-dropdown>summary{padding:0;list-style:none}.user-dropdown>summary::-webkit-details-marker{display:none}.user-dropdown-items{position:absolute;right:0;top:100%;z-index:100;width:224px;max-width:85vw;margin-top:10px;padding:6px;background:#fff;border:1px solid #cdd9e4;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.2)}.user-dropdown-items a,.user-dropdown-items button{display:block;width:100%;margin:0;padding:12px;text-align:left;text-decoration:none;font:inherit;font-size:15px;color:#183a56;background:transparent;border:0;border-radius:6px;cursor:pointer;min-height:44px}.user-dropdown-items form{margin:0}.user-dropdown-items a:hover,.user-dropdown-items button:hover{background:#edf2f7}.user-dropdown-items a:focus,.user-dropdown-items button:focus,.user-dropdown>summary:focus{outline:2px solid #c79b42;outline-offset:2px}.dark .user-dropdown-items{background:#193349;border-color:#42627f}.dark .user-dropdown-items a,.dark .user-dropdown-items button{color:#e7eff8}.dark .user-dropdown-items a:hover,.dark .user-dropdown-items button:hover{background:#25475f}

.correction-panel,.dark .correction-panel{border:2px solid #bd8130;scroll-margin-top:24px}.correction-panel h2{font-size:1.35rem;font-weight:700;margin:0 0 12px}.correction-panel h3{margin:0 0 8px}.correction-panel .primary{margin-top:12px}.correction-panel h3{font-weight:700}.correction-panel .contribution,.correction-panel .song-card{padding:1rem 0}

/* Native grid and grid-gap also work on Safari 12; no script is needed. */
.account-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:16px;align-items:start}
.account-grid>.card{padding:20px;min-width:0}
.account-grid h2{margin:0 0 16px}
.account-grid .button{font-size:14px;line-height:1.4;padding:11px 12px;margin:10px 0 0;overflow-wrap:break-word}
.account-grid .account-install{margin:10px 0 0;padding:11px 12px;font-size:14px}
.account-grid .account-install summary{padding:0;min-height:20px;line-height:1.4}
.account-person{margin:16px 0 24px}
@media(min-width:1100px){.account-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}
@media(max-width:650px){.account-grid{grid-template-columns:minmax(0,1fr)}}

/* Persistent list navigation works without JavaScript or modern viewport units. */
.list-song-reading>header{display:none}.list-song-reading>main{padding-top:84px;padding-top:calc(84px + env(safe-area-inset-top,0px))}
.list-song-nav{position:fixed;top:0;left:0;right:0;z-index:60;height:64px;height:calc(64px + env(safe-area-inset-top,0px));margin:0;padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top,0px));padding-left:calc(12px + env(safe-area-inset-left,0px));padding-right:calc(12px + env(safe-area-inset-right,0px));display:flex;align-items:center;flex-wrap:nowrap;background:#edf2f8;border-bottom:1px solid #cdd9e4}
.list-song-nav .button{margin:0 8px 0 0;white-space:nowrap}.list-song-nav button:disabled{opacity:.45;cursor:default}.list-song-nav .list-song-close{display:flex;align-items:center;justify-content:center;margin:0 0 0 auto;min-width:44px;min-height:44px;color:#183a56;text-decoration:none;font-size:24px;background:transparent}
.list-song-reading .tools{top:64px;top:calc(64px + env(safe-area-inset-top,0px))}.dark .list-song-nav{background:#10243a;border-color:#36516c}.dark .list-song-close{color:#e9f0f8}
@media(max-width:520px){.list-song-nav .button{font-size:13px;padding:8px 10px}}

/* Keep the same left-hand music controls on Safari 12, including list playback.
   Use vh and grid-gap instead of dvh, max() or flex gap. */
.song-reading>main{margin-left:144px;margin-right:24px;max-width:980px;min-width:0;padding-left:0;padding-right:0}
.song-reading .tools{position:fixed;left:12px;top:50%;transform:translateY(-50%);z-index:40;width:116px;max-height:calc(100vh - 180px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px;margin:0;box-shadow:0 6px 24px rgba(23,61,101,.12)}
.song-reading .tools-title{display:flex;flex-direction:column;text-align:center}
.song-reading .tools-title strong{margin:4px 0 8px;font-size:14px;overflow-wrap:break-word}
.song-reading #collapse-tools{order:-1;display:block;width:100%;margin:0 0 6px;padding:6px 2px;font-size:12px}
.song-reading .tools-body{display:block;text-align:center}
.song-reading .tools-body>*{margin:0 0 8px}
.song-reading .tone-controls,.song-reading .font-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:6px}
.song-reading .tools .button{min-width:0;min-height:44px;margin:0;padding:8px 2px;font-size:12px;line-height:1.3;text-align:center}
.song-reading .tone-controls>a:last-child{grid-column:1/-1}
.song-reading .tools-body form .button,.song-reading #scroll-start{width:100%}
.song-reading .scroll-tools{border-top:1px solid #bccbd8;padding-top:8px}
.song-reading .scroll-tools label{display:block;margin:8px 0 0;font-size:12px}
.song-reading .scroll-tools input{width:100%;min-height:32px;margin-top:4px}
.song-reading.controls-collapsed>main{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;padding-bottom:80px}
.song-reading.controls-collapsed .tools{top:auto;bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:none;width:48px;padding:0;overflow:visible}
.song-reading.controls-collapsed .tools-title strong{display:none}
.song-reading.controls-collapsed #collapse-tools{margin:0;font-size:24px;border:0;background:transparent;color:inherit}
@media(min-width:1292px){.song-reading>main{margin-left:calc((100% - 980px)/2)}}
@media(max-width:600px){.song-reading>main{margin-left:101px;margin-right:8px}.song-reading .tools{left:5px;width:88px;padding:6px}.song-reading .tone-controls,.song-reading .font-controls{grid-gap:4px}.song-reading .tools .button{font-size:11px}.song-reading.controls-collapsed>main{margin:0;padding-left:12px;padding-right:12px}}
@media(max-height:600px){.song-reading .tools{top:80px;top:calc(80px + env(safe-area-inset-top,0px));transform:none;max-height:calc(100vh - 96px);max-height:calc(100vh - 96px - env(safe-area-inset-top,0px))}.song-reading.controls-collapsed .tools{top:auto}}

/* The reading mode remains available when the side controls are collapsed. */
.song-display-switch{display:inline-flex;align-items:center;border:1px solid #bccbd8;border-radius:10px;padding:4px;margin:14px 0 18px;background:#eaf0f7}
.song-display-switch .button{min-width:86px;min-height:44px;margin:0;border:0;background:transparent;color:#183a56;text-align:center;border-radius:7px;text-decoration:none}
.song-display-switch .button[aria-current="true"]{background:#173d58;color:#fff}
.dark .song-display-switch{background:#10283f;border-color:#42627f}.dark .song-display-switch .button{color:#deebf7}.dark .song-display-switch .button[aria-current="true"]{background:#eac77d;color:#14263a}
.score-empty{font:14px/1.5 Arial,Helvetica,sans-serif;white-space:normal;color:#6d7f8c}.dark .score-empty{color:#aec2d4}

/* Compact song metadata; the independent left control rail is unchanged. */
.song-reading .song-top{margin-bottom:18px}
.song-page-header{margin:0 0 18px;padding:0 0 20px;border-bottom:1px solid #cbd7e1}
.song-page-header .song-header-category{display:inline-block;margin:0 0 10px;padding:4px 9px;border-radius:6px;background:#f4ead5;color:#80612a;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}
.song-page-header .song-title{font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1.18;letter-spacing:-.02em;color:#183a56;margin:0 0 8px;overflow-wrap:break-word;word-wrap:break-word}
.song-page-header .song-header-author{margin:0;font-size:16px;line-height:1.5}
.song-page-header .song-header-moment{margin:0 0 8px;font-size:14px;font-weight:700;color:#80612a}
.song-page-header .song-header-rhythm{margin:8px 0 0;font-size:14px}
.song-page-header .offline-download-compact{display:flex;align-items:center;flex-wrap:wrap;margin:16px 0 0}
.song-page-header .offline-download-compact .button{width:auto;min-height:44px;margin:0 16px 0 0;padding:10px 16px;font-size:14px;line-height:1.5;font-weight:700}
.song-page-header .offline-download-compact>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.song-page-header .offline-download-compact>[data-offline-status]{order:1;flex-basis:100%;margin:8px 0 0;font-size:13px;line-height:1.5}
.song-page-header .offline-download-compact>[data-offline-status]:empty{display:none}
.song-reading .song-display-switch{margin:0 0 16px}
.dark .song-page-header{border-color:#36516c}.dark .song-page-header .song-title{color:#eef3fa}.dark .song-page-header .song-header-category{color:#eac77d;background:#3c3d32}.dark .song-page-header .song-header-moment{color:#eac77d}
@media(max-width:600px){.song-page-header{padding-bottom:16px;margin-bottom:16px}.song-page-header .song-title{font-size:26px}.song-page-header .song-header-author{font-size:14px}.song-page-header .offline-download-compact{margin-top:14px}.song-page-header .offline-download-compact .button{margin-right:12px;padding:9px 12px}}

.offline-download-compact .button{display:inline-flex;align-items:center;justify-content:center}.offline-download-icon{display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none;margin-right:8px}

/* Contribution editor: native controls and disclosures work on Safari / iOS 12. */
.contribution-editing>main{max-width:1180px;padding-top:30px}
.contribution-page{min-width:0}
.contribution-page .back{margin-bottom:24px}
.contribution-heading{margin:0 0 24px}
.contribution-heading .eyebrow{margin:0 0 12px;color:#8a6528;font-size:12px;letter-spacing:.12em}
.contribution-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:40px;line-height:1.15;margin:0 0 12px;color:#173d58}
.contribution-heading>p{margin:8px 0}
.contribution-heading .contribution-publication-note{font-size:14px;color:#566b7e}
.contribution-form{margin:24px 0 36px}
.contribution-section{margin:0;padding:24px 0;border-top:1px solid #cdd9e4;min-width:0}
.contribution-section h2{display:flex;align-items:center;font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.3;margin:0 0 20px;color:#173d58}
.contribution-step{display:inline-block;flex-shrink:0;width:34px;height:34px;margin-right:12px;text-align:center;line-height:34px;border-radius:50%;background:#e9c475;color:#173044;font-family:Arial,Helvetica,sans-serif;font-size:19px;font-weight:bold}
.contribution-fields{display:flex;align-items:flex-start;margin:0 -12px}
.contribution-fields>label{flex:1;min-width:0;margin:0 12px 18px;font-size:14px}
.contribution-fields input,.contribution-fields select,.contribution-options input,.contribution-options select{min-height:46px;font-size:16px}
.contribution-category-tone>label:last-child{max-width:160px}
.contribution-options{margin:0;border:0}
.contribution-options>summary{min-height:44px;padding:10px 0;font-size:15px}
.contribution-options>summary small{display:block;margin:4px 0 0 20px;color:#566b7e;font-size:13px;font-weight:normal}
.contribution-options[open]>summary{margin-bottom:12px}
.contribution-optional-fields{display:flex;align-items:flex-start;margin:0 -12px}
.contribution-optional-fields>label{flex:1;min-width:0;margin:0 12px 18px;font-size:14px}
.contribution-import{margin:0 0 18px;padding:0 0 12px}
.contribution-import>summary{font-size:15px;min-height:44px}
.contribution-import summary small{font-size:13px;font-weight:normal;color:#566b7e;margin-left:6px}
.contribution-import label{max-width:640px;font-size:14px}
.contribution-editor-help{font-size:14px;margin:0 0 18px}
.contribution-score-workspace{display:flex;align-items:flex-start;margin:0 0 20px}
.contribution-editor-pane,.contribution-preview-pane{flex:1;min-width:0}
.contribution-editor-pane{margin-right:24px}
.contribution-editor-pane>label{margin:0;font-size:14px}
.contribution-preview-pane>h3{font:700 14px/1.5 Arial,Helvetica,sans-serif;margin:0 0 8px}
.contribution-score-workspace textarea.score-editor,.contribution-score-workspace .preview-score{font:400 16px/1.7 'Courier New',Courier,monospace;letter-spacing:0;word-spacing:0;tab-size:4;font-variant-ligatures:none;white-space:pre;border:1px solid #8ca5ba;border-radius:10px;background:#fff;color:#183a56;padding:12px;overflow:auto;min-height:360px;max-width:100%;margin:8px 0 0}
.contribution-score-workspace textarea.score-editor{resize:vertical;max-height:none}
.contribution-score-workspace .preview-score{margin-top:0;max-height:620px}
.contribution-score-workspace .score-row{font:inherit;min-height:1.7em;white-space:pre}
.contribution-score-workspace .score-chords{font-weight:400;color:#185db3}
.contribution-preview-empty{min-height:360px;border:1px dashed #8ca5ba;border-radius:10px;padding:24px;font-size:14px;color:#566b7e}
.contribution-preview-pane>.button{margin-top:12px}
.contribution-video>label{max-width:720px;font-size:14px;margin-top:8px}
.contribution-form form>.check{font-size:14px;font-weight:normal;max-width:750px;line-height:1.6;margin:8px 0 20px}
.contribution-form form>.actions{margin:0;justify-content:flex-end}
.contribution-form .actions>.button.primary{font-size:15px;padding:12px 20px}
.contribution-page #envios{margin-top:36px;padding-top:24px;border-top:1px solid #cdd9e4}
.dark .contribution-heading h1,.dark .contribution-section h2{color:#f0f5fc}
.dark .contribution-heading .eyebrow{color:#e9c475}
.dark .contribution-heading .contribution-publication-note,.dark .contribution-options>summary small,.dark .contribution-import summary small,.dark .contribution-editor-help{color:#b7cbe0}
.dark .contribution-section,.dark .contribution-page #envios{border-color:#37546c}
.dark .contribution-score-workspace textarea.score-editor,.dark .contribution-score-workspace .preview-score{background:#10283f;color:#eaf2fb;border-color:#55728a}
.dark .contribution-score-workspace .score-chords{color:#83baff}
.dark .contribution-preview-empty{border-color:#55728a;color:#b7cbe0}
@media(max-width:900px){.contribution-score-workspace{display:block}.contribution-editor-pane{margin-right:0}.contribution-preview-pane{margin-top:24px}.contribution-preview-empty{min-height:160px}}
@media(max-width:650px){.contribution-editing>main{padding-top:24px}.contribution-heading h1{font-size:30px}.contribution-heading{margin-bottom:20px}.contribution-section h2{font-size:23px}.contribution-fields,.contribution-optional-fields{display:block;margin:0}.contribution-fields>label,.contribution-optional-fields>label{margin:0 0 16px}.contribution-category-tone>label:last-child{max-width:none}.contribution-options>summary small{margin-left:18px}.contribution-import summary small{display:block;margin:4px 0 0 18px}.contribution-form .actions{display:block}.contribution-form .actions>.button{display:block;text-align:center;width:100%;margin:10px 0}.contribution-section{padding:22px 0}.contribution-score-workspace textarea.score-editor{min-height:320px}.contribution-score-workspace .preview-score{min-height:240px}.contribution-form form>.check{font-size:13px}}

/* Lists overview: compact rows and native menus for Safari / iOS 12. */
.lists-overview>main{max-width:1200px;padding:32px 24px 56px}
.lists-page-heading{padding:0;margin:0 0 24px;border:0;background:transparent;color:inherit}
.lists-page-heading .eyebrow{font-size:12px;letter-spacing:.13em;margin:0 0 12px}
.lists-page-heading h1{font:700 42px/1.15 Georgia,'Times New Roman',serif;color:#183a56;margin:0 0 12px}
.lists-page-heading>p:last-child{font-size:17px;margin:0;color:#566b7e}
.lists-create-panel{background:#fff;border:1px solid #cdd9e4;border-radius:14px;padding:22px 24px;margin-bottom:30px}
.lists-create-panel>summary{font-size:18px;font-weight:700;min-height:28px;cursor:pointer;list-style:none;position:relative;padding-right:30px}
.lists-create-panel>summary::-webkit-details-marker{display:none}
.lists-create-panel>summary:after{content:'⌄';position:absolute;right:0;top:-3px;font-size:24px;line-height:1}
.lists-create-panel[open]>summary:after{content:'⌃';top:3px}
.lists-create-form{margin-top:16px}
.lists-create-fields{display:flex;align-items:flex-end;margin:0 -10px}
.lists-create-fields>label{flex:1;min-width:0;margin:0 10px;font-size:14px}
.lists-create-fields>label:first-child{flex:1.35}
.lists-create-fields input{min-height:48px;font-size:16px}
.lists-create-submit{margin:0 10px}
.lists-create-submit .button{margin:0;min-width:180px;min-height:48px;padding:11px 20px}
.lists-time-help{margin:8px 0 0;font-size:12px;color:#566b7e}
.lists-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 16px}
.lists-section-heading h2{font:700 25px/1.3 Georgia,'Times New Roman',serif;margin:0 16px 6px 0}
.lists-section-heading p{font-size:13px;margin:0 0 6px;color:#566b7e}
.lists-event-card{position:relative;display:flex;align-items:center;padding:18px 22px;margin-bottom:14px;border:1px solid #cdd9e4;border-radius:12px;background:#fff;min-width:0}
.lists-event-card.is-pinned{border-left:4px solid #d9ae5b;padding-left:19px}
.lists-date-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:74px;min-height:82px;flex-shrink:0;border:1px solid #c5d5e3;border-radius:10px;background:#f1f5f9;margin-right:22px;color:#183a56}
.lists-date-tile strong{font:700 31px/1.15 Georgia,'Times New Roman',serif;color:#183a56}
.lists-date-tile>span{font-size:13px;line-height:1.4;font-weight:700;color:#526d85;margin-top:4px}
.lists-event-info{min-width:0;flex:1}
.lists-event-info h2{font-size:19px;line-height:1.35;margin:0 0 8px;word-wrap:break-word;overflow-wrap:break-word}
.lists-event-info h2>a{text-decoration:none;font-weight:700;color:#183a56}
.lists-event-info h2>a:hover{text-decoration:underline}
.lists-pinned-label,.lists-shared-label{display:inline-block;font-size:11px;font-weight:700;line-height:1.4;padding:3px 7px;border-radius:5px;margin:0 8px 7px 0;background:#f7edda;color:#80612a}
.lists-shared-label{background:#e8eff6;color:#3d617f}
.lists-event-meta{display:flex;flex-wrap:wrap;color:#566b7e;font-size:13px;margin:0}
.lists-event-meta>span{margin-right:18px}
.lists-owner{font-size:13px;color:#566b7e;margin:0 0 6px}
.lists-event-actions{display:flex;align-items:center;flex-shrink:0;margin-left:22px}
.lists-open-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;color:#866122;text-decoration:none;padding:8px 10px;margin-right:12px;white-space:nowrap}
.lists-open-link>span{margin-left:8px}
.lists-native-options{position:relative;min-width:112px}
.lists-native-options>summary{display:block;cursor:pointer;font-size:14px;line-height:24px;text-align:center;list-style:none;border:1px solid #8ca5ba;border-radius:8px;padding:10px 12px;min-height:44px;white-space:nowrap;background:#fff;color:#183a56}
.lists-native-options>summary::-webkit-details-marker{display:none}
.lists-native-options>summary>span{margin-left:10px}
.lists-options-menu{position:absolute;z-index:20;top:100%;right:0;min-width:230px;max-width:calc(100vw - 44px);margin-top:5px;padding:6px;border:1px solid #8ca5ba;border-radius:10px;background:#fff;box-shadow:0 10px 22px rgba(10,30,47,.12)}
.lists-options-menu form{margin:0}
.lists-options-menu .button{display:block;width:100%;margin:0;padding:11px 12px;min-height:44px;text-align:left;font-size:14px;line-height:1.5;border:0;border-radius:6px;background:transparent;color:#183a56;font-weight:400;white-space:normal}
.lists-options-menu .button:hover,.lists-options-menu .button:focus{background:#edf3f8}
.lists-options-menu .lists-danger-link{margin-top:4px;border-top:1px solid #d8e2eb;border-radius:0;color:#a33b35}
.lists-order-note{color:#80612a;font-size:13px;margin:20px 0 0}
.dark .lists-page-heading h1,.dark .lists-section-heading h2,.dark .lists-event-info h2>a,.dark .lists-date-tile strong{color:#f0f5fc}
.dark .lists-page-heading>p:last-child,.dark .lists-section-heading p,.dark .lists-time-help,.dark .lists-event-meta,.dark .lists-owner,.dark .lists-date-tile>span{color:#b6cbe0}
.dark .lists-create-panel,.dark .lists-event-card{background:#172e45;border-color:#36516c}
.dark .lists-event-card.is-pinned{border-left-color:#e7bf72}
.dark .lists-date-tile{background:#142b41;border-color:#36516c}
.dark .lists-pinned-label{background:#594a2d;color:#f5d18d}
.dark .lists-shared-label{background:#25445d;color:#c5dff6}
.dark .lists-open-link,.dark .lists-order-note{color:#e7bf72}
.dark .lists-native-options>summary,.dark .lists-options-menu{background:#10283f;color:#eaf2fb;border-color:#55728a}
.dark .lists-options-menu .button{color:#eaf2fb;background:transparent}
.dark .lists-options-menu .button:hover,.dark .lists-options-menu .button:focus{background:#203c56}
.dark .lists-options-menu .lists-danger-link{border-color:#36516c;color:#ffaaa2}
@media(max-width:900px){.lists-create-fields{flex-wrap:wrap}.lists-create-fields>label{flex:1;min-width:240px}.lists-create-submit{width:100%;margin-top:16px}.lists-create-submit .button{min-width:200px}.lists-event-actions{margin-left:16px;flex-direction:column;align-items:flex-end}.lists-open-link{margin:0 0 4px;padding-right:0}.lists-native-options{min-width:112px}.lists-event-card{padding:18px}.lists-event-card.is-pinned{padding-left:15px}}
@media(max-width:600px){.lists-overview>main{padding:24px 16px 44px}.lists-page-heading h1{font-size:32px}.lists-page-heading>p:last-child{font-size:15px}.lists-create-panel{padding:18px 16px}.lists-create-fields{display:block;margin:0}.lists-create-fields>label{margin:0 0 14px;min-width:0}.lists-create-submit{margin:0;width:100%}.lists-create-submit .button{width:100%;min-width:0}.lists-section-heading{display:block}.lists-section-heading p{font-size:12px}.lists-event-card{flex-wrap:wrap;align-items:flex-start;padding:16px}.lists-event-card.is-pinned{padding-left:13px}.lists-date-tile{width:58px;min-height:68px;margin-right:14px}.lists-date-tile strong{font-size:27px}.lists-date-tile>span{font-size:11px}.lists-event-info{width:calc(100% - 72px);flex:auto}.lists-event-info h2{font-size:17px}.lists-event-meta{display:block;font-size:12px}.lists-event-meta>span{display:block;margin:4px 0 0}.lists-event-actions{width:100%;margin:12px 0 0 72px;flex-direction:row;justify-content:space-between;align-items:center}.lists-open-link{margin:0;padding-left:0;font-size:13px}.lists-native-options{min-width:104px}.lists-native-options>summary{font-size:13px;padding:9px 11px}.lists-event-actions{width:calc(100% - 72px)}.lists-options-menu{min-width:220px}}
.dark .lists-page-heading{background:transparent;border:0;color:inherit}

/* Account overview: native disclosures, flexible columns and readable tap rows. */
.account-overview>main{max-width:1248px;padding:32px 24px 36px}
.account-overview-heading{margin:0 0 24px}
.account-overview-heading .eyebrow{font-size:12px;letter-spacing:.13em;margin:0 0 12px;color:#8b682d}
.account-overview-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:42px;line-height:1.15;letter-spacing:-.02em;color:#183a56;margin:0 0 12px}
.account-overview-heading>p:last-child{font-size:17px;margin:0;color:#566b7e}
.account-profile-strip{display:flex;align-items:center;justify-content:space-between;border:1px solid #cbd9e5;border-radius:13px;background:#fff;padding:22px 24px;margin:0 0 22px;min-width:0}
.account-profile-person{display:flex;align-items:center;min-width:0;flex:1;flex-wrap:wrap}
.account-profile-person>.avatar{width:68px;height:68px;line-height:68px;font-size:24px;margin-right:22px}
.account-profile-identity{min-width:0;margin-right:24px}
.account-profile-identity h2{font:700 20px/1.35 Arial,Helvetica,sans-serif;margin:0 0 5px;color:#183a56;overflow-wrap:break-word}
.account-profile-identity p{font-size:15px;line-height:1.4;margin:0;color:#566b7e;word-wrap:break-word;overflow-wrap:break-word}
.account-role-badge{display:inline-flex;align-items:center;max-width:100%;border:1px solid #ba9144;border-radius:7px;color:#88601d;font-size:13px;font-weight:bold;padding:5px 9px;margin:8px 20px 8px 0}
.account-role-badge>.account-overview-icon{width:18px;height:18px;margin-right:7px}
.account-profile-logout{position:relative;flex-shrink:0;margin-left:24px;max-width:100%}
.account-profile-logout>.account-overview-icon{position:absolute;top:13px;left:13px;pointer-events:none;color:#31546f}
.account-profile-logout form{margin:0}
.account-profile-logout .button{min-height:48px;margin:0;padding:11px 18px 11px 46px;white-space:nowrap;font-size:14px}
.account-overview-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;align-items:stretch}
.account-overview-columns-personal{grid-template-columns:repeat(2,minmax(0,1fr))}
.account-overview-card{min-width:0;border:1px solid #cbd9e5;background:#fff;border-radius:13px;padding:20px}
.account-overview-card h2{display:flex;align-items:center;margin:0 0 18px;font:700 21px/1.3 Arial,Helvetica,sans-serif;color:#183a56}
.account-overview-card h2>.account-overview-icon{width:26px;height:26px;margin-right:12px;flex-shrink:0;color:#aa7d2c}
.account-overview-links{border:1px solid #cad9e5;border-radius:8px;overflow:hidden;min-width:0}
.account-overview-link{display:flex;align-items:center;min-height:54px;text-decoration:none;color:#183a56;padding:12px 13px;border-top:1px solid #cad9e5;line-height:1.4;font-size:14px;font-weight:bold;min-width:0}
.account-overview-link:first-child{border-top:0}
.account-overview-link>.account-overview-icon{margin-right:12px;flex-shrink:0;color:#407090}
.account-overview-link>span:not(.account-overview-chevron){flex:1;min-width:0;overflow-wrap:break-word;word-wrap:break-word}
.account-overview-chevron{font-size:25px;line-height:1;flex-shrink:0;margin-left:10px;color:#668399}
.account-overview-link.is-featured{background:#fbf4e4;box-shadow:inset 0 0 0 1px #bf9448;color:#684b1c;border-radius:7px}
.account-overview-link.is-featured>.account-overview-icon,.account-overview-link.is-featured>.account-overview-chevron{color:#9f7529}
.account-overview-link:hover{background:#edf3f8}
.account-overview-link:focus,.account-profile-logout .button:focus,.account-overview-install summary:focus{outline:2px solid #ad7c27;outline-offset:-3px}
.account-overview-editorial{border-top:1px solid #cad9e5;padding-top:20px;margin-top:20px}
.account-overview-install{position:relative;min-width:0}
.account-overview-install summary>.account-overview-icon{position:absolute;top:16px;left:13px;pointer-events:none;color:#407090}
.account-overview-install .account-install{border:0;border-radius:0;padding:0;margin:0;min-width:0}
.account-overview-install .account-install summary{position:relative;list-style:none;min-height:54px;padding:15px 37px 15px 47px;font:700 14px/1.6 Arial,Helvetica,sans-serif;color:#183a56}
.account-overview-install .account-install summary::-webkit-details-marker{display:none}
.account-overview-install .account-install summary:after{content:'›';position:absolute;right:14px;top:14px;font:25px/1 Arial,sans-serif;color:#668399}
.account-overview-install .account-install[open] summary:after{transform:rotate(90deg)}
.account-overview-install .account-install>p,.account-overview-install .account-install>ol,.account-overview-install .account-install>button{margin-left:13px;margin-right:13px;font-size:13px}
.account-overview-install .account-install>button{width:calc(100% - 26px)}
.account-overview-install .account-install>p:last-child{padding-bottom:12px}
.account-overview-caption{display:flex;align-items:flex-start;border-top:1px solid #cad9e5;padding-top:18px;margin:24px 0 0;color:#566b7e;font-size:12px;line-height:1.6}
.account-overview-caption>.account-overview-icon{flex-shrink:0;width:19px;height:19px;margin:1px 12px 0 0;color:#5280a0}
.account-overview .review-badge{vertical-align:middle;font-size:11px;margin-left:7px}
.dark .account-overview-heading h1,.dark .account-profile-identity h2,.dark .account-overview-card h2{color:#eef4fb}
.dark .account-overview-heading>p:last-child,.dark .account-profile-identity p,.dark .account-overview-caption{color:#b7cbe0}
.dark .account-overview-heading .eyebrow{color:#e7bf72}
.dark .account-profile-strip,.dark .account-overview-card{background:#172e45;border-color:#36516c}
.dark .account-overview-links,.dark .account-overview-link,.dark .account-overview-editorial,.dark .account-overview-caption{border-color:#36516c}
.dark .account-overview-link,.dark .account-overview-install .account-install summary{color:#eef4fb}
.dark .account-overview-link>.account-overview-icon,.dark .account-overview-install summary>.account-overview-icon,.dark .account-overview-caption>.account-overview-icon,.dark .account-overview-chevron,.dark .account-overview-install .account-install summary:after{color:#acd5f5}
.dark .account-overview-card h2>.account-overview-icon,.dark .account-role-badge{color:#e7bf72}
.dark .account-profile-logout>.account-overview-icon{color:#eef4fb}
.dark .account-role-badge{border-color:#b88e3c}
.dark .account-overview-link.is-featured{background:#1a344b;color:#eef4fb;box-shadow:inset 0 0 0 1px #e7bf72}
.dark .account-overview-link.is-featured>.account-overview-icon,.dark .account-overview-link.is-featured>.account-overview-chevron{color:#e7bf72}
.dark .account-overview-link:hover{background:#203b53}
.dark .account-overview-link:focus,.dark .account-profile-logout .button:focus,.dark .account-overview-install summary:focus{outline-color:#e7bf72}
@media(max-width:1099px){.account-overview-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.account-profile-strip{padding:20px}.account-profile-person>.avatar{margin-right:16px}.account-role-badge{margin-right:12px}.account-profile-logout{margin-left:14px}.account-overview-card{padding:18px}}
@media(max-width:650px){.account-overview>main{padding:24px 16px 32px}.account-overview-heading h1{font-size:32px}.account-overview-heading>p:last-child{font-size:15px}.account-profile-strip{display:block;padding:18px}.account-profile-person{align-items:flex-start}.account-profile-person>.avatar{width:56px;height:56px;line-height:56px;font-size:20px;margin-right:14px}.account-profile-identity{flex:1;margin:3px 0 0;min-width:0}.account-profile-identity h2{font-size:18px}.account-profile-identity p{font-size:13px;word-break:break-word}.account-role-badge{margin:12px 0 0 70px;font-size:12px}.account-profile-logout{margin:18px 0 0;display:inline-block}.account-overview-columns{grid-template-columns:minmax(0,1fr);grid-gap:16px}.account-overview-card{padding:18px}.account-overview-card h2{font-size:20px}.account-overview-link{min-height:54px;font-size:14px}.account-overview-caption{font-size:12px}.account-profile-logout .button{font-size:13px;min-height:46px}}

/* Collaborator invitations: same visual hierarchy with native forms on Safari 12. */
.list-collaboration-page>main{max-width:1200px;padding:32px 24px 56px}
.list-collaboration{color:#183a56;min-width:0}
.collaboration-heading{margin:0 0 20px}
.collaboration-heading h1{font:700 32px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.02em;margin:0 0 10px;color:#183a56}
.collaboration-context{margin:0;color:#566e82;font-size:15px;overflow-wrap:break-word;word-wrap:break-word}
.collaboration-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #cddae5;margin:0 0 24px}
.collaboration-tabs a{display:flex;align-items:center;min-height:48px;margin:0 24px 0 0;padding:10px 0;color:#526a7e;text-decoration:none;font-size:14px;font-weight:bold;border-bottom:3px solid transparent}
.collaboration-tabs a[aria-current=page]{color:#8d6728;border-bottom-color:#c39442}
.collaboration-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;align-items:stretch;margin-bottom:20px}
.collaboration-card,.collaboration-accesses{min-width:0;background:#fff;border:1px solid #cad9e5;border-radius:13px;padding:24px}
.collaboration-card{display:flex;flex-direction:column}
.collaboration-card-heading{display:flex;align-items:flex-start;margin-bottom:18px}
.collaboration-card-heading>svg{width:46px;height:46px;padding:11px;background:#e7eff6;color:#386b90;border-radius:10px;flex-shrink:0;margin:0 14px 0 0}
.collaboration-card-heading>div{min-width:0}
.collaboration-card-heading h2{margin:2px 0 5px;font-size:20px;line-height:1.3;color:#183a56}
.collaboration-card-heading p{font-size:13px;line-height:1.5;color:#60788c;margin:0}
.collaboration-form{min-width:0;margin:0}
.collaboration-form>label,.collaboration-link-field>label{font-size:14px;margin:0 0 16px}
.collaboration-form input,.collaboration-form select,.collaboration-link-field input{background:#f8fafc;color:#183a56;border:1px solid #9fb6ca;border-radius:8px;min-height:46px;margin-top:7px;padding:11px 12px;font-size:16px;line-height:1.4;width:100%;min-width:0}
.collaboration-form input::placeholder{color:#70869a}
.collaboration-form>.button{min-height:46px;margin:2px 0 0;padding:11px 16px;font-size:14px}
.collaboration-form>.collaboration-primary{width:100%;background:#e9c475;color:#132e44;border-color:#d5ae62}
.collaboration-form>.collaboration-secondary{background:#f3f7fb;color:#244a67;border-color:#a4bbcf}
.collaboration-note{display:flex;align-items:flex-start;margin:18px 0 0;font-size:12px;line-height:1.6;color:#5e7487;overflow-wrap:break-word;word-wrap:break-word}
.collaboration-note>svg{flex-shrink:0;width:18px;height:18px;margin:1px 9px 0 0;color:#567f9b}
.collaboration-note>span{min-width:0}
.collaboration-link-field{min-width:0;margin:0 0 15px}
.collaboration-link-field>label{margin-bottom:6px}
.collaboration-link-field input{font-size:14px;text-overflow:ellipsis}
.collaboration-link-field .collaboration-note{margin-top:5px;font-size:12px}
.collaboration-current-role{font-size:12px;color:#60788c;margin:0 0 16px}
.collaboration-link-empty{font-size:14px;line-height:1.6;color:#5f778a;margin:0 0 20px}
.collaboration-link-disable{margin:12px 0 0}
.collaboration-link-disable>summary{display:inline-flex;align-items:center;min-height:44px;border:1px solid #a4bbcf;border-radius:8px;background:#f3f7fb;color:#244a67;padding:9px 14px;font-size:14px}
.collaboration-link-disable>.button{margin-top:8px}
.collaboration-card>.collaboration-note:last-child{margin-top:auto;padding-top:18px}
.collaboration-access-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}
.collaboration-access-heading h2{font-size:21px;line-height:1.3;margin:0 18px 0 0;color:#183a56}
.collaboration-count{font-size:13px;color:#657f93;white-space:nowrap}
.collaboration-list-labels{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.25fr) minmax(0,1.2fr) 90px;grid-gap:18px;border-bottom:1px solid #cad9e5;padding:0 0 10px;font-size:12px;color:#60788c}
.collaboration-member-list{list-style:none;padding:0;margin:0}
.collaboration-person-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.25fr) minmax(0,1.2fr) 90px;grid-gap:18px;align-items:center;min-width:0;padding:18px 0;border-bottom:1px solid #d7e2eb}
.collaboration-identity{display:flex;align-items:center;min-width:0}
.collaboration-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#e3edf5;color:#315d7d;font-size:14px;font-weight:bold;margin-right:12px}
.collaboration-person{min-width:0;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}
.collaboration-person-name{display:block;font-size:14px;line-height:1.4;color:#183a56}
.collaboration-person-email{display:block;font-size:12px;line-height:1.5;margin-top:3px;color:#60788c}
.collaboration-person-role{font-size:13px;color:#3d617b;overflow-wrap:break-word;word-wrap:break-word;min-width:0}
.collaboration-member-label{display:none}
.collaboration-status{display:inline-block;justify-self:start;font-size:12px;line-height:1.4;font-weight:bold;padding:6px 10px;border-radius:18px;background:#edf2f6;color:#4a6477;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}
.collaboration-status.is-accepted{background:#e4f4ec;color:#1d694b}
.collaboration-status.is-pending{background:#fcf1d6;color:#825c19}
.collaboration-status.is-declined{background:#f9e8e7;color:#984941}
.collaboration-remove{margin:0;justify-self:end;min-width:0;max-width:100%}
.collaboration-remove>summary{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #a4bbcf;border-radius:8px;padding:9px 12px;list-style:none;font-size:12px;font-weight:normal;color:#4a6477;background:#f8fafc}
.collaboration-remove>summary::-webkit-details-marker{display:none}
.collaboration-remove form{margin-top:8px}
.collaboration-remove .button{font-size:12px;min-height:44px;white-space:normal;margin-right:0;padding:8px}
.collaboration-empty{background:#f5f8fb;border:1px dashed #bfcedc;border-radius:9px;padding:22px;margin:0;color:#60788c;font-size:14px;line-height:1.7}
.list-collaboration a:focus,.list-collaboration button:focus,.list-collaboration input:focus,.list-collaboration select:focus,.list-collaboration summary:focus{outline:2px solid #b5842e;outline-offset:3px}
.dark .list-collaboration,.dark .collaboration-heading h1,.dark .collaboration-card-heading h2,.dark .collaboration-access-heading h2,.dark .collaboration-person-name{color:#edf4fb}
.dark .collaboration-context,.dark .collaboration-card-heading p,.dark .collaboration-note,.dark .collaboration-current-role,.dark .collaboration-link-empty,.dark .collaboration-count,.dark .collaboration-list-labels,.dark .collaboration-person-email{color:#aec5da}
.dark .collaboration-tabs{border-color:#36516c}
.dark .collaboration-tabs a{color:#b3c9dc}
.dark .collaboration-tabs a[aria-current=page]{color:#efca82;border-bottom-color:#e7bf72}
.dark .collaboration-card,.dark .collaboration-accesses{background:#172e45;border-color:#36516c}
.dark .collaboration-card-heading>svg{background:#294a65;color:#bedef8}
.dark .collaboration-form input,.dark .collaboration-form select,.dark .collaboration-link-field input{background:#10263c;color:#e9f0f8;border-color:#42627f}
.dark .collaboration-form input::placeholder{color:#94acc3}
.dark .collaboration-form>.collaboration-primary{background:#e7bf72;color:#14263a;border-color:#d8b268}
.dark .collaboration-form>.collaboration-secondary,.dark .collaboration-link-disable>summary,.dark .collaboration-remove>summary{background:#142d45;color:#e3eef9;border-color:#52728d}
.dark .collaboration-note>svg{color:#9bc4e6}
.dark .collaboration-list-labels,.dark .collaboration-person-row{border-color:#36516c}
.dark .collaboration-avatar{background:#31546f;color:#edf6ff}
.dark .collaboration-person-role{color:#cbdef0}
.dark .collaboration-status.is-accepted{background:#15583f;color:#c8f4df}
.dark .collaboration-status.is-pending{background:#574725;color:#ffe0a0}
.dark .collaboration-status.is-declined{background:#60363a;color:#ffd3cd}
.dark .collaboration-empty{background:#142b40;color:#b4cbe0;border-color:#496881}
.dark .list-collaboration a:focus,.dark .list-collaboration button:focus,.dark .list-collaboration input:focus,.dark .list-collaboration select:focus,.dark .list-collaboration summary:focus{outline-color:#e7bf72}
@media(max-width:800px){.collaboration-methods{grid-template-columns:minmax(0,1fr)}.collaboration-card>.collaboration-note:last-child{margin-top:16px;padding-top:0}.collaboration-list-labels{display:none}.collaboration-person-row{grid-template-columns:minmax(0,1fr) auto;grid-gap:12px 16px}.collaboration-identity{grid-column:1;grid-row:1}.collaboration-remove{grid-column:2;grid-row:1/3}.collaboration-person-role{grid-column:1;grid-row:2;margin-left:54px}.collaboration-member-label{display:block;font-size:11px;font-weight:bold;color:#738da2;margin-bottom:3px}.collaboration-status{grid-column:1;grid-row:3;margin-left:54px}.dark .collaboration-member-label{color:#94b0c8}}
@media(max-width:520px){.list-collaboration-page>main{padding:24px 14px 44px}.collaboration-heading h1{font-size:27px}.collaboration-context{font-size:14px}.collaboration-tabs a{font-size:12px;margin-right:18px;min-height:48px}.collaboration-card,.collaboration-accesses{padding:18px 16px}.collaboration-card-heading h2{font-size:18px}.collaboration-card-heading>svg{width:42px;height:42px;padding:10px;margin-right:11px}.collaboration-access-heading h2{font-size:19px}.collaboration-count{font-size:12px}.collaboration-person-row{grid-gap:10px 12px}.collaboration-avatar{width:36px;height:36px;margin-right:10px}.collaboration-person-role,.collaboration-status{margin-left:46px}.collaboration-remove>summary{padding:8px 10px;min-width:70px}.collaboration-form>.button{width:100%}.collaboration-person-name{font-size:14px}.collaboration-person-email{font-size:12px}}

/* Event repertoire: compact rows, side-by-side selection and native controls. */
.list-repertoire-page>main{max-width:1248px;padding:32px 24px 56px}
.list-repertoire{min-width:0;color:#183a56}
.list-repertoire-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #cad9e5;margin:0 0 26px}
.list-repertoire-tabs a{display:flex;align-items:center;min-height:48px;margin:0 24px 0 0;padding:10px 0;border-bottom:3px solid transparent;color:#526d82;text-decoration:none;font-size:14px;font-weight:bold}
.list-repertoire-tabs a[aria-current=page]{color:#8d6728;border-bottom-color:#c39442}
.list-repertoire-tabs a>svg,.collaboration-tabs a>svg{display:block;flex-shrink:0;margin-right:9px;width:20px;height:20px}
.list-repertoire-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;min-width:0}
.list-repertoire-heading>div:first-child{min-width:0;flex:1}
.list-repertoire-heading .eyebrow{font-size:12px;letter-spacing:.12em;margin:0 0 10px;color:#8c672b}
.list-repertoire-heading h1{font:700 32px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.02em;margin:0 0 12px;color:#183a56;overflow-wrap:break-word;word-wrap:break-word}
.list-repertoire-meta,.list-repertoire-owner{font-size:14px;color:#60778b;margin:6px 0;overflow-wrap:break-word;word-wrap:break-word}
.list-repertoire-heading-actions{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;max-width:380px;margin-left:24px}
.list-repertoire-heading-actions .offline-download{display:flex;align-items:center;flex-wrap:wrap;margin:0}
.list-repertoire-heading-actions .offline-download .button{margin-top:0;margin-bottom:0;font-size:13px;min-height:44px;padding:10px 13px}
.list-repertoire-heading-actions .offline-download a{display:inline-flex;align-items:center;font-size:12px;min-height:44px;margin:0 0 0 8px}
.list-repertoire-heading-actions .offline-download [data-offline-status]{font-size:12px;flex-basis:100%;margin:0;order:3}
.list-repertoire-heading-actions .list-repertoire-edit-link{font-size:13px;min-height:44px;margin:10px 0 10px 12px;padding:10px 13px}
.list-repertoire-description{font-size:14px;color:#60778b;white-space:pre-wrap;margin:0 0 24px}
.list-repertoire-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-gap:22px;align-items:start}
.list-repertoire-layout-viewer{grid-template-columns:minmax(0,1fr)}
.list-repertoire-panel,.list-repertoire-add{min-width:0;background:#fff;border:1px solid #cad9e5;border-radius:13px;padding:24px}
.list-repertoire-section-heading{margin:0 0 18px}
.list-repertoire-section-heading h2{font:700 21px/1.35 Arial,Helvetica,sans-serif;color:#183a56;margin:0 0 7px}
.list-repertoire-section-heading h2>span{font-size:12px;font-weight:normal;margin-left:9px;padding:4px 8px;background:#edf3f8;color:#5e778a;border-radius:15px;vertical-align:middle;white-space:nowrap}
.list-repertoire-section-heading p{font-size:12px;line-height:1.6;color:#60778b;margin:0}
.list-repertoire-songs{list-style:none;padding:0;margin:0}
.list-repertoire-row{display:flex;align-items:flex-start;border-top:1px solid #d5e1eb;padding:20px 0;min-width:0}
.list-repertoire-row:last-child{padding-bottom:0}
.list-repertoire-number{display:inline-flex;align-items:center;justify-content:center;background:#f5e4be;color:#72511a;border:1px solid #dfc28d;border-radius:50%;width:34px;height:34px;flex-shrink:0;margin:0 14px 0 0;font-size:15px;line-height:1;font-weight:bold}
.list-repertoire-song{min-width:0;flex:1}
.list-repertoire-song-heading{display:flex;align-items:flex-start;justify-content:space-between;min-width:0}
.list-repertoire-song-heading h2,.list-repertoire-song-heading h3{font:700 17px/1.4 Arial,Helvetica,sans-serif;color:#183a56;margin:3px 12px 6px 0;min-width:0;overflow-wrap:break-word;word-wrap:break-word}
.list-repertoire-song-heading a{text-decoration:none;color:inherit;display:inline-block;min-height:36px}
.list-repertoire-tone{font-size:11px;line-height:1.3;background:#edf4fa;color:#516f87;border:1px solid #c7d8e6;border-radius:8px;padding:6px 8px;text-align:center;flex-shrink:0;min-width:66px;margin-left:12px}
.list-repertoire-tone strong{display:block;color:#214b6c;font-size:17px;font-weight:bold;margin-top:3px}
.list-repertoire-author{font-size:12px;line-height:1.5;color:#60788c;margin:0 0 10px;overflow-wrap:break-word;word-wrap:break-word}
.list-repertoire-moment{display:inline-block;font-size:12px;line-height:1.4;margin:0;padding:5px 9px;border-radius:14px;background:#edf3f8;color:#4f6c83}
.list-repertoire-notes{margin:10px 0 0;min-width:0}
.list-repertoire-notes>summary{font-size:12px;color:#60778b;font-weight:normal;min-height:44px;padding:12px 0}
.list-repertoire-notes p{font-size:13px;line-height:1.6;white-space:pre-wrap;color:#3e627d;margin:2px 0 0;overflow-wrap:break-word;word-wrap:break-word}
.list-repertoire-notes label{font-size:12px;margin-top:4px}
.list-repertoire-notes textarea{font-size:14px;line-height:1.5;min-height:80px;margin:7px 0 0}
.list-repertoire-add{position:-webkit-sticky;position:sticky;top:20px}
.list-repertoire-add>label{font-size:13px;margin:18px 0 14px;min-width:0}
.list-repertoire-add input,.list-repertoire-add select{min-height:46px;background:#f8fafc;color:#183a56;border-color:#9fb6ca;min-width:0;font-size:16px}
.list-repertoire-add>.button{display:flex;align-items:center;justify-content:center;width:100%;margin:18px 0 0;padding:11px 12px;font-size:14px;min-height:46px;text-align:center}
.list-repertoire-help{font-size:12px;line-height:1.7;color:#60778b;margin:18px 0 0}
.list-repertoire-footer{margin:24px 0 0;display:flex;align-items:center;justify-content:flex-end}
.list-repertoire-footer .button{font-size:13px}
.list-repertoire-form{margin-top:22px}
.list-repertoire-info{margin:0 0 22px;border:1px solid #cad9e5;border-radius:10px;background:#fff;padding:0 20px;min-width:0}
.list-repertoire-info>summary{min-height:48px;line-height:1.6;padding:12px 0;font-size:14px;color:#365c79}
.list-repertoire-info>summary:focus{outline-offset:-3px}
.list-repertoire-info>label,.list-repertoire-info .form-grid>label{font-size:13px}
.list-repertoire-info .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.list-repertoire-info input{min-height:46px;font-size:16px}
.list-repertoire-info textarea{min-height:90px;font-size:14px}
.list-repertoire-info>details>summary{font-size:13px;min-height:44px}
.list-repertoire-row-fields .moment-field{min-width:0}
.list-repertoire-row-fields .moment-field label{font-size:12px;margin:10px 0}
.list-repertoire-row-fields .moment-field select,.list-repertoire-row-fields .moment-field input{font-size:14px;min-height:44px;background:#f8fafc;color:#183a56;border-color:#a1b8cb;margin-top:5px;padding:10px;min-width:0}
.list-repertoire-row-fields .moment-field input[data-other]{font-size:13px}
.list-repertoire-row-actions{display:flex;align-items:flex-start;flex-shrink:0;margin-left:12px}
.list-repertoire-row-actions .button{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:6px;margin:0 0 0 5px;background:#f5f8fb;color:#526f84;border-color:#b8cad9;font-size:20px;font-weight:normal}
.list-repertoire-row-actions .button:disabled{opacity:.45;cursor:default}
.list-repertoire-save{position:-webkit-sticky;position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;z-index:5;margin:24px 0 0;padding:14px 18px;border:1px solid #b9cbdc;border-radius:11px;background:#fff;box-shadow:0 3px 16px rgba(20,50,80,.1)}
.list-repertoire-save p{font-size:12px;color:#60778b;margin:0 16px 0 0}
.list-repertoire-save>div{display:flex;align-items:center;flex-wrap:wrap}
.list-repertoire-save .button{margin:3px 0 3px 8px;font-size:13px;min-height:44px}
.list-repertoire-empty{font-size:14px;line-height:1.7;color:#60778b;padding:20px 0;margin:0}
.list-repertoire a:focus,.list-repertoire button:focus,.list-repertoire input:focus,.list-repertoire select:focus,.list-repertoire summary:focus{outline:2px solid #b5842e;outline-offset:3px}
.dark .list-repertoire,.dark .list-repertoire-heading h1,.dark .list-repertoire-section-heading h2,.dark .list-repertoire-song-heading h2,.dark .list-repertoire-song-heading h3{color:#f0f5fc}
.dark .list-repertoire-tabs{border-color:#36516c}
.dark .list-repertoire-tabs a{color:#aec5da}
.dark .list-repertoire-tabs a[aria-current=page],.dark .list-repertoire-heading .eyebrow{color:#efc97e;border-bottom-color:#e7bf72}
.dark .list-repertoire-meta,.dark .list-repertoire-owner,.dark .list-repertoire-description,.dark .list-repertoire-section-heading p,.dark .list-repertoire-author,.dark .list-repertoire-notes>summary,.dark .list-repertoire-help,.dark .list-repertoire-save p,.dark .list-repertoire-empty{color:#b0c6db}
.dark .list-repertoire-panel,.dark .list-repertoire-add,.dark .list-repertoire-info{background:#172e45;border-color:#36516c}
.dark .list-repertoire-row{border-color:#36516c}
.dark .list-repertoire-number{background:#e7bf72;color:#1c3045;border-color:#cda55d}
.dark .list-repertoire-section-heading h2>span,.dark .list-repertoire-moment{background:#29455e;color:#c7dff4}
.dark .list-repertoire-tone{background:#102a41;color:#b2cce1;border-color:#436680}
.dark .list-repertoire-tone strong{color:#f0d49e}
.dark .list-repertoire-notes p,.dark .list-repertoire-info>summary{color:#c7def1}
.dark .list-repertoire-add input,.dark .list-repertoire-add select,.dark .list-repertoire-row-fields .moment-field select,.dark .list-repertoire-row-fields .moment-field input{background:#10263c;color:#e9f0f8;border-color:#42627f}
.dark .list-repertoire-row-actions .button{background:#142d45;color:#d9e9f7;border-color:#52728d}
.dark .list-repertoire-save{background:#142d45;border-color:#52728d}
.dark .list-repertoire a:focus,.dark .list-repertoire button:focus,.dark .list-repertoire input:focus,.dark .list-repertoire select:focus,.dark .list-repertoire summary:focus{outline-color:#e7bf72}
@media(max-width:1000px){.list-repertoire-layout{grid-template-columns:minmax(0,1fr) 280px;grid-gap:18px}.list-repertoire-panel,.list-repertoire-add{padding:20px}.list-repertoire-row-actions{flex-wrap:wrap;max-width:49px}.list-repertoire-row-actions .button{margin:0 0 5px 0}.list-repertoire-heading-actions{max-width:280px;justify-content:flex-end}}
@media(max-width:800px){.list-repertoire-layout{grid-template-columns:minmax(0,1fr)}.list-repertoire-add{position:static}.list-repertoire-heading{display:block}.list-repertoire-heading-actions{margin:16px 0 0;max-width:none;justify-content:flex-start}.list-repertoire-heading-actions .list-repertoire-edit-link{margin:0 0 0 14px}.list-repertoire-row-actions{max-width:none;flex-wrap:nowrap}.list-repertoire-row-actions .button{margin:0 0 0 5px}.list-repertoire-save{align-items:flex-start}.list-repertoire-save p{margin-top:8px}}
@media(max-width:520px){.list-repertoire-page>main{padding:24px 14px 44px}.list-repertoire-heading h1{font-size:27px}.list-repertoire-tabs{margin-bottom:22px}.list-repertoire-tabs a{font-size:12px;margin-right:16px}.list-repertoire-tabs a>svg,.collaboration-tabs a>svg{width:18px;height:18px;margin-right:7px}.list-repertoire-panel,.list-repertoire-add{padding:18px 16px}.list-repertoire-section-heading h2{font-size:19px}.list-repertoire-section-heading h2>span{font-size:11px;margin-left:5px}.list-repertoire-row{padding:18px 0;flex-wrap:wrap}.list-repertoire-number{width:30px;height:30px;margin-right:10px;font-size:14px}.list-repertoire-song{flex-basis:calc(100% - 40px)}.list-repertoire-song-heading h2,.list-repertoire-song-heading h3{font-size:16px}.list-repertoire-tone{font-size:10px;min-width:58px;margin-left:8px;padding:5px}.list-repertoire-tone strong{font-size:16px}.list-repertoire-author{font-size:12px}.list-repertoire-row-actions{margin:12px 0 0 40px}.list-repertoire-row-actions .button{width:44px;height:44px;min-width:44px;margin:0 6px 0 0}.list-repertoire-info{padding:0 16px}.list-repertoire-info .form-grid{grid-template-columns:minmax(0,1fr);grid-gap:0}.list-repertoire-save{display:block;padding:12px}.list-repertoire-save p{margin:0 0 10px}.list-repertoire-save>div{margin:0 -4px}.list-repertoire-save .button{margin:3px 4px}.list-repertoire-heading-actions .offline-download{width:100%;margin-bottom:12px}.list-repertoire-heading-actions .list-repertoire-edit-link{margin:0}.list-repertoire-meta{font-size:13px}.list-repertoire-heading .eyebrow{font-size:11px}}

/* Manual app updates stay visible when installed-app controls hide installation. */
.account-update-access{min-width:0}
.account-update-access .account-app-update{margin:0;padding:0;border:0;border-top:1px solid #cad9e5;border-radius:0;background:transparent;min-width:0}
.account-update-access .account-app-update>summary{display:flex;align-items:center;min-height:54px;padding:12px 13px;list-style:none;color:#183a56;font:700 14px/1.45 Arial,Helvetica,sans-serif;cursor:pointer;min-width:0}
.account-update-access .account-app-update>summary::-webkit-details-marker{display:none}
.account-update-access .account-app-update>summary:hover{background:#edf3f8}
.account-update-access .account-update-icon{width:22px;height:22px;flex-shrink:0;margin-right:12px;color:#407090}
.account-update-access .account-update-label{flex:1;min-width:0;overflow-wrap:break-word;word-wrap:break-word}
.account-update-access .account-update-chevron{flex-shrink:0;margin-left:10px;color:#668399}
.account-update-access .account-app-update[open]>summary .account-update-chevron{transform:rotate(90deg)}
.account-update-access .account-app-update>p{font-size:13px;line-height:1.6;color:#566b7e;margin:10px 13px;overflow-wrap:break-word;word-wrap:break-word}
.account-update-access .account-app-update>.account-update-check{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:calc(100% - 26px);padding:10px 12px;margin:4px 13px;border:1px solid #a4bbcf;border-radius:8px;background:#edf3f8;color:#183a56;font:700 13px/1.45 Arial,Helvetica,sans-serif;text-align:center;white-space:normal;cursor:pointer}
.account-update-access .account-app-update>.account-update-check:hover{background:#e3edf5}
.account-update-access .account-app-update>.account-update-check:disabled{opacity:.6;cursor:wait}
.account-update-access .account-app-update>[data-app-update-status]:empty{display:none}
.account-update-access .account-app-update>.account-update-version{font-size:11px}
.account-update-access .account-app-update>.account-update-note{font-size:12px;padding-bottom:8px}
.account-update-access .account-app-update>summary:focus,.account-update-access .account-update-check:focus{outline:2px solid #ad7c27;outline-offset:-3px}
.dark .account-update-access .account-app-update{border-color:#36516c}
.dark .account-update-access .account-app-update>summary{color:#eef4fb}
.dark .account-update-access .account-app-update>summary:hover{background:#203b53}
.dark .account-update-access .account-update-icon,.dark .account-update-access .account-update-chevron{color:#acd5f5}
.dark .account-update-access .account-app-update>p{color:#b7cbe0}
.dark .account-update-access .account-app-update>.account-update-check{background:#142d45;color:#eef4fb;border-color:#52728d}
.dark .account-update-access .account-app-update>.account-update-check:hover{background:#203b53}
.dark .account-update-access .account-app-update>summary:focus,.dark .account-update-access .account-update-check:focus{outline-color:#e7bf72}
