main:has(#note-garden){max-width:900px}#note-garden [hidden]{display:none!important}#note-garden .back{margin-top:22px;font-size:14px;display:inline-block}#note-garden header{padding:32px 0 24px}#note-garden .eyebrow{color:var(--site-highlight);letter-spacing:.22em;font-size:11px}#note-garden h1{margin:12px 0;font-size:clamp(32px,6vw,48px)}#note-garden h1 span{color:var(--site-accent)}#note-garden header p{margin:0}#note-garden .panel{border:1px solid var(--site-border);background:var(--site-surface);border-radius:24px;padding:clamp(18px,4vw,32px)}#note-garden h2{margin:0 0 18px;font-size:19px}#note-garden h2>span{color:var(--site-highlight);margin-right:10px;font-size:12px}#note-garden .levels{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;display:grid}#note-garden .levels button,#note-garden .modes button{text-align:left;flex-direction:column;gap:8px;padding:18px;display:flex}#note-garden button{transition:background .15s,border-color .15s}#note-garden [aria-pressed=true]{border-color:var(--site-highlight);background:var(--site-blue-surface)}#note-garden small{color:var(--site-highlight);letter-spacing:.08em;font-size:10px}#note-garden .levels b{font-size:19px}#note-garden .levels span,#note-garden .modes span{color:var(--site-muted);font-size:13px;line-height:1.6}#note-garden .modes{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}#note-garden .tip{margin:24px 0;font-size:13px}#note-garden .primary{background:var(--site-accent);width:100%;color:var(--site-on-accent);border-color:var(--site-accent);min-height:54px;font-weight:750}#note-garden .primary:hover{background:var(--site-accent-hover)}#note-garden .stats{color:var(--site-muted);justify-content:space-between;gap:8px;font-size:14px;display:flex}#note-garden #dots{gap:7px;margin:22px 0 30px;display:flex}#note-garden #dots i{background:var(--site-border);border-radius:5px;flex:1;height:6px}#note-garden #dots .done{background:var(--site-highlight)}#note-garden #dots .current{background:var(--site-accent)}#note-garden #prompt{text-align:center;line-height:1.5}#note-garden .notation{max-width:400px;margin:22px auto}#note-garden .note-source{width:100%;color:var(--site-on-accent);background:#faf5e9;border:3px solid #0000;border-radius:18px;padding:0;display:block}#note-garden svg{width:100%;display:block}#note-garden .note-source.selected{border-color:var(--site-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--site-accent) 13%, transparent)}#note-garden .answers{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}#note-garden .answers button{min-height:70px;font-size:22px;font-weight:700}#note-garden .staff-options button{color:var(--site-on-accent);background:#faf5e9;padding:0}#note-garden .answers .correct{border:3px solid var(--site-highlight);background:var(--site-blue-surface);color:var(--site-highlight);opacity:1}#note-garden .answers .incorrect{border:3px solid var(--site-danger);opacity:1}#note-garden .answers .drop-hover{border-color:var(--site-accent);background:var(--site-warning-surface)}#note-garden #feedback{text-align:center;min-height:48px;font-size:15px}#note-garden .quiet{color:var(--site-muted);background:0 0;border:0;margin:14px auto 0;font-size:13px;display:block}#note-garden #audio-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0;display:flex}#note-garden .result{text-align:center}#note-garden .result-flower{color:var(--site-accent);margin-bottom:16px;font-size:80px;display:block}#note-garden #summary{color:var(--site-highlight);font-size:clamp(20px,4vw,30px);font-weight:750}#note-garden #review{grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0;display:grid}#note-garden .review-note{color:var(--site-on-accent);background:#faf5e9;border-radius:12px;overflow:hidden}#note-garden .review-note p{color:var(--site-on-accent);padding:0 8px;font-size:13px}#note-garden .history{margin:36px 0}#note-garden .history h2{justify-content:space-between;align-items:center;gap:10px;display:flex}#note-garden .history small{color:var(--site-muted);font-size:11px}#note-garden .history-row{border-bottom:1px solid var(--site-border);justify-content:space-between;gap:12px;margin:0;padding:14px 0;font-size:13px;display:flex}#note-garden .history-row b{white-space:nowrap;color:var(--site-highlight)}#note-garden details{border-top:1px solid var(--site-border);padding:20px 0;font-size:14px}#note-garden summary{cursor:pointer}@media (width<=540px){#note-garden .modes{grid-template-columns:1fr}#note-garden .modes button{flex-direction:row;justify-content:space-between;align-items:center;padding:15px 12px}#note-garden .levels button{padding:14px 10px}#note-garden .answers{gap:6px}#note-garden .answers button{padding:10px;font-size:17px}#note-garden .staff-options button{padding:0}#note-garden .history-row{flex-direction:column;gap:2px}}@media (prefers-reduced-motion:reduce){#note-garden button{transition:none}}#note-garden .notation.match-notes{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;max-width:none;display:grid}#note-garden .match-notes .note-source{cursor:grab;padding:0;overflow:hidden}#note-garden .match-notes .note-source:active{cursor:grabbing}#note-garden .match-notes .matched{opacity:1;border-color:var(--site-highlight);cursor:default}#note-garden .match-notes .matched span{background:var(--site-highlight);padding:8px 2px;font-size:14px;display:block}@media (width<=540px){#note-garden .notation.match-notes{gap:6px}}