@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f1f0ec;background:#0b0b0c;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;--bg:#0b0b0c;--panel:#111112;--panel2:#151516;--line:#272728;--muted:#88888c;--gold:#d9b66f;--gold2:#b99751;--white:#f1f0ec}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select{font:inherit}button{color:inherit;cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:#0e0e0f;border-right:1px solid #202021;padding:27px 17px 22px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 44px}.brand-mark{height:38px;width:38px;background:#d5b36d;color:#141414;display:grid;place-items:center;border-radius:12px}.brand b{font-family:Manrope,sans-serif;letter-spacing:.11em;font-size:14px;display:block}.brand span{display:block;color:#76767a;font-size:9px;letter-spacing:.18em;margin-top:2px}.side-caption{font:10px DM Mono,monospace;color:#66666a;letter-spacing:.15em;padding:0 11px 11px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{display:flex;align-items:center;gap:12px;border:0;background:none;color:#96969a;text-align:left;border-radius:8px;padding:12px 11px;font-size:13px}.sidebar nav button:hover{background:#181819;color:#eee}.sidebar nav button.active{background:#1b1a17;color:#e5c881}.sidebar-bottom{margin-top:auto;border-top:1px solid #252526;padding:18px 8px 0}.sound-mark{display:flex;align-items:center;gap:9px;color:#a6a6a8;font-size:12px}.sound-mark svg{color:var(--gold)}.sidebar-bottom small{font:9px DM Mono,monospace;letter-spacing:.12em;color:#57575b;display:block;margin:11px 0 0 26px}.main-area{margin-left:238px;min-height:100vh;width:calc(100% - 238px)}.topbar{height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 39px;border-bottom:1px solid #1e1e1f}.crumb{color:#8b8b8e;font-size:12px}.top-right{display:flex;align-items:center;gap:18px}.local-indicator{display:flex;align-items:center;gap:8px;font-size:11px;color:#96969a}.local-indicator i{width:6px;height:6px;background:#83a883;box-shadow:0 0 8px #83a883;border-radius:50%}.avatar{height:28px;width:28px;border-radius:50%;display:grid;place-items:center;background:#282622;border:1px solid #3d392e;color:#dac07f;font:12px Manrope}.mobile-brand{display:none}.page{max-width:1050px;margin:0 auto;padding:51px 50px 70px}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}.eyebrow{font:10px DM Mono,monospace;color:#c6a75f;letter-spacing:.17em;margin-bottom:13px}.hero-row h1,.page h1,.create-card h1{font:700 38px/1.15 Manrope,sans-serif;letter-spacing:-.045em;margin:0}.hero-row h1 span,.page h1 span,.create-card h1 span{color:var(--gold)}.muted{color:#858589;font-size:13px;line-height:1.65;margin:10px 0 0}.primary,.secondary{border-radius:7px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;transition:.15s}.primary{background:var(--gold);border:1px solid var(--gold);color:#15130f}.primary:hover{background:#e8c77e}.primary:disabled{opacity:.42;cursor:default}.secondary{background:#19191a;border:1px solid #333334;color:#d5d5d5}.secondary:hover{border-color:#5c5340;color:#f1d797}.library-toolbar{display:flex;gap:12px;margin-bottom:23px}.search{height:42px;display:flex;align-items:center;gap:10px;background:#121213;border:1px solid #282829;border-radius:7px;padding:0 12px;flex:1;color:#77777a}.search input{background:none;border:0;outline:0;color:#eee;width:100%;font-size:12px}.search input::placeholder{color:#626267}.search kbd{white-space:nowrap;color:#737378;border:1px solid #333335;border-radius:4px;padding:3px 5px;font-size:10px}.sort-btn{background:#121213;border:1px solid #282829;color:#aaa;border-radius:7px;padding:0 12px;display:flex;gap:9px;align-items:center;font-size:11px}.song-count{font:10px DM Mono,monospace;color:#76767a;letter-spacing:.12em;margin:0 0 13px}.song-count span{color:#c1a15e;margin:0 5px}.song-list{border-top:1px solid #29292a}.song-row{min-height:79px;border-bottom:1px solid #242425;display:flex;align-items:center;padding:0 8px;gap:16px;cursor:pointer;transition:background .15s}.song-row:hover{background:#111112}.song-index{font:10px DM Mono,monospace;color:#656569;width:18px}.song-art{height:39px;width:39px;border:1px solid #363431;background:#191816;color:#c6a95e;border-radius:7px;display:grid;place-items:center}.song-info{display:grid;gap:6px;flex:1}.song-info strong{font:600 14px Manrope,sans-serif}.song-info span{font-size:10px;color:#8a8a8d;display:flex;align-items:center;gap:8px}.song-info span i{width:3px;height:3px;border-radius:50%;background:#666}.song-meta{display:flex;align-items:center;gap:14px;color:#77777a;font-size:10px}.key-pill{border:1px solid #38342b;background:#1a1915;border-radius:4px;color:#d2b875;padding:4px 7px;font:10px DM Mono,monospace}.icon-button{height:32px;width:32px;display:inline-grid;place-items:center;background:transparent;border:0;border-radius:6px;color:#88888c}.icon-button:hover{background:#242425;color:#eee}.row-arrow{color:#737378;font-size:16px;padding:4px}.empty-state{text-align:center;padding:72px 20px;border:1px dashed #303031;border-radius:10px;margin-top:22px}.empty-icon{height:52px;width:52px;background:#191816;border:1px solid #343127;border-radius:14px;color:var(--gold);display:grid;place-items:center;margin:0 auto 18px}.empty-state h2{font:600 17px Manrope;margin:0}.empty-state p{color:#838387;font-size:12px;margin:8px 0 20px}.narrow{max-width:670px}.back-link{display:flex;align-items:center;gap:8px;background:none;border:0;padding:5px 0;color:#a0a0a3;font-size:12px;margin-bottom:26px}.back-link:hover{color:#e4c77f}.create-card{border:1px solid #2a2a2b;background:#111112;border-radius:11px;padding:33px 37px}.create-card h1{font-size:34px}.create-card>.muted{max-width:440px;margin:13px 0 30px}.field-label{display:flex;justify-content:space-between;align-items:center;font:10px DM Mono,monospace;color:#aaa9a2;letter-spacing:.1em;margin:0 0 9px}.field-label span{font-size:9px;color:#66666a}.text-input,.url-input{width:100%;height:43px;background:#0c0c0d;border:1px solid #303031;border-radius:6px;padding:0 12px;color:#eee;outline:none;font-size:12px}.text-input:focus,.url-input:focus-within{border-color:#9b814a}.text-input::placeholder,.url-input input::placeholder{color:#5f5f63}.youtube-label{margin-top:23px}.url-input{display:flex;align-items:center;gap:10px;color:#78787b}.url-input input{border:0;outline:0;background:none;color:#eee;width:100%;font-size:12px}.notice-box{display:flex;gap:9px;align-items:flex-start;background:#211e17;border:1px solid #463b25;color:#d9c595;padding:11px;border-radius:6px;margin-top:13px;font-size:11px;line-height:1.5}.notice-box svg{flex:none;margin-top:1px}.error-line{color:#e48f81;font-size:11px;margin-top:11px}.create-submit{width:100%;height:44px;margin-top:25px;letter-spacing:.06em}.arrow-forward{transform:rotate(180deg)}.safe-note{display:flex;justify-content:center;align-items:center;gap:7px;color:#707075;font-size:10px;margin-top:15px}.safe-note svg{color:#87a484}.editor-page{max-width:1100px;margin:0 auto;padding:27px 42px 40px}.editor-head{display:flex;align-items:center;justify-content:space-between}.editor-head .back-link{margin:0}.editor-actions{display:flex;align-items:center;gap:9px}.dirty-state,.saved-state{display:flex;align-items:center;gap:7px;font-size:10px;color:#c9a954;margin-right:6px}.saved-state{color:#88888c}.dirty-state i{height:6px;width:6px;border-radius:50%;background:#d9b66f}.saved-state i{height:6px;width:6px;border-radius:50%;background:#789778}.save-button,.editor-actions .secondary{height:36px}.editor-title{display:flex;align-items:center;justify-content:space-between;margin:29px 0 21px}.title-input{font:700 28px Manrope;letter-spacing:-.035em;color:#f1f0ec;background:none;border:0;outline:0;padding:0;width:min(600px,75vw)}.subtitle{font:9px DM Mono,monospace;letter-spacing:.13em;color:#77777b;margin-top:7px}.subtitle span{color:var(--gold);margin:0 4px}.music-controls{display:flex;align-items:stretch;gap:0;border:1px solid #2a2a2b;background:#111112;border-radius:8px;margin-bottom:31px;padding:12px 0}.control-field{padding:0 20px;min-width:130px;border-right:1px solid #29292a;display:flex;flex-direction:column;gap:9px}.control-field:last-child{border-right:0}.control-field>span{font:9px DM Mono,monospace;letter-spacing:.1em;color:#79797d}.control-field select,.input-suffix input{background:#1a1a1b;border:1px solid #343435;color:#e5e5e5;border-radius:5px;height:31px;padding:0 8px;font-size:11px;outline:0}.key-control>div{display:flex;gap:6px}.key-control select:first-child{width:62px;color:#dfc57f}.input-suffix{display:flex;align-items:center;gap:7px}.input-suffix input{width:57px}.input-suffix em{font-style:normal;font-size:10px;color:#888}.metro-button{height:31px;background:none;border:1px solid #373738;border-radius:5px;color:#c9b16f;display:flex;align-items:center;gap:6px;padding:0 9px;font-size:10px;white-space:nowrap}.section-list{display:grid;gap:26px}.chart-section{padding-bottom:17px;border-bottom:1px solid #252526}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-heading{display:flex;align-items:center;gap:10px}.section-number{font:10px DM Mono,monospace;color:#b29456}.section-heading h2{font:700 12px Manrope;letter-spacing:.1em;margin:0;text-transform:uppercase}.repeat-badge{font:10px DM Mono,monospace;color:#e0c173;background:#282218;border:1px solid #574a2e;padding:4px 7px;border-radius:4px}.measure-total{font-size:10px;color:#707075;margin-left:3px}.section-buttons{display:flex;gap:2px}.measure-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:9px}.measure{height:82px;background:#080809;border:1px solid #29292a;border-radius:7px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.measure:hover{border-color:#9e8346;background:#10100f}.measure.needs-review{border-color:#826c39}.measure-no{position:absolute;top:6px;left:8px;font:9px DM Mono,monospace;color:#5e5e62}.review-dot{position:absolute;right:8px;top:7px;width:6px;height:6px;background:#d9b66f;border-radius:50%}.measure-chords{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;font:600 19px Manrope;color:#f3f1ea}.measure-chords .secondary-chord{color:#ddb95f}.measure-placeholder{font:11px DM Sans,sans-serif;color:#57575b}.measure-durations{font:9px DM Mono,monospace;color:#77777a}.bar-line{position:absolute;bottom:0;left:0;right:0;height:3px;background:#b79852;border-radius:0 0 6px 6px;opacity:.55}.add-section{height:40px;width:100%;border:1px dashed #3a3936;background:transparent;color:#b8a26e;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px}.add-section:hover{border-color:#9b814a;background:#141310}.editor-footer{border-top:1px solid #242425;margin-top:26px;padding-top:16px;display:flex;justify-content:space-between;color:#737378;font-size:10px}.editor-footer span,.text-button{display:flex;align-items:center;gap:6px}.text-button{background:none;border:0;color:#b49a5c;font-size:10px}.theory-page h1{font-size:35px}.theory-tabs{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid #2a2a2b;margin:29px 0 22px;scrollbar-width:none}.theory-tabs button{white-space:nowrap;border:0;background:none;color:#88888c;padding:11px 12px;font-size:11px;border-bottom:2px solid transparent}.theory-tabs button.selected{color:#e0c47b;border-color:#cfad5d}.theory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.theory-card{border:1px solid #29292a;border-radius:9px;background:#111112;padding:22px}.theory-card.wide{grid-column:1/-1}.theory-card h2{font:600 16px Manrope;margin:0 0 8px}.theory-card h3{font:600 12px Manrope;margin:22px 0 10px}.theory-card p{color:#89898d;font-size:12px;line-height:1.65;margin:0 0 15px}.note-row{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:20px}.note-row>div{display:grid;gap:4px;text-align:center;padding:12px 4px;background:#191919;border:1px solid #303031;border-radius:6px}.note-row b{font:600 13px Manrope}.note-row span{font:11px DM Mono,monospace;color:#cdb26c}.interval-strip{display:flex;justify-content:space-around;gap:9px;flex-wrap:wrap;color:#ac986b;font-size:10px;margin-top:13px}.theory-card select{background:#19191a;border:1px solid #373738;color:#ddd;border-radius:5px;padding:9px;font-size:11px;outline:none}.pills{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.pills span{padding:6px 9px;border-radius:5px;background:#232117;border:1px solid #3f3825;color:#ddc47d;font:10px DM Mono,monospace}.inline-selects{display:flex;gap:8px}.chord-result{display:flex;align-items:baseline;gap:12px;margin-top:20px}.chord-result b{font:700 30px Manrope;color:#e0c77e}.chord-result span{font:10px DM Mono,monospace;color:#999}.fretboard{margin-top:16px;background:#0a0a0b;border:1px solid #2b2b2c;padding:14px 13px;border-radius:6px}.strings{display:grid;gap:5px}.string{height:12px;display:grid;grid-template-columns:18px repeat(4,1fr);align-items:center;text-align:center;color:#7b7b7e;font:10px DM Mono,monospace}.string span{text-align:left;color:#ba9f5e}.string i{font-style:normal;border-top:1px solid #454547;position:relative}.string i:first-of-type{color:#e2c471}.fretboard small{display:block;color:#69696d;font:8px DM Mono,monospace;margin-top:12px;letter-spacing:.08em}.slash-example{background:#191919;border:1px solid #303031;border-radius:6px;padding:14px;display:grid;gap:6px;margin:15px 0}.slash-example strong{font:700 22px Manrope;color:#e2c578}.slash-example span{font-size:11px;color:#ccc}.slash-example small{font-size:10px;color:#86868b}.inline-selects label,.inline-label{font-size:11px;color:#999;display:flex;align-items:center;gap:8px}.scale-line{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:18px 0}.scale-line>div{display:grid;text-align:center;gap:5px;background:#19191a;border:1px solid #303031;border-radius:5px;padding:10px 2px}.scale-line small,.degree-cards small{font:9px DM Mono,monospace;color:#b49a5c}.scale-line b{font:600 15px Manrope}.scale-line span{font-size:8px;color:#777}.degree-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.degree-cards>div{display:grid;gap:5px;text-align:center;padding:9px 3px;border:1px solid #303031;border-radius:5px;background:#19191a}.degree-cards b{font:12px Manrope;color:#dedede}.degree-list{display:grid}.degree-list>div{display:flex;align-items:center;padding:9px 0;border-bottom:1px solid #272728}.degree-list b{width:47px;color:#dfc474;font:14px DM Mono,monospace}.degree-list span{flex:1;color:#aaa;font-size:11px}.degree-list em{font:11px DM Mono,monospace;color:#ddd;font-style:normal}.inline-label{display:flex;justify-content:space-between;margin-top:14px;font:9px DM Mono,monospace;letter-spacing:.1em}.progression{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}.progression span{padding:10px 13px;background:#191816;border:1px solid #403825;border-radius:5px;color:#e1c778;font:600 16px Manrope}.time-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.time-cards button{display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid #333334;background:#19191a;border-radius:7px;padding:12px}.time-cards button.chosen{border-color:#a58b52;background:#201e18}.time-cards b{font:600 19px Manrope;color:#dfc578}.time-cards strong{font-size:10px}.time-cards span{font-size:9px;color:#888}.pulse-dots{display:flex;gap:4px;margin-top:5px}.pulse-dots i{height:6px;width:6px;background:#826f45;border-radius:50%}.metro-card{grid-column:1/-1;max-width:460px;justify-self:center;width:100%;text-align:center}.metro-icon{height:45px;width:45px;border:1px solid #49402d;background:#201e17;color:#d8bb72;border-radius:11px;display:grid;place-items:center;margin:0 auto 13px}.metro-card .big-bpm{display:flex;align-items:center;justify-content:center;gap:24px;margin:18px}.big-bpm button{width:33px;height:33px;border:1px solid #353536;background:#19191a;border-radius:50%;font-size:18px;color:#c9b16f}.big-bpm div{display:grid}.big-bpm b{font:700 43px Manrope;letter-spacing:-.04em}.big-bpm span{font:9px DM Mono,monospace;color:#a69260;letter-spacing:.12em}.metro-card input[type=range]{width:78%;accent-color:#d4b36d;display:block;margin:0 auto 17px}.metro-start{display:flex;margin:15px auto 0;min-width:190px}.fifths-wheel{width:350px;height:350px;max-width:100%;margin:20px auto;position:relative;border:1px solid #37342b;border-radius:50%;background:radial-gradient(circle,#111 0,#111 45%,#1b1914 45.5%,#1b1914 72%,#111 72.5%)}.fifths-wheel button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc(var(--i)*30deg)) translateY(-144px) rotate(calc(var(--i)*-30deg));width:43px;height:43px;border:1px solid #51472f;border-radius:50%;background:#211f19;display:grid;align-content:center;color:#e2c777}.fifths-wheel button b{font:12px Manrope}.fifths-wheel button small{font:8px DM Mono;color:#aaa17f}.interval-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.interval-grid>div{display:grid;gap:6px;background:#19191a;border:1px solid #303031;border-radius:5px;padding:10px}.interval-grid b{font:11px Manrope}.interval-grid span{font-size:9px;color:#aaa}.toast{position:fixed;right:25px;bottom:24px;z-index:9;display:flex;align-items:center;gap:9px;background:#1c1d19;border:1px solid #484330;border-radius:7px;padding:12px 13px;color:#e3d3a4;font-size:12px;box-shadow:0 9px 28px #0008;max-width:min(480px,calc(100vw - 32px))}.toast svg{flex:none;color:#a8bd9b}.toast button{border:0;background:none;color:#a9a9a9;display:grid;place-items:center;margin-left:8px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:8;display:grid;place-items:center;padding:16px}.modal{width:min(480px,100%);max-height:90vh;overflow:auto;background:#151516;border:1px solid #383839;border-radius:10px;padding:22px;box-shadow:0 18px 70px #000b}.modal.wide{width:min(650px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-head h2{font:600 17px Manrope;margin:0}.modal>p{font-size:12px;line-height:1.6;color:#a0a0a3}.modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:22px}.modal-actions .primary,.modal-actions .secondary{font-size:11px}.export-options{display:grid;gap:8px;margin-top:17px}.export-options button{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;gap:4px 10px;border:1px solid #333334;background:#1b1b1c;border-radius:6px;padding:12px}.export-options button:hover{border-color:#76633e}.export-options svg{grid-row:1/3;color:#cfb36c;width:18px}.export-options b{font-size:12px}.export-options span{font-size:10px;color:#858589}.menu-options{display:grid;gap:4px}.menu-options button{background:transparent;border:0;border-radius:5px;text-align:left;padding:11px;color:#d1d1d1;font-size:12px}.menu-options button:hover{background:#252526}.menu-options button span{float:right;color:#c6a85d}.danger{color:#d9887c!important}.modal .field-label{margin-top:17px}.modal .text-input{margin-bottom:4px}.chord-editor-list{display:grid;gap:8px}.chord-editor-row{display:grid;grid-template-columns:25px 1fr 72px 100px 30px;gap:7px;align-items:center}.chord-order{font:10px DM Mono,monospace;color:#999;text-align:center}.chord-editor-row input,.chord-editor-row select{height:36px;border-radius:5px;border:1px solid #363637;background:#0e0e0f;color:#eee;padding:0 9px;font-size:11px;min-width:0}.chord-editor-row .icon-button{color:#ca8277}.add-chord{margin-top:12px}.duration-check{display:flex;align-items:center;gap:7px;background:#281d17;border:1px solid #4a3025;border-radius:5px;padding:10px;color:#e4aa8a;font-size:10px;margin-top:14px}.duration-check.ok{background:#1b241b;border-color:#354835;color:#a9c19e}.duration-check svg{flex:none}@media(max-width:950px){.sidebar{width:205px}.main-area{margin-left:205px;width:calc(100% - 205px)}.page{padding-left:32px;padding-right:32px}.editor-page{padding-left:26px;padding-right:26px}.music-controls{flex-wrap:wrap;row-gap:13px}.control-field{min-width:25%;padding:0 14px}.measure-grid{grid-template-columns:repeat(4,minmax(75px,1fr))}}@media(max-width:680px){.sidebar{inset:auto 0 0;width:100%;height:61px;padding:4px 8px;background:#111112;border-right:0;border-top:1px solid #2b2b2c;display:block}.brand,.side-caption,.sidebar-bottom{display:none}.sidebar nav{height:100%;grid-template-columns:repeat(3,1fr);gap:2px}.sidebar nav button{height:52px;flex-direction:column;justify-content:center;gap:4px;padding:4px;font-size:9px;border-radius:6px}.sidebar nav button svg{width:18px;height:18px}.main-area{margin:0 0 61px;width:100%;min-height:calc(100vh - 61px)}.topbar{height:53px;padding:0 16px}.crumb{display:none}.mobile-brand{display:flex;align-items:center;gap:8px;color:#e4c77f;font:700 12px Manrope;letter-spacing:.1em}.top-right{gap:11px}.local-indicator{font-size:9px}.avatar{height:25px;width:25px}.page{padding:31px 17px 43px}.hero-row{align-items:flex-start;gap:12px;margin-bottom:25px}.hero-row h1,.page h1{font-size:30px}.hero-row .muted{font-size:11px}.hero-row>.primary{padding:9px 10px;font-size:10px;white-space:nowrap;margin-top:16px}.hero-row>.primary svg{width:15px}.library-toolbar{gap:7px}.search{height:39px;padding:0 8px;gap:7px}.search kbd{display:none}.search input{font-size:11px}.sort-btn{font-size:0;gap:5px;padding:0 8px}.sort-btn svg{width:14px}.song-row{min-height:70px;gap:9px;padding:0 3px}.song-index{width:17px;font-size:9px}.song-art{width:34px;height:34px}.song-info strong{font-size:12px}.song-info span{font-size:9px;gap:5px}.song-meta{display:none}.song-menu{width:27px}.row-arrow{display:none}.empty-state{padding:54px 15px}.narrow{padding-top:22px}.create-card{padding:25px 19px}.create-card h1{font-size:30px}.editor-page{padding:19px 14px 29px}.editor-head{align-items:flex-start}.editor-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:72%}.editor-actions .dirty-state,.editor-actions .saved-state{order:3;width:100%;justify-content:flex-end;margin:2px 2px 0}.editor-actions .secondary,.editor-actions .save-button{font-size:0;width:35px;height:34px;padding:0}.editor-actions .secondary svg,.editor-actions .save-button svg{width:16px}.editor-head>.back-link{font-size:10px;white-space:nowrap;margin-top:8px}.editor-title{margin:18px 0 15px}.title-input{font-size:23px;max-width:77vw}.subtitle{font-size:8px}.music-controls{padding:10px 0;gap:12px 0;margin-bottom:22px}.control-field{width:50%;min-width:50%;padding:0 11px;border-right:0}.control-field:nth-child(odd){border-right:1px solid #29292a}.control-field>span{font-size:8px}.metro-mini{display:none}.control-field select,.input-suffix input{font-size:10px;height:29px}.section-list{gap:20px}.section-heading{gap:7px}.section-heading h2{font-size:11px}.measure-total{font-size:9px}.measure-grid{grid-template-columns:repeat(2,minmax(100px,1fr));gap:7px}.measure{height:73px}.measure-chords{font-size:17px}.editor-footer{gap:10px;flex-wrap:wrap;font-size:9px}.text-button{font-size:9px}.theory-page .muted{font-size:11px}.theory-tabs{margin:21px -17px 17px;padding:0 13px}.theory-tabs button{padding:10px 9px;font-size:10px}.theory-grid{grid-template-columns:1fr;gap:9px}.theory-card,.theory-card.wide{grid-column:auto;padding:17px}.theory-card h2{font-size:14px}.note-row{gap:4px}.note-row>div{padding:9px 2px}.note-row b{font-size:11px}.note-row span{font-size:9px}.interval-strip{justify-content:flex-start;font-size:9px}.scale-line{gap:3px}.scale-line>div{padding:8px 1px}.scale-line b{font-size:12px}.scale-line span{font-size:7px}.degree-cards{gap:3px}.degree-cards>div{padding:7px 1px}.degree-cards b{font-size:10px}.time-cards{grid-template-columns:repeat(2,1fr)}.interval-grid{grid-template-columns:repeat(3,1fr)}.modal{padding:18px}.modal-actions{justify-content:stretch}.modal-actions button{flex:1}.chord-editor-row{grid-template-columns:18px minmax(0,1fr) 55px 76px 25px;gap:4px}.chord-editor-row input,.chord-editor-row select{font-size:10px;padding:0 5px}.chord-editor-row .icon-button{width:25px}.song-count{font-size:9px}.fifths-wheel{width:min(310px,86vw);height:min(310px,86vw)}.fifths-wheel button{transform:translate(-50%,-50%) rotate(calc(var(--i)*30deg)) translateY(calc(min(310px,86vw)*-.41)) rotate(calc(var(--i)*-30deg))}.fifths-wheel button{width:38px;height:38px}.fifths-wheel button b{font-size:11px}.fifths-wheel button small{font-size:7px}}@media print{body,.app-shell,.main-area{background:#fff;color:#111}.sidebar,.topbar,.editor-head,.editor-actions,.section-buttons,.add-section,.editor-footer,.icon-button{display:none!important}.main-area{margin:0;width:100%}.editor-page{padding:0;max-width:none}.editor-title .title-input{color:#111}.subtitle,.section-number,.measure-no,.measure-total{color:#666}.music-controls,.chart-section,.measure{background:#fff;border-color:#bbb;color:#111}.control-field select,.input-suffix input{background:#fff;color:#111;border-color:#bbb}.measure-chords{color:#111}.measure-placeholder{color:#777}.repeat-badge{background:#fff;color:#87651e}.chart-section{break-inside:avoid}.measure-grid{grid-template-columns:repeat(4,1fr)}.measure{height:70px}}.glyph{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-family:Arial,sans-serif;font-weight:600;flex:none}.structure-editor{display:grid;gap:14px}.structure-editor p{font-size:12px;color:#aaa;line-height:1.7;margin:0}.structure-suggest{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.structure-suggest label{font-size:11px;color:#bbb}.structure-suggest select{background:#111;color:#ddd;border:1px solid #444;padding:7px;border-radius:5px;margin-left:6px}.structure-help{background:#211e17;padding:11px;border-radius:6px}.structure-rows{display:grid;gap:8px;max-height:48vh;overflow:auto}.structure-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:10px;border:1px solid #333;border-radius:7px}.structure-row input{background:#101011;border:1px solid #444;color:#eee;border-radius:5px;padding:8px;width:125px;font-size:11px}.structure-row label{font-size:10px;color:#999}.structure-row input[type=number]{width:65px;margin-left:4px}.structure-row button{font-size:10px;padding:7px}.structure-row small,.structure-editor>small{font-size:10px;color:#b7a477}.structure-badge{background:#211e17;border:1px solid #56472b;color:#d1b571;border-radius:5px;font-size:9px;padding:4px 6px}@media print{.structure-badge{display:none}}.practice-player{background:#111112;border:1px solid #343027;border-radius:8px;padding:14px;margin-bottom:25px}.practice-controls{display:grid;gap:9px}.practice-controls>label{font:10px DM Mono,monospace;letter-spacing:.08em;color:#d8bc7b}.practice-controls label span{font:10px DM Sans,sans-serif;color:#888;letter-spacing:0;margin-left:9px}.practice-link{display:flex;gap:8px}.practice-link input{flex:1;min-width:0;background:#0a0a0b;border:1px solid #343435;border-radius:5px;padding:9px 10px;font-size:11px;color:#ddd}.practice-controls a{color:#c9ac69;font-size:10px;text-decoration:none}.practice-create-hint{font-size:10px;color:#888;margin:9px 0 0}.practice-player.playing{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;position:sticky;top:8px;z-index:2;box-shadow:0 7px 20px #0008}.practice-video iframe{width:100%;aspect-ratio:16/9;display:block;border:0;border-radius:5px}.practice-video small{display:block;font-size:9px;line-height:1.5;color:#888;margin-top:7px}.practice-link button{white-space:nowrap;font-size:11px;padding:8px 11px}@media(max-width:900px){.practice-player.playing{grid-template-columns:1fr;max-width:100%}.practice-video{max-width:350px;width:100%;margin:auto}}@media(max-width:680px){.practice-link{flex-wrap:wrap}.practice-link input{width:100%;flex-basis:100%}.practice-player.playing{position:static}.practice-player{padding:12px}.practice-controls label span{display:block;margin:5px 0 0}}@media print{.practice-player{display:none!important}}.practice-player.playing{display:block}.practice-deck{display:grid;grid-template-columns:minmax(200px,356px) minmax(0,1fr);gap:20px;align-items:center;margin-top:15px;border-top:1px solid #2c2922;padding-top:15px}.practice-controller{display:block;width:100%;height:200px;min-width:200px;border-radius:6px;--media-background-color:#080808}.practice-controller>youtube-video{width:100%;height:200px}.practice-deck-controls{min-width:0;--media-primary-color:#e5c781;--media-secondary-color:#1a1814;--media-text-color:#ded9cc;--media-control-background:transparent;--media-control-hover-background:#302a1d;--media-range-track-background:#38342b;--media-range-bar-color:#d9b66f;--media-range-thumb-background:#e5c781;--media-control-padding:10px;--media-control-height:36px;--media-icon-size:20px;font-family:DM Sans,sans-serif}.practice-deck-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.practice-equalizer{display:grid;place-items:center;width:36px;height:36px;border:1px solid #4c4026;background:#252014;border-radius:9px;color:#d9b66f;font-size:22px}.practice-deck-heading strong{font-size:13px;font-weight:600}.practice-deck-heading small{display:block;font-size:10px;color:#8b877c;margin-top:4px}.practice-transport,.practice-settings{display:flex;width:100%;align-items:center;gap:2px;border-radius:7px;background:#0c0c0d;padding:4px;box-sizing:border-box}.practice-play{--media-control-background:#d9b66f;--media-primary-color:#18150f;--media-control-hover-background:#e8cb87;border-radius:5px;margin-right:4px}.practice-progress{flex:1;min-width:60px}.practice-time{font:9px DM Mono,monospace;--media-control-padding:5px}.practice-settings{margin-top:8px;background:none;padding:0;gap:2px}.practice-settings media-volume-range{width:90px;flex:none}.practice-speed-label{margin-left:auto;font-size:10px;color:#908775}.practice-player-status{display:block;font-size:10px;color:#8c877c;line-height:1.6;margin-top:10px}@media(max-width:1100px){.practice-deck{grid-template-columns:1fr;gap:15px}.practice-controller{max-width:356px;margin:auto}.practice-deck-heading{margin-bottom:10px}}@media(max-width:680px){.practice-transport{flex-wrap:wrap}.practice-time{margin-left:auto}.practice-player.playing{position:static}.practice-deck{gap:12px}.practice-progress{min-width:75px}.practice-deck-controls{--media-control-padding:8px;--media-icon-size:18px}}.account-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#0b0b0c}.account-card{width:min(100%,460px);padding:32px;border:1px solid #38332a;border-radius:18px;background:#141415;display:flex;flex-direction:column;gap:16px}.account-card h1{font-size:38px;margin:0;line-height:1.2}.account-card h1 span{color:#d8b660}.account-card h2{font-size:22px;margin:0}.account-card p{color:#b9b7b1;line-height:1.6;margin:0}.account-card label{display:flex;flex-direction:column;gap:9px;font-size:14px}.account-card .text-input{width:100%;box-sizing:border-box}.account-card small{color:#999}.account-card button{justify-content:center;min-height:40px}.secure-link{margin-top:12px;text-align:center;text-decoration:none}.recovery-code{overflow-wrap:anywhere;line-height:1.7;border:1px solid #625438;padding:14px;border-radius:8px;color:#e1c171;-webkit-user-select:all;user-select:all}.account-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000b;display:grid;place-items:center;padding:20px}.library-transfer{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:12px 0 22px}.library-transfer span{font-size:13px;color:#d8b660}.import-label{cursor:pointer;display:inline-flex}.import-label input{display:none}.save-error{padding:16px;border:1px solid #ad7441;background:#271e16;border-radius:10px;margin:18px 0;color:#f3d7b3;line-height:1.6}.save-error p{margin:0 0 10px}.save-error button,.save-error a{margin:6px 12px 0 0}.save-error a{color:#f0d083}.top-right{flex-wrap:wrap}.top-right .text-button{font-size:12px}.local-indicator{white-space:nowrap}@media(max-width:600px){.account-card{padding:24px}.topbar{gap:10px;height:auto;min-height:70px;padding-top:12px;padding-bottom:12px}.top-right{justify-content:flex-end;gap:9px}.local-indicator{font-size:10px}.library-transfer{gap:12px}.account-card h1{font-size:30px}}.admin-page h1{font-size:38px}.admin-create{display:flex;gap:16px;flex-wrap:wrap;align-items:end;padding:24px;border:1px solid #38332a;border-radius:12px;margin:28px 0}.admin-create h2{width:100%;margin:0 0 6px;font-size:20px}.admin-create label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px}.tenant-row{border-bottom:1px solid #333;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.tenant-row h3{margin:0 0 8px}.tenant-row p{margin:0;color:#999;font-size:13px}.tenant-actions{display:flex;flex-wrap:wrap;gap:10px}.activation-result{border:1px solid #756133;padding:22px;border-radius:12px}.activation-result p{color:#bbb;line-height:1.6}.activation-result input{width:100%;margin:10px 0}.activation-result button{margin-right:12px}.account-hint{font-size:12px}@media(max-width:700px){.tenant-row{align-items:flex-start;flex-direction:column}.admin-create{padding:18px}.admin-page h1{font-size:30px}}.top-right .local-indicator{max-width:180px;overflow:hidden;text-overflow:ellipsis}.top-right .text-button{max-width:160px;overflow:hidden;text-overflow:ellipsis}.account-screen .account-card{box-sizing:border-box}html{scroll-padding-bottom:96px;-webkit-text-size-adjust:100%;text-size-adjust:100%}.main-area,.page,.editor-page,.hero-row>div,.editor-title>div,.theory-card,.song-info,.section-heading,.practice-controls,.account-card,.admin-create,.tenant-row>div{min-width:0}button,input,select,a{-webkit-tap-highlight-color:transparent}button,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.import-label:focus-within{outline:2px solid var(--gold);outline-offset:3px}button:disabled{cursor:default}.mobile-nav-label{display:none}.song-row{padding:0;gap:8px}.song-open{display:flex;align-items:center;gap:16px;flex:1;min-width:0;padding:15px 8px;border:0;text-align:left;background:transparent;color:inherit}.song-info strong{overflow-wrap:anywhere;line-height:1.5}.song-art,.song-index,.song-menu{flex-shrink:0}.song-row>.song-menu{margin-right:6px}.editor-head,.editor-actions{flex-wrap:wrap;gap:10px}.editor-title>div{flex:1}.title-input{width:100%;max-width:100%;min-width:0}.section-head{gap:8px}.section-heading{flex-wrap:wrap}.section-heading h2,.tenant-row h3,.tenant-row p,.activation-result p,.save-error{overflow-wrap:anywhere}.section-buttons{flex-shrink:0}.measure{min-width:0;height:auto;min-height:82px;padding:22px 8px 16px}.measure-chords{max-width:100%;overflow-wrap:anywhere}.modal-head{gap:12px}.modal-head h2{overflow-wrap:anywhere;min-width:0}.overlay,.account-overlay{overflow-y:auto;overscroll-behavior:contain;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.modal{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;scroll-padding:16px}.account-overlay .account-card{max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain}.account-screen{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.account-card input{min-width:0}.account-card p,.account-card h1,.account-card h2{overflow-wrap:anywhere}.account-card .primary,.account-card .secondary{white-space:normal}.structure-row input,.admin-create .text-input{min-width:0}.theory-tabs{scrollbar-width:thin;scroll-padding-inline:16px}.theory-card select{max-width:100%;min-width:0}.toast{overflow-wrap:anywhere}@media(max-width:950px){.editor-head{align-items:flex-start}.editor-actions{margin-left:auto}.topbar{gap:16px;padding-inline:24px}.top-right{min-width:0;justify-content:flex-end;gap:12px}}@media(max-width:680px){:root{--bottom-nav-height:68px}body{min-width:320px}.sidebar{height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));z-index:5}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));height:58px}.sidebar.with-admin nav{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar nav button{height:58px;min-width:0;font-size:11px;line-height:1.2;gap:5px;text-align:center}.sidebar nav button .glyph{font-size:20px!important;width:22px!important;height:22px!important}.desktop-nav-label{display:none}.mobile-nav-label{display:inline}.main-area{margin-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));min-height:calc(100dvh - var(--bottom-nav-height));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.topbar{height:auto;min-height:72px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}.mobile-brand{font-size:13px;letter-spacing:.04em}.top-right{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;max-width:64vw;justify-items:end}.top-right .local-indicator{grid-column:1/-1;max-width:100%;font-size:10px;line-height:1.5}.top-right .text-button{font-size:11px;max-width:100%;min-width:0;padding:6px 0;min-height:36px;overflow:hidden;text-overflow:ellipsis}.top-right .text-button:last-child{padding:6px 4px}.page{padding:28px 16px 32px}.editor-page{padding:18px 14px 32px}.hero-row{flex-wrap:wrap;align-items:center;gap:18px}.hero-row>.primary{margin:0;font-size:13px;min-height:44px;padding:10px 14px}.hero-row .muted,.theory-page .muted{font-size:13px}.eyebrow{font-size:10px;line-height:1.7}.primary,.secondary{font-size:13px;min-height:44px;line-height:1.4}.icon-button{width:44px;height:44px;flex-shrink:0}.text-button,.back-link,.menu-options button{min-height:44px;font-size:13px;line-height:1.5}input:not([type=range]),select,.text-input,.url-input input,.search input,.practice-link input,.structure-row input,.chord-editor-row input,.chord-editor-row select{font-size:16px!important;min-height:44px}.text-input{height:48px}.field-label{flex-wrap:wrap;gap:6px;line-height:1.6;font-size:11px}.field-label span{font-size:10px}.create-card{padding:24px 18px}.safe-note,.practice-create-hint{font-size:12px;line-height:1.6}.library-toolbar{min-width:0}.search{height:46px;min-width:0;flex:1}.search input{min-width:0}.sort-btn{width:46px;min-height:46px;flex-shrink:0;justify-content:center}.library-transfer{gap:8px 14px}.import-label{align-items:center;min-height:44px}.song-count{line-height:1.8;letter-spacing:.06em}.song-open{padding:12px 2px;gap:9px;min-height:76px}.song-info strong{font-size:14px}.song-info span{font-size:11px;flex-wrap:wrap;row-gap:3px}.song-art{width:32px;height:36px}.song-index{width:14px}.song-row>.song-menu{width:44px;margin:0}.editor-head{display:block}.editor-head>.back-link{font-size:13px;margin:0 0 10px}.editor-actions{max-width:none;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;justify-content:stretch}.editor-actions .secondary,.editor-actions .save-button{font-size:12px;width:auto;height:auto;min-height:44px;padding:10px 8px;white-space:normal}.editor-actions .save-button{grid-column:1/-1}.editor-actions .saved-state,.editor-actions .dirty-state{grid-column:1/-1;order:0;margin:0 0 3px;justify-content:flex-start;font-size:12px;min-height:22px}.editor-title{margin:22px 0 18px;gap:8px}.title-input{font-size:24px!important;min-height:48px;max-width:100%;line-height:1.3}.subtitle{line-height:1.7;font-size:9px}.music-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}.control-field{width:auto;min-width:0;padding:0 10px;gap:8px}.control-field>span{font-size:10px}.control-field select,.input-suffix input{font-size:16px;height:44px;padding:0 6px;max-width:100%}.key-control>div{flex-wrap:wrap;gap:6px}.key-control select:first-child{width:58px}.key-control select:last-child{flex:1;min-width:72px}.input-suffix{flex-wrap:wrap;gap:5px}.input-suffix input{width:68px}.input-suffix em{font-size:11px}.metro-mini{display:flex}.metro-button{white-space:normal;min-height:44px;height:auto;padding:6px 8px;font-size:12px;justify-content:center}.section-heading{gap:6px}.section-heading h2{font-size:12px;letter-spacing:.05em;line-height:1.5}.measure-total{font-size:10px;margin:0}.structure-badge{font-size:10px;min-height:36px;padding:6px}.measure-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.measure{min-height:88px;padding:24px 7px 16px}.measure-chords{font-size:18px;gap:5px}.measure-durations{font-size:10px;overflow-wrap:anywhere}.editor-footer{font-size:11px;line-height:1.6}.practice-player{padding:12px}.practice-link button{min-height:44px;font-size:13px;white-space:normal;width:100%}.practice-controls a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}.practice-controls>label{font-size:11px;line-height:1.6}.practice-controls label span{font-size:12px}.practice-controller{width:100%;max-width:356px;min-width:200px}.practice-deck-controls{--media-control-height:44px;--media-control-padding:11px;--media-icon-size:22px}.practice-transport{display:grid;grid-template-columns:repeat(3,44px) minmax(0,1fr);gap:4px;padding:6px}.practice-transport .practice-progress{grid-column:1/-1;grid-row:2;min-width:0;width:100%}.practice-transport .practice-time{margin:0;justify-self:end;font-size:10px;--media-control-padding:0;max-width:100%}.practice-settings{flex-wrap:wrap;gap:2px}.practice-settings media-volume-range{width:70px;min-width:0}.practice-speed-label,.practice-player-status{font-size:12px}.practice-deck-heading strong{font-size:14px}.practice-deck-heading small{font-size:12px}.overlay{padding-inline:10px}.modal,.modal.wide{width:100%;padding:16px;border-radius:12px;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.modal-head{position:sticky;top:-16px;background:#151516;z-index:1;padding:8px 0;margin-top:-8px}.modal-head h2{font-size:18px;line-height:1.4}.modal>p{font-size:14px}.modal-actions{gap:8px}.modal-actions button{flex:1 1 130px;font-size:13px!important}.chord-editor-row{grid-template-columns:22px minmax(0,1fr) 44px;gap:8px;border:1px solid #333;border-radius:8px;padding:10px}.chord-editor-row .chord-order{grid-column:1;grid-row:1;font-size:12px}.chord-editor-row input:not([type=number]){grid-column:2;grid-row:1}.chord-editor-row input[type=number]{grid-column:1/3;grid-row:2;width:100%}.chord-editor-row select{grid-column:1/3;grid-row:3;width:100%}.chord-editor-row .icon-button{grid-column:3;grid-row:1/4;align-self:start;width:44px;height:44px}.duration-check{font-size:12px;line-height:1.6;flex-wrap:wrap}.export-options button{min-height:70px}.export-options b{font-size:14px}.export-options span{font-size:12px}.structure-rows{max-height:none;overflow:visible}.structure-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.structure-row>input{grid-column:1/-1;width:100%}.structure-row label{display:flex;flex-direction:column;gap:5px;font-size:12px;min-width:0}.structure-row input[type=number]{width:100%;margin:0}.structure-row button{font-size:12px}.structure-row small{grid-column:1/-1}.structure-editor p{font-size:13px}.structure-editor>small{font-size:12px;line-height:1.6}.structure-suggest{align-items:stretch}.structure-suggest label{font-size:13px}.structure-suggest select{font-size:16px;min-height:44px}.theory-tabs{gap:4px;max-width:calc(100% + 32px)}.theory-tabs button{font-size:13px;min-height:44px;flex-shrink:0;padding:10px}.theory-card{padding:18px}.theory-card p{font-size:13px;line-height:1.7}.theory-card h2{font-size:17px}.inline-selects{flex-wrap:wrap;gap:8px}.inline-selects select{min-height:44px}.degree-list>div{gap:8px}.scale-line{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.scale-line>div{min-width:0}.scale-line b{font-size:16px}.scale-line span,.scale-line small{font-size:11px}.degree-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.degree-cards b{font-size:15px}.degree-cards small{font-size:11px}.interval-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.interval-grid b{font-size:13px}.interval-grid span,.time-cards strong,.time-cards span{font-size:12px}.time-cards button{min-height:105px}.big-bpm button{width:44px;height:44px}.metro-card .big-bpm{gap:20px;margin-inline:0}.fifths-wheel{--wheel-size:min(310px, calc(100vw - 72px) );width:var(--wheel-size);height:var(--wheel-size)}.fifths-wheel button{width:44px;height:44px;transform:translate(-50%,-50%) rotate(calc(var(--i)*30deg)) translateY(calc(var(--wheel-size)*-.4)) rotate(calc(var(--i)*-30deg))}.fifths-wheel button b{font-size:12px}.fifths-wheel button small{font-size:9px}.account-screen{padding-inline:16px;align-items:center}.account-card{padding:24px 20px;gap:16px;width:min(100%,460px)}.account-card h1{font-size:32px}.account-card h2{font-size:22px}.account-card p{font-size:14px}.account-card small{font-size:12px}.account-card button{min-height:46px}.account-hint{font-size:12px!important}.admin-page h1{font-size:30px}.admin-create{padding:18px;gap:16px}.admin-create label{flex-basis:100%;min-width:0;font-size:14px}.admin-create>.primary{width:100%}.tenant-row{gap:16px}.tenant-row h3{font-size:16px}.tenant-row p{font-size:13px;line-height:1.7}.tenant-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}.tenant-actions button{width:100%}.activation-result{padding:16px}.activation-result h2{font-size:19px;line-height:1.4}.activation-result p{font-size:14px}.activation-result .secondary{width:100%;margin:8px 0}.activation-result input{width:100%}.toast{left:16px;right:16px;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 12px);font-size:13px;max-width:none;gap:8px;padding:12px}.toast button{min-width:36px;min-height:36px;flex-shrink:0}}@media(max-height:540px){.account-screen{align-items:start}.account-card{margin-block:8px}.overlay,.account-overlay{align-items:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.overlay,.toast,.song-menu,.song-open,.account-overlay{display:none!important}.measure{min-height:70px}.editor-actions{display:none!important}}@media(max-width:680px){.chord-editor-row{grid-template-columns:22px minmax(0,1fr) minmax(0,1fr) 44px;gap:8px}.chord-editor-row input:not([type=number]){grid-column:2/4;grid-row:1}.chord-editor-row input[type=number]{grid-column:1/3;grid-row:2}.chord-editor-row select{grid-column:3/5;grid-row:2}.chord-editor-row .icon-button{grid-column:4;grid-row:1}}@media(pointer:coarse){button:not(.measure),.import-label{min-height:44px}input:not([type=range]),select{font-size:16px;min-height:44px}.icon-button{min-width:44px;min-height:44px}}@media(max-width:950px)and (pointer:coarse){.music-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}.control-field{min-width:0;width:auto}.key-control>div{flex-wrap:wrap}}