:root{--color-primary:#00a693;--color-primary-strong:#007a6d;--color-primary-pressed:#006357;--color-secondary:#a60013;--color-background:#faf8f3;--color-surface:#fff;--color-text:#17302d;--color-muted:#526b67;--color-border:#788c87;--color-selected-surface:#e0f3ef;--color-disabled-surface:#e5e9e6;--color-disabled-text:#526b67;--color-error:#9f1b29;--color-focus:#a60013;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-section:40px;--radius-control:12px;--radius-panel:24px;--typography-heading:32px;--typography-brand:22px;--typography-body:17px;--typography-label:16px;--typography-body-line-height:30px}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Regular-DjtWZjaf.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Medium-kfdGqtUI.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-SemiBold-Cob0Iht-.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Bold-CgBSX5Ju.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{font-family:Vazirmatn,Tahoma,system-ui,sans-serif;font-size:var(--typography-body);color:var(--color-text);background:var(--color-background);font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:32px 24px}header{justify-content:space-between;align-items:center;gap:16px;margin-block-end:56px;display:flex}.wordmark{font-size:var(--typography-brand);align-items:center;gap:12px;font-weight:700;display:flex}.wordmark img{border-radius:12px}button{font:inherit;cursor:pointer;border:1px solid var(--color-primary-strong);border-radius:var(--radius-control);background:var(--color-primary-strong);color:var(--color-surface);min-height:44px;padding:10px 20px}button:hover:not(:disabled),button:active:not(:disabled){background:var(--color-primary-pressed)}button:focus-visible,select:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.panel{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:32px}.eyebrow{color:var(--color-secondary)}h1{font-size:clamp(28px, 4vw, var(--typography-heading))}p{line-height:1.8}@font-face{font-family:Bravura;src:url(/assets/bravura-CBWYXOFh.woff2)format("woff2")}.score-panel{margin-block-start:24px}label{flex-direction:column;gap:8px;display:flex}.tools{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.tools label{align-items:center;gap:8px;display:flex}select{min-height:44px;font:inherit;padding:var(--spacing-small);border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px}button:disabled{color:var(--color-disabled-text);background:var(--color-disabled-surface);border-color:var(--color-border);cursor:default}.score-scroll{margin-block:var(--spacing-medium);border:1px solid var(--color-border);border-radius:var(--radius-control);overflow-x:auto}.score-scroll>div{width:680px}.score-scroll svg{cursor:crosshair;display:block}[data-note-id]{cursor:pointer}.app-frame{max-width:1280px;margin-inline:auto;padding:32px 24px}.app-frame>header{margin-block-end:32px}.stack{flex-direction:column;gap:20px;display:flex}.stack>h1,.stack>p{margin:0}.login{max-width:480px;margin:40px auto}input,textarea{font:inherit;border:1px solid var(--color-muted);min-height:46px;color:var(--color-text);background:var(--color-surface);border-radius:10px;max-width:100%;padding:10px 12px}input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.secondary{color:var(--color-primary-strong);background:var(--color-surface)}.secondary:hover:not(:disabled){color:var(--color-surface)}[role=alert]{color:var(--color-secondary)}.admin-shell{grid-template-columns:220px minmax(0,1fr);gap:32px;display:grid}.sidebar{flex-direction:column;align-self:start;gap:14px;display:flex;position:sticky;top:24px}.account-email{overflow-wrap:anywhere;font-size:14px}.workspace{width:100%;min-width:0;margin:0;padding:0}.menu-button{display:none}.toolbar{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:start;width:100%}th,td{border-block-end:1px solid var(--color-border);text-align:start;padding:14px 12px}code{white-space:nowrap;font-family:ui-monospace,monospace;font-size:14px}.new-codes{overflow-x:auto}.prototype-page{max-width:none;padding:0}@media (width<=760px){.app-frame{padding:20px 16px}.wordmark{font-size:20px}.admin-shell{display:block}.menu-button{margin-block-end:20px;display:block}.sidebar{display:none;position:static}.sidebar.open{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;margin-block-end:24px;padding:20px;display:flex}.panel{padding:22px}.login{margin-block:24px}.toolbar{align-items:stretch}.toolbar label{flex:180px}}@media print{body *{visibility:hidden}.new-codes,.new-codes *{visibility:visible}.new-codes{border:0;position:absolute;inset:0}.new-codes .toolbar{display:none}}.navigation-drawer{background:var(--color-surface);color:var(--color-text);border:0;width:min(84vw,320px);max-width:none;height:100dvh;max-height:none;margin-block:0;margin-inline:0 auto;padding:24px}.navigation-drawer::backdrop{background:#00140f80}.mobile-nav{flex-direction:column;gap:16px;display:flex}.rich-input{border:1px solid var(--color-muted);border-radius:var(--radius-control);overflow-wrap:anywhere;min-height:240px;padding:20px;line-height:1.9}.rich-input:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.rich-input img,.lesson-content img{max-width:100%;height:auto}.rich-input .ProseMirror-selectednode{outline:3px solid var(--color-focus)}.rich-text .tools{gap:8px}.rich-text .tools button{padding-inline:12px}.rich-input figure,.lesson-content figure{margin:20px 0}.score-block{border:1px solid var(--color-border);border-radius:12px;padding:12px}.score-preview{text-align:center;overflow-x:auto}.score-preview img{width:680px;min-width:580px;max-width:none;height:240px;display:block}.score-preview figcaption{text-align:start;color:var(--color-text)}.mobile-preview{overflow-wrap:anywhere;width:min(100%,390px)}.preview-grid{flex-wrap:wrap;align-items:start;gap:24px;display:flex}.preview-grid>p{flex-basis:100%}.check-label{flex-direction:row;align-items:center}.check-label input{width:24px;min-height:24px}[aria-pressed=true]{outline:2px solid var(--color-focus);outline-offset:2px}summary{cursor:pointer;min-height:44px;padding-block:10px}summary:focus-visible{outline:3px solid var(--color-focus)}fieldset.tools{border:0;margin:0;padding:0}input[type=checkbox]{accent-color:var(--color-primary-strong)}.app-link{background:var(--color-primary-strong);color:var(--color-surface);border-radius:12px;padding:12px 20px;font-weight:700;text-decoration:none;display:inline-block}footer{text-align:center;padding:1.5rem}.song-waveform svg{background:var(--surface);stroke:currentColor;stroke-width:2px;width:100%;height:2rem;display:block}.song-waveform .song-playhead{stroke:#cf4e28;stroke-width:3px}