.ma-hero.cal-hero{--learn-overlay:linear-gradient(90deg, var(--learn-dark) 0%, var(--learn-dark) 12%, #24221fe6 26%, #24221f99 44%, #24221f26 62%, #24221f00 74%)}.ma-hero.cal-hero .learn-hero-photo.ma-hero-photo{object-position:80% 18%}@media (width<=767px){.ma-hero.cal-hero .learn-hero-photo.ma-hero-photo{object-position:76% top}}.ma-archive{--ma-beginner-improver:oklch(58% .13 150);--ma-intermediate:oklch(84% .15 92);--ma-advanced:oklch(70% .16 55);--ma-expert:oklch(55% .19 27);--ma-none:var(--border);background:var(--background);padding:36px 24px 88px}.ma-shell{width:100%;max-width:1240px;margin-inline:auto}.ma-head{gap:36px;display:grid}.ma-section-title{color:var(--foreground);margin:0}.ma-controls{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-width:0;display:grid}.ma-search{min-width:0;position:relative}.ma-search svg{width:18px;height:18px;color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ma-search input,.ma-sort select{border:1px solid var(--border);background:var(--card);width:100%;height:48px;color:var(--foreground);border-radius:10px;min-width:0;font-size:1rem}.ma-search input{padding:0 14px 0 42px}.ma-sort select{cursor:pointer;padding:0 34px 0 14px}.ma-search input:focus-visible,.ma-sort select:focus-visible,.ma-filter:focus-visible,.ma-icon:focus-visible,.ma-learn:focus-visible,.ma-more-btn:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.ma-levels{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.ma-filter{border:1px solid var(--border);background:var(--card);min-height:44px;font:600 .8125rem/1 var(--font-display);color:var(--foreground);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.ma-filter:not(.ma-all):before{content:"";background:var(--ma-dot);border-radius:50%;width:10px;height:10px}.ma-filter.ma-beginner-improver{--ma-dot:var(--ma-beginner-improver)}.ma-filter.ma-intermediate{--ma-dot:var(--ma-intermediate)}.ma-filter.ma-advanced{--ma-dot:var(--ma-advanced)}.ma-filter.ma-expert{--ma-dot:var(--ma-expert)}.ma-filter[aria-pressed=true]{background:var(--copper);border-color:var(--copper);color:var(--primary-foreground)}.ma-legend{color:var(--muted-foreground);flex-wrap:wrap;gap:6px 18px;font-size:.8125rem;display:flex}.ma-heading-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.ma-heading-row>.catalog-heading{flex:1}.ma-legend-control{flex:none}.ma-legend-panel{border-radius:8px;width:calc(100% - 40px);max-height:calc(100dvh - 48px);overflow-y:auto}.ma-legend-panel .ma-legend{flex-direction:column;gap:20px;margin-top:12px}.ma-reset-row{justify-content:flex-end;margin-top:8px;display:flex}.ma-reset-row+.ma-grid{margin-top:8px}@media (width<=479px){.ma-heading-row{align-items:flex-start;gap:8px}}.ma-legend span{align-items:center;gap:6px;display:inline-flex}.ma-legend svg{width:15px;height:15px;color:var(--copper)}.ma-count{color:var(--muted-foreground);margin-top:18px;font-size:.875rem}.ma-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:22px;display:grid}@media (width<=1023px){.ma-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.ma-grid{grid-template-columns:minmax(0,1fr);gap:18px}}.ma-meta{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.ma-meta .ma-date{font-size:.8125rem}.ma-card,.ma-row{position:relative}.ma-title-line{flex-wrap:wrap;align-items:baseline;gap:8px 12px;width:100%;min-width:0;display:flex}.ma-new{border:1px solid var(--copper);background:var(--background);min-height:24px;color:var(--copper);font:600 .75rem/1.4 var(--font-sans);border-radius:6px;flex:none;align-items:center;padding:3px 8px;display:inline-flex}.ma-card{background:var(--card);border:2px solid color-mix(in oklab, var(--copper) 28%, var(--border));border-top:3px solid var(--ma-accent);border-radius:14px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 2px 10px -6px #24221f2e}.ma-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px #24221f59}.ma-card-body{flex-direction:column;flex:1;align-items:flex-start;gap:10px;padding:24px 24px 20px;display:flex}.ma-title{font:700 1.625rem/1.2 var(--font-display);color:var(--copper);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;text-transform:none}.ma-level{height:25px;font:600 .6875rem/1 var(--font-display);letter-spacing:.02em;border:1px solid color-mix(in oklab, var(--ma-c) 70%, black 10%);background:color-mix(in oklab, var(--ma-c) 18%, white);color:color-mix(in oklab, var(--ma-c) 45%, black);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;display:inline-flex}.ma-level.ma-beginner-improver{--ma-c:var(--ma-beginner-improver)}.ma-level.ma-intermediate{--ma-c:var(--ma-intermediate);color:oklch(32% .06 80)}.ma-level.ma-advanced{--ma-c:var(--ma-advanced)}.ma-level.ma-expert{--ma-c:var(--ma-expert)}.ma-level.ma-none{--ma-c:var(--muted-foreground)}.ma-by{color:var(--muted-foreground);font-size:.875rem}.ma-facts{color:var(--foreground);flex-wrap:wrap;gap:6px;font-size:.875rem;display:flex}.ma-actions{width:100%;margin-top:auto;padding-top:8px}.ma-learn{border:1px solid var(--copper);background:var(--card);width:100%;min-height:48px;color:var(--copper);font:600 .9375rem/1.2 var(--font-display);text-align:center;-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;transition:background-color .18s,color .18s;display:flex}.ma-learn svg{flex:none;width:18px;height:18px}@media (hover:hover){.ma-learn:hover{background:var(--copper);color:var(--primary-foreground)}}.ma-learn:focus-visible,.ma-learn:active{background:var(--copper);color:var(--primary-foreground)}.ma-res{flex-wrap:wrap;gap:8px;display:flex}.ma-icon{border:1px solid color-mix(in oklab, var(--copper) 45%, transparent);width:44px;height:44px;color:var(--copper);background:var(--card);border-radius:10px;flex:none;place-items:center;display:inline-grid}.ma-icon svg{width:20px;height:20px}@media (hover:hover){.ma-icon:hover{background:var(--copper);color:var(--primary-foreground)}}.ma-combo{fill:none;stroke:currentColor;width:24px!important;height:24px!important}.ma-legend .ma-combo{width:18px!important;height:18px!important}.ma-music-text{align-items:flex-start;gap:8px;min-width:0;margin:0;display:flex}.ma-note{width:16px;height:16px;color:var(--copper);flex:none;margin-top:2px}.ma-music{border-top:1px solid color-mix(in oklab, var(--copper) 40%, transparent);background:color-mix(in oklab, var(--background) 70%, var(--card));justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;font-size:.875rem;display:flex}.ma-music-lines{overflow-wrap:anywhere;gap:3px;min-width:0;line-height:1.4;display:grid}.ma-song{color:var(--copper);font-size:.875rem;font-weight:700}.ma-artist{color:var(--muted-foreground);font-size:.8125rem;font-weight:400}.ma-rows{flex-direction:column;gap:12px;margin-top:28px;display:flex}.ma-row{background:var(--card);border:2px solid color-mix(in oklab, var(--copper) 28%, var(--border));border-left:4px solid var(--ma-accent);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.ma-row-top{justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.ma-row .ma-music{padding:10px 22px}.ma-row-main{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.ma-row-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.ma-row-title{font-size:1.375rem}.ma-date{font:400 .8125rem/1.4 var(--font-sans);color:var(--muted-foreground);letter-spacing:0}.ma-row-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;max-width:50%;display:flex}.ma-row-actions .ma-learn{width:auto}@media (width<=639px){.ma-row-top{flex-direction:column;align-items:stretch;padding:16px 18px}.ma-row .ma-music{padding:10px 18px}.ma-row-actions{justify-content:flex-start;max-width:none}}.ma-global{color:var(--muted-foreground);margin-top:18px;font-size:.875rem}.ma-more{justify-content:center;margin-top:32px;display:flex}.ma-more-btn{border:1px solid var(--copper);background:var(--copper);min-height:48px;color:var(--primary-foreground);font:600 .9375rem/1.2 var(--font-display);cursor:pointer;border-radius:10px;padding:0 26px}.ma-empty{text-align:center;border:1px dashed var(--border);color:var(--muted-foreground);border-radius:14px;justify-items:center;gap:16px;margin-top:28px;padding:40px 20px;display:grid}@media (width<=767px){.ma-archive{padding:36px 20px 64px}.ma-shell{width:100%}.ma-head{gap:16px}.ma-controls{flex:none;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px}.ma-title{font-size:1.5rem}.ma-card-body{padding:20px 18px 18px}.ma-music{padding:12px 18px}}@media (prefers-reduced-motion:reduce){.ma-card,.ma-card:hover{transition:none;transform:none}}@media (width<=479px){.ma-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ma-sort select{padding:0 26px 0 12px}}.ma-hero .learn-description{text-wrap:balance;max-width:540px}@media (prefers-reduced-motion:reduce){.ma-learn{transition:none}}