.pr-hero{display:flex;flex-direction:column;gap:16px;padding:35px 0}.pr-hero>*{margin:0}.pr-hero h1{font-size:clamp(28px,4vw,48px);line-height:1.2}.pr-hero p{max-width:730px;color:var(--muted,#666);line-height:1.7}.pr-eyebrow{font:700 11px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}.pr-planner{display:flex;flex-direction:column;gap:22px;border:1px solid var(--border,#ccc);background:var(--card,#fff);padding:24px}.pr-planner h2,.pr-planner p{margin:0}.pr-planner>div:first-child{display:flex;flex-direction:column;gap:12px}.pr-planner p{font-size:13px;line-height:1.6;color:var(--muted,#666)}.pr-fields,.pr-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.pr-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.pr-fields input[type=number],.pr-fields select{height:42px;border:1px solid var(--border,#ccc);background:var(--card,#fff);color:inherit;border-radius:6px;padding:8px 12px;font:14px Inter,sans-serif;max-width:240px}.pr-fields input[type=number]{width:110px}.pr-fields .pr-check{flex-direction:row;align-self:flex-end;align-items:center;min-height:42px}.pr-plan{display:flex;flex-wrap:wrap;gap:8px}.pr-plan a{padding:8px 12px;background:var(--soft,#f5f4ee);border:1px solid var(--border,#ddd);font-size:12px;text-decoration:none;color:inherit}.pr-plan a[aria-current=true]{background:#FFE000;color:#171717}.pr-wiki{display:grid;grid-template-columns:205px minmax(0,1fr);gap:40px;padding:40px 0}.pr-toc{position:sticky;top:90px;align-self:start;display:flex;flex-direction:column;gap:20px;font-size:12px;line-height:1.6}.pr-toc p{margin:0;color:var(--muted,#666)}.pr-toc nav{display:flex;flex-direction:column;gap:12px}.pr-toc a{color:inherit;text-decoration:none}.pr-toc a:hover{text-decoration:underline}.pr-articles{display:flex;flex-direction:column;gap:36px}.pr-exercise{display:flex;flex-direction:column;gap:18px;border-bottom:1px solid var(--border,#ddd);padding-bottom:36px;scroll-margin-top:90px;min-width:0}.pr-exercise header{display:flex;flex-direction:column;gap:12px}.pr-exercise h2{font-size:24px;line-height:1.35}.pr-exercise p,.pr-exercise h2,.pr-instructions{margin:0}.pr-exercise p,.pr-instructions{font-size:14px;line-height:1.7}.pr-instructions{display:flex;flex-direction:column;gap:8px;padding-left:20px}.pr-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:var(--card,#fff)}.pr-tab{width:100%;height:auto;border:1px solid var(--border,#ddd);border-radius:6px;background:var(--card,#fff);color:var(--text,#171717)}.pr-tab text{fill:currentColor;font-family:ui-monospace,monospace}.pr-tab line{stroke:currentColor;opacity:.25}.pr-tab .pr-cursor{fill:#FFE000;opacity:0}.pr-tab .pr-cursor.active{opacity:.55}.pr-tab .pr-accent{fill:#FFE000}.pr-tab .pr-fret-bg{fill:var(--card,#fff)}.pr-legend{font-size:11px!important;color:var(--muted,#777)}.pr-console{display:flex;flex-direction:column;gap:16px;padding:18px;border:1px solid var(--border,#ddd);background:var(--soft,#f8f8f5)}.pr-console .btn{font-size:12px;padding:9px 13px}.pr-console [data-clock]{font:700 24px ui-monospace,monospace;font-variant-numeric:tabular-nums}.pr-console [data-state],.pr-console [data-speed],.pr-console [data-record]{font-size:12px}.pr-checks{display:flex;flex-direction:column;gap:10px}.pr-exercise details{font-size:12px;line-height:1.8}.pr-exercise details summary{cursor:pointer;font-weight:700}.pr-method{display:flex;flex-direction:column;gap:16px;padding-bottom:35px}.pr-method>*{margin:0}.pr-method p{font-size:14px;line-height:1.7}.pr-exercise[hidden],[data-toc][hidden],#pr-custom-wrap[hidden]{display:none}@media(max-width:950px){.pr-wiki{grid-template-columns:1fr}.pr-toc{position:static}.pr-toc nav{flex-direction:row;flex-wrap:wrap;gap:8px}.pr-toc nav a{border:1px solid var(--border,#ddd);padding:6px 10px}.pr-toc p{display:none}}@media(max-width:600px){.pr-tabs{grid-template-columns:1fr}.pr-planner{padding:16px}.pr-console{padding:12px}.pr-fields select{max-width:100%}.pr-exercise h2{font-size:21px}.pr-wiki{gap:24px}.pr-fields label{max-width:100%}}
.pr-planner [hidden]{display:none!important}
.pr-catalog-controls{display:grid;grid-template-columns:minmax(0,2fr) 1fr 1fr 1fr;gap:16px;border:1px solid var(--border,#ccc);padding:22px;background:var(--card,#fff)}.pr-catalog-controls label{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:600}.pr-catalog-controls input,.pr-catalog-controls select{width:100%;box-sizing:border-box;min-width:0;height:46px;border:1px solid var(--border,#ccc);padding:10px 12px;background:var(--card,#fff);color:inherit;font:14px Inter,sans-serif}.pr-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:12px 0 32px}.pr-practice-card{display:flex;flex-direction:column;gap:18px;padding:22px;border:1px solid var(--border,#ccc);text-decoration:none;color:inherit;background:var(--card,#fff);transition:border-color .2s,transform .2s}.pr-practice-card:hover{border-color:#171717;transform:translateY(-3px)}.pr-practice-card>*{margin:0}.pr-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#FFE000;color:#171717;font-size:11px}.pr-card-number{font:800 27px Unbounded,Inter,sans-serif}.pr-practice-card h2{font-size:20px;line-height:1.4}.pr-practice-card p{font-size:13px;line-height:1.7;color:var(--muted,#666);flex:1}.pr-card-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:10px}.pr-card-meta span{padding:5px 8px;background:var(--soft,#f4f4ef)}.pr-practice-card strong{font-size:12px}.pr-empty{padding:40px;border:1px dashed var(--border,#ccc)}.pr-daily-card{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:24px;border:1px solid var(--border,#ccc);background:var(--soft,#f6f6f1)}.pr-daily-card>div{display:flex;flex-direction:column;gap:12px}.pr-daily-card h2,.pr-daily-card p{margin:0}.pr-daily-card h2{font-size:22px}.pr-daily-card p{font-size:13px;line-height:1.6}.pr-daily-card .btn{white-space:nowrap}.pr-practice-card[hidden],#pr-no-results[hidden]{display:none!important}@media(max-width:950px){.pr-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.pr-catalog-controls,.pr-catalog-grid{grid-template-columns:1fr}.pr-daily-card{flex-direction:column;align-items:flex-start}}

@media(min-width:601px) and (max-width:950px){.pr-catalog-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pr-count-in .pr-cursor.active{fill:#a6d5ff;opacity:.75}