.notation-card{margin:12px 0;padding:12px;border:1px solid #343842;border-radius:14px;background:#0e1116}.notation-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.notation-card-head strong{display:block;color:#ff9a72;font-size:10px;letter-spacing:.8px}.notation-card-head small{display:block;color:#969ba5;margin-top:3px}.notation-card .notation-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.notation-score{overflow-x:auto;margin-top:10px;border-radius:10px;background:#f8f5ec;color:#111;scrollbar-width:thin}.notation-score svg{display:block;min-width:100%}.notation-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.88);display:grid;place-items:end center;padding:0}.notation-modal[hidden]{display:none}.notation-editor{width:min(760px,100%);max-height:94dvh;overflow:auto;background:#111319;border:1px solid #343842;border-radius:24px 24px 0 0;padding:18px;padding-bottom:calc(22px + env(safe-area-inset-bottom));box-sizing:border-box}.notation-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.notation-editor-head h2{margin:2px 0 0;color:#fff}.notation-close{width:42px;height:42px;border:1px solid #343842;border-radius:50%;background:#1b1e25;color:#fff;font-size:22px}.notation-settings{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin-top:14px}.notation-settings input,.notation-settings select,.notation-toolbar select{width:100%;box-sizing:border-box;background:#0c0e12;border:1px solid #343842;border-radius:11px;color:#fff;padding:11px}.notation-toolbar{margin-top:12px;padding:12px;border:1px solid #30343d;border-radius:14px}.notation-toolbar-title{font-size:10px;color:#ff9a72;letter-spacing:.8px}.notation-voices{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.notation-voices button,.notation-measures button,.notation-step-grid button{border:1px solid #343842;background:#1b1e25;color:#d9dbe0;border-radius:9px;padding:9px 4px;font-weight:700}.notation-voices button.on,.notation-measures button.on{background:#ff642d;border-color:#ff642d;color:#fff}.notation-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.notation-check{display:flex;align-items:center;gap:8px;color:#d9dbe0;font-size:12px}.notation-measure-head{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.notation-measures{display:flex;gap:6px;overflow-x:auto;padding:7px 0}.notation-measures button{min-width:42px}.notation-step-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:7px}.notation-step-grid button{position:relative;min-height:45px;font-size:11px}.notation-step-grid button.beat{border-color:#8b5a44}.notation-step-grid button.filled{background:#39251d;border-color:#ff642d;color:#fff}.notation-step-grid button small{display:block;color:#9ca1aa;font-size:8px;margin-top:2px}.notation-editor-help{color:#969ba5;font-size:11px;line-height:1.45;margin:9px 0}.notation-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.notation-editor-actions button,.notation-add-measure{border:0;border-radius:12px;padding:12px;font-weight:800}.notation-save{background:#ff642d;color:#fff}.notation-secondary,.notation-add-measure{background:#20232b;color:#fff}.notation-delete{grid-column:1/-1;background:#3a1919!important;color:#ffb1a4}.notation-status{min-height:18px;color:#ff9a72;font-size:11px;margin-top:7px}.student-notation{margin:15px 0;padding:13px;border:1px solid #3b404b;border-radius:15px;background:#11141a}.student-notation-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.student-notation-head strong{display:block;color:#ff9a72;font-size:10px;letter-spacing:.8px}.student-notation-head small{color:#9da2ac}.student-notation .notation-score{margin-top:10px}.student-notation>button{width:100%;margin-top:9px}@media(max-width:480px){.notation-settings{grid-template-columns:1fr 1fr}.notation-settings input{grid-column:1/-1}.notation-voices{grid-template-columns:repeat(3,1fr)}.notation-step-grid{grid-template-columns:repeat(4,1fr)}}