:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--paper: #f3eadc;--paper-soft: #fbf5ea;--paper-strong: #fffaf2;--paper-warm: #ead8bf;--ink: #1d211f;--ink-soft: #343a36;--muted: #756957;--muted-strong: #5f5446;--line: #ddcfbb;--line-strong: #cbb89d;--teal: #0d5d59;--teal-deep: #073f3d;--teal-soft: #dcefeb;--terracotta: #a54825;--terracotta-deep: #7d311a;--terracotta-soft: #f5dfcf;--gold: #b98526;--gold-soft: #f1dfb5;--charcoal: #141816;--danger: #b42318;--danger-soft: #fff0ec;--focus: rgb(13 93 89 / .32);--shadow-sm: 0 .18rem .55rem rgb(47 34 18 / .08);--shadow-md: 0 1.1rem 2.6rem rgb(47 34 18 / .14);--shadow-lg: 0 1.8rem 4.5rem rgb(47 34 18 / .22);--radius-sm: 6px;--radius-md: 8px;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html[lang=en-CA] [data-language=pt-BR],html[lang=pt-BR] [data-language=en-CA]{display:none!important}html[lang=pt-BR] [data-rendered-locale=en-CA]{visibility:hidden}.language-bar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.25rem;font-size:.75rem}.language-choices{display:flex;flex-wrap:wrap;gap:.4rem}.language-choices button{min-height:44px;padding:.5rem .7rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-strong);color:var(--ink);cursor:pointer}.language-choices button[aria-pressed=true]{background:var(--teal-soft);border-color:var(--teal);color:var(--teal-deep)}.language-choices button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.language-bar .language-choices{flex-wrap:nowrap;gap:0}.language-bar button{min-width:44px;padding:.25rem .5rem;border:0;background:transparent;color:var(--muted-strong);font-weight:600}.language-bar button[aria-pressed=true]{background:transparent;color:var(--teal-deep);text-decoration:underline;text-underline-offset:.3em}.language-bar button:hover{background:var(--paper-strong);color:var(--teal-deep)}.language-dialog{width:min(30rem,calc(100% - 2rem));max-height:calc(100% - 2rem);padding:clamp(1.25rem,5vw,2rem);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--paper-strong);color:var(--ink);box-shadow:var(--shadow-lg)}.language-dialog::backdrop{background:#14181699}.language-dialog h2{margin-top:0;font-size:1.4rem}.language-dialog h2 span,.language-dialog p span{display:block}.language-dialog p{color:var(--muted-strong);line-height:1.5}.language-dialog .language-choices{flex-direction:column}.language-dialog .language-choices button{padding:.8rem 1rem;text-align:left}.language-settings{margin:1rem 0}.language-settings .language-choices{margin-top:.5rem}html{min-width:320px;background:radial-gradient(circle at 6% 8%,rgb(185 133 38 / .16),transparent 22rem),radial-gradient(circle at 94% 12%,rgb(13 93 89 / .13),transparent 24rem),linear-gradient(135deg,#f8f0e4,#efe2cf 46%,#f7efe3)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:linear-gradient(rgb(255 250 242 / .72) 1px,transparent 1px),linear-gradient(90deg,rgb(255 250 242 / .48) 1px,transparent 1px);background-size:42px 42px;color:var(--ink);text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button,a,summary,input,textarea,select{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}a{color:var(--teal)}.page-shell{width:min(100% - 2rem,1120px);margin:0 auto;padding:1.5rem 0 5rem}.page-header{margin-bottom:2rem}.page-header.compact{margin-bottom:1.15rem}.editorial-header{position:relative;min-height:13rem;padding:1.4rem;border:1px solid rgb(221 207 187 / .82);border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(90deg,rgb(255 250 242 / .96) 0%,rgb(255 250 242 / .88) 48%,transparent 100%),var(--paper-strong);box-shadow:var(--shadow-md)}.editorial-header:before{position:absolute;inset:0;background:linear-gradient(90deg,rgb(255 250 242 / .9) 0%,rgb(255 250 242 / .72) 42%,transparent 70%),url(/alfaia-editorial-hero.png) right center / cover no-repeat;content:""}.editorial-header:after{position:absolute;inset:auto 0 0;height:.45rem;background:linear-gradient(90deg,var(--teal),var(--terracotta),var(--gold));content:""}.editorial-header>*{position:relative;z-index:1;max-width:36rem}.editorial-header.has-gesture{display:grid;grid-template-columns:minmax(0,1fr) clamp(7rem,24vw,11rem);align-items:center;gap:clamp(.75rem,2vw,2rem);min-height:0;padding:1rem 1.25rem 1.25rem;background:var(--paper-strong)}.editorial-header.has-gesture:before{content:none}.editorial-header.has-gesture>*{min-width:0;max-width:none}.editorial-header.has-gesture h1{font-size:clamp(1.75rem,5vw,4.2rem);line-height:1.08}.rhythm-gesture-trigger{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;cursor:zoom-in}.rhythm-gesture-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:inherit}.rhythm-gesture-expand{position:absolute;right:.3rem;bottom:.3rem;display:grid;place-items:center;padding:.3rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-strong);color:var(--teal)}.rhythm-gesture-trigger:hover .rhythm-gesture-expand{border-color:var(--teal)}.rhythm-gesture-trigger:focus-visible,.rhythm-gesture-dialog button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}html:has(.rhythm-gesture-dialog[open]){overflow:hidden}.rhythm-gesture-dialog{width:min(34rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:1rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--paper-strong);color:var(--ink);box-shadow:var(--shadow-lg)}.rhythm-gesture-dialog::backdrop{background:#141816a6}.rhythm-gesture-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.rhythm-gesture-dialog-heading h2{margin:0;font-size:1rem}.rhythm-gesture-dialog-heading button{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-strong);color:var(--teal);cursor:pointer}.rhythm-gesture-preview-image{display:block;width:100%;height:auto;max-height:calc(100dvh - 7rem);object-fit:contain;object-position:center}.home-page{container:homepage / inline-size}.home-utilities{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-bottom:.25rem}.home-utilities .language-bar{margin:0}.home-settings-link,.home-section-jump{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.4rem .5rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;text-decoration:none}.home-settings-link{color:var(--muted-strong)}.home-settings-link:hover,.home-section-jump:hover{background:var(--paper-strong);color:var(--teal-deep)}.home-settings-link svg,.home-section-jump svg{flex:none}.home-hero{position:relative;display:grid;min-height:14rem;align-items:center;padding:1.5rem 2rem;margin-bottom:1rem;border:1px solid rgb(221 207 187 / .84);border-radius:var(--radius-md);overflow:hidden;background:var(--paper-strong);box-shadow:var(--shadow-sm);isolation:isolate}.home-hero:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fffaf2fa,#fffaf2e6 42%,#fffaf233 72%),radial-gradient(circle at 19% 71%,rgb(185 133 38 / .2),transparent 17rem);content:""}.home-hero:after{position:absolute;inset:auto 0 0;height:.5rem;background:linear-gradient(90deg,var(--teal),var(--terracotta),var(--gold));content:""}.home-hero-copy{position:relative;z-index:2;width:100%;min-width:0;max-width:31rem}.home-hero-copy p:not(.eyebrow){max-width:min(28rem,100%);margin:.6rem 0 0;color:var(--muted-strong);font-size:1rem}.home-hero h1{font-size:clamp(2rem,5vw,3.2rem)}.home-hero-media{position:absolute;inset:0;z-index:-2}.home-hero-image{width:100%;height:100%;object-fit:cover;object-position:center right;filter:saturate(.96) contrast(1.02)}.eyebrow{margin:0 0 .45rem;color:var(--teal);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;color:var(--ink);font-family:Georgia,Times New Roman,ui-serif,serif;font-size:2.65rem;font-weight:900;line-height:.96;letter-spacing:0}h2{margin:0 0 .8rem;color:var(--ink);font-size:1.18rem;font-weight:900;letter-spacing:0}p{line-height:1.65}.back-link{display:inline-flex;align-items:center;gap:.45rem;min-height:2.55rem;margin-bottom:1rem;padding:0 .95rem;border:1px solid rgb(13 93 89 / .34);border-radius:var(--radius-sm);background:linear-gradient(180deg,#fffaf2e6,#dcefebdb);color:var(--teal);box-shadow:var(--shadow-sm);font-weight:900;text-decoration:none;transition:border-color .17s ease,box-shadow .17s ease,color .17s ease,transform .17s ease}.back-link:hover{border-color:var(--teal);color:var(--teal-deep);box-shadow:var(--shadow-md);transform:translateY(-1px)}.back-link svg{flex:none}.home-navigation{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;margin-bottom:1rem;padding:.375rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-strong);box-shadow:var(--shadow-sm)}.home-navigation a{display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;min-height:44px;padding:.5rem .25rem;border-radius:var(--radius-sm);color:var(--muted-strong);font-size:.875rem;font-weight:700;line-height:1.25;text-align:center;text-decoration:none;overflow-wrap:anywhere}.home-navigation svg{flex:none}.home-navigation a:hover{background:var(--teal-soft);color:var(--teal-deep)}.home-navigation a[aria-current=page]{background:var(--teal);color:var(--paper-strong)}.home-navigation a:focus-visible,.home-settings-link:focus-visible,.home-section-jump:focus-visible,.rhythm-link:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.home-page :is(h2,.rhythm-link,.preference-disclosure,summary){scroll-margin-top:calc(var(--home-navigation-height, 6rem) + 1rem)}.home-section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1rem;margin-bottom:.5rem}.home-section+.home-section{margin-top:2rem}.home-section h2{margin-bottom:.8rem}.home-section-heading h2{margin:0}.rhythm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.rhythm-link{container:rhythm-card / inline-size;display:grid;grid-template-columns:minmax(0,1fr) auto auto;min-height:4.75rem;align-items:center;gap:.65rem;padding:.75rem;border:1px solid rgb(221 207 187 / .92);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--paper-strong),var(--paper-soft));box-shadow:var(--shadow-sm);color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.rhythm-link:hover{border-color:#0d5d5994;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.rhythm-link strong{min-width:0;color:var(--ink);font-size:1rem;line-height:1.3;overflow-wrap:anywhere}.rhythm-link>span{width:fit-content;max-width:100%;padding:.2rem .45rem;border:1px solid rgb(13 93 89 / .12);border-radius:999px;background:#0d5d591a;color:var(--muted-strong);font-size:.75rem;font-weight:600;text-transform:capitalize}.rhythm-link>svg{color:var(--teal)}@container rhythm-card (max-width: 16rem){.rhythm-link>strong{grid-column:1 / 3}.rhythm-link>span{grid-column:1 / 3;grid-row:2}.rhythm-link>svg{grid-column:3;grid-row:1 / 3}}.home-tools{display:grid;gap:1.5rem;margin-top:2rem}.home-tools>.home-section{display:flex;flex-direction:column;min-width:0;margin:0}.home-tool-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;flex:1;align-items:center;gap:.85rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-strong);box-shadow:var(--shadow-sm);color:var(--ink);text-decoration:none;transition:border-color .18s ease,background-color .18s ease}.home-tool-card:hover{border-color:var(--teal);background:var(--paper-soft)}.home-tool-card:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.home-tool-icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:var(--radius-md);background:var(--teal-soft);color:var(--teal)}.home-tool-copy{display:grid;gap:.3rem;min-width:0;overflow-wrap:anywhere}.home-tool-copy strong{font-size:1rem;font-weight:700;line-height:1.35}.home-tool-description{color:var(--muted-strong);font-size:.875rem;line-height:1.45}.home-tool-arrow{color:var(--teal)}@container homepage (max-width: 18rem){.home-navigation{grid-template-columns:repeat(2,minmax(0,1fr));padding:.25rem}.home-navigation a{padding:.25rem 0}.home-tool-card{grid-template-columns:minmax(0,1fr) auto;padding:.75rem}.home-tool-icon{grid-column:1}.home-tool-copy{grid-column:1;grid-row:2}.home-tool-arrow{grid-column:2;grid-row:1 / 3}}@media (min-width: 960px){.home-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.preference-disclosure{width:fit-content;margin-top:1.7rem;color:var(--muted);font-size:.92rem}.preference-disclosure summary{cursor:pointer;font-weight:900}.preference-disclosure summary:hover{color:var(--teal)}.app-version{margin:1rem 0 0;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted-strong);font-size:.82rem}.hand-preference-toggle{display:inline-flex;align-items:flex-start;gap:.6rem;margin-top:.65rem;cursor:pointer}.hand-preference-toggle input{width:1rem;height:1rem;margin:.2rem 0 0;accent-color:var(--teal)}.hand-preference-toggle span{display:grid;gap:.12rem}.hand-preference-toggle strong{color:var(--ink);font-size:.92rem}.hand-preference-toggle small{color:var(--muted);font-size:.82rem;line-height:1.45}.home-disclaimer{margin-top:2rem;padding-top:1rem;border-top:1px solid rgb(221 207 187 / .8);color:var(--muted);font-size:.88rem;line-height:1.55}.home-disclaimer p{max-width:46rem;margin:0}.home-disclaimer p+p{margin-top:.85rem}.offline-status{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .65rem;margin-top:1rem;font-size:.75rem;line-height:1.5;color:var(--muted-strong)}.offline-status[hidden],.offline-status [hidden],.offline-settings[hidden]{display:none}.offline-dot{flex:0 0 .35rem;height:.35rem;border-radius:50%;background:currentColor}.offline-status[data-ready=true] .offline-dot{color:var(--teal)}.offline-action,.offline-ios summary{padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.offline-action:hover{background:none;color:var(--teal)}.offline-ios p{margin-top:.4rem}.offline-update-prompt{position:fixed;z-index:80;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));width:min(24rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow-y:auto;padding:1.1rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--paper-strong);color:var(--ink);box-shadow:var(--shadow-lg);font-size:.9rem;line-height:1.5}.offline-update-heading{display:flex;align-items:center;gap:.6rem;color:var(--teal-deep)}.offline-update-heading svg{flex-shrink:0}.offline-update-heading h2{margin:0;font-size:1.05rem}.offline-update-prompt>p{margin:.65rem 0 0}.offline-update-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.offline-update-actions button{min-height:44px;padding:.55rem .85rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-strong);color:var(--ink);font-weight:650;cursor:pointer}.offline-update-actions [data-offline-update-accept]{border-color:var(--teal);background:var(--teal);color:#fff}.offline-update-actions button:hover:not(:disabled){background:var(--teal-soft)}.offline-update-actions [data-offline-update-accept]:hover:not(:disabled){background:var(--teal-deep)}.offline-update-actions button:disabled{cursor:wait;opacity:.65}.offline-update-actions button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.offline-update-error{color:var(--danger)}.offline-settings{max-width:32rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.offline-settings strong{color:var(--ink)}.offline-settings p{margin:.4rem 0 .75rem;font-size:.82rem;line-height:1.5}.offline-settings p:empty{display:none}.offline-settings button{min-height:44px;max-width:100%;padding:.6rem .85rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-strong);color:var(--teal-deep);font:inherit;font-weight:650;cursor:pointer}.offline-settings button:hover:not(:disabled){border-color:var(--teal);background:var(--teal-soft)}.offline-settings button:disabled{opacity:.65;cursor:default}.offline-settings button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.rhythm-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:2rem}.rhythm-nav a{display:grid;gap:.25rem;min-width:0;min-height:4.7rem;padding:.95rem 1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(135deg,#fffaf2f0,#dcefeb85);color:inherit;box-shadow:var(--shadow-sm);text-decoration:none;transition:border-color .17s ease,box-shadow .17s ease,transform .17s ease}.rhythm-nav a:last-child{text-align:right}.rhythm-nav a:hover{border-color:#0d5d598c;box-shadow:var(--shadow-md);transform:translateY(-2px)}.rhythm-nav span{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.rhythm-nav strong{overflow-wrap:anywhere}.quiz-page{max-width:760px}.quiz-header{margin-top:1.25rem}.quiz-header>p:last-child{max-width:34rem;margin:.85rem 0 0;color:var(--muted-strong)}.quiz-practice,.quiz-empty{padding:clamp(1rem,4vw,2rem);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-strong);box-shadow:var(--shadow-sm)}.quiz-mode{min-width:0;margin:0 0 1.4rem;padding:0;border:0}.quiz-mode legend{margin-bottom:.65rem;font-weight:700}.quiz-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.quiz-mode-option{display:flex;align-items:center;gap:.55rem;min-height:48px;padding:.75rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-strong);font-weight:700;cursor:pointer}.quiz-mode-option[data-selected]{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-deep)}.quiz-mode-option:focus-within{outline:3px solid var(--focus);outline-offset:3px}.quiz-mode-option input{flex:none;margin:0;accent-color:var(--teal)}.quiz-mode-option>svg{flex:none}.quiz-mode-hint{margin:.75rem 0 0;color:var(--muted-strong);font-size:.9rem}.quiz-hand-gesture{margin:1.1rem auto 0}.quiz-hand-gesture img{display:block;width:min(100%,240px);height:240px;margin:0 auto;object-fit:contain;border-radius:var(--radius-sm)}.quiz-hand-gesture p{margin:.65rem 0 0;font-size:.94rem}.quiz-prompt-panel{padding:1.65rem 1rem;border-radius:var(--radius-sm);background:var(--teal-soft);color:var(--teal);text-align:center}.quiz-prompt-panel>svg{margin-bottom:.8rem}.quiz-prompt-panel h2{margin:.7rem 0 0;color:var(--teal-deep);font-family:Georgia,Times New Roman,ui-serif,serif;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.2}.quiz-listen-hint{margin:1.4rem 0 1rem;color:var(--muted-strong);font-size:.94rem;text-align:center}.quiz-options{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}.quiz-option{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.8rem;min-width:0;padding:.9rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-soft)}.quiz-option[data-playing]{border-color:var(--teal)}.quiz-option[data-result=retry]{border-color:var(--danger);background:var(--danger-soft);box-shadow:inset 4px 0 var(--danger)}.quiz-option[data-result=correct]{border-color:var(--teal);background:var(--teal-soft);box-shadow:inset 4px 0 var(--teal)}.quiz-option-result{display:flex;grid-column:2 / -1;align-items:center;gap:.4rem;margin:0;color:var(--danger);font-size:.9rem;font-weight:700}.quiz-option-label{color:var(--muted-strong);font-weight:900;text-align:center}.quiz-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-strong);color:var(--ink);font-weight:700;cursor:pointer}.quiz-button>svg{flex:none}.quiz-play,.quiz-next{border-color:var(--teal);background:var(--teal);color:var(--paper-strong)}.quiz-play{justify-self:start;min-width:7rem}.quiz-button:hover:not(:disabled){border-color:var(--teal);background:var(--teal-soft);color:var(--teal-deep)}.quiz-button:disabled{cursor:default;opacity:.5}.quiz-option[data-result=correct] .quiz-choose:disabled{color:var(--teal-deep);opacity:1}.quiz-page :is(button,h2):focus-visible{outline:3px solid var(--focus);outline-offset:4px}.quiz-footer{display:flex;min-height:4.5rem;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding-top:1rem}.quiz-feedback{display:flex;align-items:center;gap:.45rem;margin:0;scroll-margin-block:1rem;color:var(--muted-strong)}.quiz-feedback[data-result]{flex:1 1 100%;align-items:flex-start;gap:.85rem;padding:1rem;border:2px solid;border-radius:var(--radius-sm)}.quiz-feedback[data-result=correct]{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-deep)}.quiz-feedback[data-result=incorrect]{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.quiz-feedback-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--danger);color:var(--paper-strong)}.quiz-feedback[data-result=correct] .quiz-feedback-icon{background:var(--teal)}.quiz-feedback strong{display:block;font-size:1.2rem;line-height:1.3}.quiz-feedback p{margin:.35rem 0 0;font-size:.94rem;line-height:1.5}.quiz-footer>.quiz-button{margin-left:auto}.quiz-skip{border-color:transparent;color:var(--muted-strong)}.quiz-audio-error{grid-column:1 / -1;margin:0;color:var(--danger);font-size:.88rem}.quiz-empty{padding-block:3rem;color:var(--muted-strong);text-align:center}.quiz-empty h2{margin-top:1rem}@media (max-width: 420px){.quiz-option{grid-template-columns:1rem minmax(0,1fr) auto;gap:.55rem;padding:.65rem}.quiz-option .quiz-button{min-width:0;padding-inline:.65rem;font-size:.86rem}}.player-panel,.composer-panel,.error-panel{margin:1.5rem 0;padding:1.05rem;border:1px solid rgb(221 207 187 / .96);border-radius:var(--radius-md);background:linear-gradient(180deg,#fffaf2fa,#fbf5eaed);box-shadow:var(--shadow-md)}.composer-panel{padding:1.15rem}.composer-panel>.player-panel{margin:1.15rem 0;border-color:#0d5d592e;background:linear-gradient(180deg,#dcefeb80,#fffaf2e0);box-shadow:inset 0 1px #ffffffb8}.player-tip{display:grid;justify-items:start;gap:.55rem;margin:-.35rem 0 1rem}.player-tip-trigger{display:inline-flex;align-items:center;gap:.35rem;min-height:2rem;padding:0 .65rem;border:1px solid rgb(13 93 89 / .24);border-radius:999px;background:#fffaf2c7;color:var(--muted-strong);box-shadow:0 1px #ffffffb8 inset;cursor:pointer;font-size:.82rem;font-weight:900;transition:background .17s ease,border-color .17s ease,box-shadow .17s ease,color .17s ease,transform .17s ease}.player-tip-trigger:hover,.player-tip-trigger[aria-expanded=true]{border-color:#0d5d5985;background:linear-gradient(180deg,var(--paper-strong),rgb(220 239 235 / .76));color:var(--teal-deep)}.player-tip-trigger:hover{box-shadow:0 1px #ffffffb8 inset,0 .5rem .9rem #2f221214;transform:translateY(-1px)}.player-tip-trigger svg{flex:none}.player-tip-popover{max-width:min(100%,28rem);padding:.65rem .75rem;border:1px solid rgb(13 93 89 / .18);border-radius:var(--radius-sm);background:#fffaf2f0;color:var(--ink-soft);box-shadow:var(--shadow-sm);font-size:.88rem;font-weight:700;line-height:1.45}.controls,.composer-actions,.hand-keys{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.controls{padding:.3rem;border:1px solid rgb(221 207 187 / .78);border-radius:var(--radius-md);background:linear-gradient(180deg,#fffaf2e0,#ead8bf6b)}.controls button,.composer-actions button,.composer-export-button,.composer-share>button,.composer-example,.composer-record-heading .metronome-toggle,.audio-help-actions a,.audio-help-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:2.55rem;padding:0 .95rem;border:1px solid rgb(29 33 31 / .2);border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--paper-strong),#f1e2cc);color:var(--ink);box-shadow:0 1px #ffffffd1 inset;cursor:pointer;font-weight:900;text-decoration:none;transition:background .17s ease,border-color .17s ease,box-shadow .17s ease,color .17s ease,transform .17s ease}.controls>button:first-child,.audio-help-actions button{border-color:var(--charcoal);background:linear-gradient(180deg,#26302b,var(--charcoal));color:#fffaf2;box-shadow:0 1px #ffffff2e inset,0 .55rem 1rem #14181629}.controls button:hover:not(:disabled),.composer-actions button:hover:not(:disabled),.composer-export-button:hover:not(:disabled),.composer-share>button:hover:not(:disabled),.composer-example:hover:not(:disabled),.composer-record-heading .metronome-toggle:hover:not(:disabled),.audio-help-actions a:hover,.audio-help-actions button:hover{border-color:#0d5d59b8;box-shadow:0 1px #ffffffb8 inset,0 .75rem 1.4rem #2f221221;transform:translateY(-1px)}.controls>button:first-child:hover:not(:disabled),.audio-help-actions button:hover{border-color:#26302b;box-shadow:0 1px #ffffff2e inset,0 .85rem 1.6rem #14181638}.controls button svg,.composer-actions button svg,.shortcut-help-trigger svg{flex:none}.controls button:disabled,.composer-actions button:disabled,.composer-export-button:disabled,.composer-example:disabled,.composer-record-heading .metronome-toggle:disabled,button.step-cell:disabled{border-color:var(--line);background:#e8dccb;color:#998d7e;box-shadow:none;cursor:not-allowed;transform:none}.controls button.loop-toggle[aria-pressed=true],.composer-actions .metronome-toggle[aria-pressed=true],.composer-record-heading .metronome-toggle[aria-pressed=true]{border-color:var(--teal);background:linear-gradient(180deg,#12746f,var(--teal-deep));color:#fffaf2;box-shadow:inset 0 0 0 1px #fffaf22e,0 .75rem 1.35rem #0d5d5933}.controls button.loop-toggle[aria-pressed=false],.composer-actions .metronome-toggle,.composer-record-heading .metronome-toggle{border-color:#0d5d5942;background:linear-gradient(180deg,var(--paper-strong),var(--teal-soft));color:var(--teal-deep)}.controls .reset-pattern-button{min-height:2.35rem;padding:0 .72rem}.player-secondary-actions{display:grid;grid-template-columns:repeat(2,max-content);align-items:center;justify-content:end;gap:.25rem .65rem;margin-top:.5rem}.player-secondary-actions:has(.customize-rhythm-button){grid-template-columns:repeat(3,max-content)}.copy-transcription-button,.download-mp3-button,.customize-rhythm-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.5rem;padding:.25rem .3rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted-strong);box-shadow:none;cursor:pointer;font-size:.8rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:background .17s ease,color .17s ease}.copy-transcription-button:hover,.download-mp3-button:hover,.customize-rhythm-button:hover{background:#dcefeb66;color:var(--teal-deep)}.copy-transcription-button svg,.download-mp3-button svg,.customize-rhythm-button svg{flex:none}@media (max-width: 360px){.player-secondary-actions:has(.customize-rhythm-button){grid-template-columns:minmax(0,1fr) minmax(0,.75fr) minmax(0,1.25fr);justify-content:stretch;column-gap:.35rem}.player-secondary-actions:has(.customize-rhythm-button)>:is(a,button){align-self:stretch;flex-direction:column;justify-content:flex-start;gap:.3rem;min-height:3.25rem;padding:.4rem .1rem;line-height:1.25;white-space:normal}}.loop-toggle,.tempo-control{display:inline-flex;align-items:center;gap:.55rem;min-height:2.55rem}.tempo-control{flex:0 1 auto;max-width:100%;padding:0 .7rem;border:1px solid rgb(221 207 187 / .76);border-radius:var(--radius-sm);background:#fffaf2bd;color:var(--muted-strong);font-weight:850}.tempo-control input{width:clamp(8rem,14vw,10.5rem);accent-color:var(--teal)}.composer-slider-row input[type=range]{width:min(19rem,100%);accent-color:var(--teal)}.tempo-control output,.composer-slider-row output{min-width:4.75rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-weight:900;text-align:right}.player-status{grid-column:1 / -1;min-height:1.25rem;color:var(--muted-strong);font-size:.84rem;font-weight:500;text-align:right}.player-status:empty{display:none}.player-status[data-tone=error]{color:var(--danger)}.player-status[data-tone=success]{color:var(--teal-deep)}.composer-meta{display:grid;grid-template-columns:minmax(16rem,20rem);gap:.75rem;margin-bottom:1rem}.composer-meta label,.markdown-output{display:grid;gap:.4rem;color:var(--muted-strong);font-size:.86rem;font-weight:900}.composer-meta input,.composer-meta select,.markdown-output textarea{width:100%;min-height:2.55rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-strong);color:var(--ink)}.composer-meta input,.composer-meta select{padding:0 .75rem}.composer-slider-row{display:grid;grid-template-columns:minmax(0,1fr) 5rem;align-items:center;gap:.75rem;padding:.55rem .65rem;border:1px solid rgb(221 207 187 / .78);border-radius:var(--radius-sm);background:#fffaf2bd}.composer-slider-row input[type=range]{min-height:auto;padding:0;border:0;background:transparent}.composer-actions{margin-bottom:1rem}.composer-actions span{min-width:5rem;color:var(--teal);font-weight:900}.composer-actions .record-button.recording{border-color:var(--danger);background:linear-gradient(180deg,#c23525,var(--danger));color:#fffaf2;box-shadow:0 .75rem 1.45rem #b4231833}@media (min-width: 761px){.composer-panel{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.75rem;align-items:center}.composer-panel>:not(.composer-meta):not(.composer-actions){grid-column:1 / -1}.composer-meta{grid-template-columns:auto}.composer-meta label{display:inline-flex;align-items:center;gap:.55rem}.composer-slider-row{width:20rem}.composer-actions{flex-wrap:nowrap}}.count-in{display:grid;min-height:5.5rem;margin-bottom:1rem;place-items:center;border:1px solid rgb(185 133 38 / .38);border-radius:var(--radius-md);background:radial-gradient(circle,rgb(185 133 38 / .24),transparent 58%),linear-gradient(135deg,var(--gold-soft),var(--paper-strong));color:var(--terracotta-deep);font-family:Georgia,Times New Roman,ui-serif,serif;font-size:3.4rem;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.hand-keys{justify-content:center;margin-bottom:1rem;padding:.85rem;border:1px solid rgb(221 207 187 / .82);border-radius:var(--radius-md);background:linear-gradient(135deg,#0d5d5914,#b985261a),#fffaf2c7}.hand-key{display:grid;min-width:7.5rem;min-height:4.55rem;padding:.55rem .85rem;place-items:center;border:1px solid currentColor;border-radius:var(--radius-md);background:linear-gradient(180deg,var(--paper-strong),rgb(255 250 242 / .74));box-shadow:var(--shadow-sm);cursor:pointer;font-weight:900;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .12s ease,box-shadow .12s ease,transform .12s ease}.hand-key span{color:var(--muted);font-size:.78rem;text-transform:uppercase}.hand-key strong{font-size:1.35rem;line-height:1}.left-hand{color:var(--teal)}.right-hand{color:var(--terracotta)}.hand-key[data-pressed=true]{transform:translateY(1px) scale(.99)}.hand-key[data-pressed=true] span{color:currentColor}.left-hand[data-pressed=true]{background:linear-gradient(180deg,#e2f3ef,#b9ddd6);box-shadow:inset 0 0 0 2px #0d5d5933}.right-hand[data-pressed=true]{background:linear-gradient(180deg,#f8e3d5,#efc4a8);box-shadow:inset 0 0 0 2px #a5482533}.grid-scroll{overflow-x:auto;padding:.15rem 0 .55rem;scrollbar-color:var(--teal) rgb(221 207 187 / .6)}.rhythm-grid{min-width:720px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--paper-strong);box-shadow:inset 0 1px #ffffffb8,0 .5rem 1.25rem #2f221214}.composer-grid{margin-bottom:1rem}.grid-row{display:grid}.track-name,.step-cell{display:grid;min-height:2.85rem;place-items:center;border-right:1px solid rgb(221 207 187 / .88);border-bottom:1px solid rgb(221 207 187 / .88)}.grid-row:last-child .track-name,.grid-row:last-child .step-cell{border-bottom:0}.track-name{justify-content:start;padding:0 .75rem;background:linear-gradient(90deg,var(--paper-strong),#efe2cf);color:var(--ink-soft);font-weight:950}.track-name-action{display:inline-flex;max-width:100%;align-items:center;gap:.45rem;white-space:nowrap}.track-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.step-cell{position:relative;color:var(--muted);font-weight:900;font-variant-numeric:tabular-nums;transition:background .12s ease,box-shadow .12s ease,color .12s ease,transform .12s ease}.track-mute-button{display:inline-grid;flex:0 0 auto;width:1.9rem;height:1.9rem;place-items:center;border:1px solid rgb(29 33 31 / .18);border-radius:999px;background:var(--paper-strong);color:var(--ink-soft);box-shadow:0 1px #ffffffbf inset;cursor:pointer}.track-mute-button[aria-pressed=true]{border-color:#b4231859;background:var(--danger-soft);color:var(--danger)}button.step-cell{padding:0;border-top:0;border-left:0;cursor:pointer}button.step-cell:hover:not(:disabled){background:#faeadb;color:var(--terracotta-deep)}button.step-cell:active:not(:disabled){transform:scale(.98)}button.step-cell:focus-visible,.composer-actions button:focus-visible,.controls button:focus-visible,.copy-transcription-button:focus-visible,.download-mp3-button:focus-visible,.hand-key:focus-visible,.player-tip-trigger:focus-visible,.track-mute-button:focus-visible,.back-link:focus-visible,.preference-disclosure summary:focus-visible,.hand-preference-toggle:focus-within,.audio-help-actions a:focus-visible,.audio-help-actions button:focus-visible,.ios-audio-help-link a:focus-visible,.shortcut-help-trigger:focus-visible,.shortcut-help-modal button:focus-visible,.markdown-output textarea:focus-visible,.rhythm-link:focus-visible,.rhythm-nav a:focus-visible,.composer-meta input:focus-visible,.composer-meta select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.count-row .step-cell,.count-row .track-name{min-height:2.35rem;background:linear-gradient(180deg,#e3f1ed,var(--teal-soft));color:var(--teal-deep);font-size:.84rem}.count-row button.count-cell:hover:not(:disabled):not(.active):not(.playhead){background:#c4e3dd;color:var(--teal-deep)}.count-row button.count-cell:focus-visible{outline-offset:-3px}.count-row button.count-cell:disabled{cursor:default}.hit-cell{background:radial-gradient(circle at center,rgb(185 133 38 / .28) 0 .55rem,transparent .6rem),linear-gradient(180deg,#fff1e2,var(--terracotta-soft));color:var(--terracotta-deep);line-height:1}.rest-cell{background:linear-gradient(180deg,#fffaf2,#f5eadb);color:#a39787}.beat-start{box-shadow:inset 2px 0 #1d211f61}.step-cell.active,.count-row .step-cell.active{z-index:1;background:radial-gradient(circle at 50% 20%,rgb(255 250 242 / .28),transparent 42%),linear-gradient(180deg,#26302b,var(--charcoal));color:#fffaf2;box-shadow:inset 0 0 0 2px #b985266b,0 0 0 1px var(--charcoal),0 .5rem 1.1rem #1418162e}.muted-row .track-label,.muted-row .step-cell{opacity:.44}.markdown-output{margin-top:1.1rem}.markdown-output textarea{min-height:19rem;padding:1rem;border-color:#1418163d;background:linear-gradient(180deg,#171d1a,#101412);color:#fff8ec;box-shadow:inset 0 1px #ffffff14,0 .8rem 1.6rem #14181624;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;line-height:1.55;resize:vertical}.markdown-output textarea[aria-invalid=true]{border-color:#f04438;box-shadow:0 0 0 1px #f04438,0 .8rem 1.6rem #b4231824}.transcription-errors{margin-top:.6rem;padding:.8rem;border:1px solid #f3b6ad;border-radius:var(--radius-sm);background:var(--danger-soft);color:#912018;font-size:.88rem;font-weight:800}.transcription-errors ul{margin:0;padding-left:1.25rem}.audio-help-backdrop,.shortcut-help-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 50% 35%,rgb(13 93 89 / .22),transparent 22rem),#141816ad;backdrop-filter:blur(8px)}.shortcut-help-backdrop{z-index:30}.audio-help-modal,.shortcut-help-modal{width:min(100%,30rem);padding:1.15rem;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--paper-strong),var(--paper-soft));box-shadow:var(--shadow-lg)}.audio-help-modal h2{margin-bottom:.5rem;font-size:1.35rem}.audio-help-modal p:not(.eyebrow){margin:0;color:var(--muted-strong)}.audio-help-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1rem}.audio-help-actions a{border-color:#0d5d595c;background:linear-gradient(180deg,var(--paper-strong),var(--teal-soft));color:var(--teal)}.ios-audio-help-link{margin:1rem 0 0;padding-top:.85rem;border-top:1px solid var(--line);color:var(--muted-strong);font-size:.92rem}.ios-audio-help-link a{color:var(--teal);font-weight:900}.shortcut-help-trigger{position:fixed;right:1rem;bottom:1rem;z-index:10;display:none;align-items:center;gap:.35rem;min-height:2.2rem;padding:0 .75rem;border:1px solid rgb(13 93 89 / .28);border-radius:999px;background:linear-gradient(180deg,var(--paper-strong),var(--teal-soft));color:var(--teal-deep);box-shadow:var(--shadow-md);cursor:pointer;font-size:.82rem;font-weight:900}.shortcut-help-trigger:hover{border-color:var(--teal);color:var(--teal)}.shortcut-help-modal{width:min(100%,24rem)}.shortcut-help-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.shortcut-help-header h2{margin:0}.shortcut-help-header button{display:inline-grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--line-strong);border-radius:999px;background:var(--paper-strong);color:var(--ink);cursor:pointer}.shortcut-list{display:grid;gap:.65rem;margin:0}.shortcut-list div{display:flex;align-items:center;justify-content:space-between;gap:1rem}.shortcut-list dt{display:inline-flex;flex-wrap:wrap;gap:.35rem}.shortcut-list dd{margin:0;color:var(--muted-strong);font-weight:800;text-align:right}kbd{min-width:2rem;padding:.18rem .45rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--paper-strong),#ead8bf);color:var(--ink);box-shadow:inset 0 -1px #1d211f29;font-family:inherit;font-size:.82rem;font-weight:950;text-align:center}.content{margin-top:2rem;color:var(--ink-soft)}.content p,.content li{max-width:70ch}.content code{padding:.08rem .24rem;border-radius:4px;background:#0d5d591a;color:var(--teal-deep);font-size:.95em}.content pre{overflow-x:auto;padding:1rem;border:1px solid rgb(20 24 22 / .24);border-radius:var(--radius-md);background:linear-gradient(180deg,#171d1a,#101412);color:#fff8ec;box-shadow:var(--shadow-sm)}.content pre code{padding:0;background:transparent;color:inherit}.rhythm-content{margin-top:1rem}.transcription-disclosure{background:var(--paper-strong);border:1px solid var(--line);border-radius:8px}.transcription-disclosure>summary{min-height:44px;padding:.9rem;border-radius:inherit;font-size:.85rem;cursor:pointer}.transcription-disclosure>summary:hover{background:var(--paper-soft)}.transcription-disclosure>summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.content .transcription-disclosure pre{max-width:calc(100% - 1.5rem);margin:0 .75rem .75rem}.error-panel{border-color:#f3b6ad;background:var(--danger-soft)}.error-panel ul{margin:0;padding-left:1.25rem}.help-steps ol{display:grid;gap:.85rem;margin:0;padding:0;counter-reset:help-step;list-style:none}.help-steps li{position:relative;min-height:5rem;padding:1rem 1rem 1rem 3.6rem;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--paper-strong),rgb(220 239 235 / .42));box-shadow:var(--shadow-sm);counter-increment:help-step}.help-steps li:before{position:absolute;top:1rem;left:1rem;display:grid;width:1.85rem;height:1.85rem;place-items:center;border-radius:999px;background:var(--teal);color:#fffaf2;content:counter(help-step);font-weight:950;line-height:1}.help-steps h2{margin-bottom:.35rem;font-size:1.05rem}.help-steps p{margin:0;color:var(--muted-strong)}@media (min-width: 720px){h1{font-size:4.2rem}.editorial-header{min-height:15rem;padding:2rem}.rhythm-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 760px){.page-shell{width:min(100% - 1rem,1120px);padding:.75rem 0 4rem}.home-hero{min-height:10rem;padding:1rem}.home-hero:before{background:linear-gradient(90deg,#fffaf2fa,#fffaf2eb 48%,#fffaf273)}.home-hero-image{object-position:64% center}.home-hero-copy{width:100%;max-width:18rem}.home-hero-copy p:not(.eyebrow){width:100%;max-width:100%;font-size:.95rem}.editorial-header{min-height:12rem;padding:1rem}.editorial-header:before{background:linear-gradient(180deg,#fffaf2b8,#fffaf2fa 78%),url(/alfaia-editorial-hero.png) right center / cover no-repeat}.editorial-header>*{max-width:20rem}.composer-meta{grid-template-columns:1fr}.rhythm-nav{gap:.5rem}.rhythm-nav a{min-height:4rem;padding:.75rem}.player-panel,.composer-panel,.error-panel{padding:.75rem}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.5rem}.controls button{min-width:0;padding:0 .4rem;gap:.3rem;font-size:.9rem;white-space:nowrap}.tempo-control{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto;min-width:0}.tempo-control input{width:100%}.composer-actions,.hand-keys{display:grid;gap:.55rem}.composer-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-actions span{grid-column:1 / -1}.hand-keys{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-actions button,.hand-key{min-width:0}.audio-help-actions{display:grid}.audio-help-actions a,.audio-help-actions button{justify-content:center}}@media (max-width: 520px){h1{font-size:2.35rem}.rhythm-list{grid-template-columns:1fr}.rhythm-link{min-height:4.25rem}.home-navigation a{flex-direction:column;gap:.25rem}.rhythm-nav{grid-template-columns:1fr}.rhythm-nav a:last-child{text-align:left}.shortcut-list div{align-items:flex-start;flex-direction:column;gap:.35rem}.shortcut-list dd{text-align:left}}@media (min-width: 768px) and (hover: hover) and (pointer: fine){.shortcut-help-trigger{display:inline-flex}}.diagnostic-page{max-width:720px}.diagnostic-card{margin:1rem 0;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-strong);box-shadow:var(--shadow-sm)}.diagnostic-status{margin-top:0;color:var(--teal-deep);font-weight:700;min-height:3rem}.diagnostic-page .controls button{min-height:44px}.diagnostic-tempo{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-top:1.2rem;font-weight:700}.diagnostic-tempo input{grid-column:1 / -1;width:100%;min-height:44px;margin:0;accent-color:var(--teal)}.diagnostic-note{color:var(--muted-strong);font-size:.9rem;line-height:1.5}.diagnostic-readings div{padding:.65rem 0;border-bottom:1px solid var(--line)}.diagnostic-readings dt{color:var(--muted-strong);font-size:.85rem}.diagnostic-readings dd{margin:.2rem 0 0;font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.diagnostic-steps{padding-left:1.4rem;line-height:1.55}.diagnostic-steps li+li{margin-top:.7rem}.diagnostic-page select,.diagnostic-page textarea{width:100%;min-height:44px;margin:.6rem 0 1rem;padding:.6rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-soft);color:var(--ink);font-size:1rem}.diagnostic-page textarea{resize:vertical}.diagnostic-page summary{padding:.75rem 0;cursor:pointer;font-weight:700}.diagnostic-page :is(input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.radio-header{margin:2rem 0}.radio-header h1{margin:.4rem 0 .7rem;font-size:clamp(2.6rem,7vw,4.5rem);letter-spacing:-.045em}.radio-header>p:last-child{color:var(--muted-strong);font-size:1.1rem}.radio-studio{display:grid;gap:1.5rem;min-width:0}.radio-player{padding:clamp(1.2rem,4vw,2.2rem);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--paper-strong);box-shadow:var(--shadow-md)}.radio-now{display:flex;gap:1rem;align-items:center}.radio-now>div{min-width:0}.radio-now .eyebrow{margin:0 0 .45rem}.radio-now h2{margin:0;font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.2;overflow-wrap:anywhere}.radio-next{margin:.6rem 0 0;color:var(--muted-strong);font-size:.95rem;line-height:1.5;overflow-wrap:anywhere}.radio-signal{display:grid;place-items:center;flex:0 0 3.7rem;height:3.7rem;color:var(--teal);background:var(--teal-soft);border-radius:50%}.radio-cue{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,1.8rem);min-height:218px;margin-bottom:1.5rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-soft)}.radio-cue[data-phase=call]{border-color:var(--teal);box-shadow:inset 0 0 0 2px var(--teal);background:var(--teal-soft)}.radio-cue-art{display:grid;place-items:center;width:180px;height:180px;overflow:hidden;border-radius:var(--radius-sm)}.radio-cue-art img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.radio-cue-placeholder{display:grid;justify-items:center;gap:.7rem;padding:.5rem;text-align:center;color:var(--muted-strong);font-size:.85rem}.radio-cue-copy{min-width:0}.radio-cue-copy .eyebrow{margin:0 0 .5rem}.radio-cue-instruction{margin:0;font-size:clamp(1.15rem,3vw,1.6rem);font-weight:650;line-height:1.3;overflow-wrap:anywhere}.radio-cue[data-phase=call] .radio-next strong{color:var(--teal);font-size:1.1em}.radio-display-options{display:flex;flex-wrap:wrap;gap:0 1.5rem;min-width:0;margin:1.4rem 0 0;padding:.65rem 0 0;border:0;border-top:1px solid var(--line)}.radio-display-options legend{padding:0 .65rem 0 0;color:var(--muted-strong);font-size:.85rem}.radio-display-options label{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;font-size:.92rem;cursor:pointer}.radio-display-options input{width:1.1rem;height:1.1rem;accent-color:var(--teal)}.radio-display-options p{flex-basis:100%;margin:.2rem 0 0;color:var(--muted-strong);font-size:.85rem;line-height:1.5}.radio-choice-gesture{flex:0 0 44px;width:44px;height:44px;object-fit:contain;border-radius:.3rem;background:#fff}@media (max-width: 500px){.radio-cue{grid-template-columns:112px minmax(0,1fr);gap:.8rem;min-height:192px;padding:.85rem}.radio-cue-art{width:112px;height:140px}.radio-cue-instruction{font-size:1.05rem}.radio-cue .radio-next{font-size:.85rem}.radio-cue .radio-next strong{display:block}}@media (max-width: 360px){.radio-cue{grid-template-columns:88px minmax(0,1fr)}.radio-cue-art{width:88px}}.radio-caption{color:var(--muted-strong);line-height:1.65;max-width:43rem;margin:1.15rem 0 1.5rem}.mp3-export{margin:.7rem 0 0;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-soft)}.mp3-panel{padding:.85rem}.mp3-panel p,.radio-download p{margin:.65rem 0;line-height:1.5}.mp3-panel p:empty{display:none}.mp3-note{color:var(--muted-strong);font-size:.85rem}.mp3-repetitions,.mp3-actions,.mp3-progress{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.mp3-repetitions select{min-height:2.75rem;padding:.35rem .65rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-strong);color:var(--ink)}.mp3-button{display:inline-flex;justify-content:center;align-items:center;gap:.45rem;min-height:2.75rem;padding:.65rem .85rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-strong);color:var(--teal-deep);font-weight:650;cursor:pointer}.mp3-button:hover:not(:disabled){background:var(--teal-soft)}.mp3-button:disabled{opacity:.55;cursor:not-allowed}.mp3-button[hidden]{display:none}.mp3-button:focus-visible,.mp3-repetitions select:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.mp3-progress progress{flex:1;min-width:0;accent-color:var(--teal)}.mp3-result{margin-top:1rem;padding-top:.5rem;border-top:1px solid var(--line-strong)}.mp3-filename{overflow-wrap:anywhere;font-weight:650}.mp3-error{color:#9c3026}.radio-download{margin-top:1rem}.radio-controls{display:flex;flex-wrap:wrap;gap:.65rem}.radio-button{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-soft);color:var(--ink);font-weight:650;cursor:pointer}.radio-button:not(:disabled):hover{border-color:var(--teal);background:var(--teal-soft)}.radio-button.radio-primary{min-width:7.5rem;border-color:var(--teal);background:var(--teal);color:#fff}.radio-button.radio-primary:not(:disabled):hover{background:var(--teal-deep)}.radio-button[aria-pressed=true]{border-color:var(--terracotta);background:var(--terracotta-soft);color:var(--terracotta-deep)}.radio-button:disabled{opacity:.5;cursor:not-allowed}.radio-button:focus-visible,.radio-cancel:focus-visible,.radio-display-options input:focus-visible,.radio-settings input:focus-visible,.radio-settings select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.radio-preparation{margin-top:1.5rem;padding:1rem;background:var(--teal-soft);border-radius:var(--radius-sm)}.radio-preparation-label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-weight:650}.radio-preparation progress{display:block;width:100%;height:.65rem;margin:.8rem 0;accent-color:var(--teal)}.radio-preparation small{color:var(--muted-strong)}.radio-cancel{display:inline-flex;align-items:center;gap:.3rem;min-height:2.5rem;padding:.3rem;border:0;background:transparent;color:var(--teal-deep);cursor:pointer}.radio-error{color:var(--danger);line-height:1.5;margin:1rem 0 0}.radio-pending{color:var(--terracotta-deep);line-height:1.5;margin:1rem 0 0}.radio-recording-info{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted-strong);font-size:.88rem;font-variant-numeric:tabular-nums}.radio-listening-hint{display:flex;align-items:center;gap:.5rem;margin:1.3rem 0 0;color:var(--muted-strong);font-size:.87rem;line-height:1.5}.radio-listening-hint svg{flex-shrink:0}.radio-pattern{min-width:0}.radio-pattern-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin:0 0 .6rem;font-size:.9rem}.radio-pattern-heading p{margin:0;color:var(--muted-strong)}.radio-pattern .grid-scroll{margin:0}.radio-settings{padding:clamp(1.1rem,3vw,1.8rem);border:1px solid var(--line);border-radius:var(--radius-md);background:#fffaf2bf}.radio-section-heading,.radio-selection-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.radio-section-heading h2{margin:0;font-size:1.3rem}.radio-section-heading>span{color:var(--muted-strong);font-size:.87rem}.radio-setting-fields{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:1.4rem;padding:1.4rem 0;border-bottom:1px solid var(--line)}.radio-setting-fields>label{display:flex;flex-direction:column;justify-content:space-between;gap:.65rem;font-size:.92rem;font-weight:600}.radio-setting-fields select{min-width:0;width:100%;padding:.65rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-strong);color:var(--ink)}.radio-tempo>span{display:flex;justify-content:space-between;gap:.5rem}.radio-tempo output{color:var(--teal);font-variant-numeric:tabular-nums}.radio-tempo input{width:100%;min-height:2.7rem;accent-color:var(--teal)}.radio-selection-heading{margin-top:1.35rem}.radio-selection-heading h3{margin:0;font-size:1rem}.radio-combo-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;min-height:2.5rem}.radio-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:0;margin:.7rem 0 0;border:0;min-width:0}.radio-rhythm-choice{display:flex;align-items:center;gap:.7rem;padding:.85rem;min-height:4.3rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-strong);cursor:pointer}.radio-rhythm-choice:has(input:checked){border-color:#0d5d5966;background:#dcefeb73}.radio-rhythm-choice input,.radio-combo-toggle input{width:1.1rem;height:1.1rem;flex-shrink:0;accent-color:var(--teal)}.radio-rhythm-choice span{min-width:0}.radio-rhythm-choice strong{display:block;font-size:.94rem;overflow-wrap:anywhere}.radio-rhythm-choice small{display:block;margin-top:.3rem;color:var(--muted-strong);font-size:.78rem;text-transform:capitalize}.radio-footnote{margin:1rem 0 0;color:var(--muted-strong);font-size:.86rem;line-height:1.6}.radio-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 700px){.radio-setting-fields{grid-template-columns:1fr 1fr;gap:1rem}.radio-setting-fields .radio-tempo{grid-column:1 / -1}.radio-selection{grid-template-columns:repeat(2,minmax(0,1fr))}.radio-button{flex:1 1 auto}}@media (max-width: 390px){.radio-selection,.radio-setting-fields{grid-template-columns:1fr}.radio-controls{gap:.5rem}.radio-button{padding-inline:.75rem;font-size:.9rem}}.composer-page .composer-panel{display:block;margin-top:1rem;padding:0;border:0;background:transparent;box-shadow:none}.composer-page .composer-player{margin:0;padding:0;border:0;background:transparent;box-shadow:none}.composer-heading-row,.composer-title-row,.composer-edit-toolbar,.composer-history,.composer-picker-title,.composer-grid-navigation,.composer-grid-navigation>div,.composer-record-heading,.composer-save-status{display:flex;align-items:center}.composer-heading-row{justify-content:space-between;gap:1rem;margin:1.5rem 0 1.75rem}.composer-heading{min-width:0}.composer-heading .eyebrow{margin:0 0 .5rem}.composer-title-row{flex-wrap:wrap;gap:1rem}.composer-title-row h1{margin:0;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.15}.composer-title-row h1 button{display:flex;align-items:center;gap:.7rem;padding:0;text-align:left;overflow-wrap:anywhere;font:inherit;letter-spacing:inherit;border:0;background:transparent;color:inherit;cursor:pointer}.composer-title-row h1 svg{flex:none;color:var(--muted)}.composer-title-input{width:min(100%,28rem);min-width:0;font-family:Georgia,serif;font-size:1.8rem;border:1px solid var(--teal);border-radius:6px;background:var(--paper-strong);padding:.4rem}.composer-save-status{gap:.4rem;font-size:.8rem;color:var(--muted-strong);margin:.75rem 0 0}.composer-save-status svg{color:var(--teal)}.composer-share{min-width:0;margin:1rem 0}.composer-share>button{display:inline-flex;align-items:center;gap:.45rem;min-height:44px}.composer-share p{color:var(--muted-strong);font-size:.85rem;margin:.5rem 0}.composer-share-link{min-width:0;margin-top:.75rem}.composer-share-link label{display:block;font-size:.85rem;margin-bottom:.35rem}.composer-share-link input{box-sizing:border-box;width:100%;min-width:0;padding:.65rem;border:1px solid var(--line);border-radius:6px;background:var(--paper-strong);color:var(--ink)}.composer-share-link input:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.composer-panel button:focus-visible,.composer-panel summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.composer-export-button,.composer-example{gap:.45rem;min-height:44px;padding:.6rem .85rem;font-size:.85rem}.composer-export-button{flex:none}.composer-page .composer-player .controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(17rem,1.6fr);align-items:stretch;padding:.75rem;gap:.65rem;background-color:var(--paper-strong)}.composer-page .composer-player .controls button{min-width:0;min-height:3.25rem;width:100%;padding:.5rem .75rem;white-space:normal}.composer-page .composer-actions{display:flex;align-items:stretch;min-width:0;margin:0}.composer-actions .record-button svg{color:var(--danger)}.composer-actions .record-button.recording svg{color:#fff}.composer-page .composer-player .tempo-control{margin:0;display:flex;min-width:0;min-height:3.25rem;gap:.6rem;font-size:.85rem}.composer-page .composer-player .tempo-control input{flex:1;min-width:0;width:100%}.composer-page .composer-player .tempo-control output{min-width:0;white-space:nowrap}.composer-edit-toolbar{justify-content:space-between;gap:.6rem;margin-top:1rem;padding:.4rem .75rem;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:var(--paper-strong)}.composer-record-status,.recording-status{font-size:.85rem;font-weight:600}.recording-status{color:var(--danger)}.recording-status:before{content:"";display:inline-block;width:9px;height:9px;background:currentColor;border-radius:50%;margin-right:.5rem}.composer-history{gap:.2rem}.composer-history button,.composer-more summary,.composer-grid-navigation button,.composer-record-heading button,.composer-picker-title button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;min-width:44px;padding:.4rem .55rem;border:0;border-radius:6px;background:transparent;color:var(--ink-soft);cursor:pointer;font-size:.82rem}.composer-panel button:disabled{cursor:default;opacity:.45}.composer-more{position:relative}.composer-more>div{position:absolute;right:0;top:100%;z-index:5;display:grid;min-width:12rem;padding:.35rem;border:1px solid var(--line);border-radius:8px;background:var(--paper-strong);box-shadow:var(--shadow-md)}.composer-more button{justify-content:flex-start;text-align:left}.composer-editor{border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;background:var(--paper-strong);padding:.5rem .75rem .25rem}.composer-empty-hint{margin:0 0 .75rem;font-size:.9rem;color:var(--muted-strong)}.composer-page .composer-grid-scroll{position:relative;padding-bottom:.4rem;scrollbar-color:var(--line-strong) var(--paper-soft)}.composer-unified-grid{min-width:calc(72px + var(--composer-steps) * 52px)}.composer-page .composer-unified-grid{background:transparent;border:0;border-radius:0}.composer-unified-grid .grid-row,.composer-beat-row{display:grid;grid-template-columns:72px repeat(var(--composer-steps),minmax(52px,1fr));gap:0}.composer-unified-grid .track-name{min-width:0;padding:.4rem .2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--paper-strong);font-size:.85rem}.composer-unified-grid .count-row .track-name{font-size:.7rem;font-weight:400;color:var(--muted)}.composer-unified-grid .step-cell{min-width:0;margin:3px;height:52px;padding:0;border-radius:6px;font-size:1.25rem;border:1px solid var(--line);position:relative}.composer-unified-grid .count-cell{border:0;background:transparent;color:var(--muted-strong);font-size:.8rem;height:25px;box-shadow:none}.composer-beat-label{padding:.5rem 0;text-align:center;color:var(--muted-strong);font-size:.75rem;border-left:1px solid var(--line)}.composer-unified-grid button.step-cell:hover{filter:brightness(.95);transform:none}.composer-unified-grid button.step-cell:disabled{opacity:1}.composer-panel [data-symbol=L],.composer-note-dialog [data-symbol=L]{color:var(--teal-deep);background:var(--teal-soft);border-color:#b8d9d2}.composer-panel [data-symbol=R],.composer-note-dialog [data-symbol=R]{color:var(--terracotta-deep);background:var(--terracotta-soft);border-color:#e6b59d}.composer-panel [data-symbol=B],.composer-note-dialog [data-symbol=B]{color:#725218;background:var(--gold-soft);border-color:#dbc18b}.composer-panel [data-symbol="."],.composer-note-dialog [data-symbol="."]{color:var(--muted-strong);background:#f0ebe3;border-color:var(--line)}.composer-panel [data-symbol=X],.composer-panel [data-symbol=x],.composer-note-dialog [data-symbol=X],.composer-note-dialog [data-symbol=x]{color:var(--teal-deep);background:var(--teal-soft)}.composer-unified-grid .selected-note{outline:2px solid var(--teal);outline-offset:1px}.composer-unified-grid .playhead{box-shadow:inset 0 -4px 0 var(--teal)}.composer-unified-grid .recording-playhead:before{position:absolute;top:-14px;bottom:-6px;left:-3px;width:2px;background:var(--danger);content:""}.composer-grid-navigation{justify-content:space-between;margin-top:.3rem}.composer-grid-navigation>div{gap:.25rem;color:var(--muted-strong);font-size:.75rem}.composer-beat-total{color:var(--muted-strong);font-size:.75rem;padding:.5rem}.composer-note-dialog{position:fixed;inset:auto;margin:0;width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:.65rem;border:1px solid var(--line-strong);border-radius:10px;background:var(--paper-strong);color:var(--ink);box-shadow:var(--shadow-lg)}.composer-note-dialog::backdrop{background:#1d211f0f}.composer-picker-title{justify-content:space-between;padding:0 .2rem;font-size:.9rem}.composer-note-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.composer-note-choices button{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.7rem .2rem;min-height:76px;border:1px solid var(--line);border-radius:6px;cursor:pointer}.composer-note-choices strong{font-size:1.35rem}.composer-note-choices span{font-size:.75rem}.composer-note-choices button[aria-pressed=true]{outline:2px solid var(--teal);outline-offset:0}.note-choice-check{position:absolute;top:4px;right:4px}.composer-note-dialog button:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.composer-record-panel{margin-top:1rem;border:1px solid var(--line);border-radius:8px;padding:.6rem .75rem;background:var(--paper-strong)}.composer-record-heading{gap:.5rem;font-size:.9rem}.composer-record-heading strong{margin-right:auto}.composer-page .hand-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:0;margin:.5rem 0 0;border:0;background:transparent}.composer-page .hand-key{position:relative;min-width:0;min-height:95px;border-radius:6px;box-shadow:none}.composer-page .hand-key span{color:inherit;text-transform:none;font-weight:500;font-size:.9rem}.composer-page .hand-key kbd{position:absolute;right:8px;top:6px;font-size:.65rem;opacity:.6}.composer-page .hand-key[data-pressed=true]{filter:brightness(.85);transform:translateY(2px)}.composer-record-panel p{text-align:center;margin:.7rem 0 .2rem;font-size:.78rem;color:var(--muted-strong)}.composer-page .count-in{margin:0;padding:.6rem;display:flex;justify-content:center;gap:1rem;min-height:70px;border-radius:0}.composer-page .count-in span{font:500 .85rem Inter,sans-serif}.composer-page .count-in strong{font-size:2rem}.composer-bottom-row{margin-top:.75rem}.composer-transcription .markdown-output{margin:0 .75rem .75rem}.composer-transcription .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.composer-page .shortcut-help-trigger{position:static;display:inline-flex;margin-top:.75rem;box-shadow:none}.composer-player .player-secondary-actions[hidden],.composer-record-panel[hidden]{display:none}@media (max-width: 760px){.composer-page{width:calc(100% - 1.5rem)}.composer-heading-row{align-items:flex-end;margin:1rem 0 1.25rem;gap:.5rem}.composer-heading .eyebrow{font-size:.7rem}.composer-export-button{padding:.5rem}.composer-export-button>svg:first-child{display:none}.composer-title-row{gap:.75rem}.composer-example{font-size:.75rem;padding:.45rem .55rem}.composer-page .composer-player .controls{position:sticky;top:.5rem;z-index:4;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:.5rem;padding:.6rem}.composer-page .composer-player .controls>.loop-toggle{grid-row:2;padding:.4rem;white-space:normal}.composer-page .composer-actions{grid-column:2;grid-row:1}.composer-page .composer-actions button{width:100%;white-space:normal;padding:.4rem}.composer-page .composer-player .tempo-control{display:grid;grid-template-columns:1fr auto;gap:.25rem .4rem;grid-column:2;grid-row:2;width:100%;font-size:.75rem;margin:0}.composer-page .composer-player .tempo-control span{grid-column:1}.composer-page .composer-player .tempo-control output{grid-column:2;grid-row:1}.composer-page .composer-player .tempo-control input{grid-column:1 / -1;grid-row:2;width:100%;height:18px}.composer-editor{padding:.4rem}.composer-edit-toolbar{padding:.25rem .35rem}.composer-history{gap:0}.composer-history button,.composer-more summary{padding:.3rem;font-size:.73rem}.composer-record-status,.recording-status{font-size:.75rem}.composer-unified-grid{min-width:calc(60px + var(--composer-steps) * 52px)}.composer-unified-grid .grid-row,.composer-beat-row{grid-template-columns:60px repeat(var(--composer-steps),minmax(52px,1fr))}.composer-unified-grid .track-name{font-size:.75rem}.composer-note-dialog{top:auto!important;left:0!important;bottom:0;width:100%;max-width:100%;padding:.75rem 1rem max(1rem,env(safe-area-inset-bottom));border-radius:16px 16px 0 0}.composer-note-dialog::backdrop{background:#1d211f33}.composer-note-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.composer-note-choices button{min-height:90px}.composer-note-choices strong{font-size:1.6rem}.composer-note-choices span{font-size:.9rem}.composer-page .hand-key kbd{display:none}}