@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&family=Noto+Sans+KR:wght@400;450;500;550;600;650;700;750;800&display=swap";:root{font-family:DM Sans,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;color:#24362c;background:#f6f7f2;font-synthesis:none;--paper:#f6f7f2;--ink:#24362c;--dark:#1d2e25;--green:#c5e68a;--green-dark:#517137;--muted:#7f887f;--line:#e1e5dc;--highlight:#c3e577;--highlight-alpha:.23}*{box-sizing:border-box}body{margin:0;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.38}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #789751;outline-offset:4px}input,select,textarea{min-width:0}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;flex-shrink:0}button svg{pointer-events:none}p,h1,h2,h3{margin:0}button[hidden],[hidden]{display:none!important}::selection{background:#d5eab3}.workspace{display:flex;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#f2f4ed;padding:35px 23px 0;z-index:20}.brand{display:flex;align-items:center;gap:9px;font:800 27px Manrope,sans-serif;letter-spacing:-1.4px;white-space:nowrap}.brand img{border-radius:10px}.brand-dot{color:#8aad54}.workspace-label{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#929b8e;margin:52px 12px 18px}.sidebar nav{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font-size:13px;font-weight:550;padding:13px 14px;border-radius:7px;color:#7a847b;transition:background .15s,color .15s}.nav-link svg{width:18px;height:18px}.nav-link.active{background:#e4ebdb;color:#354b2f;font-weight:700}.nav-link:hover{background:#e8ecdf;color:var(--ink)}.nav-count{margin-left:auto;font-family:DM Sans,sans-serif;font-size:11px;background:#d7e1ca;border-radius:4px;min-width:20px;line-height:20px;text-align:center}.sidebar-card{margin:58px 2px 20px;padding:23px 17px;border:1px solid #dce3d4;border-radius:10px;position:relative;background:linear-gradient(145deg,#eef1e7,#e8eddf)}.mini-disc{display:flex;align-items:center;justify-content:center;width:37px;height:37px;background:#f6f8f1;border:1px solid #dfe5d6;border-radius:50%;margin-bottom:17px}.mini-disc svg{width:19px;height:19px}.sidebar-card strong{font-size:12px;font-weight:700;letter-spacing:-.4px}.sidebar-card p{font-size:11px;line-height:1.9;color:#85917d;margin:9px 0 16px}.text-button{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:600;padding:5px 0;text-align:left}.text-button svg{width:15px;height:15px}.sidebar-card .text-button{font-size:10px;color:#677855}.sidebar-bottom{margin-top:auto;padding:20px 0 21px}.device-status{display:flex;align-items:center;gap:7px;margin:20px 13px 0;font-size:10px;color:#8a9486}.device-status>svg{margin-left:auto;width:13px;height:13px}.status-dot,.session-tag>span,.live-dot,.live-indicator>span{display:inline-block;border-radius:50%;background:#85a959;width:6px;height:6px;flex-shrink:0}.main-content{margin-left:238px;flex:1;min-width:0}.main-topbar{height:85px;border-bottom:1px solid var(--line);padding:0 46px;display:flex;align-items:center;justify-content:space-between}.topbar-path{display:flex;align-items:center;gap:12px;font-size:11px;color:#8b9389}.topbar-path strong{font-weight:500;color:#4b594b}.topbar-path svg{width:12px;height:12px;color:#b6bdb0}.topbar-right{display:flex;align-items:center;gap:24px}.desktop-note{display:flex;gap:6px;align-items:center;font-size:10px;color:#8a9484}.desktop-note svg{width:14px;height:14px}.avatar{width:30px;height:30px;border-radius:50%;font-family:Manrope,sans-serif;font-size:12px;background:#e2e8d9;font-weight:700;border:3px solid #edf0e7}.content-wrap{max-width:1420px;padding:37px 46px 0;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{font-family:DM Sans,sans-serif;font-weight:650;font-size:9px;letter-spacing:1.8px;color:#929b89}.page-heading h1{font-size:29px;font-weight:650;letter-spacing:-1.4px;margin-top:8px;line-height:1.4}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 18px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:-.15px;white-space:nowrap;transition:background .15s,transform .15s}.button svg{width:17px;height:17px}.button:hover{filter:brightness(.97)}.button:active{transform:translateY(1px)}.button.primary{background:var(--green);color:#30412b;border:1px solid #bcd67f}.button.ink{background:var(--ink);color:#f3f7ed;border:1px solid var(--ink)}.button.subtle{background:#fafbf7;border:1px solid var(--line)}.button.compact{min-height:34px;padding:0 10px;font-size:10px}.button.full{width:100%}.button.danger-button{background:#a94837;color:#fff}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px}.icon-button:hover{background:#e8eddf}.icon-button svg{width:18px;height:18px}.welcome-panel{position:relative;display:flex;min-height:338px;background:#e8eddf;border:1px solid #dce3d3;border-radius:12px;overflow:hidden}.welcome-copy{padding:32px 37px;z-index:2;width:52%;position:relative}.session-tag{display:inline-flex;align-items:center;gap:7px;font-size:8px;font-weight:700;letter-spacing:1.5px;color:#6a7c55}.session-tag>span{width:5px;height:5px;background:#739642}.welcome-copy h2{font-size:43px;line-height:1.28;font-weight:650;letter-spacing:-2.1px;margin:16px 0 13px}.welcome-copy h2>span{color:#7e9562}.welcome-copy>p{font-size:11px;color:#7b8672;line-height:1.8;letter-spacing:-.2px}.welcome-copy>.button{margin-top:21px;min-height:40px;font-size:11px;padding:0 15px}.welcome-copy>.button svg:last-child{margin-left:10px;width:14px;height:14px}.welcome-meta{margin-top:19px;display:flex;align-items:center;gap:6px;font-size:9px;color:#909c82}.welcome-meta svg{width:12px;height:12px}.welcome-visual{position:absolute;inset:0 0 0 45%;overflow:hidden}.orbit{border:1px solid #d4ddc6;position:absolute;border-radius:50%;width:460px;height:460px;left:32px;top:-80px}.orbit-two{width:600px;height:600px;left:-35px;top:-150px}.visual-mark{position:absolute;left:15px;top:46px;font-family:Manrope,sans-serif;font-size:45px;font-weight:800;line-height:1.05;letter-spacing:-3.8px;color:#d9e2cc;transform:rotate(-8deg)}.visual-mark em{color:#cad8b7;font-style:normal}.floating-score{position:absolute;right:38px;top:46px;width:270px;height:278px;border-radius:4px;background:#fcfdf8;transform:rotate(9deg);box-shadow:0 18px 35px #53624115,0 0 0 1px #fff9;padding:24px 22px}.floating-title{display:flex;justify-content:space-between;align-items:center}.floating-title>span{font-family:Georgia,serif;font-size:12px;letter-spacing:.5px}.floating-title small{font-size:9px}.visual-staff{margin-top:26px;display:grid;gap:22px}.staff-row{position:relative;height:34px;display:flex;align-items:center;justify-content:space-around;font-family:Georgia,serif;font-size:32px;isolation:isolate}.staff-lines{position:absolute;inset:6px 0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 5px,#64705d99 5px,#64705d99 5.6px);z-index:-1}.staff-row:after{content:"";position:absolute;left:48%;top:5px;width:1px;height:29px;background:#6a715f}.staff-row.lit:before{content:"";position:absolute;inset:-5px 0;background:#cfeb97a6;z-index:-2;border-radius:3px;transform:rotate(-.3deg)}.floating-footer{display:flex;align-items:center;gap:5px;font-size:5.8px;letter-spacing:.8px;color:#94a184;margin-top:28px}.floating-footer .live-dot{width:4px;height:4px}.visual-sticker{position:absolute;right:15px;top:22px;background:#d0ec99;border:1px solid #afca7b;padding:12px 15px;font-size:7px;line-height:1.6;letter-spacing:.9px;font-weight:700;transform:rotate(8deg);box-shadow:1px 2px 1px #80925015}.visual-sticker svg{width:13px;height:13px;position:absolute;right:9px;bottom:9px}.library-section{margin-top:36px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid var(--line);min-height:49px}.filter-tabs{align-self:stretch;display:flex;gap:22px}.filter-tabs>button{position:relative;display:flex;align-items:center;gap:6px;font-size:12px;color:#9aa191;padding:0 2px 16px}.filter-tabs>button.selected{color:var(--ink);font-weight:650}.filter-tabs>button.selected:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}.filter-tabs svg{width:13px;height:13px}.filter-tabs span{display:inline-flex;align-items:center;justify-content:center;font-size:9px;width:19px;height:19px;background:#e8ecdf;border-radius:5px;margin-left:3px}.search-box{display:flex;align-items:center;gap:7px;color:#9da493;padding:0 0 15px;max-width:230px}.search-box>svg{width:15px;height:15px}.search-box input{border:0;outline:0;background:transparent;width:180px;font-size:10px;color:var(--ink)}.search-box input::placeholder{color:#a0a794}.search-box kbd{font:14px monospace;border:1px solid var(--line);border-radius:3px;width:20px;text-align:center}.score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.score-card{background:#fbfcf8;border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:box-shadow .2s,transform .2s}.score-card:hover{box-shadow:0 8px 24px #25332209;transform:translateY(-2px)}.score-cover{position:relative;display:block;width:100%;height:196px;overflow:hidden;background:#e7ebdf;text-align:left}.tone-1 .score-cover{background:#eee9de}.tone-2 .score-cover{background:#e4e9e8}.cover-label{position:absolute;top:17px;left:18px;z-index:2;font-size:7px;letter-spacing:1.2px;color:#8c987d;font-weight:700}.cover-paper{position:absolute;left:20%;top:43px;right:14%;height:234px;transform:rotate(-5deg);box-shadow:0 3px 13px #2931250d;background:#fff;border:1px solid #dce0d5;overflow:hidden}.cover-paper img{width:100%;display:block}.cover-open{position:absolute;right:12px;bottom:13px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f8faf2aa;color:#4a5e3e}.cover-open svg{width:14px;height:14px}.score-state{position:absolute;left:14px;bottom:13px;display:flex;align-items:center;gap:5px;background:#fffef1;border:1px solid #e0dcc8;padding:4px 7px;border-radius:4px;font-size:8px;color:#89764e}.score-state.ready{background:#f3f7e9;color:#7a8b5d;border-color:#dce7ca}.score-state svg{width:10px;height:10px}.score-card-body{padding:15px 17px 11px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.score-name{font:700 15px Manrope,Noto Sans KR,sans-serif;letter-spacing:-.4px;padding:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite{width:25px;height:25px;color:#bac2b0}.favorite svg{width:14px;height:14px}.favorite.is-favorite{color:#88a15e}.favorite.is-favorite svg{fill:#d2e4a5}.score-card-body>p{font-size:9px;color:#919a86;margin-top:4px;height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{margin-top:13px;border-top:1px solid #edf0e6;padding-top:7px;display:flex;align-items:center;gap:10px;font-size:8px;color:#949e88}.card-meta>span+span:before{content:"·";margin-right:10px;color:#bec5b4}.card-meta strong{font-weight:650;color:#52654a;font-size:10px}.card-meta .icon-button{width:23px;height:23px;margin-left:auto}.card-meta svg{width:15px;height:15px}.upload-card{border:1px dashed #ccd7be;border-radius:9px;min-height:310px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 18px;background:#f3f5ed;position:relative;transition:background .2s,border .2s}.upload-card:hover,.upload-card.drag-over{background:#eaf1de;border-color:#97af73}.upload-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#e7eddd;border:1px solid #dbe5cd;border-radius:11px;margin-bottom:18px}.upload-icon svg{width:22px;height:22px;color:#829765}.upload-card strong{font-size:12px;font-weight:550;letter-spacing:-.4px}.upload-card p{font-size:9px;color:#9aa38d;margin-top:9px;line-height:1.8}.file-types{margin-top:22px;padding:5px 9px;border:1px solid #e0e6d7;background:#f8faf4;border-radius:4px;font-size:7px;letter-spacing:.5px;color:#95a081}.file-types>span{margin:0 5px;color:#c3cdb8}.upload-bottom{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:15px;left:17px;right:17px;font-size:8px;color:#a1ab95}.upload-bottom svg{width:12px;height:12px}.practice-notes{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:27px 0 35px;border-top:1px solid var(--line);padding-top:22px}.practice-notes>div{display:flex;gap:10px;align-items:center}.practice-notes>div>svg{color:#81916e;width:20px;height:20px}.practice-notes strong{display:block;font-size:10px;font-weight:550;color:#6c7d5e}.practice-notes small{display:block;font-size:8px;color:#a2ab97;margin-top:5px}.local-pill{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:8px;color:#9aa58a}.local-pill svg{width:13px;height:13px}.page-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:19px 0 24px;color:#a9b09e;gap:15px}.page-footer>span:first-child{font-size:7px;letter-spacing:1.4px;font-weight:650}.page-footer>span:last-child{font-size:8px;display:flex;gap:5px;align-items:center}.page-footer svg{width:11px;height:11px}.empty-search{font-size:14px;line-height:2;padding:35px 15px}.empty-search small{font-size:11px;color:var(--muted)}.modal-overlay{position:fixed;inset:0;z-index:1000;background:#17271c70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--paper);border:1px solid #ffffff99;border-radius:14px;width:480px;max-width:100%;max-height:min(92dvh,950px);overflow:auto;box-shadow:0 30px 100px #17271c35}.modal.wide{width:720px}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;background:#f6f7f2f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal>header h2{font-size:17px;font-weight:600;letter-spacing:-.7px}.modal-body{padding:24px}.modal-body>p{font-size:13px;line-height:1.9}.modal-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:24px}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:11px;line-height:1.9}.notice{font-size:11px!important;line-height:1.8!important;padding:13px 15px;background:#e9efdf;border-radius:6px;color:#6e7f5c;margin:16px 0 0}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:11px;color:#63735a;font-weight:550}.field input:not([type=range]):not([type=color]),.field select,.field textarea{display:block;width:100%;height:40px;padding:0 11px;border:1px solid #dbe2d3;border-radius:5px;color:#33462b;background:#fbfcf8;outline-color:#a6bf80;font-size:12px;font-weight:400}.field input::placeholder{color:#b1b8a7;font-size:11px}.field small{font-size:9px;color:#98a18d;font-weight:400;line-height:1.7}.field-row{display:flex;gap:12px}.field-row>.field{flex:1;min-width:0}.field input[type=range]{width:100%;accent-color:#7c9f4e;height:31px}.field input[type=color]{width:100%;height:40px;border:1px solid #dbe2d3;background:#fbfcf8;border-radius:5px;padding:4px}.check-field{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.6;margin:13px 0;color:#607351}.check-field input{width:15px;height:15px;accent-color:#729a43;flex-shrink:0}.inspector-divider{height:1px;background:var(--line);margin:21px 0}.menu-list{display:grid;gap:4px}.menu-list>button{display:flex;align-items:center;gap:12px;padding:14px 11px;border-radius:6px;text-align:left;font-size:12px}.menu-list>button:hover{background:#e8eddf}.menu-list>button>svg:last-child{margin-left:auto;width:14px;height:14px;color:#a1ad92}.menu-list>button>svg:first-child{width:17px;height:17px}.danger{color:#b36650!important}.help-step{display:flex;gap:17px;margin-bottom:25px}.help-step>b{font:500 12px Manrope,sans-serif;color:#8a9e71;line-height:1.8;min-width:19px}.help-step strong{font-size:13px;font-weight:600}.help-step p{margin-top:7px;font-size:11px;line-height:1.9;color:#8a9580}.import-animation{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e4edda;width:70px;height:70px;margin:5px auto 24px;color:#73974d;animation:scan 2s ease-in-out infinite}.import-animation svg{width:30px;height:30px}@keyframes scan{50%{transform:scale(1.07);background:#d8e8bf}}.modal h3.center{font-size:20px;font-weight:550;letter-spacing:-.8px;margin-bottom:10px}.progress-track{margin-top:30px;height:5px;background:#e1e7d7;border-radius:6px;overflow:hidden}.progress-track>div{height:100%;width:3%;background:#88a957;transition:width .4s}.progress-track+p{margin-top:12px;font-size:10px;color:#8b987b}.boot-screen{display:flex;min-height:100dvh;align-items:center;justify-content:center;flex-direction:column;gap:22px}.boot-screen p{font-size:13px;color:#80916e}.boot-screen h1{font-size:23px}#toast{position:fixed;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,15px);background:#24362cf2;color:#f6f9f0;border-radius:8px;padding:13px 20px;font-size:12px;max-width:calc(100% - 32px);width:max-content;line-height:1.7;z-index:2000;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 5px 20px #15291b15}#toast.visible{opacity:1;transform:translate(-50%)}#toast.error{background:#9a4e3d}.practice-workspace{height:100dvh;display:flex;flex-direction:column;background:#ecf0e6}.practice-header,.editor-header{height:77px;display:flex;align-items:center;padding:0 30px;gap:16px;background:var(--paper);border-bottom:1px solid var(--line);flex-shrink:0}.practice-title{min-width:0;margin-right:auto}.practice-title h1{font-size:16px;font-weight:650;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:440px}.practice-title>span{font-size:9px;color:#929d87;display:block;margin-top:5px}.practice-header-actions{display:flex;align-items:center;gap:12px}.practice-header-actions>.button{min-height:35px;font-size:10px;padding:0 12px}.practice-header-actions svg{width:15px;height:15px}.practice-main{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.practice-info{display:flex;align-items:center;gap:20px;justify-content:space-between;margin:0 35px;height:46px;flex-shrink:0;color:#8c9980;font-size:10px}.live-indicator{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1px;font-weight:600}.practice-info b{font-weight:400;margin:0 8px;color:#b4bfa8}.practice-info .text-button{font-size:9px}.score-stage{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;overflow:hidden;position:relative;padding:5px 0 10px;user-select:none;-webkit-user-select:none}.score-sheet{position:relative;flex-shrink:0;background:#fff;box-shadow:0 7px 40px #2035200b;isolation:isolate}.score-canvas{display:block;width:100%;height:100%}.ink-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.measure-layer{position:absolute;inset:0;z-index:3}.measure-box{position:absolute;padding:0;border:0;background:none;border-radius:3px;transition:background .07s;outline-offset:-2px;cursor:pointer}.measure-box.current:before{content:"";position:absolute;inset:0;background:var(--highlight);opacity:var(--highlight-alpha);border-radius:3px;mix-blend-mode:multiply;pointer-events:none}.measure-box:focus-visible{outline:2px solid #83a65b}.measure-box>span:not(.boundary-handle){position:absolute;left:3px;top:2px;background:#e4edda;color:#637d48;border-radius:3px;padding:2px 4px;font-size:9px;line-height:1;pointer-events:none}.transport-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px;padding:10px 35px calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);flex-shrink:0}.transport-position{display:flex;flex-direction:column;gap:7px;min-width:170px}.mono{font-family:DM Sans,sans-serif;font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.mono>span{color:#acb49f;font-size:11px;margin-left:6px}#measure-status{font-size:9px;color:#8c9a7c}.transport-buttons{display:flex;align-items:center;gap:14px}.play-button{display:inline-flex;align-items:center;justify-content:center;width:49px;height:49px;border-radius:50%;background:var(--ink);color:#eff4e9;box-shadow:0 3px 8px #2035200c}.play-button:hover{background:#3b513b}.play-button svg{width:19px;height:19px}.play-button.large{width:65px;height:65px}.play-button.large svg{width:24px;height:24px}.transport-bar>.button{min-height:39px;font-size:10px;padding:0 15px}.count-in{position:absolute;inset:0;background:#f6f7f2e8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;z-index:10}.count-in>span{font-size:10px;letter-spacing:4px;color:#92a27d}.count-in>strong{font:500 130px Manrope,sans-serif;color:var(--ink);line-height:1}.performance-menu{position:fixed;left:50%;bottom:25px;transform:translate(-50%);background:#24362ced;color:#eef5e5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1f;border-radius:10px;display:flex;align-items:center;gap:12px;padding:9px 14px;z-index:40;box-shadow:0 5px 30px #17271c20}.performance-menu .icon-button:hover{background:#ffffff15}.performance-menu>span{font-size:11px;min-width:50px;text-align:center}.performing{background:#fff;overflow:hidden}.performing .practice-workspace{background:#fff}.performing .practice-header,.performing .practice-info,.performing .transport-bar{display:none}.performing .practice-main{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.performing .score-stage{padding:0;touch-action:none}.performing .score-sheet{box-shadow:none}.performing .measure-box{cursor:default}.performing .measure-box:focus-visible{outline:none}.performing .count-in{background:#fffc}.route-summary{display:flex;align-items:center;justify-content:space-around;gap:18px;border-bottom:1px solid var(--line);padding:8px 0 23px;margin-bottom:20px}.route-summary>span{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#94a085;text-align:center}.route-summary strong{font:600 31px Manrope,sans-serif;color:#405331;letter-spacing:-1px}.route-summary>svg{width:20px;color:#b1be9d}.route-timeline{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.route-chip{display:flex;align-items:center;justify-content:center;gap:4px;min-width:42px;min-height:39px;padding:0 8px;background:#ecf0e5;border:1px solid #dfe6d4;border-radius:5px;font:550 12px DM Sans,sans-serif}.route-chip small{font-size:8px;color:#92a27b}.route-chip.revisited{background:#dcebbf;border-color:#cbdcaa}.route-chip:hover{border-color:#89a75d}.route-legend{display:flex;gap:22px;font-size:9px;color:#94a085}.route-legend>span{display:flex;align-items:center;gap:7px}.route-legend i{width:10px;height:10px;border-radius:2px;background:#ecf0e5;border:1px solid #dfe6d4}.route-legend>span+span i{background:#dcebbf;border-color:#cbdcaa}.next-title{font-size:30px;letter-spacing:-1px;margin:18px 0 10px}.editor-workspace{height:100dvh;display:flex;flex-direction:column}.editor-header{height:75px;padding:0 22px;gap:12px}.editor-header>.button{font-size:10px;min-height:38px;padding:0 13px}.editor-body{display:flex;flex:1;min-height:0}.editor-sidebar{width:235px;overflow:auto;background:#f2f4ed;border-right:1px solid var(--line);flex-shrink:0}.editor-section{padding:25px 20px;border-bottom:1px solid var(--line)}.editor-section>.eyebrow{margin-bottom:20px}.editor-section h3{font-size:12px;font-weight:600;margin-bottom:13px;display:flex;align-items:center;gap:7px}.editor-section h3>svg{width:15px;height:15px}.editor-section>.small{font-size:10px;margin-bottom:16px}.editor-section>.button{margin-bottom:18px;font-size:10px}.editor-section .field{font-size:10px;margin-bottom:16px}.editor-section .field input,.editor-section .field select{font-size:11px;height:36px}.review-notes{padding-left:13px;font-size:9px;line-height:1.9;color:#9ca58e;margin:10px 0 16px}.editor-center{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:#e9ede3}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 17px;min-height:55px;background:#f7f8f3;border-bottom:1px solid var(--line);flex-wrap:wrap}.page-switcher{display:flex;align-items:center;gap:5px;font:11px DM Sans,sans-serif;white-space:nowrap}.page-switcher .icon-button{width:25px;height:28px}.page-switcher svg{width:15px;height:15px}.annotation-tools{display:flex;align-items:center;gap:2px}.annotation-tools .icon-button{width:29px;height:29px}.annotation-tools svg{width:15px;height:15px}.annotation-tools .selected{background:#e0e9d3;color:#627d43}.annotation-tools input[type=color]{width:23px;height:23px;border:0;padding:2px;background:none;border-radius:50%;cursor:pointer}.toolbar-divider{width:1px;background:#d9e1cf;height:18px;margin:0 4px}.editor-page-scroller{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain}.editor-stage{display:flex;align-items:flex-start;min-height:100%;overflow:visible;height:auto;flex:none;padding:26px 0 45px}.editor-stage .measure-box{border:1px solid #8fae6160;border-radius:0;overflow:visible}.editor-stage .measure-box.current{border:2px solid #7b9e4a;z-index:4}.editor-stage .measure-box:hover{background:#d7ebad28}.editor-stage.drawing{touch-action:none}.editor-stage.drawing .measure-layer{pointer-events:none}.editor-hint{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;padding:11px;background:#f1f4ea;color:#9ba78e;line-height:1.7}.editor-hint svg{width:12px;height:12px}.measure-inspector{width:255px;overflow:auto;background:#f6f7f2;border-left:1px solid var(--line);padding:25px 21px 35px;flex-shrink:0}.inspector-heading{margin-bottom:23px}.inspector-heading h2{font-size:14px;font-weight:450;color:#8d9c7e;margin-top:13px}.inspector-heading h2>span{font:600 44px Manrope,sans-serif;letter-spacing:-2px;color:#3c542f;margin-right:7px}.inspector-heading>p:last-child{font-size:9px;color:#9ba78e;margin-top:8px}.measure-inspector h3{font-size:11px;font-weight:600;color:#677e51;margin-bottom:14px}.measure-inspector .field{font-size:10px;margin-bottom:14px}.measure-inspector .field input,.measure-inspector .field select{height:35px;font-size:11px}.measure-inspector .check-field{font-size:10px}.measure-inspector .button{font-size:10px;min-height:36px;padding:0 9px}.measure-inspector .small{font-size:9px;margin-top:13px}.measure-inspector .field-row{gap:8px}.measure-inspector .field-row>.button{flex:1}.measure-inspector>.text-button.danger{font-size:9px;margin-top:13px}.boundary-handle{position:absolute!important;top:50%;height:30px;width:10px;background:#7f9e52!important;border:2px solid #f8fbf2;border-radius:4px;padding:0!important;transform:translateY(-50%);touch-action:none;cursor:ew-resize;z-index:10;pointer-events:auto!important}.boundary-handle.left{left:-6px!important}.boundary-handle.right{right:-6px!important;left:auto!important}.set-intro{background:#e7edde;border:1px solid #dce4d1;border-radius:11px;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.set-intro h2{font-size:26px;letter-spacing:-1.5px;font-weight:550;margin:15px 0 11px}.set-intro p:not(.eyebrow){font-size:11px;color:#8a977c}.sets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:40px}.set-card{border:1px solid var(--line);border-radius:9px;padding:23px;background:#fbfcf8}.set-card-top{display:flex;align-items:center;justify-content:space-between;color:#8da373;margin-bottom:17px}.set-card-top>svg{width:27px;height:27px}.set-card h3{font-size:17px;letter-spacing:-.5px;font-weight:600}.set-card>p{font-size:10px;color:#99a58c;margin:9px 0 20px}.set-card ol{padding-left:22px;font-size:11px;line-height:2.5;color:#7e9070;min-height:70px;margin-bottom:22px}.set-card>.button{font-size:10px;min-height:36px}.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #d0dcc3;border-radius:9px;min-height:270px;color:#8d9e7c}.empty-state>svg{width:35px;height:35px;margin-bottom:23px;color:#a4b58f}.empty-state h3{font-size:16px;font-weight:500;letter-spacing:-.5px}.empty-state p{font-size:11px;margin-top:10px;color:#a3ad97}.set-edit-list{display:grid;gap:5px;margin:24px 0}.set-edit-row{display:flex;align-items:center;gap:8px;padding:9px 7px;border-bottom:1px solid var(--line)}.set-edit-row>span{font-size:9px;color:#a5b195;font-family:DM Sans,sans-serif;margin-right:6px}.set-edit-row>strong{font-size:11px;font-weight:500;flex:1}.set-edit-row .icon-button{width:25px;height:25px}.set-edit-row svg{width:13px;height:13px}.metronome-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:25px;margin-bottom:40px}.metronome-card{background:#e7edde;border:1px solid #d9e3ce;border-radius:12px;display:flex;align-items:center;flex-direction:column;padding:38px 20px;min-height:550px}.metronome-card>.session-tag{margin-bottom:30px}.bpm-display{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:6px}.bpm-display input{font:500 92px Manrope,sans-serif;letter-spacing:-6px;width:195px;text-align:center;background:none;border:0;outline:none;color:#354e2c;-moz-appearance:textfield}.bpm-display input::-webkit-outer-spin-button,.bpm-display input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bpm-display .icon-button{border:1px solid #cddbbc;border-radius:50%;background:#f2f6eb80}.bpm-unit{font-size:8px;letter-spacing:2px;color:#94a87c}.beat-dots{display:flex;gap:13px;margin:27px 0 12px}.beat-dot{width:9px;height:9px;border-radius:50%;background:#c7d6b5;transition:background .08s,transform .08s}.beat-dot.on{background:#5f803f;transform:scale(1.3)}.metro-count{font:500 33px Manrope,sans-serif;color:#9eb385;line-height:1;margin-bottom:25px;min-height:34px}.tap-tempo{font:650 9px DM Sans,sans-serif;letter-spacing:1.5px;padding:18px 25px;border:1px solid #cedcbd;border-radius:6px;margin-top:25px;color:#738d56;background:#eef4e6}.tap-tempo small{display:block;font-family:Noto Sans KR,sans-serif;font-size:8px;font-weight:400;letter-spacing:0;margin-top:7px;color:#9dac8b}.settings-card{background:#fbfcf8;border:1px solid var(--line);border-radius:10px;padding:28px}.settings-card h2{font-size:20px;font-weight:550;letter-spacing:-1px;margin-bottom:12px}.settings-card>.muted{font-size:11px;line-height:2;margin-bottom:27px}.settings-card .field{font-size:10px}.settings-card .field input,.settings-card .field select{height:37px;font-size:11px}.settings-card .button{font-size:11px}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:40px}.settings-icon{display:flex;align-items:center;justify-content:center;background:#eaf0e1;border:1px solid #dee7d1;border-radius:10px;width:43px;height:43px;color:#819b63;margin-bottom:25px}.settings-icon svg{width:21px;height:21px}.storage-stats{display:flex;gap:23px;margin:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.storage-stats>span{display:flex;flex-direction:column;gap:7px;font-size:9px;color:#98a58b}.storage-stats strong{font:600 27px Manrope,sans-serif;letter-spacing:-1px;color:#56713f}.settings-card>#persist-storage{font-size:9px;color:#91a27e;margin-top:20px}.settings-card .modal-actions{flex-wrap:wrap;justify-content:flex-start}.install-steps{padding-left:21px;font-size:11px;line-height:2.5;color:#8c9b7b}.install-steps strong{font-weight:550;color:#627d48}.settings-actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin-top:24px}.settings-actions .button{min-height:36px;font-size:10px}.settings-actions .text-button{font-size:10px}@media(min-width:1500px){.sidebar{width:255px;padding-left:29px;padding-right:29px}.main-content{margin-left:255px}.content-wrap{padding-top:45px}.welcome-panel{min-height:370px}.welcome-copy{padding:37px 43px}.welcome-copy h2{font-size:49px}.welcome-copy>p{font-size:12px}.floating-score{width:305px;height:305px;right:55px;top:46px;padding:27px}.visual-staff{gap:29px}.score-cover{height:220px}.score-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.upload-card{min-height:335px}.welcome-visual{inset:0 0 0 50%}.visual-mark{left:55px;font-size:54px}.visual-sticker{right:29px;top:30px}.welcome-meta{font-size:10px}.page-heading h1{font-size:31px}}@media(max-width:1100px){.sidebar{width:205px;padding:30px 17px 0}.main-content{margin-left:205px}.brand{font-size:24px}.brand img{width:31px;height:31px}.main-topbar{height:73px;padding:0 30px}.content-wrap{padding:30px 30px 0}.welcome-copy{padding:30px;width:55%}.welcome-copy h2{font-size:38px}.welcome-visual{left:45%}.floating-score{right:8px;width:235px;height:268px;top:57px}.visual-mark{left:0;font-size:41px}.visual-sticker{right:2px;top:25px;font-size:6px}.welcome-panel{min-height:337px}.score-grid{gap:16px}.score-cover{height:165px}.score-card-body{padding:13px}.upload-card{min-height:280px;padding:25px 10px}.upload-card strong{font-size:11px}.upload-card p{font-size:8px}.upload-bottom{font-size:7px}.score-state{font-size:7px;left:10px}.cover-label{font-size:6px;left:13px}.cover-paper{top:40px;left:18%;right:13%}.card-meta{gap:7px;font-size:7px}.card-meta>span+span:before{margin-right:7px}.score-name{font-size:14px}.practice-notes .local-pill{display:none}.editor-sidebar{width:190px}.editor-section{padding:21px 15px}.measure-inspector{width:224px;padding:23px 16px}.editor-toolbar{padding:8px 10px;gap:7px}.annotation-tools{gap:0}.annotation-tools .icon-button{width:25px}.editor-hint{font-size:7px}.sets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.set-intro{padding:25px}.metronome-layout{gap:20px;grid-template-columns:1fr 1fr}.bpm-display{gap:8px}.bpm-display input{font-size:76px;width:155px}.settings-card{padding:23px}.metronome-card{padding:33px 16px}.settings-layout{gap:20px;grid-template-columns:1fr}.settings-layout .settings-card{max-width:730px}}@media(max-width:820px){.sidebar{width:76px;align-items:center;padding:25px 12px 0}.brand{gap:0}.brand>span{display:none}.brand img{width:36px;height:36px}.workspace-label{display:none}.sidebar nav{margin-top:50px;width:100%;gap:15px}.nav-link{justify-content:center;padding:13px 0;border-radius:8px}.nav-link>span{display:none}.nav-link svg{width:22px;height:22px}.sidebar-card{display:none}.sidebar-bottom{width:100%;padding-bottom:25px}.device-status{justify-content:center;margin:22px 0 0}.device-status>span:not(.status-dot),.device-status>svg{display:none}.main-content{margin-left:76px}.main-topbar{padding:0 25px;height:68px}.content-wrap{padding:28px 25px 0}.page-heading h1{font-size:26px}.page-heading{margin-bottom:25px}.welcome-copy h2{font-size:37px}.welcome-copy{padding:28px 26px;width:55%}.welcome-visual{left:40%}.floating-score{right:-14px;width:225px;top:59px;transform:rotate(10deg)}.visual-sticker{right:-4px}.visual-mark{left:10px;top:60px;font-size:37px}.welcome-panel{min-height:337px}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.score-cover{height:190px}.upload-card{min-height:305px}.score-card-body{padding:15px 17px 10px}.score-name{font-size:16px}.score-card-body>p{font-size:10px}.card-meta{font-size:8px;gap:10px}.card-meta strong{font-size:11px}.upload-card strong{font-size:13px}.upload-card p{font-size:10px}.upload-bottom{font-size:8px}.cover-label{font-size:7px;left:18px}.score-state{font-size:8px;left:14px}.editor-sidebar{display:none}.measure-inspector{width:230px}.editor-toolbar{min-height:50px}.editor-header{padding:0 15px;gap:8px}.editor-header .practice-title h1{font-size:14px;max-width:190px}.editor-header .practice-title>span{font-size:8px}.editor-header>.button{font-size:9px;min-height:34px;padding:0 10px}.editor-header>.button svg{width:14px;height:14px}.editor-header>.button#editor-route{font-size:0;gap:0}.editor-header>.button#editor-route svg{width:17px;height:17px}.editor-stage{padding-top:20px}.practice-header{padding:0 20px;height:69px;gap:10px}.practice-header-actions{gap:7px}.practice-header-actions .button{font-size:9px;padding:0 9px;gap:6px}.practice-title h1{max-width:230px}.practice-info{margin:0 25px;font-size:9px;gap:12px}.live-indicator{font-size:7px}.transport-bar{padding-left:25px;padding-right:25px;gap:15px}.transport-position{min-width:120px}.transport-buttons{gap:8px}.transport-bar>.button{font-size:9px;padding:0 11px}.metronome-layout{grid-template-columns:1fr}.metronome-card{min-height:480px;padding-top:30px}.bpm-display input{font-size:100px;width:205px}.settings-card{padding:28px}.set-intro{padding:26px;align-items:flex-start;flex-direction:column}.set-intro h2{font-size:25px}.sets-grid{gap:16px}.set-card{padding:20px}.page-footer>span:last-child{font-size:7px}}@media(max-width:550px){.sidebar{position:fixed;top:auto;bottom:0;width:100%;height:64px;padding:0;border-right:0;border-top:1px solid var(--line);background:#f5f7eff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:row;z-index:50;padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box}.sidebar .brand,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-around;gap:0;margin:0;width:100%;height:100%}.sidebar .nav-link{flex-direction:column;gap:5px;border-radius:0;flex:1;padding:10px 0 6px;color:#94a084;font-size:8px}.sidebar .nav-link>span:not(.nav-count){display:block;font-weight:500}.sidebar .nav-link.active{background:none;color:#4e6e35}.sidebar .nav-link.active:before{content:"";position:absolute;top:0;width:24px;height:2px;background:#749747}.sidebar .nav-link svg{width:19px;height:19px}.main-content{margin:0;width:100%;padding-bottom:75px}.main-topbar{padding:0 21px;height:59px}.topbar-path{font-size:10px;gap:8px}.desktop-note{font-size:8px;gap:4px}.desktop-note svg{width:12px;height:12px}.topbar-right{gap:12px}.avatar{width:27px;height:27px;font-size:10px}.content-wrap{padding:25px 21px 0}.page-heading h1{font-size:25px}.eyebrow{font-size:7px;letter-spacing:1.4px}.page-heading .button{font-size:10px;min-height:37px;padding:0 12px;gap:6px}.page-heading .button svg{width:15px;height:15px}.welcome-panel{min-height:325px;border-radius:10px}.welcome-copy{padding:26px 23px;width:100%}.welcome-copy h2{font-size:37px;line-height:1.3;letter-spacing:-2px;margin-top:16px}.welcome-copy>.session-tag{font-size:6px;letter-spacing:1px}.welcome-copy>p{font-size:10px}.welcome-copy>.button{font-size:9px;min-height:35px;padding:0 12px;margin-top:20px}.welcome-copy>.button>svg:first-child{width:13px;height:13px}.welcome-copy>.button>svg:last-child{margin-left:0;width:12px;height:12px}.welcome-meta{font-size:7px;margin-top:17px;gap:4px}.welcome-meta svg{width:10px;height:10px}.welcome-visual{left:52%;pointer-events:none}.floating-score{width:185px;height:223px;right:-74px;top:100px;padding:20px 16px;transform:rotate(12deg)}.visual-staff{margin-top:18px;gap:13px}.staff-row{font-size:27px;height:29px}.floating-title>span{font-size:8px}.floating-title small{font-size:7px}.floating-footer{font-size:4px;letter-spacing:.3px;margin-top:18px;gap:3px}.floating-footer .live-dot{width:3px;height:3px}.visual-mark{top:48px;left:0;font-size:28px;color:#d8e2cc}.visual-sticker{font-size:5px;top:34px;right:-12px;padding:9px 11px;letter-spacing:.5px}.visual-sticker svg{width:10px;height:10px}.orbit{left:-40px;top:-30px;width:350px;height:350px}.orbit-two{width:450px;height:450px;left:-95px;top:-75px}.library-section{margin-top:27px}.section-heading{gap:12px;align-items:center;flex-wrap:wrap;min-height:47px}.filter-tabs{gap:18px}.filter-tabs>button{font-size:10px;padding-bottom:14px}.filter-tabs span{font-size:8px;width:16px;height:16px}.filter-tabs svg{width:11px;height:11px}.search-box{margin-left:auto;max-width:135px;gap:5px;padding-bottom:13px}.search-box input{width:100px;font-size:8px}.search-box>svg{width:12px;height:12px}.search-box kbd{display:none}.score-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.score-cover{height:140px}.cover-label{font-size:5px;top:13px;left:11px;letter-spacing:.7px}.cover-paper{left:17%;right:10%;top:33px;transform:rotate(-6deg)}.cover-open{right:8px;bottom:11px;width:22px;height:22px}.cover-open svg{width:12px;height:12px}.score-state{font-size:6px;padding:3px 5px;left:9px;bottom:11px;gap:3px}.score-state svg{width:8px;height:8px}.score-card-body{padding:11px 10px 7px}.score-name{font-size:12px;letter-spacing:-.4px}.favorite{width:20px;height:20px}.favorite svg{width:12px;height:12px}.score-card-body>p{font-size:7px;height:13px;margin-top:5px}.card-meta{font-size:6px;gap:6px;margin-top:9px;padding-top:5px}.card-meta strong{font-size:8px}.card-meta>span+span:before{margin-right:6px}.card-meta .icon-button{width:19px;height:19px}.card-meta svg{width:12px;height:12px}.upload-card{min-height:233px;padding:25px 9px}.upload-icon{width:34px;height:34px;margin-bottom:14px;border-radius:8px}.upload-icon svg{width:18px;height:18px}.upload-card strong{font-size:9px;letter-spacing:-.4px}.upload-card p{font-size:7px;margin-top:7px}.file-types{font-size:5px;padding:4px 6px;margin-top:16px}.file-types>span{margin:0 3px}.upload-bottom{left:10px;right:10px;bottom:11px;font-size:6px}.upload-bottom svg{width:10px;height:10px}.practice-notes{margin-top:22px;margin-bottom:25px;padding-top:18px}.practice-notes>div{gap:8px}.practice-notes>div>svg{width:18px;height:18px}.practice-notes strong{font-size:9px}.practice-notes small{font-size:7px}.page-footer{padding-top:15px;gap:6px;flex-wrap:wrap}.page-footer>span:first-child{font-size:5px;letter-spacing:1px}.page-footer>span:last-child{font-size:6px}.page-footer svg{width:9px;height:9px}.modal-overlay{padding:14px}.modal{border-radius:11px;max-height:90dvh}.modal>header{padding:17px 20px}.modal>header h2{font-size:15px}.modal-body{padding:20px}.modal-body>p{font-size:12px}.field{font-size:10px}.modal-actions{flex-wrap:wrap}.modal-actions .button{flex:1}.help-step{gap:13px;margin-bottom:22px}.help-step strong{font-size:12px}.help-step p{font-size:10px}.practice-header{height:65px;padding:0 12px;gap:8px}.practice-title h1{font-size:13px;max-width:155px}.practice-title>span{font-size:7px;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice-header-actions{gap:2px}.practice-header-actions>.button{font-size:0;gap:0;padding:0;width:32px;min-height:32px;border:0;background:none}.practice-header-actions>.button svg{width:18px;height:18px}.practice-header-actions>.icon-button{width:27px;height:27px}.practice-header-actions>.icon-button svg{width:16px;height:16px}.practice-info{margin:0 16px;height:40px;font-size:8px;gap:9px}.practice-info .live-indicator{display:none}.practice-info .text-button{font-size:8px;gap:4px}.practice-info .text-button svg{width:12px;height:12px}.transport-bar{min-height:76px;padding:10px 15px calc(10px + env(safe-area-inset-bottom));gap:10px}.transport-position{min-width:82px;gap:5px}.mono{font-size:12px}.mono>span{font-size:8px;margin-left:2px}#measure-status{font-size:7px}.transport-buttons{gap:2px}.transport-buttons>.icon-button{width:25px;height:30px}.transport-buttons>.icon-button svg{width:16px;height:16px}.transport-buttons>#restart-score{display:none}.play-button{width:42px;height:42px;margin:0 3px}.play-button>svg{width:17px;height:17px}.transport-bar>.button{font-size:0;gap:0;width:37px;padding:0;min-height:37px;border-radius:8px}.transport-bar>.button svg{width:17px;height:17px}.performance-menu{bottom:max(20px,env(safe-area-inset-bottom));gap:8px;padding:8px 11px}.count-in>strong{font-size:105px}.editor-header{height:65px;padding:0 12px;gap:7px}.editor-header .practice-title{max-width:145px}.editor-header .practice-title h1{font-size:12px;max-width:140px}.editor-header .practice-title>span{font-size:7px;max-width:140px}.editor-header>.button{min-height:33px;padding:0 9px;font-size:8px;gap:5px}.editor-header>.icon-button{width:27px}.editor-body{display:block;overflow:auto;background:#e9ede3}.editor-center{height:60dvh;min-height:380px}.measure-inspector{width:100%;border-left:0;border-top:1px solid var(--line);overflow:visible;padding:24px 22px 35px}.measure-inspector form{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.measure-inspector form>.field-row,.measure-inspector form>.inspector-divider,.measure-inspector form>.button{grid-column:1/-1}.measure-inspector form>h3{grid-column:1/-1}.measure-inspector form>.check-field{font-size:9px}.measure-inspector .inspector-heading{margin-bottom:17px}.inspector-heading h2>span{font-size:37px}.editor-hint{font-size:7px;padding:8px 14px;text-align:center}.editor-toolbar{padding:8px 10px;gap:4px;flex-wrap:nowrap}.editor-toolbar>.button{font-size:0;gap:0;min-width:27px;padding:0;border:0;background:none}.editor-toolbar>.button svg{width:17px;height:17px}.annotation-tools .icon-button{width:23px;height:27px}.annotation-tools svg{width:13px;height:13px}.annotation-tools input[type=color]{width:20px;height:20px}.page-switcher{font-size:9px;gap:1px}.page-switcher>.icon-button{width:21px;height:25px}.page-switcher svg{width:13px;height:13px}.toolbar-divider{margin:0 2px}.editor-stage{padding-top:15px}.metronome-card{padding:30px 20px;min-height:470px}.bpm-display input{font-size:90px;width:190px}.metronome-layout{gap:18px}.settings-card{padding:24px 21px}.settings-card h2{font-size:19px}.sets-grid{grid-template-columns:1fr}.set-intro{padding:25px 22px}.set-intro h2{font-size:23px}.set-intro p:not(.eyebrow){font-size:10px;line-height:1.8}.set-intro .button{font-size:10px;min-height:38px}.set-card h3{font-size:16px}.settings-layout{gap:18px}.route-summary{gap:12px}.route-summary strong{font-size:27px}.route-summary>span{font-size:8px}.route-chip{min-width:35px;min-height:35px;font-size:11px}.storage-stats{gap:25px}.settings-card>.muted{font-size:10px}.install-steps{font-size:10px;line-height:2.6}#toast{font-size:10px;bottom:85px}.performing #toast{bottom:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}