@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{--ink:#202522;--paper:#f5f6f2;--line:#dedfd8;--muted:#757c73;--lime:#d8f779}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",system-ui,sans-serif;font-size:16px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #79962d;outline-offset:4px}header{min-height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 5%}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800}.logo{background:var(--ink);color:var(--lime);border-radius:50%;display:grid;place-items:center;width:37px;height:37px;font-size:26px;transform:rotate(-24deg)}.en{font-size:12px;letter-spacing:1.5px;font-weight:600}.brand .en{margin-left:4px}nav{display:flex;gap:35px;font-size:14px}nav a:hover{color:#57751e}.header-note{font-size:13px;color:var(--muted)}main{max-width:1440px;margin:auto;padding:48px 5% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:var(--muted)}h1{font-size:36px;letter-spacing:-1.2px;line-height:1.45;margin:10px 0}h1 span{font-weight:400}p{margin:8px 0;color:var(--muted)}.intro p{font-size:15px}.edition{border-left:1px solid var(--line);padding-left:28px;color:var(--muted);font-size:13px;line-height:2}.edition strong{font-weight:400;color:var(--ink)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:22px}.practice-main{background:#fff;border:1px solid var(--line);padding:28px;border-radius:16px}.section-top{display:flex;align-items:center;justify-content:space-between}.tag{font-size:13px;padding:2px 12px;background:#f3f4ef;border-radius:20px}.practice-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 25px;gap:15px}h2{font-size:23px;letter-spacing:-.5px;margin:0 0 7px}.practice-heading p{font-size:14px;margin:0}.practice-heading select{border:1px solid var(--line);border-radius:7px;padding:9px;max-width:200px;background:#fff;font-size:13px;color:#50574e}.grid-scroll{overflow-x:auto}.sequencer{min-width:470px;display:grid;grid-template-columns:54px repeat(16,minmax(16px,1fr));gap:5px;align-items:center}.count{font:12px ui-monospace,monospace;text-align:center;color:#91958e;padding-bottom:10px}.count.strong{color:#353f33;font-weight:bold}.row-label{font-size:12px;color:#6c7668;white-space:pre-line;line-height:1.4}.cell{height:29px;background:#f1f2ed;border-radius:4px;transition:filter .1s}.cell.group{border-left:2px solid #d2d5cd}.cell.hit0{background:#d8ed9b}.cell.hit1{background:#e8b790}.cell.hit2{background:#9bbdce}.cell.current{box-shadow:inset 0 0 0 2px #222;filter:brightness(.91)}.legend{display:flex;flex-wrap:wrap;gap:13px;margin:20px 0;font-size:12px;color:#737b6d}.legend span{display:flex;align-items:center;gap:6px}.legend span:last-child{margin-left:auto}.legend i{height:8px;width:8px;border-radius:2px}.lime{background:#c0da7d}.orange{background:#dfa574}.blue{background:#8fafbf}.play-row{display:flex;gap:20px;align-items:center;border-top:1px solid #eee;padding-top:20px}.primary{background:var(--ink);color:#fff;border:0;border-radius:7px;padding:12px 22px;font-weight:500;font-size:14px}.primary:hover{background:#3a4633}.check{font-size:13px;color:#69715f;display:flex;gap:6px;align-items:center;cursor:pointer}.check input{accent-color:#475b2b}.play-row>span{font-size:12px;color:var(--muted);margin-left:auto}.tip{background:#f6f7f1;padding:12px 15px;display:flex;gap:15px;border-radius:7px;margin-top:20px;align-items:center}.tip span{font-size:12px;font-weight:bold;white-space:nowrap}.tip p{font-size:13px;margin:0;line-height:1.8}.metronome{padding:28px;background:#222923;color:#fff;border-radius:16px;position:relative;overflow:hidden}.metronome .eyebrow{color:#a7b59c}.metronome h2{font-size:17px;margin-top:26px;font-weight:500}.tempo{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.tempo button{border:1px solid #596153;background:transparent;border-radius:50%;width:33px;height:33px;color:#c0cbb6;line-height:1;padding:0}.tempo>div{text-align:center}.tempo input{color:var(--lime);background:none;width:122px;border:0;font-size:66px;line-height:1.2;font-weight:500;text-align:center;letter-spacing:-4px;padding:0;-moz-appearance:textfield}.tempo input::-webkit-inner-spin-button{display:none}.tempo span{display:block;font-size:12px;letter-spacing:3px;color:#b7c0ad}input[type=range]{accent-color:var(--lime);width:100%;margin:24px 0 3px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:#a6b39a}.pulse{display:flex;justify-content:center;gap:15px;margin:24px}.pulse i{height:9px;width:9px;border-radius:50%;background:#606957}.pulse i.active{background:var(--lime);box-shadow:0 0 16px #dcff92}.outline{width:100%;background:transparent;border:1px solid #728063;color:var(--lime);padding:11px;border-radius:7px;font-size:14px}.outline:hover{background:#35432e}.metronome p{font-size:12px;text-align:center;color:#a5b29a;line-height:1.9;margin-top:20px}.title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:45px 0 22px}.title-row h2{margin:7px 0 0}.muted{font-size:13px;color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lesson{border:1px solid var(--line);text-align:left;border-radius:10px;padding:21px;background:transparent;transition:background .2s,transform .2s}.lesson:hover{background:#eaf0dc;transform:translateY(-3px)}.lesson-top{display:flex;justify-content:space-between;align-items:center}.lesson-number{font-size:28px;font-family:Georgia,serif;font-style:italic;color:#899676}.lesson small{font-size:12px;color:#7c8378}.lesson h3{font-size:17px;margin:14px 0 5px;font-weight:600}.lesson p{font-size:13px;margin:0}.lesson-bottom{border-top:1px solid var(--line);margin-top:20px;padding-top:13px;display:flex;justify-content:space-between;font-size:12px;color:#757e6c}.search{background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:10px;padding:9px 14px}.search span{font-size:23px;line-height:1;color:#86917c}.search input{border:0;outline:0;background:none;width:220px;font-size:14px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.filters button{border:1px solid var(--line);background:transparent;border-radius:20px;padding:6px 17px;font-size:13px;color:#6f7669}.filters button.active{background:var(--ink);border-color:var(--ink);color:white}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.resource{background:#fff;border:1px solid var(--line);padding:23px;border-radius:10px;text-align:left;display:flex;flex-direction:column;min-height:185px}.resource:hover{border-color:#a8bb84}.resource-top{display:flex;justify-content:space-between;font-size:12px;color:#7d8674}.resource h3{font-size:17px;margin:17px 0 7px}.resource p{font-size:13px;line-height:1.8;margin:0 0 17px}.resource-bottom{display:flex;justify-content:space-between;font-size:12px;color:#808779;margin-top:auto}.resource-type{padding:2px 8px;background:#f0f3e9;border-radius:4px;color:#6a7d4f}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:50px;padding:27px 0;gap:20px}footer .brand{font-size:16px}footer .brand .en{font-size:10px}footer p,footer>span{font-size:12px}dialog{border:1px solid var(--line);border-radius:16px;padding:38px;max-width:640px;width:calc(100% - 32px);max-height:85vh;color:var(--ink)}dialog::backdrop{background:#16201399;backdrop-filter:blur(4px)}dialog h2{margin:15px 0 24px;font-size:28px}dialog h3{font-size:18px;margin:24px 0 10px}dialog p,dialog li{font-size:16px;line-height:1.95;color:#596152}dialog ul,dialog ol{padding-left:24px}dialog code{background:#eff3e8;padding:8px 14px;display:block;font-size:17px;letter-spacing:2px;color:#374526}#close{position:absolute;right:18px;top:13px;border:0;background:none;font-size:28px;color:#6a7462}dialog .primary{margin-top:18px}@media (min-width:1450px){main{padding-left:48px;padding-right:48px}}@media (max-width:1050px){.en,.header-note,.edition{display:none}.workspace{grid-template-columns:minmax(0,1fr) 255px}.practice-main,.metronome{padding:22px}.play-row{gap:12px}.play-row>span{display:none}.legend span:last-child{margin-left:0}.practice-heading{display:block}.practice-heading select{margin-top:12px}.lesson-grid{grid-template-columns:repeat(2,1fr)}footer>span{display:none}}@media (max-width:740px){header{min-height:72px;padding:0 5%;gap:16px}.brand{font-size:18px;gap:7px}.logo{width:29px;height:29px;font-size:22px}nav{gap:15px;font-size:13px}main{padding-top:30px}h1{font-size:28px}.intro p{font-size:14px}.workspace{grid-template-columns:1fr}.practice-main{padding:20px}.metronome{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.metronome .section-top{grid-column:1/-1}.metronome h2{margin-top:16px}.tempo{grid-row:2/5;grid-column:2}.metronome input[type=range]{grid-column:1;margin-top:6px}.pulse{grid-column:2;grid-row:5;margin:8px}.metronome .outline{grid-column:1;grid-row:5;margin-top:12px}.metronome p{grid-column:1/-1}.tempo input{font-size:54px;width:95px}.title-row{align-items:start;flex-direction:column;gap:14px}.title-row h2{font-size:22px}.title-row .muted{display:none}.search{width:100%}.search input{width:100%}.resource-grid{grid-template-columns:1fr 1fr}.resource{padding:18px}.tip{align-items:start}.lesson{padding:17px}footer{align-items:start;flex-direction:column;gap:5px}footer p{margin:0}.play-row{gap:14px}.primary{padding:12px 16px}}@media (max-width:440px){.resource-grid{grid-template-columns:1fr}h1{font-size:25px}.lesson-grid{gap:10px}.lesson h3{font-size:15px}.lesson p{font-size:12px}.tempo button{width:26px;height:26px}.metronome{gap:0 15px}.filters button{padding:6px 13px}dialog{padding:27px}}[hidden]{display:none!important}header{position:sticky;top:0;z-index:20;background:var(--paper)}header nav a{white-space:nowrap;padding:9px 13px;border-radius:8px}header nav a[aria-current=page]{background:var(--ink);color:var(--lime)}main>section{min-height:calc(100vh - 245px);outline:none}#learn>.title-row,#library>.title-row{margin-top:0}#practice>.metronome{top:112px}@media (max-width:740px){header{flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:12px}header nav{gap:4px}header nav a{padding:8px 9px}}@media (max-width:380px){header{justify-content:center}header nav{justify-content:center;width:100%}}.workspace{align-items:start}.metronome{position:sticky;top:24px}.practice-main{min-width:0}.style-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.style-tabs button{background:#f3f5ed;color:#57624d;border:1px solid transparent;border-radius:8px;padding:10px 14px;font-size:14px}.style-tabs button.selected{background:#263323;color:#e0f4b9}.style-tabs button span{font-size:12px;opacity:.65;margin-left:8px}.style-description{font-size:14px;margin:12px 0 20px}.practice-heading{border-top:1px solid var(--line);padding-top:20px;margin:0 0 20px}.practice-heading h2{font-size:22px}.select-wrap{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.select-wrap>span{font-size:12px;color:var(--muted)}.practice-heading select{max-width:230px;font-size:14px;margin:0}.feel{display:inline-block;background:#f1f4e8;color:#53683a;font-size:12px;padding:3px 9px;border-radius:5px;margin-top:10px}.play-row{margin:16px 0;padding:18px 0;border-bottom:1px solid #eee;flex-wrap:wrap}.view-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 10px;font-size:14px;font-weight:600}.view-heading span:last-child{font-size:12px;color:var(--muted);font-weight:400}.bar-caption{font-size:12px;color:#7a8272;margin:8px 0}.grid-bar+.grid-bar{margin-top:17px}.sequencer{gap:4px}.cell{height:30px;position:relative}.cell.hit{background:var(--hit)}.cell.hit span{display:block;width:5px;height:5px;border-radius:50%;background:#ffffffaa;position:absolute;inset:0;margin:auto}.cell.current{box-shadow:inset 0 0 0 2px #263522;filter:brightness(.92)}.row-label{font-size:13px;line-height:1.5;color:#505b46}.row-label small{display:block;color:#909685;font-size:11px}.count{padding:5px 0;font-size:12px}.count.playing-count{background:#263522;color:#e0f5bb;border-radius:4px}.legend{margin:15px 0 10px}.grid-help,.score-key,.score-footnote{font-size:12px;color:#79816f;line-height:1.9}.score-block{border-top:1px solid var(--line);margin-top:24px;padding-top:1px}.score-scroll{overflow-x:auto;border:1px solid #e1e4d8;background:#fcfdf9;border-radius:8px}.score-canvas{width:max-content}.score-canvas svg{display:block}.score-cursor{fill:#b9d78d;opacity:.3;pointer-events:none}.playing-note path{fill:#58851e!important;stroke:#58851e!important}.score-key{margin-top:12px}.score-footnote a{text-decoration:underline;text-underline-offset:3px}#position{font-variant-numeric:tabular-nums}.metronome .current-groove-note{font-size:12px}.practice-heading p{max-width:430px;line-height:1.9}.score-error{color:#a13e26;font-size:14px}@media (max-width:1050px){.select-wrap{margin-top:15px}.play-row>span{display:block;margin-left:0}.style-tabs button{padding:8px 11px}}@media (max-width:740px){.metronome{position:static}.workspace{display:flex;flex-direction:column}.practice-main,.metronome{width:100%}.style-tabs{gap:6px}.style-tabs button{padding:9px 11px}.style-tabs button span{margin-left:5px}.practice-heading h2{font-size:21px}.score-block{margin-top:20px}.practice-heading select{max-width:100%;width:100%}.metronome .current-groove-note{grid-column:1/-1}.grid-help{font-size:13px}.view-heading{align-items:start}.view-heading span:first-child{white-space:nowrap}}.rhythm-context{border-left:3px solid #b7cc90;padding:1px 0 1px 15px;margin:12px 0 20px}.rhythm-context>span{font-size:12px;color:#83916e;font-weight:600}.rhythm-context p{font-size:14px;line-height:1.9;color:#535e4a;margin:5px 0}.kit-strip{border:1px solid #dfe5d6;background:#f6f8f0;border-radius:9px;padding:15px 17px;display:flex;gap:18px;align-items:center;justify-content:space-between}.kit-label{font-size:12px;color:#7c886c;display:block}.kit-strip strong{font-size:15px;font-weight:600}.kit-strip p{font-size:13px;color:#748069;margin:4px 0 0}.kit-strip>span{font-size:12px;color:#7c886c;flex-shrink:0;max-width:170px}.volume-control{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:12px;color:#bac5ae;margin:12px 0 18px}.volume-control input[type=range]{margin-top:8px}footer a:hover{text-decoration:underline}@media (max-width:1050px){.kit-strip{flex-direction:column;align-items:start;gap:7px}.kit-strip>span{max-width:none}}@media (max-width:740px){.volume-control{grid-column:1/-1;grid-row:6;margin-bottom:0}.volume-control input[type=range]{grid-column:auto}.metronome p{grid-row:7}}.catalog-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:8px}.catalog-toolbar label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#6e7b63}.catalog-toolbar select,.catalog-toolbar input{width:100%;min-width:0;border:1px solid #dce1d3;border-radius:7px;padding:11px 12px;background:#fcfdf9;color:#34402c;font:14px system-ui;margin:0}.catalog-count{font-size:12px;color:#7d876f;margin:10px 0 20px}.practice-heading{display:block!important}.practice-heading .select-wrap{margin-top:14px}.practice-heading select{width:100%;max-width:none}.score-scroll{background:white;border-color:#e2e5dc}.score-bar .bar-caption{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;letter-spacing:.04em}.score-bar .bar-caption span{font-size:11px;letter-spacing:0}.score-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.export-score{background:#edf2e4;border:1px solid #d8e2c8;border-radius:6px;padding:9px 12px;color:#475f31;font-size:12px}.score-actions>span,.notation-guide{font-size:12px;color:#7b856f}.notation-guide{line-height:1.9;border-top:1px dashed #dfe4d6;padding-top:10px;margin-bottom:20px}.notation-guide summary{cursor:pointer;color:#576b42}.notation-guide a{text-decoration:underline}.score-block{margin-top:0;border-top:0}#score-tempo{margin-left:10px;font-family:serif;font-size:15px}.score-key{color:#78816f}.play-row{margin-bottom:0}select:focus-visible,input:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #74964b;outline-offset:3px}@media (max-width:740px){.catalog-toolbar{grid-template-columns:1fr;gap:12px}.practice-heading .select-wrap{width:100%}.score-actions{gap:8px}}.score-canvas{width:100%}.score-canvas svg{width:100%;height:auto}.practice-heading select{max-width:none;width:100%}.practice-heading .select-wrap{width:100%}.score-block{margin-top:0;border-top:0}.score-scroll{background:#fff}.catalog-toolbar+.catalog-count{margin-bottom:20px}.course-overview{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0}.course-overview>div{flex:1}.course-overview p{font-size:13px;color:#65735a;margin:0 0 8px}#course-meter{width:100%;max-width:400px;height:7px;accent-color:#678944;border:0;border-radius:9px;overflow:hidden}#course-meter::-webkit-progress-bar{background:#e3e8da}#course-meter::-webkit-progress-value{background:#759851}.course-tabs{margin:18px 0 12px}.course-description{font-size:14px;margin-bottom:20px}.course-note{font-size:12px;margin-top:18px;line-height:1.9}.micro-lesson{min-height:205px;display:flex;flex-direction:column;background:#fff}.micro-lesson p{line-height:1.85}.micro-lesson .lesson-bottom{margin-top:auto;padding-top:18px}.micro-lesson.lesson-done{border-color:#a3b78a;background:#f7faf1}.lesson-done .lesson-top small{color:#537637}#lessons{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.micro-goal{background:#edf3e3;border-left:3px solid #8da568;padding:14px 17px;border-radius:5px}.micro-goal span{font-size:12px;color:#72845c}.micro-goal p{margin:5px 0;font-weight:500;color:#36462b}.micro-meta{font-size:12px!important}.micro-phrase{white-space:pre-wrap;line-height:1.9;font-family:ui-monospace,monospace}.micro-check{background:#f4f6ef;border:1px solid #e0e6d6;border-radius:7px;padding:12px 17px}.micro-check h3{margin:0 0 5px}.micro-source{font-size:13px!important}.micro-source a{text-decoration:underline;text-underline-offset:3px}.lesson-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.lesson-actions[hidden]{display:none}.lesson-actions button[aria-pressed=true]{background:#dfeace}.lesson-actions button:disabled{opacity:.4;cursor:default}@media (max-width:900px){#lessons{grid-template-columns:repeat(2,minmax(0,1fr))}.course-overview{align-items:start;flex-direction:column}.course-overview>div{width:100%}}@media (max-width:480px){#lessons{grid-template-columns:1fr}.micro-lesson{min-height:160px}.micro-lesson h3{font-size:18px}.micro-lesson p{font-size:14px}.course-tabs button{font-size:12px;padding:9px}.course-tabs{gap:6px}}.score-export-status{display:block;font-size:12px;line-height:1.6;max-width:32rem;white-space:normal;color:var(--muted,#637187)}.score-export-status button{font-size:inherit;padding:3px 8px;min-height:30px}.midi-note-info{display:inline;position:relative;font-size:12px}.midi-note-info summary{display:inline-block;cursor:pointer;list-style:none;padding:2px 5px;min-width:24px;text-align:center}.midi-note-info[open]{display:block}.midi-note-info span{display:block;white-space:normal;line-height:1.5;padding:4px 0}#article .source-anchor{white-space:nowrap}#article .source-marker{display:inline;padding:2px 4px;margin-left:2px;border:0;background:transparent;color:var(--blue,#315f9b);box-shadow:none;vertical-align:super;font-size:.75em;line-height:1.2;cursor:pointer}#article .source-marker:focus-visible{outline:2px solid #6388bc;outline-offset:2px}#article .source-explanation{padding:10px 12px;margin:-6px 0 18px;border-left:2px solid #9fb9da;background:var(--surface,#f2f6fb);font-size:14px;line-height:1.6}#article .source-explanation[hidden]{display:none}:root{--ink:#151515;--paper:#f6f6f7;--line:#dedee3;--muted:#666773;--lime:#ff923d;--brand-red:#ed382f;--brand-blue:#204daa}header{background:#fff;border-top:4px solid var(--brand-red);border-bottom:1px solid var(--line);min-height:98px}.brand{gap:16px}.brand-logo{position:relative;display:block;width:126px;aspect-ratio:2/1;overflow:hidden;background:#fff;flex-shrink:0}.brand-logo img{position:absolute;width:115%;height:auto;max-width:none;left:-7.5%;top:-58%}.brand-name{font-size:19px;line-height:1.4;border-left:1px solid #ddd;padding-left:16px;white-space:nowrap}.brand-name small{display:block;font-size:10px;letter-spacing:1.5px;color:#777;margin-top:3px}header nav{gap:14px}header nav a{font-weight:600}header nav a[aria-current=page]{background:var(--ink);color:#fff;box-shadow:0 3px 0 var(--brand-red)}header nav a:hover{color:var(--brand-red)}header nav a[aria-current=page]:hover{color:#fff}.header-note i{display:inline-block;width:18px;height:3px;background:var(--brand-blue);vertical-align:middle;margin-right:7px}.intro{gap:28px;min-height:142px}.intro .eyebrow{color:var(--brand-blue);letter-spacing:1.8px}h1{font-size:34px;font-weight:850;letter-spacing:-1px}h1 span{font-weight:500}.brand-companion{display:flex;align-items:center;gap:16px}.brand-companion img{width:132px;height:132px;object-fit:contain;background:#fff;border-radius:50%;border:1px solid #e7e7eb}.brand-companion span{display:block;font-weight:700;font-size:16px}.brand-companion small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.practice-main{border-top:4px solid var(--brand-blue)}.metronome{background:#19191c;border-top:4px solid var(--brand-red)}#practice>.metronome{top:122px}.metronome .eyebrow,.metronome p,.range-labels,.volume-control{color:#c1c1c8}.tempo input{color:#ff923d}.outline{border-color:#b36632;color:#ffae70}.outline:hover{background:#343035}.pulse i.active{background:#ff923d;box-shadow:0 0 14px #ff923d77}.primary{background:var(--brand-red);color:#fff;font-weight:650}.primary:hover{background:#ca2922}.style-tabs button{background:#eaeef7;color:#364769}.style-tabs button.selected{background:var(--brand-blue);color:#fff}.style-description,.course-description{color:#626674}.tag,.feel{background:#edf1fa;color:#31569b}.kit-strip{background:#f5f6fa;border-color:#e0e3eb}.kit-strip strong{color:#26395c}.tip{background:#fff3e9;border-color:#f1d6c0}.tip>span{color:#a34d16}.export-score{background:#edf1fa;border-color:#d5deef;color:#244c93}.filters button.active{background:var(--brand-blue);border-color:var(--brand-blue)}.filters button{color:#5a6273}.resource:hover{border-color:var(--brand-blue)}.resource-type{background:#edf1fa;color:#31569b}.resource-top{color:#596c91}.lesson:hover{background:#f4f6fb}.lesson-number{color:var(--brand-blue)}.micro-lesson.lesson-done{background:#fff8f1;border-color:#e5bd97}.lesson-done .lesson-top small{color:#9c531b}.micro-goal{background:#edf1fa;border-color:var(--brand-blue)}.micro-goal p{color:#243d69}.micro-check{background:#faf6f1;border-color:#ecdfd1}#course-meter{accent-color:var(--brand-blue)}#course-meter::-webkit-progress-value{background:var(--brand-blue)}#course-meter::-webkit-progress-bar{background:#e2e7f1}.coach-note{display:flex;align-items:center;gap:16px;border-left:3px solid var(--brand-red);padding:8px 18px;background:#fff;border-radius:0 10px 10px 0}.coach-note img{width:64px;height:64px;object-fit:contain}.coach-note p{margin:0}.coach-note strong{display:block;color:var(--ink);font-size:16px}.coach-note span{display:block;margin-top:4px;font-size:13px}.lesson-actions button[aria-pressed=true]{background:#e3eafa}footer{border-top:2px solid var(--ink)}footer .brand-logo{width:88px}footer .brand-name{font-size:15px}footer .brand-name small{font-size:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--brand-blue)}@media (max-width:1050px){.brand-companion>div{display:none}.brand-companion img{width:110px;height:110px}.brand-name{font-size:16px}.brand-logo{width:106px}header nav{gap:4px}}@media (max-width:740px){header{min-height:80px;gap:10px}.brand-name{display:none}.brand-logo{width:94px}header nav{font-size:13px}header nav a{padding:8px 9px}.intro{gap:10px;min-height:110px}.intro h1{font-size:25px;letter-spacing:-1px}.intro p{font-size:13px;max-width:230px}.intro .eyebrow{font-size:10px;letter-spacing:1px}.brand-companion img{width:80px;height:80px}.brand-companion{gap:0}.coach-note{padding:7px 12px;gap:10px}.coach-note img{width:50px;height:50px}.coach-note strong{font-size:15px}.coach-note span{font-size:12px}footer .brand-name{display:block}}@media (max-width:380px){header{justify-content:space-between}header nav{width:auto}.brand-logo{width:80px}header nav a{padding:8px 6px}.brand-companion img{width:65px;height:65px}.intro h1{font-size:22px}.intro .eyebrow{font-size:9px}}.catalog-toolbar{grid-template-columns:1fr}.rhythm-reference{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-size:12px;color:#666}.rhythm-reference a{color:#204daa;text-decoration:underline;text-underline-offset:3px}.rhythm-context{display:block}.rhythm-context>span{display:block;margin-bottom:8px}.catalog-toolbar{grid-template-columns:1fr 1fr}.english-companion{font-size:13px!important;color:#757b87!important;line-height:1.7!important;margin-top:5px!important}.rhythm-context .english-companion{border-top:1px solid #e1e4eb;padding-top:10px;margin-top:10px!important}.metronome .eyebrow small{font-size:11px;letter-spacing:.5px}@media (max-width:740px){.catalog-toolbar{grid-template-columns:1fr}}.catalog-path{font-size:14px;color:#234d92;margin:12px 0;font-weight:600;line-height:1.6}.catalog-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalog-card{min-width:0;text-align:left;border:1px solid #dce2ed;background:#fafbfe;padding:12px;border-radius:9px;color:#222;cursor:pointer;overflow-wrap:anywhere}.catalog-card span{display:block;font-size:14px;line-height:1.5;font-weight:650}.catalog-card small{display:block;font-size:12px;color:#657086;line-height:1.45;margin-top:3px}.catalog-card em{display:block;font-style:normal;font-size:12px;color:#626977;margin-top:8px}.catalog-card.is-current{border-color:#2456ad;background:#edf3ff;box-shadow:inset 3px 0 #2456ad}.catalog-paging{display:flex;align-items:center;justify-content:space-between;margin:10px 0 15px;font-size:13px;color:#677080}.catalog-paging button{border:1px solid #dde2eb;border-radius:6px;padding:7px 12px;background:white;color:#244d91;cursor:pointer}.catalog-paging button:disabled{opacity:.4;cursor:default}#pattern{max-width:100%}@media (max-width:600px){.catalog-card-grid{grid-template-columns:1fr}.catalog-card{padding:10px}.catalog-card-grid .catalog-card small{font-size:12px}}.learning-stages{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.learning-stages button{flex:1;min-width:110px;text-align:left;padding:10px 11px;border:1px solid #dce2ed;border-radius:7px;background:#f7f9fd;color:#49546b;font-size:13px;cursor:pointer}.learning-stages button small{display:block;font-size:11px;margin-top:4px;opacity:.8}.learning-stages .selected{background:#204d99;color:white;border-color:#204d99}.catalog-card .card-focus{font-size:12px;color:#345891;font-weight:400;margin-top:6px}.study-goal{border-left:3px solid #2357a1;background:#f0f5ff;padding:16px 20px;margin:18px 0;border-radius:0 8px 8px 0}.study-goal strong{display:block;font-size:17px;margin-top:8px}.study-goal small{display:block;color:#60708a;font-size:13px;margin-top:5px}.study-goal p{font-size:14px;line-height:1.75;margin:10px 0}.study-stage{font-size:12px;color:#355b96;font-weight:600}.study-goal button{border:0;background:none;color:#204d99;text-align:left;padding:4px 0;font-size:14px;text-decoration:underline;cursor:pointer}.swing-mark{pointer-events:none}@media (max-width:600px){.learning-stages button{min-width:90px}.study-goal{padding:12px}.study-goal strong{font-size:16px}}.practice-switch{grid-column:1/-1;display:flex;gap:12px;margin-bottom:4px}.practice-switch button{border:1px solid #ddd7ce;background:#fff;color:#282824;border-radius:12px;padding:12px 24px;text-align:left;font:600 16px inherit;cursor:pointer}.practice-switch small{display:block;font-size:11px;font-weight:400;margin-top:3px;color:#777}.practice-switch [aria-pressed=true]{background:#252924;color:#fff;border-color:#252924}.practice-switch [aria-pressed=true] small{color:#d7d9d5}#rudiment-panel{grid-column:1/-1;min-width:0;background:#fff;border:1px solid #e7e2d9;border-radius:18px;padding:30px}#rud-families{margin:24px 0 18px}#rud-families [aria-pressed=true]{background:#252924;color:#fff}.rud-select-label{display:flex;align-items:center;gap:16px;font-size:13px;color:#666}.rud-select-label select{max-width:100%;padding:12px;background:#faf8f4;border:1px solid #e0dbd1;border-radius:8px;font:inherit;color:#222}.rud-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.rud-controls input[type=number]{width:66px;padding:9px;border:1px solid #d8d2c8;border-radius:6px;font:inherit}.rud-controls input[type=range]{width:160px;accent-color:#e44735}#rud-status{font-size:13px;color:#6f726d;min-height:22px}#rud-score,#rud-grid{max-width:100%;overflow-x:auto}#rud-score svg{display:block}.rud-grid-inner{display:grid;gap:3px;min-width:max-content;padding:12px 0;align-items:center}.rud-grid-inner>span,.rud-grid-inner>b{text-align:center;font-size:11px}.rud-cell{height:38px;background:#f2f0eb;border-radius:4px;position:relative;display:grid;place-items:center;color:#a15e37}.rud-cell.hit{background:#f7d9c7}.rud-cell.accent{background:#e8a783;color:#66320f}.rud-cell small{position:absolute;top:1px;left:2px;font-size:8px;color:#55453b}.rud-cell.rud-active{outline:2px solid #ec402e;background:#eeaa79}.rud-active path{fill:#e63e2f!important;stroke:#e63e2f!important}#rud-error{color:#a52b22}.knowledge-diagram{padding:16px;background:#f7f5ef;white-space:pre-wrap;font:15px monospace;line-height:1.8}.resource h3 small{display:block;font-size:12px;font-weight:400;color:#777;margin-top:6px}.practice-main[hidden],.metronome[hidden],#rudiment-panel[hidden]{display:none!important}@media (max-width:640px){#rudiment-panel{padding:18px 14px}.practice-switch button{flex:1;padding:12px}.rud-select-label{display:block}.rud-select-label select{display:block;width:100%;margin-top:8px}.rud-controls{gap:12px}.rud-controls input[type=range]{width:120px}#rudiment-panel .view-heading{gap:8px;flex-wrap:wrap}#rud-grid-label{font-size:11px}}.knowledge-figure{margin:24px 0;padding:16px;background:#f8f6f1;border-radius:10px}.knowledge-figure figcaption{font-weight:600;margin-bottom:12px}.knowledge-figure table{width:100%;border-collapse:separate;border-spacing:3px;font-size:13px}.knowledge-figure td{text-align:center;background:#eeebe4;padding:10px 6px}.knowledge-figure td.on{background:#f4ccb1;color:#95502f}.knowledge-figure th{text-align:left;font-weight:500}.knowledge-figure small{display:block;margin-top:10px;color:#78766f}.practice-switch,#rudiment-panel{width:100%;box-sizing:border-box}#rudiment-panel .score-block{min-width:0}#journal{padding-bottom:24px}#journal button,.j-file{border:1px solid #dedfd8;background:#fff;color:#303731;border-radius:9px;padding:9px 13px;min-height:44px;font-size:13px;cursor:pointer}#journal button:hover,.j-file:hover{border-color:#2454a6;background:#f3f6fb}#journal button:disabled{opacity:.4;cursor:default}#journal .j-primary{background:#e94232;border-color:#e94232;color:white;font-weight:600}#journal .j-primary:hover{background:#cf3024}#journal h2{font-size:20px;margin:0}#journal h3{font-size:16px;margin:22px 0 10px}#journal h3 small{font-size:11px;color:#757c73;font-weight:400;margin-left:8px}.j-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.j-heading h1{font-size:38px}.j-heading .eyebrow{color:#a74035;letter-spacing:1.3px}.j-tools{display:flex;gap:8px;flex-shrink:0}.j-file{display:flex;align-items:center;position:relative;overflow:hidden}.j-file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.j-file:focus-within{outline:3px solid #2454a6}.j-local{font-size:12px;margin:20px 0 0}.j-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:24px;align-items:start}.j-main,.j-side{display:grid;gap:24px;min-width:0}.j-card{background:#fff;border:1px solid #dedfd8;border-radius:18px;padding:24px;min-width:0}.j-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.j-section-head>div{display:flex;gap:6px}.j-muted{font-size:12px;line-height:1.8}.j-filter{display:flex;align-items:center;gap:10px;font-size:12px;margin:20px 0 14px}#journal select,#journal input:not([type=file]),#journal textarea{border:1px solid #d7dcd6;background:#fff;border-radius:8px;padding:10px;color:#202522;min-height:44px;font:inherit;min-width:0;max-width:100%}#journal select{font-size:13px}.j-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.j-block{padding:16px;border:1px solid #e5e7e1;border-radius:12px;background:#fafbf8;overflow-wrap:anywhere}.j-category{font-size:11px;color:#2454a6;letter-spacing:.4px}#journal .j-block h3{font-size:17px;margin:9px 0}.j-block p{font-size:12px;white-space:pre-wrap}.j-block small{font-size:11px;color:#767d76}.j-block-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px}#journal .j-block-actions button{padding:6px 9px;font-size:12px}#journal .j-block-actions button:first-child{width:100%;background:#edf2fa;color:#2454a6;border-color:#d9e3f5;font-weight:600}.j-empty{grid-column:1/-1;border:1px dashed #ccd4c6;border-radius:12px;padding:30px 22px;text-align:center}.j-empty p{font-size:13px;margin:12px 0 20px}.j-empty-small{font-size:13px;padding:15px 0}.j-date-row{display:flex;justify-content:space-between;gap:12px;margin:20px 0}.j-day-summary{display:flex;flex-wrap:wrap;gap:12px 22px;padding:16px;background:#f4f6f0;border-radius:10px;font-size:12px}.j-day-summary b{font-size:21px;color:#202522;margin:0 3px}.j-entry{border-top:1px solid #e9ece5;padding:16px 0;display:flex;flex-direction:column;gap:10px;overflow-wrap:anywhere}.j-entry strong{font-size:15px}.j-entry p{font-size:12px;margin:4px 0}.j-entry-actions{display:flex;gap:6px;flex-wrap:wrap}.j-entry blockquote{white-space:pre-wrap;border-left:3px solid #f0b3a6;margin:10px 0 0;padding:3px 12px;color:#626c60;font-size:13px}.j-timer{background:#202c40;color:white;padding:18px;border-radius:12px;margin-bottom:18px}.j-timer>div:first-child{display:flex;flex-direction:column;gap:3px}.j-timer strong{font-size:38px;font-variant-numeric:tabular-nums}.j-timer small{color:#c2cfe3}.j-timer>div:last-child{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}#j-message{min-height:24px;font-size:13px;color:#2454a6;margin:10px 0}.j-weekdays,.j-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.j-weekdays{margin:16px 0 8px;text-align:center;font-size:11px;color:#858c81}#j-month{display:block;margin-top:12px;font-size:14px}#journal .j-day{padding:5px 0;min-height:52px;border:1px solid transparent;background:#f7f8f4;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px}.j-day small{font-size:10px;color:#6b7769}#journal .j-level-1{background:#e7eef8}#journal .j-level-2{background:#b6c9e9}#journal .j-level-3{background:#2454a6;color:white}.j-level-3 small{color:white}#journal .j-selected{border:2px solid #e94232}#journal .j-is-today span{text-decoration:underline;text-underline-offset:3px}.j-goal-head{border-top:1px solid #e6e9e1;padding-top:22px;margin-top:26px;display:flex;align-items:center;justify-content:space-between;font-size:14px}#j-goal-progress{width:100%;height:9px;accent-color:#2454a6;margin-top:14px;display:block}#j-goal-copy{font-size:12px;line-height:1.8;margin-top:12px}.j-week-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;height:108px;margin:20px 0}.j-week-bars>div{display:flex;flex-direction:column;justify-content:end;align-items:center;gap:4px}.j-week-bars i{width:100%;max-width:24px;background:#9cb6df;border-radius:4px 4px 0 0}.j-week-bars span,.j-week-bars small{font-size:10px;color:#788170}#j-dialog{padding:26px;width:calc(100% - 24px);max-width:520px}#j-dialog h2{font-size:21px;margin:0}#j-fields{display:grid;gap:16px;margin-top:22px}#j-fields label{display:flex;flex-direction:column;gap:6px;font-size:13px}#j-fields textarea{resize:vertical;min-height:82px}.j-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.j-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}#j-form-error{color:#c52a22;font-size:13px}#journal :focus-visible{outline:3px solid #2454a6;outline-offset:3px}@media (max-width:1100px){.j-layout{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.j-card{padding:18px}.j-blocks{grid-template-columns:1fr}.j-heading h1{font-size:32px}}@media (max-width:820px){.j-layout{grid-template-columns:1fr}.j-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.j-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.j-heading{align-items:flex-start}.j-tools{flex-direction:column}}@media (max-width:540px){.j-side,.j-blocks{grid-template-columns:1fr}.j-heading{flex-direction:column;gap:14px}.j-tools{flex-direction:row}.j-heading h1{font-size:29px}.j-card{padding:18px 16px;border-radius:14px}#journal h2{font-size:18px}.j-section-head{flex-wrap:wrap}.j-date-row{flex-wrap:wrap}.j-day-summary{gap:8px 14px}.j-day-summary b{font-size:19px}.j-form-pair{grid-template-columns:1fr}header nav{width:100%;justify-content:space-between;gap:0}header nav a{font-size:12px;padding:8px 7px!important}}#journal .j-heading h1{font-size:28px;margin:0}#journal .j-heading p{font-size:13px}.j-local{margin-top:10px}#j-message{margin:5px 0}.j-heading{align-items:center}.j-block{display:flex;flex-direction:column;gap:8px}.j-block>.j-section-head{order:0}.j-block>.j-block-pick{order:2}.j-block>.j-block-duration{order:1}.j-block>p,.j-block>small{display:none}.j-block>.j-block-actions{order:3;margin-top:0}#journal .j-block-pick{display:flex;flex-direction:column;text-align:left;background:#edf2fa;border-color:#d9e3f5;padding:12px;width:100%;gap:4px}#journal .j-block-pick strong{font-size:16px;color:#243754}#journal .j-block-pick span{font-size:12px;color:#2454a6}.j-block-duration,.j-inline-minutes{display:flex;align-items:center;gap:7px;font-size:12px}#journal .j-block-duration input,#journal .j-inline-minutes input{width:80px;padding:8px;font-size:16px}#journal .j-block-actions button:first-child{width:auto;background:white;font-weight:400}.j-plan-line{display:flex;justify-content:space-between;align-items:center;gap:10px}#journal .j-name-button{padding:4px 0;border:0;font-size:16px;font-weight:600;text-align:left;background:none}.j-plan-heading{margin-top:16px}#journal .j-plan-heading h3{margin:0}.j-entry-actions{align-items:center}.j-entry details summary,.j-advanced summary{cursor:pointer;font-size:12px;padding:10px;color:#6c7769}.j-entry details button{margin:5px}.j-done-label{font-size:12px;color:#268576}.j-done{opacity:.8}#journal button[aria-pressed=true]:not(.j-day){background:#edf2fa;border-color:#2454a6;color:#2454a6}.j-day{position:relative}#journal .j-match{box-shadow:inset 0 0 0 2px #2454a6;background:#dfeafa}.j-match-dot{width:5px;height:5px;border-radius:50%;background:#e94232;position:absolute;bottom:2px}.j-dim{opacity:.3}#journal .j-daily-chip{display:flex;justify-content:space-between;gap:10px;width:100%;margin:5px 0;text-align:left;font-size:12px}.j-advanced{border-top:1px solid #e5e8e1;padding-top:5px}.j-advanced label{margin-top:12px}.j-form-pair{grid-template-columns:1fr}.j-date-row{margin:10px 0}.j-entry-actions details{position:relative}#journal .j-inline-minutes{flex-shrink:0}@media (max-width:540px){.j-plan-line{align-items:flex-start;flex-wrap:wrap}.j-heading{align-items:flex-start}#journal .j-daily-chip{flex-wrap:wrap}}.j-block-actions summary{cursor:pointer;font-size:12px;color:#717b6d;padding:8px 0}.j-block-actions[open]{display:block}.j-block-actions button{margin:4px 3px 0 0}.j-save-bottom{border-top:1px solid #e1e5dc;margin-top:24px;padding-top:20px;display:flex;justify-content:flex-end}#journal .j-save-bottom button{min-width:220px}@media (max-width:540px){#journal .j-save-bottom button{width:100%}}@layer responsive118{#journal .j-heading{margin:0 0 16px!important;align-items:center!important}#journal .j-heading h1{font-size:16px!important;margin-bottom:12px!important}#journal .e115-journal-date{display:block;font-size:var(--studio-type-page,48px)!important;font-weight:800;line-height:1.25;letter-spacing:-.04em}#journal .r116-journal-quote{font-size:18px;line-height:1.8;max-width:15em;color:var(--studio-muted)}#journal .r116-journal-meta{font-size:var(--studio-type-small,13px);margin:0 0 16px}#journal #j-sync{margin:0!important;padding:0!important}#journal .journal-main-views{display:flex;gap:6px;border-bottom:1px solid var(--studio-line);padding:0 0 14px;margin:0 0 26px}#journal .journal-main-views button{min-width:140px;min-height:44px;padding:12px 20px!important;background:var(--studio-soft)!important;color:var(--studio-ink)!important;border:0!important;border-radius:4px!important;font-size:var(--studio-type-control,14px)!important}#journal .journal-main-views button[aria-pressed=true]{background:var(--studio-action-blue,#1353bb)!important;color:#fff!important;box-shadow:none!important}#journal[data-view=today] .j-layout{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(300px,1fr)!important;gap:32px!important}#journal[data-view=today] #journal-insights{display:block!important;border-left:1px solid var(--studio-line);padding-left:28px!important}#journal[data-view=today] #journal-insights>.j-card:not(.e115-journal-summary){display:none!important}#journal .j-card{padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}#journal #journal-day>.j-section-head{margin:0 0 14px!important}#journal #journal-day>.j-section-head h2{font-size:var(--studio-type-section,22px)!important;line-height:1.4}#journal .j-day-summary{padding:0!important;margin:0 0 20px!important;background:none!important;border:0!important}#journal .e115-day-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:24px;margin-top:18px}#journal .e115-plan-column{min-width:0}#journal .e115-clock-column{min-width:0;border-left:1px solid var(--studio-line);padding-left:24px}#journal :is(.j-plan-heading,.j-plan-heading+p){display:none!important}#journal #j-plans{display:block!important;counter-reset:plans}#journal .j-plan-card{position:relative;counter-increment:plans;background:none!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:16px 0 16px 40px!important}#journal .j-plan-card::before{content:counter(plans);position:absolute;top:18px;left:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--studio-action-blue,#1353bb);color:#fff;font-size:14px}#journal .j-name-button{white-space:normal!important;text-align:left;min-width:0;width:auto;padding:0!important;font-size:17px!important;line-height:1.5!important;font-weight:600;color:var(--studio-ink)!important}#journal .j-plan-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#journal .j-inline-minutes{font-size:13px;gap:6px}#journal .j-inline-minutes input{width:76px;min-width:0}#journal .j-entry-actions{display:flex;gap:8px;flex-wrap:wrap}#journal .j-entry-actions button{padding:8px!important;font-size:var(--studio-type-control,14px)!important;min-height:44px!important;background:var(--studio-soft)!important;color:var(--studio-ink)!important}#journal #j-timer:not([hidden]){display:flex!important;flex-direction:column;gap:20px;background:none!important;color:var(--studio-ink)!important;border:0!important;padding:0!important}#journal #j-timer>div:first-child{display:flex;flex-direction:column;gap:16px}#journal #j-timer>div:last-child{display:flex;flex-wrap:wrap;gap:10px}#journal #j-clock-value{font-size:clamp(42px,4.5vw,68px)!important;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.055em;line-height:1.1;margin:6px 0}#journal #j-timer small{color:var(--studio-muted)!important;font-size:13px}#journal [data-j=toggle-clock]{background:var(--studio-action-red,#d72922)!important;color:#fff!important;min-width:100px;padding:12px 18px!important;font-weight:600}#journal [data-j=finish-clock]{background:var(--studio-ink)!important;color:var(--studio-paper)!important;padding:12px 18px!important}#journal .e115-clock-idle>span{font-size:13px;color:var(--studio-muted)}#journal .e115-clock-idle>strong{display:block;font-size:var(--studio-type-detail,34px);line-height:1.4;margin:20px 0;color:var(--studio-ink)}#journal .e115-clock-idle p{font-size:13px;line-height:1.7;color:var(--studio-muted)}#journal .e115-clock-column:has(#j-timer:not([hidden])) .e115-clock-idle{display:none!important}#journal .j-save-bottom{border-top:1px solid var(--studio-line);margin-top:24px;padding-top:20px}#journal #j-finish-all{background:var(--studio-action-blue,#1353bb)!important;color:#fff!important;padding:12px 22px!important;min-height:44px!important}#journal #j-finish-all.j-confirm-day{background:transparent!important;color:var(--studio-blue)!important;border:1px solid var(--studio-line)!important}#journal #j-finish-all:disabled{background:var(--studio-soft)!important;color:var(--studio-muted)!important;opacity:.65!important}#journal .j-add-plan-card{min-height:68px!important;justify-content:flex-start!important;color:var(--studio-blue)!important;font-weight:600}#journal #j-plans:not(:has(.j-plan-card)) .j-add-plan-card{background:var(--studio-action-blue,#1353bb)!important;color:#fff!important}body:has(#journal:not([hidden])) #j-floating-timer{display:none!important}#journal :is(#j-today,.j-picker-library){display:inline-flex;gap:8px;align-items:center;justify-content:center;background:var(--studio-action-blue,#1353bb)!important;color:#fff!important;padding:12px 18px!important;min-height:44px!important;font-size:14px!important;font-weight:600;border:0!important}#journal .j-picker-library{margin:18px 0 0}#j-dialog:modal .j-section-head,#garden-share-dialog:modal .garden-dialog-head{position:sticky!important;top:0!important;z-index:4;padding-block:8px!important}#j-dialog:modal .j-section-head,#j-dialog:modal .j-form-actions{background:var(--studio-paper)!important}#j-dialog:modal .j-form-actions,#garden-share-dialog:modal .garden-share-actions{position:sticky!important;bottom:0!important;z-index:4;padding-block:12px!important}#garden-share-dialog:modal{background:#fff!important;color:#152b4b!important}#garden-share-dialog:modal :is(.garden-dialog-head,.garden-share-actions){background:#fff!important}#garden-share-dialog:modal :is(.garden-eyebrow,.garden-footnote,.garden-share-controls){color:#62738a!important}#garden-share-dialog:modal .garden-share-controls input{background:#f4f6f9!important;color:#152b4b!important;border-color:#dce3ed!important;border-radius:4px!important}#garden-share-dialog:modal .garden-share-preview{background:#f2f5f9!important;box-shadow:none!important;border-radius:4px!important}#garden-share-dialog:modal .garden-share-preview img{background:#fff!important;box-shadow:none!important}@media (max-width:1050px){#journal[data-view=today] .j-layout{grid-template-columns:1fr!important}#journal[data-view=today] #journal-insights{border:0;border-top:1px solid var(--studio-line);padding:24px 0 0!important}}@media (max-width:600px){#journal .j-heading{gap:8px}#journal .r116-journal-quote{display:none}#journal .journal-main-views{gap:6px;margin-bottom:20px}#journal .journal-main-views button{min-width:0;flex:1}#journal .e115-day-body{display:flex;flex-direction:column;gap:24px}#journal .e115-clock-column{border:0;border-bottom:1px solid var(--studio-line);padding:0 0 22px;order:-1}#journal .e115-clock-column:has(#j-timer[hidden]){order:1;border:0;border-top:1px solid var(--studio-line);padding:20px 0 0}#journal .e115-plan-column{width:100%}#journal .e115-clock-idle>strong{font-size:26px;margin:10px 0}#journal .e115-clock-idle>strong br{display:none}}#journal .j-summary{min-width:0}#journal .j-summary>.j-section-head h2{font-size:var(--studio-type-section,22px)!important;line-height:1.3!important;margin:0!important}#journal .j-period-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:20px 0 16px}#journal .j-period-tabs button{min-height:var(--studio-control-size,44px)!important;min-width:0;padding:8px 4px!important;font-size:var(--studio-type-control,14px)!important;line-height:1.35!important;border-radius:4px!important}#journal .j-chart-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}#journal .j-chart-controls label{display:grid;gap:6px;min-width:0;font-size:var(--studio-type-small,13px);line-height:1.5;color:var(--studio-muted,#5c6067)}#journal .j-chart-controls select{width:100%;min-height:var(--studio-control-size,44px);font-size:var(--studio-type-control,14px);color:var(--studio-ink,#101114)}#journal #j-range{margin:12px 0 0;font-size:var(--studio-type-small,13px);line-height:1.5;color:var(--studio-muted,#5c6067);font-variant-numeric:tabular-nums}#journal .j-stats-overview{display:grid;justify-items:center;gap:12px;margin:24px 0}#journal .j-donut-wrap{position:relative;width:min(184px,100%);aspect-ratio:1;margin:0;height:auto}#journal .j-donut,#journal .j-donut svg{display:block;width:100%;height:100%}#journal .j-donut svg{overflow:visible}#journal .j-donut-track{stroke:var(--studio-soft,#f0f1f3)}#journal .j-donut-center{position:absolute;inset:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:50%;background:transparent!important;pointer-events:none}#journal #j-total{font-size:32px;line-height:1.05;letter-spacing:-.045em;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--studio-ink,#101114)}#journal #j-total.j-total-long{font-size:22px;letter-spacing:-.04em}#journal #j-total-label{font-size:13px;line-height:1.4;white-space:nowrap;color:var(--studio-muted,#5c6067)}#journal .j-stats-facts{text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;max-width:100%}#journal .j-stats-facts p{margin:0;font-size:var(--studio-type-small,13px);line-height:1.65;color:var(--studio-muted,#5c6067);font-variant-numeric:tabular-nums}#journal .j-donut circle[data-j]{cursor:pointer;pointer-events:stroke}#journal .j-donut circle[data-j]:hover{stroke-width:28}#journal .j-donut circle[data-j]:focus-visible{stroke-width:32;outline:none;filter:drop-shadow(0 0 2px var(--studio-ink,#101114))}#journal .j-composition{min-width:0;border-top:1px solid var(--studio-line,#d2d4d8);padding-top:16px}#journal .j-composition-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}#journal .j-composition-head h3{font-size:15px!important;line-height:1.5!important;font-weight:600;margin:0!important}#journal .j-composition-head button{min-height:44px;padding:6px 0!important;font-size:var(--studio-type-small,13px)!important;color:var(--studio-blue,#1353bb)!important;background:transparent!important}#journal .j-legend-row{width:100%;min-width:0;min-height:64px;display:grid;grid-template-columns:10px minmax(0,1fr);gap:4px 10px;text-align:left;padding:12px 8px!important;margin:0;border:0!important;border-bottom:1px solid var(--studio-line,#d2d4d8)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--studio-ink,#101114)!important}#journal .j-legend-row[aria-pressed=true]{background:var(--studio-selected,#e7eefb)!important;box-shadow:inset 3px 0 0 var(--studio-blue,#1353bb)!important}#journal .j-legend-row i{width:8px;height:8px;border-radius:2px;grid-column:1;grid-row:1;align-self:center}#journal .j-legend-name{grid-column:2;grid-row:1;text-align:left;font-size:var(--studio-type-control,14px);line-height:1.6;overflow-wrap:anywhere;font-weight:500}#journal .j-legend-values{grid-column:2;grid-row:2;display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-variant-numeric:tabular-nums}#journal .j-legend-values strong{font-size:14px;line-height:1.5;font-weight:500}#journal .j-legend-values small{font-size:13px;font-weight:400;color:var(--studio-muted,#5c6067)}#journal .j-legend-values b{font-size:13px;line-height:1.5;font-weight:500;color:var(--studio-muted,#5c6067)}#journal .j-stat-records{margin-top:18px;min-width:0}#journal .j-stat-records>summary{cursor:pointer;font-size:14px;font-weight:500;line-height:1.6;min-height:44px;padding:10px 0;overflow-wrap:anywhere;color:var(--studio-blue,#1353bb)}#journal .j-stat-source{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;width:100%;min-width:0;text-align:left;padding:12px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--studio-line,#d2d4d8)!important;border-radius:0!important;line-height:1.6}#journal .j-stat-source>span:first-child{min-width:0;display:grid;gap:4px;overflow-wrap:anywhere}#journal .j-stat-source strong{font-weight:500;font-size:14px}#journal .j-stat-source small{font-size:12px;font-weight:400;color:var(--studio-muted,#5c6067)}#journal .j-stat-source>b{font-size:14px;white-space:nowrap;font-weight:500;font-variant-numeric:tabular-nums}#journal .j-stat-source-action{grid-column:1/-1;font-size:13px;color:var(--studio-blue,#1353bb)}#journal .j-stat-plan .j-stat-source-action{color:var(--studio-muted,#5c6067)}#journal #j-stat-more{margin-top:12px;min-height:44px;width:100%}#journal .j-entry:focus{outline:2px solid var(--studio-blue,#1353bb);outline-offset:8px}@media (max-width:600px){#journal .j-chart-controls select{font-size:16px}#journal .j-stats-overview{margin:20px 0}}}.account-button{display:flex;align-items:center;gap:8px;min-height:44px;max-width:180px;padding:5px 12px 5px 5px;background:var(--studio-paper,#fff);color:var(--studio-ink,#101114);border:1px solid var(--studio-line,#d2d4d8);border-radius:24px;font-size:14px;font-weight:600;flex-shrink:0}.account-button img{width:32px;height:32px;border-radius:50%;object-fit:cover}.account-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personal-avatar{object-fit:cover!important;border-radius:50%}#account-dialog .account-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}#account-dialog h2{margin:0;overflow-wrap:anywhere}#account-dialog form{display:grid;gap:20px;margin-top:24px}#account-dialog label{display:grid;gap:8px;font-size:14px;font-weight:600}#account-dialog input:not([type=checkbox]):not([type=file]){width:100%;min-width:0;box-sizing:border-box;padding:12px;font-size:16px;scroll-margin-block:72px 24px}#account-dialog .account-check{display:flex;align-items:center;gap:12px;min-height:44px;font-weight:400;cursor:pointer}#account-dialog .account-check input{width:20px;height:20px;accent-color:var(--studio-action-blue,#1353bb)}#account-dialog .account-links{display:flex;justify-content:space-between;gap:8px 16px;margin-top:24px;padding-top:16px;border-top:1px solid var(--studio-line);flex-wrap:wrap}#account-error{line-height:1.65;margin:16px 0 0;overflow-wrap:anywhere}#account-error:empty{display:none}.account-portrait{display:flex;align-items:center;gap:20px;min-width:0}.account-portrait>img{width:80px;height:80px;flex:none;border-radius:50%;object-fit:cover;border:1px solid var(--studio-line)}.account-portrait>div{display:grid;justify-items:start;min-width:0}.account-portrait small{display:block;overflow-wrap:anywhere}.account-upload{display:flex!important;align-items:center;min-height:44px;padding:8px 0;cursor:pointer}.account-recovery{font:16px/1.65 ui-monospace,monospace;overflow-wrap:anywhere;user-select:all;padding:16px;border:1px solid var(--studio-line);margin:24px 0}.account-import{padding:16px;border:1px solid var(--studio-line);margin-top:24px}.account-sync{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 20px;font-size:14px;color:var(--studio-muted)}.account-sync button{font-size:14px;padding:8px 12px;min-height:44px}.account-sync[data-state=error]{color:var(--studio-error,#be3029)}#journal[data-loading=true] .j-layout{opacity:.6;pointer-events:none}@layer responsive118{html.reference116 #account-dialog{width:min(480px,calc(100vw - 32px))!important;max-width:480px!important;height:auto!important;padding:24px!important;box-sizing:border-box!important;background:var(--studio-paper)!important;color:var(--studio-ink)!important;border:1px solid var(--studio-line)!important;border-radius:var(--studio-panel-radius)!important;box-shadow:0 16px 48px #0002!important;overflow-y:auto!important;overscroll-behavior:contain!important;scroll-padding-block:72px 24px}html.reference116 #account-dialog .account-head{padding-block:0 12px!important;background:var(--studio-paper)!important;border-bottom:1px solid var(--studio-line)}html.reference116 #account-dialog h2{font-size:var(--studio-type-section)!important;line-height:1.3!important;letter-spacing:-.025em!important}html.reference116 #account-dialog :is(button,input){font-family:inherit!important}html.reference116 #account-dialog button{min-height:var(--studio-control-size)!important;padding:10px 14px!important;font-size:var(--studio-type-control)!important;line-height:1.4!important;border:1px solid var(--studio-line)!important;border-radius:var(--studio-control-radius)!important;background:var(--studio-paper)!important;color:var(--studio-ink)!important;box-shadow:none!important}html.reference116 #account-dialog #account-close{width:44px!important;min-width:44px!important;padding:8px!important;font-size:24px!important;flex:none}html.reference116 #account-dialog input:not([type=checkbox]):not([type=file]){min-height:44px!important;border:1px solid var(--studio-line)!important;border-radius:var(--studio-control-radius)!important;background:var(--studio-ground)!important;color:var(--studio-ink)!important;font-size:16px!important}html.reference116 #account-dialog .account-primary{width:100%!important;background:var(--studio-action-blue)!important;color:#fff!important;border-color:var(--studio-action-blue)!important;font-weight:650!important}html.reference116 #account-dialog :is(.account-links button,.account-text){color:var(--studio-blue)!important;background:transparent!important;border-color:transparent!important;padding-inline:0!important}html.reference116 #account-dialog :is(.account-muted,small){font-size:var(--studio-type-small)!important;line-height:1.65!important;color:var(--studio-muted)!important}html.reference116 #account-dialog .account-upload{color:var(--studio-blue)!important}html.reference116 #account-dialog :is(.account-import,.account-recovery){background:var(--studio-soft)!important;color:var(--studio-ink)!important;border-radius:var(--studio-control-radius)!important;box-shadow:none!important}html.reference116 #account-error{font-size:var(--studio-type-control)!important;color:var(--studio-error)!important}html.reference116 #account-dialog button:disabled{opacity:.55!important;cursor:wait!important}html.reference116 #account-dialog :is(button,input,.account-upload):focus-visible{outline:2px solid var(--studio-blue)!important;outline-offset:3px!important}html.reference116 .account-dropdown{width:264px!important;max-width:calc(100vw - 32px)!important;box-sizing:border-box!important;padding:12px!important;background:var(--studio-paper)!important;color:var(--studio-ink)!important;border:1px solid var(--studio-line)!important;border-radius:var(--studio-panel-radius)!important;box-shadow:0 10px 30px #0002!important}html.reference116 .account-dropdown>button{min-height:44px!important;width:100%!important;text-align:left!important;justify-content:flex-start!important;padding:10px 12px!important;background:transparent!important;color:var(--studio-ink)!important;border-radius:var(--studio-control-radius)!important}html.reference116 :is(#account-dialog,.account-dropdown) :is(.ga-appearance,.ga-language)>div{display:flex!important;flex-wrap:wrap!important;gap:8px!important}html.reference116 :is(#account-dialog,.account-dropdown) :is(.ga-appearance,.ga-language) button{min-width:64px!important;min-height:44px!important;flex:1!important;gap:6px!important;padding:8px!important;white-space:nowrap!important;border-radius:var(--studio-control-radius)!important;background:var(--studio-soft)!important;color:var(--studio-ink)!important}html.reference116 :is(#account-dialog,.account-dropdown) :is(.ga-appearance,.ga-language) button[aria-pressed=true]{background:var(--studio-selected)!important;color:var(--studio-blue)!important;box-shadow:inset 0 -2px currentColor!important}@media (hover:hover){html.reference116 #account-dialog button:not(:disabled):not(.account-primary):hover,html.reference116 .account-dropdown>button:hover{background:var(--studio-selected)!important}html.reference116 #account-dialog .account-primary:not(:disabled):hover{filter:brightness(.94)}}@media (max-width:440px){html.reference116 #account-dialog{padding:20px!important}.account-portrait{gap:12px}.account-portrait>img{width:64px;height:64px}}}html{scroll-padding-top:110px}main,section,aside{min-width:0}button,input,select,summary{touch-action:manipulation}button,input,select{max-width:100%}.journal-mobile-views,.mobile-add-practice,.mobile-nav-icon,.quick-tempo{display:none}.responsive-catalog{border:0;margin:0;padding:0}.responsive-catalog>summary{display:none}.j-main{display:flex;flex-direction:column}.j-main>#journal-day{order:-1}.j-muted,.j-block p,.j-block-duration,.j-inline-minutes,.j-category,.j-entry p,#journal button,#journal select,.j-filter,.j-heading p,.j-legend-row{font-size:14px!important}header{z-index:30}.account-button{min-width:44px}.score-scroll,.grid-scroll,#rud-score,#rud-grid{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.score-canvas svg{min-width:580px}.row-label{position:sticky;left:0;z-index:2;background:white;padding-right:6px}dialog{overscroll-behavior:contain;max-height:calc(100dvh - 40px);overflow:auto}body:has(dialog:modal){overflow:hidden}dialog input,dialog select,dialog textarea{font-size:16px!important}#j-dialog button{min-height:44px;padding:10px 14px;border:1px solid #dedee3;background:white;border-radius:8px}#j-dialog .j-primary{background:var(--brand-red);color:white;border-color:transparent}#j-fields input,#j-fields select,#j-fields textarea{width:100%;min-height:46px;border:1px solid #cfcfd7;border-radius:8px;padding:10px;color:var(--ink);font:inherit}#j-fields details{min-width:0}#close{position:sticky;float:right;top:0;right:auto;width:44px;height:44px;background:white;border-radius:50%;z-index:2}@media (min-width:1201px){.j-layout{grid-template-columns:minmax(0,1fr) 390px}.j-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.j-side{position:sticky;top:118px;max-height:calc(100dvh - 138px);overflow:auto;scrollbar-width:thin}.practice-main .play-row{position:sticky;top:98px;background:white;z-index:5}.j-entry{padding:18px 0}}@media (min-width:601px) and (max-width:1200px){header{min-height:82px;padding:12px 3%!important;gap:12px;flex-wrap:nowrap}header nav{order:0;width:auto;gap:4px}header nav a{font-size:14px;padding:10px!important;min-height:44px}.header-note,.brand-name{display:none}.brand-logo{width:92px}.account-button{max-width:145px;margin-left:0}main{padding:28px 3% 0}.intro{min-height:94px;margin-bottom:22px}.intro h1{font-size:28px}.brand-companion img{width:86px;height:86px}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.practice-switch{grid-row:1}.practice-main{grid-row:3;padding:24px}.metronome{grid-row:2;position:static!important;width:100%;display:grid;grid-template-columns:190px minmax(100px,1fr) 180px;gap:8px 24px;align-items:center;padding:16px 22px}.metronome .section-top,.metronome h2,.metronome p,.metronome .range-labels{display:none}.metronome .tempo{grid-column:1;grid-row:1/3;margin:0;gap:12px}.tempo input{font-size:42px;width:88px;letter-spacing:-1px}.tempo button{width:44px;height:44px;flex-shrink:0}.metronome #tempo-range{grid-column:2;grid-row:1;margin:0}.metronome .pulse{grid-column:2;grid-row:2;margin:8px}.metronome .volume-control{grid-column:3;grid-row:2;margin:0;font-size:12px}.metronome .volume-control input{margin:0}.metronome .outline{grid-column:3;grid-row:1;margin:0;min-height:44px}.catalog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-main .play-row{position:sticky;top:82px;z-index:5;background:white}.quick-tempo{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px}.quick-tempo input{width:76px;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:18px}.play-row #play-status{display:none}.j-layout{grid-template-columns:minmax(0,1fr) 320px;gap:18px}.j-side{display:grid;grid-template-columns:1fr}.j-card{padding:20px}.j-blocks{grid-template-columns:1fr}.j-section-head{flex-wrap:wrap}.j-heading{align-items:center}#journal h2{font-size:18px}.j-plan-line{flex-wrap:wrap}.j-entry-actions{gap:8px}#lessons,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.micro-lesson{min-height:205px}.lesson p,.resource p{font-size:15px}.course-tabs button,.filters button{min-height:44px}dialog{max-width:720px;width:calc(100% - 64px);padding:32px}}@media (min-width:601px) and (max-width:900px){.j-layout{grid-template-columns:1fr}.j-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.j-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.metronome{grid-template-columns:180px minmax(80px,1fr) 155px;gap:8px 16px}.j-heading{gap:12px}}@media (max-width:600px){html{scroll-padding-top:90px}body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}header{min-height:70px;height:70px;flex-wrap:nowrap;gap:12px;padding:8px 16px!important;background:white}.brand-name,.header-note{display:none}.brand-logo{width:86px}.account-button{margin-left:auto;max-width:180px}.account-button span{max-width:115px}header nav{position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;box-shadow:0 -4px 20px #15151508}header nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:12px!important;padding:3px!important;border-radius:10px;min-height:52px}header nav a[aria-current=page]{background:#edf1fa;color:var(--brand-blue);box-shadow:none}.mobile-nav-icon{display:block;font-size:23px;line-height:25px}main{padding:20px 14px 0}.intro{min-height:0;margin-bottom:20px;gap:8px}.intro h1{font-size:23px}.intro .eyebrow,.brand-companion>div{display:none}.intro p{font-size:13px}.brand-companion img{width:60px;height:60px}.workspace{display:flex;gap:16px}.practice-switch{gap:8px;margin:0}.practice-switch button{min-height:50px;padding:10px 14px;font-size:15px}.practice-switch small{display:none}.practice-main{padding:18px 14px;border-radius:14px}.practice-main>.section-top{gap:8px;align-items:start}.tag{font-size:12px;white-space:nowrap;padding:3px 7px}.responsive-catalog{border:1px solid #dbe2ee;border-radius:10px;background:#f7f9fd;margin:16px 0;padding:0 12px}.responsive-catalog>summary{display:list-item;padding:14px 0;font-size:15px;font-weight:600;cursor:pointer}.responsive-catalog>summary span{display:block;font-size:12px;font-weight:400;color:#68768e;margin-left:16px}.responsive-catalog .style-tabs{margin-top:4px}.style-tabs,.filters{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:8px;scrollbar-width:thin}.style-tabs button,.filters button{flex-shrink:0;min-height:44px}.catalog-toolbar{grid-template-columns:1fr}.catalog-card-grid{grid-template-columns:1fr}.learning-stages button{min-width:80px;font-size:12px}.practice-heading{padding-top:8px}.practice-heading h2{font-size:21px}.rhythm-context,.kit-strip{font-size:14px}.kit-strip{padding:12px}.kit-strip p{font-size:12px}.practice-main .play-row{position:sticky;top:70px;z-index:6;background:white;display:flex;gap:10px;padding:10px 0;box-shadow:0 6px 8px #fff}.play-row .primary{min-height:46px;padding:10px 12px;font-size:14px}.play-row .check{font-size:12px;gap:4px}.play-row .check input{width:18px;height:18px}.play-row #play-status{display:none}.quick-tempo{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:11px}.quick-tempo input{width:61px;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:4px;font-size:18px;text-align:center}.quick-tempo span{display:none}.score-actions>span{font-size:12px}.view-heading{gap:8px}.view-heading>span:first-child{white-space:normal}.score-canvas svg{min-width:560px}.tip{flex-direction:column;gap:5px}.grid-help{font-size:12px}#practice>.metronome{position:static;display:grid;padding:20px;gap:8px 16px}.tempo button{width:44px;height:44px;flex-shrink:0}.tempo input{width:70px;font-size:40px;letter-spacing:-1px}.metronome h2{font-size:15px}.metronome .section-top{display:none}.rud-controls{gap:12px}.rud-controls .primary{width:100%}.rud-controls input[type=range]{flex:1;min-width:110px}.rud-controls label{font-size:14px}#rudiment-panel{padding:18px 14px}#rud-score svg{min-width:560px}.journal-mobile-views{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:4px;background:#e9edf4;border-radius:12px;padding:4px;margin:12px 0 18px;scroll-margin-top:90px}#journal .journal-mobile-views button{min-width:0;border:0;background:transparent;padding:10px 3px;font-size:14px!important}#journal .journal-mobile-views button[aria-pressed=true]{background:#fff;box-shadow:0 2px 7px #20304b12;color:#204daa}.j-layout,.j-main,.j-side{display:flex;flex-direction:column;gap:16px}.j-main,.j-side{width:100%}.j-card{padding:18px 14px}.j-blocks{grid-template-columns:1fr}.j-heading h1{font-size:26px!important}.j-heading p{margin:4px 0}.account-sync{font-size:13px;margin:8px 0}.j-section-head{align-items:center}.j-section-head h2{font-size:18px}.j-section-head>div{gap:8px}.j-day{min-height:48px!important}.j-day small{font-size:11px}.j-block{padding:16px}.j-block-pick strong{font-size:17px!important}.j-block-duration{gap:10px}.j-block-duration input{flex:1;max-width:110px}.j-plan-line{align-items:start}.j-entry-actions button{min-height:46px!important}.j-save-bottom{padding-bottom:4px}.mobile-add-practice{display:block}.j-plan-heading{align-items:center;gap:8px}.j-plan-heading h3{font-size:16px}.j-muted{line-height:1.75}.j-day-summary{gap:8px 12px}.j-main>#journal-day{order:0}#journal[data-view=today] #journal-block-library,#journal[data-view=today] .j-side,#journal[data-view=blocks] #journal-day,#journal[data-view=blocks] .j-side,#journal[data-view=insights] .j-main{display:none}.title-row{margin-bottom:18px}.title-row h2{font-size:23px}.coach-note{padding:12px}.course-overview{gap:12px;margin:18px 0}.course-overview button{width:100%;min-height:46px;text-align:left}.course-description{font-size:14px}#lessons,.resource-grid{grid-template-columns:1fr;gap:12px}.micro-lesson{min-height:0;padding:18px}.micro-lesson .lesson-top{gap:14px}.micro-lesson h3{font-size:18px;margin-top:8px}.micro-lesson p,.resource p{font-size:15px}.micro-lesson .lesson-bottom{padding-top:12px;margin-top:12px}.resource{min-height:0;padding:20px}.search{min-height:48px}.search input{font-size:16px}.course-note{font-size:13px}dialog,#j-dialog,#account-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:calc(100dvh - 16px);border-radius:22px 22px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));border-bottom:0}dialog h2{font-size:23px}dialog .account-head,.j-form-actions{position:sticky;background:#fff;z-index:3}dialog .account-head{top:-24px;padding:12px 0}.j-form-actions{bottom:-24px;padding:12px 0}.j-form-actions button{flex:1}.lesson-actions{flex-direction:column}.lesson-actions button,#apply-lesson{width:100%;min-height:48px}.knowledge-figure{margin:20px 0;padding:10px;overflow:auto}.knowledge-figure table{min-width:340px}.knowledge-diagram{overflow-x:auto;font-size:14px}footer{margin-top:28px;padding:20px 0}footer .brand{display:none}footer p{font-size:12px}}@media (pointer:coarse){button,select,summary{min-height:44px}input[type=range]{min-height:32px}.check{min-height:44px}.check input{width:20px;height:20px}.lesson:hover{transform:none}}header{background:#fff;border-bottom-color:#dcdfe5}header nav a{transition:background .18s,color .18s}@media (min-width:601px){header{align-items:stretch}header>.brand,header>.account-button{align-self:center}header nav{align-self:stretch;align-items:end;gap:5px;padding-top:18px;margin-bottom:-1px}header nav a{position:relative;padding:16px 22px 20px!important;border-radius:12px 12px 0 0;border:1px solid transparent;border-bottom:0;color:#6a6d78;background:#f0f1f4;min-width:86px;text-align:center}header nav a:hover{background:#e8ebf2;color:#204daa}header nav a[aria-current=page],header nav a[aria-current=page]:hover{background:var(--paper);border-color:#dcdfe5;color:#1d2941;box-shadow:none}header nav a[aria-current=page]::before{content:"";position:absolute;left:22px;right:22px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--brand-red)}}@media (min-width:601px) and (max-width:900px){header nav a{padding:14px 12px 18px!important;min-width:70px}header nav{padding-top:8px}.account-button{max-width:125px}}#j-sync{width:fit-content;max-width:100%;display:flex;align-items:center;gap:16px;border:1px solid #dfe4ee;border-radius:12px;background:#eef2f8;padding:8px 10px 8px 14px;margin:16px 0 8px;color:#465774;font-size:13px;line-height:1.6}#j-sync-text{min-width:0;overflow-wrap:anywhere}#journal #j-sync-action{background:#fff;border:1px solid #dbe2ed;color:#244d91;min-height:36px;padding:6px 12px;font-size:13px!important;flex-shrink:0;border-radius:8px}#j-sync[data-state=error]{background:#fff3ef;color:#a62c23;border-color:#eccfc8}@media (max-width:600px){header nav{background:var(--paper);border-top:1px solid #dcdfe5;gap:5px;padding-top:0}header nav a{border-radius:0 0 10px 10px;border:1px solid transparent;border-top:0;color:#737985}header nav a[aria-current=page],header nav a[aria-current=page]:hover{background:#fff;border-color:#dcdfe5;color:#204daa;box-shadow:inset 0 3px var(--brand-red)}#j-sync{gap:10px;margin:12px 0 4px;width:100%;justify-content:space-between;padding:8px 10px}.journal-mobile-views{margin-top:8px}}html{scroll-padding-top:calc(var(--header-height,98px) + 16px)}.practice-main .play-row{top:var(--header-height,98px)}#practice>.metronome{top:calc(var(--header-height,98px) + 24px)}.j-side{scroll-margin-top:calc(var(--header-height,98px) + 16px)}#j-message:empty{min-height:8px;margin:0}.journal-mobile-views{scroll-margin-top:calc(var(--header-height,98px) + 12px)}@media (min-width:1201px){.j-side{position:static;max-height:none;overflow:visible}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (min-width:601px){header nav{align-self:stretch;align-items:center;gap:14px;padding:0;margin:0;isolation:isolate}header nav a{position:relative;isolation:isolate;min-width:96px;padding:12px 19px!important;border:0;border-radius:0;background:transparent;color:#727783;line-height:24px;transform:translateY(0);transition:color .25s,transform .42s cubic-bezier(.22,1,.36,1)}header nav a:hover{background:transparent;color:#202c42}header nav a::before{content:"";position:absolute;z-index:-1;inset:-25px -3px -27px;height:auto;border-radius:0 0 16px 16px;background:#fff;border:1px solid #e4e6eb;border-top:0;box-shadow:0 10px 18px -15px #18283d66;transform:scaleY(.64);transform-origin:top;opacity:0;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .22s}header nav a::after{content:"";position:absolute;width:20px;height:2px;left:calc(50% - 10px);bottom:-12px;background:var(--brand-red);border-radius:2px;opacity:0;transform:scaleX(.4);transition:opacity .25s,transform .42s}header nav a[aria-current=page],header nav a[aria-current=page]:hover{background:transparent;color:#172a49;border:0;box-shadow:none;transform:translateY(5px)}header nav a[aria-current=page]::before{inset:-25px -3px -27px;height:auto;background:#fff;border-radius:0 0 16px 16px;opacity:1;transform:scaleY(1)}header nav a[aria-current=page]::after{opacity:1;transform:scaleX(1)}}@media (min-width:601px) and (max-width:900px){header nav{gap:3px}header nav a{min-width:70px;padding:10px 9px!important}header nav a::before,header nav a[aria-current=page]::before{inset:-23px 0 -22px}header nav a::after{bottom:-9px}}@media (max-width:600px){header nav{background:#fff}header nav a{position:relative;border:0;border-radius:0;background:transparent;transition:color .25s,transform .35s}header nav a[aria-current=page],header nav a[aria-current=page]:hover{background:#f2f5fa;border:0;box-shadow:none;border-radius:12px 12px 0 0;transform:translateY(-5px)}header nav a::after{content:"";position:absolute;bottom:3px;left:calc(50% - 8px);height:2px;width:16px;background:var(--brand-red);opacity:0;transition:opacity .25s}header nav a[aria-current=page]::after{opacity:1}}@media (prefers-reduced-motion:reduce){header nav a,header nav a::before,header nav a::after{transition:none!important}}#workshop button,#wf-picker button{font:inherit;min-height:44px;border:1px solid #dce2eb;background:#fff;color:#28374d;border-radius:9px;padding:9px 13px}#workshop button:disabled,#wf-picker button:disabled{opacity:.38;cursor:not-allowed}#workshop button:hover:not(:disabled),#wf-picker button:hover:not(:disabled){border-color:#204daa;background:#f0f5ff}#workshop .primary{background:#ed382f;color:#fff;border-color:transparent}#workshop input,#workshop select,#wf-picker select{min-height:44px;border:1px solid #dce2eb;border-radius:8px;padding:8px;font-size:16px;max-width:100%;background:#fff;color:#26344b}#workshop input[type=checkbox],#wf-picker input[type=checkbox]{min-height:0;width:18px;height:18px;accent-color:#204daa}.wf-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.wf-heading h1{margin:4px 0;font-size:30px}.wf-heading p{font-size:14px}.wf-export,.wf-history{display:flex;gap:8px;flex-wrap:wrap}.wf-toolbar,.wf-transport{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #dce2eb;border-radius:12px}.wf-toolbar label,.wf-transport label,.wf-meter{display:flex;align-items:center;gap:8px;font-size:14px}.wf-toolbar label:first-child{flex:1;min-width:200px}.wf-toolbar input{width:190px}.wf-meter strong{white-space:nowrap;min-width:48px;text-align:center}.wf-transport{margin-top:10px;border:0;background:#edf1f7}.wf-transport input[type=number]{width:76px}#wf-play-position{font-size:13px;color:#204daa}#wf-message{font-size:14px;min-height:26px;margin:16px 0;color:#53627b}.wf-workspace{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:start}.wf-instruments{position:sticky;top:calc(var(--header-height,98px) + 16px);display:grid;gap:10px}.wf-instruments>span{font-size:13px;color:#667185}.wf-instruments small{display:block;font-size:11px;color:#65748b}.wf-instruments p{font-size:12px;line-height:1.8}.wf-instruments [aria-pressed=true],#wf-picker [aria-pressed=true]{background:#edf3ff!important;border-color:#204daa!important;color:#204daa!important;box-shadow:inset 3px 0 #204daa}.wf-paper{background:#fff;border:1px solid #dce2eb;border-radius:14px;padding:24px;min-width:0}.wf-print-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid #e4e8ef;padding-bottom:18px}.wf-print-head h2{font-size:22px}.wf-print-head span{font-size:13px;color:#69758a}.wf-bar{break-inside:avoid;margin-top:18px}.wf-bar-caption{font-size:12px;color:#7a8494}.wf-score-scroll{overflow-x:auto;overscroll-behavior-x:contain}.wf-canvas{width:100%}.wf-canvas svg{display:block;overflow:visible}.wf-beat-label{font:12px system-ui;fill:#768399}.wf-beat-add{cursor:pointer}.wf-beat-add rect{fill:#f7f9fc;stroke:#e0e6ef;stroke-dasharray:3 3}.wf-beat-add text{font:24px system-ui;fill:#a2aec1}.wf-beat-add:hover rect,.wf-beat-add:focus rect{fill:#edf3ff;stroke:#204daa}.wf-beat-add:hover text{fill:#204daa}.wf-note-target{fill:transparent;stroke:transparent;cursor:pointer}.wf-note-target:hover,.wf-note-target:focus{fill:#2457aa22;stroke:#204daa;stroke-width:1}.wf-tail{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border-top:1px solid #e4e8ef;padding-top:18px;margin-top:14px}.wf-tail span,.wf-footnote{font-size:13px;color:#6d7788}.wf-play-cursor{fill:#ed382f14;stroke:#ed382f55;pointer-events:none}.wf-footnote{margin-top:20px;line-height:1.8}#wf-picker{max-width:920px;width:calc(100% - 32px);padding:24px}.wf-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.wf-dialog-head h2{font-size:21px;margin:0}.wf-palette-settings{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:20px 0 12px}.wf-palette-settings label{display:flex;align-items:center;gap:8px;font-size:14px}.wf-palette-settings>div{display:flex;gap:6px}#wf-palette-help{font-size:14px;color:#637189;margin:12px 0}.wf-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#wf-picker .wf-card{padding:5px;min-width:0;overflow:hidden}.wf-card svg{display:block}.wf-card span{font-size:12px;display:block;color:#6e7a8b;margin-bottom:5px}.wf-beat-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;border-top:1px solid #e3e7ee;padding-top:18px}.wf-duration{background:#f4f7fc;padding:14px;margin-top:16px;border-radius:10px}.wf-duration>div{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.wf-duration strong{font-size:14px}#wf-picker .wf-duration button{font-size:13px}header nav{gap:6px}@media (min-width:601px) and (max-width:1000px){header nav a{min-width:66px!important;padding-left:8px!important;padding-right:8px!important;font-size:13px!important}header .brand-logo{width:78px}.account-button{max-width:115px}.wf-toolbar{gap:12px}.wf-heading{align-items:start}.wf-export{justify-content:flex-end}.wf-workspace{grid-template-columns:90px minmax(0,1fr)}.wf-paper{padding:18px}.wf-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){header nav{grid-template-columns:repeat(5,minmax(0,1fr))}header nav a{font-size:11px!important}.wf-heading{flex-direction:column;align-items:start;gap:12px}.wf-heading h1{font-size:26px}.wf-export{width:100%}.wf-export button{flex:1;font-size:13px!important}.wf-toolbar{padding:12px;gap:12px}.wf-toolbar label:first-child{width:100%;flex:auto}.wf-toolbar input{width:0;flex:1}.wf-toolbar label{font-size:13px}.wf-history{margin-left:auto}.wf-toolbar select{font-size:14px!important}.wf-transport{gap:10px;padding:12px}.wf-transport label{font-size:13px}.wf-workspace{grid-template-columns:1fr;gap:10px}.wf-instruments{position:static;display:flex;gap:8px;align-items:center}.wf-instruments button{flex:1;padding:8px!important}.wf-instruments p,.wf-instruments>span{display:none}.wf-instruments small{font-size:10px}.wf-paper{padding:14px}.wf-print-head{flex-direction:column;gap:4px}.wf-print-head h2{font-size:20px}.wf-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#wf-picker{position:fixed;inset:auto 0 0;width:100%;max-height:92dvh;padding:20px 14px calc(22px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.wf-dialog-head{position:sticky;top:-20px;background:#fff;padding:8px 0;z-index:3}.wf-dialog-head h2{font-size:18px}.wf-palette-settings{gap:12px}.wf-palette-settings>div{width:100%}.wf-palette-settings>div button{flex:1;font-size:13px!important}.wf-beat-actions button{font-size:13px!important}.wf-tail span{font-size:12px}}@media print{@page{size:A4 landscape;margin:14mm}body.wf-printing{padding:0;background:white}body.wf-printing>header,body.wf-printing main>*:not(#workshop),body.wf-printing #workshop>*:not(.wf-workspace),body.wf-printing .wf-instruments,body.wf-printing .wf-tail,body.wf-printing .wf-beat-add,body.wf-printing .wf-note-target,body.wf-printing .wf-play-cursor{display:none!important}body.wf-printing main{max-width:none;padding:0}body.wf-printing #workshop{display:block!important;min-height:0}body.wf-printing .wf-workspace{display:block}body.wf-printing .wf-paper{border:0;padding:0}body.wf-printing .wf-score-scroll{overflow:visible}body.wf-printing .wf-canvas{min-width:0!important;width:100%}body.wf-printing .wf-canvas svg{width:100%;max-height:65mm}body.wf-printing .wf-bar{break-inside:avoid;page-break-inside:avoid}body.wf-printing .wf-beat-label{fill:#555}body.wf-printing .wf-print-head{margin-bottom:10mm}}.wf-heading{margin-bottom:12px}.wf-heading h1{font-size:27px}.wf-heading p{margin:3px 0}.wf-settings{margin:8px 0 12px;max-width:1100px}.wf-settings>summary{font-size:14px;color:#596b87;cursor:pointer;padding:8px 0}.wf-settings .wf-export{margin-top:10px}.wf-workspace{display:block;max-width:1100px}.wf-paper{padding:18px 22px}.wf-print-head{padding-bottom:12px}.wf-print-head h2{font-size:19px;margin:0}.wf-paper .wf-transport{margin:12px 0;padding:0;border:0;background:transparent;gap:12px}.wf-paper .wf-transport button{font-size:14px}.wf-instruments{position:static;display:flex;align-items:center;gap:8px;border-top:1px solid #edf0f5;padding-top:12px}.wf-instruments button{min-width:82px;padding:6px 13px!important;min-height:38px!important;display:flex;gap:6px;align-items:center;justify-content:center}.wf-instruments small{font-size:10px}.wf-instruments>span{display:none}.wf-instruments p{margin:0 0 0 auto;font-size:12px}.wf-bar{margin-top:12px}.wf-bar-caption{font-size:11px}.wf-beat-add rect{fill:#f1f5fa;fill-opacity:.7;stroke:#c9d4e5;stroke-dasharray:none}.wf-beat-add text{font-size:20px;fill:#8ca0bb}.wf-note-target.wf-selected-drum{fill:#2460bc16;stroke:#2460bc38}.wf-tail{border:0;padding:0;margin:0;justify-content:flex-end}.wf-tail #wf-add{display:none}.wf-tail span{font-size:12px}.wf-footnote{max-width:1000px;margin:12px 0;font-size:12px}#wf-message{font-size:13px;min-height:20px;margin:10px 0}.wf-cards{gap:8px}#wf-picker .wf-card{padding:0 5px}.wf-card span{font-size:11px;margin:0 0 5px}.wf-duration>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.wf-duration .wf-symbol{display:flex;flex-direction:column;align-items:center;padding:3px!important;min-width:0}.wf-symbol svg{height:55px;width:65px;display:block}.wf-symbol small{font-size:11px}.wf-card svg{max-height:85px}@media (max-width:600px){.wf-paper{padding:14px 10px}.wf-instruments{gap:5px;flex-wrap:wrap}.wf-instruments button{flex:1;min-width:70px;font-size:14px!important;padding:6px 9px!important}.wf-instruments small{display:none}.wf-instruments p{display:block;width:100%;margin:0;font-size:11px}.wf-paper .wf-transport{gap:8px}.wf-paper .wf-transport input[type=number]{width:60px}.wf-paper .wf-transport #wf-demo{font-size:12px}.wf-print-head{flex-direction:row;flex-wrap:wrap}.wf-print-head span{font-size:11px}.wf-heading h1{font-size:24px}.wf-palette-settings{margin:12px 0}.wf-duration{padding:8px}.wf-duration .wf-symbol small{font-size:10px}.wf-duration>div{grid-template-columns:repeat(4,minmax(0,1fr))}.wf-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.wf-card svg{min-height:57px}.wf-beat-actions{margin-top:12px;padding-top:12px}}@media print{body.wf-printing .wf-paper .wf-transport,body.wf-printing .wf-paper .wf-instruments,body.wf-printing .wf-append{display:none!important}}#wf-picker{max-width:760px}.wf-card svg{max-height:64px}#wf-picker.wf-single{max-width:560px}.wf-single .wf-palette-settings,.wf-single #wf-palette-help,.wf-single #wf-cards,.wf-single .wf-beat-actions{display:none}.wf-duration>button{margin:4px 6px 0 0}.wf-paper .wf-history{margin-left:auto}@media (max-width:600px){#wf-picker,#wf-picker.wf-single{max-width:none}.wf-paper .wf-history{margin-left:0}.wf-card svg{max-height:58px}}.wf-tempo{display:flex!important;align-items:center;gap:6px!important}.wf-tempo input[type=range]{width:115px!important;padding:0!important;accent-color:#2355a1}.wf-tempo output{min-width:30px;font-weight:700}.wf-tempo button{padding:5px 10px!important}.wf-audio-settings{position:relative}.wf-audio-settings>summary{cursor:pointer;font-size:22px;list-style:none;padding:6px 12px}.wf-audio-settings>div{position:absolute;right:0;top:44px;z-index:12;width:270px;padding:16px;background:white;border:1px solid #dde1e8;box-shadow:0 8px 24px #172b4720;border-radius:12px;display:grid;gap:14px}.wf-audio-settings label{display:flex;justify-content:space-between;gap:8px}.wf-audio-settings select{max-width:180px}.wf-audio-settings fieldset{display:flex;gap:12px;border:0;padding:0}.wf-audio-settings fieldset label{font-size:24px;align-items:center}.wf-loop-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;color:#4c6383;font-size:13px}.wf-loop-tools small{color:#8a919c}.wf-loop-tools button{padding:3px 10px}.wf-staff-instrument{cursor:pointer}.wf-staff-instrument rect{fill:transparent;stroke:transparent}.wf-staff-instrument text{fill:#7d8795;font-size:13px;font-weight:500}.wf-staff-instrument[aria-pressed=true] rect{fill:#edf3fd;stroke:#bdcde9}.wf-staff-instrument[aria-pressed=true] text{fill:#214d99;font-weight:700}.wf-staff-bulk{cursor:pointer}.wf-staff-bulk rect{fill:#f4f6fa;stroke:#e4e8ef}.wf-staff-bulk text{font-size:12px;fill:#52647f}.wf-loop-cell{cursor:col-resize;touch-action:none}.wf-loop-cell rect{fill:#f3f5f8;stroke:#e7ebf1}.wf-loop-cell text{font-size:11px;fill:#8692a6;pointer-events:none}.wf-loop-cell.in-loop rect{fill:#e6eefb;stroke:#d4e0f5}.wf-loop-cell.in-loop text{fill:#315eaa}.wf-loop-cell.loop-first rect,.wf-loop-cell.loop-last rect{stroke:#648bc5;stroke-width:2}.wf-beat-add rect{fill:#fff!important;fill-opacity:.86;stroke:#cad5e4!important;stroke-dasharray:3 2}.wf-beat-add text{fill:#7690ae!important;font-size:21px!important;font-weight:400!important}.wf-beat-add:hover rect{stroke-dasharray:none;fill:#edf3fc!important;stroke:#4c75b2!important}.wf-beat-label{display:none}.wf-canvas svg{height:auto!important}.wf-bar{margin-bottom:8px!important}.wf-bar-caption{margin-bottom:0!important}#wf-bulk{border:1px solid #dbe0e8;border-radius:18px;padding:24px;max-width:500px;width:calc(100% - 32px)}#wf-bulk::backdrop{background:#1b2b4140}.wf-bulk-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.wf-bulk-options button{display:grid;justify-items:center;border:1px solid #d9e1ef;border-radius:10px;background:#f8faff;padding:8px}.wf-bulk-options svg{width:55px;height:60px}#wf-bulk p{font-size:13px;color:#7c8796}.wf-transport [hidden]{display:none!important}@media (max-width:600px){.wf-paper .wf-transport{gap:8px}.wf-tempo input[type=range]{width:85px!important}.wf-loop-tools{gap:8px}.wf-loop-tools small{width:100%}.wf-audio-settings>div{right:-15px}.wf-bulk-options{gap:5px}.wf-bulk-options button{font-size:12px}}@media print{.wf-staff-instrument,.wf-staff-bulk,.wf-loop-cell,.wf-loop-tools,.wf-remove-bar{display:none!important}}.wf-confirm{border:1px solid #dce2ea;border-radius:16px;max-width:400px;padding:24px}.wf-confirm::backdrop{background:#172d4540}.wf-confirm h2{font-size:20px}.wf-confirm p{font-size:14px;color:#66758a}.wf-confirm>div{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.wf-visible-view{display:flex;align-items:center;gap:8px;font-size:13px!important;margin-left:auto;color:#536783}.wf-visible-view select{padding:7px 9px;border:1px solid #d9e1ec;border-radius:8px;background:white;font-size:14px}.wf-print-head{flex-wrap:wrap;gap:10px}.wf-print-head>span{display:none}.wf-card{min-height:88px!important;padding:8px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px}.wf-card>div{width:100%;height:55px;display:flex;justify-content:center;align-items:center}.wf-card svg{height:55px!important;max-height:55px!important;width:100%!important;max-width:136px!important}.wf-symbol{padding:6px!important;min-height:90px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center}.wf-symbol>span{height:54px;width:64px;display:flex;align-items:center;justify-content:center}.wf-symbol svg{width:60px!important;height:54px!important}.wf-symbol small{font-size:12px!important}.wf-cards{gap:8px!important}#wf-picker{max-width:660px!important}.wf-single{max-width:440px!important}.wf-bulk-options svg{height:54px!important;width:60px!important}.score-canvas svg{max-width:850px}.wf-visible-view:before{content:"\8bb0\8c31";color:#8996a7}.wf-visible-view{font-size:0!important}@media (max-width:600px){.wf-visible-view{margin-left:0}.wf-card svg{max-width:105px!important}.wf-card{min-height:84px!important}}@media print{.wf-visible-view{display:none!important}}#wf-picker.wf-single{max-width:460px!important}.wf-visible-view:before{font-size:13px}.wf-meter[hidden]{display:none!important}.wf-beat-zone{cursor:pointer;outline:none}.wf-beat-zone>rect{fill:transparent;stroke:transparent;transition:fill .15s}.wf-beat-zone>text{fill:#416b9f;font-size:28px;opacity:0;pointer-events:none}.wf-beat-zone:hover>rect,.wf-beat-zone:focus>rect{fill:#eef4fbbd;stroke:#b9cde5}.wf-beat-zone:hover>text,.wf-beat-zone:focus>text{opacity:.85}.wf-note-target,.wf-note-target.wf-selected-drum{fill:transparent!important;stroke:transparent!important;pointer-events:none}.wf-meter-hit{fill:transparent;cursor:pointer;stroke:transparent}.wf-meter-hit:hover,.wf-meter-hit:focus{fill:#285cab12;stroke:#b9cde5}#wf-beat-editor,#wf-meter-editor,#wf-audio-dialog{border:1px solid #e0e5ed;border-radius:18px;padding:22px;box-shadow:0 20px 70px #17304722;background:#fff;color:#1c2c42;max-height:88dvh;overflow:auto;width:calc(100% - 32px);box-sizing:border-box}#wf-beat-editor{max-width:760px}#wf-meter-editor{max-width:400px}#wf-audio-dialog{max-width:380px}#wf-beat-editor::backdrop,#wf-meter-editor::backdrop,#wf-audio-dialog::backdrop{background:#17263855;backdrop-filter:blur(3px)}.wf-be-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 12px;font-size:13px}.wf-be-controls>div{display:flex;gap:3px;padding:3px;background:#f0f3f8;border-radius:8px}.wf-be-controls button{background:transparent;border:0;padding:6px 12px}.wf-be-controls button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #1b345518}.wf-be-controls label{display:flex;align-items:center;gap:6px;white-space:nowrap}.wf-be-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #edf0f5}.wf-be-label{display:grid;gap:7px;justify-items:start}.wf-be-label strong{font-size:14px}.wf-be-label button{border:0;background:transparent;color:#4773ac;font-size:12px;padding:0}.wf-note-strip{display:flex;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ced8e5 transparent;padding:4px 0 9px;min-width:0}.wf-inline-pattern{flex:0 0 78px!important;height:62px!important;border:0!important;border-radius:7px!important;box-shadow:none!important;background:transparent!important;padding:5px!important;display:flex;align-items:center;justify-content:center}.wf-inline-pattern:hover{background:#f1f5fa!important}.wf-inline-pattern[aria-pressed=true]{background:#eaf1fc!important;box-shadow:inset 0 -2px #446fba!important}.wf-inline-pattern>span{width:100%;height:48px}.wf-inline-pattern svg{width:100%!important;height:48px!important;max-height:48px!important}.wf-inline-pattern:focus-visible{outline:2px solid #557ebc}#wf-beat-editor footer{display:flex!important;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 0!important;padding:0!important;border:0!important;min-height:0!important}#wf-beat-editor footer span{font-size:12px;color:#8795a7}#wf-be-confirm{font-size:13px;padding:12px;border-radius:8px;background:#fff4df}#wf-be-confirm[hidden]{display:none}#wf-be-confirm button{margin:8px 6px 0 0;padding:5px 10px}.wf-meter-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.wf-meter-options button{padding:10px;background:#f7f9fc;border:1px solid #e3e8ef}.wf-meter-options button[aria-pressed=true]{background:#eaf1fc;border-color:#638bc1}#wf-meter-editor p{font-size:13px;color:#7e8a9c}.wf-gear{font-size:20px;border:0!important;background:transparent!important}#wf-audio-dialog>div:not(.wf-dialog-head){display:grid;gap:18px;margin:20px 0}#wf-audio-dialog>div>label{display:grid;grid-template-columns:85px minmax(0,1fr);align-items:center;gap:12px;font-size:14px}#wf-audio-dialog select{width:100%;min-width:0;padding:9px;border:1px solid #dfe5ee;border-radius:8px;background:white}#wf-audio-dialog fieldset{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;border:0;margin:0;padding:0}#wf-audio-dialog legend{font-size:14px;margin-bottom:10px}#wf-audio-dialog fieldset label{position:relative;display:grid;justify-items:center;gap:3px;padding:6px 2px;border-radius:8px;cursor:pointer}#wf-audio-dialog fieldset label:has(input:checked){background:#eaf1fc}#wf-audio-dialog fieldset input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}#wf-audio-dialog fieldset label:focus-within{outline:2px solid #779bce}#wf-audio-dialog fieldset span{width:46px;height:43px}#wf-audio-dialog fieldset svg{width:46px!important;height:43px!important}#wf-audio-dialog small{font-size:12px;color:#7e8b9e}@media (max-width:600px){#wf-beat-editor{padding:17px;width:calc(100% - 20px)}.wf-be-row{grid-template-columns:44px minmax(0,1fr);gap:6px}.wf-inline-pattern{flex-basis:68px!important}.wf-be-controls{flex-wrap:wrap}#wf-beat-editor footer span{max-width:160px}.wf-note-strip{scrollbar-width:auto}}@media (hover:none){.wf-beat-zone>rect{stroke:#cad8e433;fill:#edf4fb08}.wf-beat-zone:active>text{opacity:1}.wf-meter-hit{stroke:#bbcee566}}@media print{.wf-beat-zone,.wf-meter-hit{display:none!important}}#wf-beat-editor .wf-be-label button{padding:2px 0!important;border:0!important;background:none!important;font-size:12px!important;white-space:nowrap;min-width:0;line-height:1.5}#wf-beat-editor .wf-be-row{padding:8px 0}#wf-beat-editor .wf-note-strip{padding-top:0;padding-bottom:5px}#wf-beat-editor .wf-inline-pattern{height:54px!important}#wf-beat-editor .wf-inline-pattern svg{height:42px!important;max-height:42px!important}#wf-beat-editor .wf-inline-pattern>span{height:42px}#wf-beat-editor footer button{min-height:40px;padding:8px 16px!important}#wf-beat-editor footer{min-height:40px!important;height:auto}#wf-beat-editor .wf-be-controls button{padding:6px 12px!important;border:0!important}#wf-beat-editor .wf-dialog-head{margin-bottom:8px}#wf-audio-dialog .wf-sound-settings{display:grid;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--border,#dfe5ee)}#wf-audio-dialog .wf-sound-settings label{display:grid;gap:8px;font-size:14px}#wf-audio-dialog .wf-ghost-setting{margin-top:4px}#wf-audio-dialog .wf-ghost-setting>span{display:flex;align-items:center;justify-content:space-between;gap:12px}#wf-audio-dialog .wf-ghost-setting output{font-variant-numeric:tabular-nums;font-size:12px}#wf-audio-dialog .wf-ghost-setting input{width:100%;min-width:0;margin:4px 0;accent-color:#315f9b}#workshop #wf-tempo-value{width:64px!important;min-width:64px;max-width:64px;min-height:38px;text-align:center;font-size:16px;font-weight:650;padding:5px!important;font-variant-numeric:tabular-nums;appearance:textfield}#workshop #wf-tempo-value::-webkit-inner-spin-button{appearance:none}#workshop .wf-gear{display:inline-flex;align-items:center;gap:5px;font-size:13px;white-space:nowrap;min-height:38px;padding:7px 10px!important;background:var(--surface,#f1f5fa)!important;border-radius:10px}#workshop .wf-loop-cell{touch-action:none}#workshop .wf-loop-cell.loop-first>rect:first-child,#workshop .wf-loop-cell.loop-last>rect:first-child{stroke:#6388bc;stroke-width:5;stroke-linecap:round}#workshop .wf-loop-cell:focus-visible{outline:2px solid #6388bc;outline-offset:2px}#workshop .wf-loop-cell.loop-first,#workshop .wf-loop-cell.loop-last{cursor:ew-resize}#workshop .wf-note-strip{scroll-behavior:auto;touch-action:pan-x pan-y;contain:layout paint}@media (max-width:600px){#workshop .wf-tempo{flex-wrap:nowrap}#workshop .wf-tempo input[type=range]{display:none}#workshop .wf-tempo button{min-width:38px;min-height:40px}#workshop .wf-transport{flex-wrap:wrap}}#workshop .wf-canvas .wf-loop-cell>rect:first-child{fill:#c0cbda!important;opacity:1;stroke:none!important}#workshop .wf-canvas .wf-loop-cell.in-loop>rect:first-child{fill:#779ac6!important;opacity:1}#workshop .wf-canvas .wf-loop-handle{display:none;fill:#5f82b1!important;stroke:#fff!important;stroke-width:1.5}#workshop .wf-canvas .loop-first .wf-loop-start,#workshop .wf-canvas .loop-last .wf-loop-end{display:block}#workshop .wf-gear svg{flex:none;width:18px;height:18px}html[data-theme=dark] #workshop .wf-gear{background:#303640!important;color:#edf0f5!important}html[data-theme=dark] #workshop .wf-gear:hover{background:#3a4351!important}#workshop .wf-gear:focus-visible{outline:2px solid #8aabd9;outline-offset:3px}#wf-beat-editor .wf-be-controls [hidden]{display:none!important}#wf-beat-editor .wf-be-controls{justify-content:flex-end;margin:8px 0}#wf-beat-editor .wf-be-row{grid-template-columns:132px minmax(0,1fr);padding:12px 0;align-items:start}#wf-beat-editor .wf-be-label label{display:grid;gap:4px;min-width:0;width:100%}#wf-beat-editor .wf-be-label small{font-size:11px;color:#68778d}#wf-beat-editor .wf-be-label select{font-size:13px;width:100%;min-height:42px;padding:6px}.wf-points-content{min-width:0}.wf-point-buttons{display:flex;flex-wrap:wrap;gap:6px}#workshop .wf-point-buttons button{min-width:44px;min-height:44px;padding:8px;flex:1 0 44px;max-width:72px;font-weight:600}#workshop .wf-point-buttons button[aria-pressed=true]{background:#dfebff;color:#204f93;border-color:#799cca;box-shadow:inset 0 -2px #799cca}.wf-row-actions{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}#workshop .wf-row-actions button{font-size:12px;min-height:32px;padding:3px 8px;background:transparent}.wf-row-actions small{font-size:11px;color:#66768b}.wf-pattern-options{margin-top:6px}.wf-pattern-options summary{font-size:12px;cursor:pointer;padding:5px 0}#wf-beat-editor .wf-ghost-points{display:flex;flex-wrap:wrap;gap:6px}#wf-beat-editor .wf-ghost-points button{flex:1 0 44px;min-width:44px}html[data-theme=dark] #workshop .wf-point-buttons button[aria-pressed=true]{background:#354b69!important;color:#edf4ff!important;border-color:#87a7d4!important}@media (max-width:600px){#wf-beat-editor .wf-be-row{grid-template-columns:96px minmax(0,1fr);gap:8px}#wf-beat-editor .wf-be-label select{font-size:12px}#wf-beat-editor .wf-point-buttons{gap:4px}#workshop .wf-point-buttons button{flex-basis:40px;min-width:40px;max-width:none}.wf-row-actions{gap:4px}.wf-row-actions small{width:100%}}#workshop .wf-fill-link,#workshop .wf-cymbal-switch{background:#e7eef9;color:#285284;white-space:nowrap;min-height:40px;padding:7px 12px;font-weight:600}#wf-beat-editor .wf-dialog-head h2{flex:1}#wf-fill-editor{width:min(960px,calc(100vw - 24px));max-width:960px;max-height:calc(100dvh - 32px);padding:20px;border-radius:20px;overflow:auto;background:#f8fafd;color:#18304f}#wf-fill-editor .wf-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}#wf-fill-editor h2{font-size:18px;margin:0}#wf-fill-editor .wf-fill-options{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}#wf-fill-editor label{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:13px}#wf-fill-editor select{min-height:42px;padding:6px 10px;background:#eff3f9;border:1px solid #d4deeb;border-radius:10px;color:inherit}#wf-fill-editor .wf-fill-scroll{overflow:auto;max-width:100%;padding-bottom:10px;overscroll-behavior-x:contain}#wf-fill-editor .wf-fill-row{display:grid;grid-template-columns:106px repeat(var(--wf-fill-beats),minmax(calc(var(--wf-fill-points)*38px + 10px),1fr));gap:8px;align-items:center;margin-bottom:8px;width:max-content;min-width:100%}#wf-fill-editor .wf-fill-name{position:sticky;left:0;background:#f8fafd;z-index:1;font-size:13px;font-weight:600;min-height:44px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:6px 8px;white-space:nowrap}#wf-fill-editor .wf-fill-name small{font-size:11px;font-weight:400;color:#738198;margin-top:3px}#wf-fill-editor button.wf-fill-name{background:#e7eef9;color:#345d94}#wf-fill-editor .wf-fill-beat{display:grid;grid-template-columns:repeat(var(--wf-fill-points),minmax(36px,1fr));gap:3px;padding:4px;background:#eef2f8;border-radius:10px}#wf-fill-editor .wf-fill-beat button{height:44px;min-width:36px;padding:3px;border:0;border-radius:7px;background:#f9fbff;color:#74859d;box-shadow:none}#wf-fill-editor .wf-fill-beat button[aria-pressed=true]{background:#c7daf4;color:#214e8b;box-shadow:inset 0 -3px #88acd7;font-weight:700}#wf-fill-editor [data-drum=sn] button[aria-pressed=true]{background:#f1d1c5;color:#873f31;box-shadow:inset 0 -3px #d7a08e}#wf-fill-editor [data-drum=ht] button[aria-pressed=true],#wf-fill-editor [data-drum=ft] button[aria-pressed=true]{background:#e4d7ef;color:#684881;box-shadow:inset 0 -3px #b5a0c9}#wf-fill-editor [data-drum=kd] button[aria-pressed=true]{background:#cae3dd;color:#2d675d;box-shadow:inset 0 -3px #8ebdb3}#wf-fill-editor .wf-fill-counts{margin-bottom:4px;font-size:12px;color:#6b7b90;text-align:center}#wf-fill-editor .wf-fill-other-division{outline:1px dashed #99aec9;outline-offset:-1px}#wf-fill-editor .wf-fill-hint{font-size:12px;color:#748096;line-height:1.6;margin:8px 0 16px}#wf-fill-editor footer{display:flex;justify-content:space-between;gap:12px}#wf-fill-editor footer button{min-height:42px;padding:8px 20px}#workshop .wf-fill-scroll:focus-visible,#workshop .wf-fill-beat button:focus-visible{outline:2px solid #658bbd;outline-offset:2px}html[data-theme=dark] #wf-fill-editor,html[data-theme=dark] #wf-fill-editor .wf-fill-name{background:#242a33;color:#e5ecf5}html[data-theme=dark] #wf-fill-editor .wf-fill-beat{background:#303945}html[data-theme=dark] #wf-fill-editor .wf-fill-beat button{background:#252e3a!important;color:#acb9cb!important}html[data-theme=dark] #wf-fill-editor .wf-fill-beat button[aria-pressed=true]{background:#4a668d!important;color:#fff!important}html[data-theme=dark] #wf-fill-editor [data-drum=sn] button[aria-pressed=true]{background:#845447!important}html[data-theme=dark] #wf-fill-editor [data-drum=ht] button[aria-pressed=true],html[data-theme=dark] #wf-fill-editor [data-drum=ft] button[aria-pressed=true]{background:#69517e!important}html[data-theme=dark] #wf-fill-editor [data-drum=kd] button[aria-pressed=true]{background:#386b63!important}html[data-theme=dark] #workshop .wf-cymbal-switch,html[data-theme=dark] #workshop .wf-fill-link,html[data-theme=dark] #wf-fill-editor button.wf-fill-name{background:#354b69!important;color:#edf4ff!important}@media (max-width:600px){#wf-fill-editor{padding:14px;border-radius:16px}#wf-fill-editor .wf-fill-row{grid-template-columns:94px repeat(var(--wf-fill-beats),minmax(calc(var(--wf-fill-points)*42px + 10px),1fr))}#wf-fill-editor .wf-fill-options{gap:8px}#wf-fill-editor .wf-fill-name{font-size:12px}}#wf-fill-editor .wf-dialog-head h2{flex:1}#wf-fill-editor footer{margin:0;padding:8px 0 0;border:0;min-height:0;width:auto}#wf-fill-editor .wf-fill-hint{margin-bottom:10px}#wf-fill-editor footer{flex-direction:row!important;align-items:center;position:sticky;bottom:-20px;background:#f8fafd;z-index:2;padding:10px 0 max(4px,env(safe-area-inset-bottom));gap:12px}html[data-theme=dark] #wf-fill-editor footer{background:#242a33}@media (max-width:600px){#wf-fill-editor .wf-fill-options{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}#wf-fill-editor .wf-fill-options label{display:grid;gap:4px;min-width:0}#wf-fill-editor select{width:100%;min-width:0}#wf-fill-editor footer{bottom:-14px}}#wf-fill-editor .wf-fill-other-division{position:relative;margin-bottom:15px}#wf-fill-editor .wf-fill-other-division::after{content:attr(data-existing-division);position:absolute;left:6px;bottom:-15px;font-size:10px;line-height:15px;color:#71849e;white-space:nowrap}#wf-fill-editor{max-width:1160px;width:calc(100vw - 32px)}#wf-fill-grid{position:relative;padding-right:76px;min-width:fit-content}#wf-fill-editor .wf-fill-row{display:grid;grid-template-columns:112px repeat(var(--wf-fill-beats),minmax(var(--wf-cell-width),1fr));gap:12px;margin-bottom:12px}#wf-fill-editor .wf-fill-name{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;gap:6px;padding:6px;font-size:13px}#wf-fill-editor .wf-fill-name strong{font-weight:600}#wf-fill-editor .wf-fill-name button{padding:4px 6px;min-height:30px;font-size:12px}#wf-fill-editor .wf-row-batch{flex-basis:100%;background:transparent!important;box-shadow:none!important;color:#6b7c97!important;text-align:left}#wf-fill-editor .wf-fill-beat{display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0;padding:16px 10px 8px;border:0;border-radius:16px;background:#eef3fa;box-shadow:none}#wf-fill-editor .wf-note-points{display:flex;align-items:center;justify-content:space-evenly;gap:4px;min-height:38px}#wf-fill-editor .wf-note-points button{flex:0 0 32px;width:32px;min-width:32px;height:36px;border-radius:50%;padding:0;font-size:20px;box-shadow:none!important;border:2px solid transparent}#wf-fill-editor .wf-cell-controls{display:flex;justify-content:center;align-items:center;gap:8px}#wf-fill-editor .wf-cell-controls button{width:32px;height:32px;min-width:32px;padding:0;background:transparent!important;color:#526b8f!important;box-shadow:none!important;font-size:20px}#wf-fill-editor .wf-cell-controls small{font-size:11px;color:#6b7c97}#wf-fill-editor .wf-cell-controls button:disabled{opacity:.3}#wf-fill-editor .wf-add-beat{position:absolute;right:0;top:48px;bottom:12px;width:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#edf2f9;box-shadow:none;font-size:26px;border-radius:18px}#wf-fill-editor .wf-add-beat small{font-size:11px;writing-mode:horizontal-tb}#wf-fill-editor .wf-add-beat:disabled{opacity:.45}#wf-fill-editor .wf-state-legend{display:flex;gap:14px;font-size:12px;white-space:nowrap}#wf-fill-editor [data-tone=heavy]{color:#a35545!important}#wf-fill-editor [data-tone=medium]{color:#426c9e!important}#wf-fill-editor [data-tone=light]{color:#548071!important}#wf-fill-editor [data-tone=rest]{color:#8391a3!important}#wf-fill-editor .wf-note-points button[data-tone=heavy]{background:#f2c1b3!important;color:#753b2d!important;border-color:#d7917f}#wf-fill-editor .wf-note-points button[data-tone=medium]{background:#bcd6f4!important;color:#284e80!important}#wf-fill-editor .wf-note-points button[data-tone=light]{background:#d7e9dd!important;color:#42735c!important}#wf-fill-editor .wf-note-points button[data-tone=rest]{background:#dfe4ec!important;color:#8b96a6!important}html[data-theme=dark] #wf-fill-editor .wf-fill-beat{background:#303945}html[data-theme=dark] #wf-fill-editor .wf-cell-controls button{color:#d5e1f3!important}html[data-theme=dark] #wf-fill-editor .wf-cell-controls small{color:#b8c8de}#wf-fill-editor .wf-fill-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}#wf-kit-mode{color:#526b8f;font-size:13px;font-weight:600;white-space:nowrap}@media (max-width:600px){#wf-fill-editor{width:calc(100vw - 20px)}#wf-fill-editor .wf-fill-row{grid-template-columns:92px repeat(var(--wf-fill-beats),minmax(var(--wf-cell-width),1fr));gap:10px}#wf-fill-editor .wf-fill-options label{display:flex;align-items:center}#wf-fill-editor .wf-state-legend{gap:12px}#wf-fill-editor .wf-dialog-head{gap:8px}#wf-fill-editor .wf-dialog-head h2{font-size:17px}}#wf-fill-editor .wf-note-points button{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}#wf-fill-editor .wf-fill-name{display:grid;grid-template-columns:1fr auto;align-content:center;justify-items:start;text-align:left}#wf-fill-editor .wf-fill-name strong{font-size:13px;white-space:nowrap}#wf-fill-editor .wf-row-batch{grid-column:1/-1}#wf-fill-editor .wf-add-beat{padding:6px!important;white-space:nowrap}#wf-fill-editor .wf-add-beat small{white-space:nowrap}#wf-fill-editor .wf-fill-counts .wf-fill-name{display:block}html[data-theme] #wf-fill-editor .wf-fill-beat{background:transparent!important;border-radius:0;box-shadow:none!important}#wf-fill-editor .wf-fill-row{margin-bottom:6px}#wf-fill-editor .wf-fill-beat{position:relative}#wf-fill-editor .wf-fill-beat::after{content:"";position:absolute;right:-6px;top:24px;bottom:20px;width:1px;background:linear-gradient(transparent,#8598b52b,transparent);pointer-events:none}#wf-fill-editor .wf-fill-beat:last-child::after{display:none}#wf-fill-editor .wf-fill-name{background:var(--ga-raised,#f8fafd)}#wf-fill-editor .wf-fill-counts{font-size:14px}#wf-fill-editor .wf-row-batch{font-size:12px}@media (prefers-reduced-motion:no-preference){#wf-fill-editor .wf-note-points button{transition:background .12s,transform .12s}#wf-fill-editor .wf-note-points button:active{transform:scale(.92)}}html[data-theme] body #workshop #wf-fill-editor .wf-note-points button[data-tone=heavy]{background:#f2c1b3!important;color:#753b2d!important;border-color:#d7917f!important}html[data-theme] body #workshop #wf-fill-editor .wf-note-points button[data-tone=medium]{background:#bcd6f4!important;color:#284e80!important;border-color:transparent!important}html[data-theme] body #workshop #wf-fill-editor .wf-note-points button[data-tone=light]{background:#d7e9dd!important;color:#42735c!important;border-color:transparent!important}html[data-theme] body #workshop #wf-fill-editor .wf-note-points button[data-tone=rest]{background:#dfe4ec!important;color:#69778b!important;border-color:transparent!important}html[data-theme=dark] body #workshop #wf-fill-editor .wf-note-points button[data-tone=rest]{background:#3c4552!important;color:#aebacd!important}html[data-theme] body #workshop #wf-fill-editor .wf-cell-controls button{background:transparent!important;box-shadow:none!important}#wf-fill-editor .wf-fill-scroll{scroll-padding-inline-start:124px}#wf-fill-editor .wf-fill-name strong{font-size:14px}#wf-fill-editor .wf-cell-controls small{font-size:12px}@media (max-width:600px){#wf-fill-editor .wf-fill-scroll{scroll-padding-inline-start:102px}}html[data-theme=dark] body #wf-fill-editor .wf-state-legend [data-tone=heavy]{color:#f2c1b3!important}html[data-theme=dark] body #wf-fill-editor .wf-state-legend [data-tone=medium]{color:#bcd6f4!important}html[data-theme=dark] body #wf-fill-editor .wf-state-legend [data-tone=light]{color:#b8d7c4!important}html[data-theme=dark] body #wf-fill-editor .wf-state-legend [data-tone=rest]{color:#b4becb!important}html[data-theme=dark] body #wf-fill-editor .wf-fill-name,html[data-theme=dark] body #wf-fill-editor footer{background:#22252a!important}html[data-theme] body #workshop #wf-fill-grid{width:100%;min-width:0;box-sizing:border-box;padding:0 40px;position:relative}html[data-theme] body #workshop #wf-fill-editor .wf-fill-row{grid-template-columns:repeat(var(--wf-fill-beats),minmax(0,1fr));gap:12px;position:relative;margin:0;padding-top:32px}html[data-theme] body #workshop #wf-fill-editor .wf-fill-counts{padding-top:0;margin-bottom:8px}html[data-theme] body #workshop #wf-fill-editor .wf-fill-name{position:absolute;top:0;left:0;display:flex;gap:8px;align-items:center;background:transparent!important;padding:0;z-index:1}html[data-theme] body #workshop #wf-fill-editor .wf-fill-name strong{font-size:12px;font-weight:500;color:var(--muted)}html[data-theme] body #workshop #wf-fill-editor .wf-fill-name button{min-height:26px;padding:0 6px;background:transparent!important;box-shadow:none!important}html[data-theme] body #workshop #wf-fill-editor .wf-fill-beat{padding:4px 0 18px;gap:2px;min-width:0}html[data-theme] body #workshop #wf-fill-editor .wf-note-points{gap:0;width:100%;justify-content:center;min-height:36px}html[data-theme] body #workshop #wf-fill-editor .wf-note-points button[data-tone]{position:relative;flex:1 1 0;width:0;min-width:0;max-width:48px;height:36px;min-height:36px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;padding:0}html[data-theme] body #workshop #wf-fill-editor .wf-note-points button::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:var(--wf-dot)}#wf-fill-editor [data-tone=heavy]{--wf-dot:#d87865}#wf-fill-editor [data-tone=medium]{--wf-dot:#6699d2}#wf-fill-editor [data-tone=light]{--wf-dot:#a6ccba}#wf-fill-editor [data-tone=rest]{--wf-dot:#d8dce4}html[data-theme=dark] #wf-fill-editor [data-tone=rest]{--wf-dot:#58616f}html[data-theme] body #workshop #wf-fill-editor .wf-add-beat,html[data-theme] body #workshop #wf-fill-editor .wf-subtract-all{position:absolute;top:38px;bottom:18px;width:32px;padding:0!important;display:flex;align-items:center;justify-content:center;background:transparent!important;border:0;box-shadow:none!important;font-size:26px}#wf-fill-editor .wf-subtract-all{left:0}#wf-fill-editor .wf-add-beat{right:0}#wf-fill-editor .wf-subtract-all:disabled{opacity:.3}html[data-theme] body #workshop #wf-fill-editor .wf-cell-controls{gap:16px}html[data-theme] body #workshop #wf-fill-editor .wf-cell-controls button{font-size:17px;min-height:32px;height:32px}#wf-fill-editor .wf-fill-scroll{overflow-x:hidden;scroll-padding:0}@media (max-width:600px){html[data-theme] body #workshop #wf-fill-grid{padding-inline:22px}html[data-theme] body #workshop #wf-fill-editor .wf-fill-row{gap:8px}html[data-theme] body #workshop #wf-fill-editor .wf-note-points button::after{width:5px;height:5px}html[data-theme] body #workshop #wf-fill-editor .wf-cell-controls{gap:0}html[data-theme] body #workshop #wf-fill-editor .wf-cell-controls button{width:24px;min-width:24px}html[data-theme] body #workshop #wf-fill-editor .wf-add-beat,html[data-theme] body #workshop #wf-fill-editor .wf-subtract-all{width:20px;font-size:22px}}html[data-theme] body #workshop #wf-fill-editor .wf-fill-name{width:auto!important;max-width:none;flex-wrap:nowrap!important}html[data-theme] body #workshop #wf-fill-editor .wf-fill-name button{width:auto!important;flex:0 0 auto;min-width:26px}@media (max-width:600px){html[data-theme] body #workshop #wf-fill-editor .wf-note-points button::after{width:6px;height:6px}}#wf-fill-editor .wf-fill-name{flex-direction:row!important;align-items:center!important;gap:8px!important}.wf-copy-bar{cursor:pointer}.wf-copy-bar[aria-disabled=true]{opacity:.35;cursor:not-allowed}.wf-copy-bar:focus-visible>rect{stroke:#35688d!important;stroke-width:2}@media print{.wf-copy-bar{display:none!important}}body{background:radial-gradient(ellipse at 13% 2%,#e9eefb66,transparent 42%),radial-gradient(ellipse at 90% 35%,#fff4f044,transparent 40%),#f6f7f9}body>header{background:#fffffff2;box-shadow:0 1px 0 #10274a08,0 6px 24px #10274a05;backdrop-filter:blur(16px)}.wf-paper,.practice-main,.metronome,.lesson-card,.resource-card{background:linear-gradient(135deg,#fff,#fdfefe);border-color:#dfe5ef;box-shadow:0 2px 5px #162d4503,0 14px 38px -26px #19345735,inset 0 1px 0 #fff}#journal .journal-card,#journal .card{box-shadow:0 12px 32px -26px #17395636}button,select{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}button:focus-visible,select:focus-visible{outline:2px solid #7796c8;outline-offset:3px}button.primary{background:linear-gradient(145deg,#fa4b3c,#ec352b);box-shadow:0 5px 13px -8px #dc302ca6,inset 0 1px 0 #ffffff35}button.primary:hover{box-shadow:0 7px 17px -8px #dc302c99;transform:translateY(-1px)}button.primary:active{transform:translateY(0);box-shadow:0 2px 6px #de302c18}dialog[open]{animation:surface-in .18s ease-out}dialog::backdrop{animation:backdrop-in .18s ease-out}@keyframes surface-in{from{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-in{from{background-color:#17263800}to{background-color:#17263855}}#wf-beat-editor{box-shadow:0 30px 100px #13264330,0 2px 8px #13264310,inset 0 1px 0 #fff}#wf-beat-editor .wf-be-row{border-bottom-color:#edf0f5}#wf-beat-editor .wf-inline-pattern{position:relative;flex-direction:column;height:68px!important;gap:2px;transition:background-color .18s,box-shadow .18s,transform .18s}#wf-beat-editor .wf-inline-pattern>span{height:40px}#wf-beat-editor .wf-inline-pattern svg{height:40px!important}#wf-beat-editor .wf-point-caption{font:11px/1.2 system-ui,sans-serif;color:#98a5b6;letter-spacing:1px;font-variant-numeric:tabular-nums}#wf-beat-editor .wf-inline-pattern[aria-pressed=true]{background:linear-gradient(145deg,#edf4ff,#e5eefb)!important;box-shadow:inset 0 -2px #698cca,0 3px 8px #3660950a!important}#wf-beat-editor .wf-inline-pattern[aria-pressed=true] .wf-point-caption{color:#456d9e;font-weight:650}#wf-beat-editor .wf-inline-pattern[data-points=rest]{margin-left:12px}#wf-beat-editor .wf-inline-pattern:hover{transform:translateY(-2px)}#wf-beat-editor .wf-inline-pattern.wf-chosen{animation:note-choice .24s ease-out}@keyframes note-choice{0%{transform:scale(.94)}65%{transform:scale(1.03)}100%{transform:scale(1)}}.wf-note-strip{scroll-snap-type:x proximity;scroll-padding-inline:4px;background:linear-gradient(90deg,#fff 20%,#fff0) left center/16px 100% no-repeat local,linear-gradient(270deg,#fff 20%,#fff0) right center/16px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,#8ca3c326,transparent) left center/10px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,#8ca3c326,transparent) right center/10px 100% no-repeat scroll}.wf-inline-pattern{scroll-snap-align:start}.wf-beat-zone>rect{transition:fill .18s,stroke .18s}.wf-beat-zone>text{transition:opacity .18s}.lesson-card,.resource-card{transition:box-shadow .2s,border-color .2s}.lesson-card:hover,.resource-card:hover{border-color:#cbd7e7;box-shadow:0 12px 30px -21px #20457745}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{body{background:white}header,.wf-paper,.practice-main{box-shadow:none;backdrop-filter:none}}#wf-beat-editor .wf-inline-pattern>span{display:flex;align-items:center;justify-content:center}#wf-beat-editor .wf-division-label{flex:0 0 30px;align-self:center;color:#8893a4;font-size:10px;writing-mode:vertical-rl;letter-spacing:2px;border-left:1px solid #e6eaf0;padding-left:8px}#wf-beat-editor .wf-be-controls{flex-wrap:wrap;gap:12px}#wf-beat-editor [data-be-div]:disabled{opacity:.4;cursor:default}#wf-audio-dialog label:has(#wf-show-rests){display:flex;align-items:center;gap:8px}#wf-score{display:grid;grid-template-columns:repeat(var(--wf-columns,1),minmax(0,1fr));gap:12px}#wf-score .wf-bar{min-width:0;margin:0}#wf-score .wf-score-scroll{overflow-x:auto}#wf-score .wf-canvas{width:100%}#wf-score .wf-canvas>svg{width:100%!important}#wf-meter-editor{width:320px}.wf-wheels{display:flex;align-items:center;justify-content:center;gap:22px;margin:18px 0}.wf-wheels small{display:block;text-align:center;color:#8a94a4;margin-bottom:8px}.wf-wheel{width:84px;height:120px;overflow-y:auto;scrollbar-width:none;scroll-snap-type:y mandatory;padding:40px 0;box-sizing:border-box;background:linear-gradient(transparent 39px,#edf2f8 40px,#edf2f8 79px,transparent 80px);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.wf-wheel::-webkit-scrollbar{display:none}#wf-meter-editor .wf-wheel button{display:block;scroll-snap-align:center;flex-shrink:0;height:40px;min-height:40px;width:100%;padding:0;background:none;border:0;box-shadow:none;font-size:22px;color:#9aa3b1}#wf-meter-editor .wf-wheel button[aria-selected=true]{color:#16283f;font-weight:650}#wf-meter-apply{display:block;margin-left:auto}@media (max-width:600px){#wf-score{grid-template-columns:repeat(var(--wf-columns,1),minmax(210px,1fr));overflow-x:auto}.wf-be-controls{font-size:11px}}@media print{#wf-score{display:grid!important;gap:8px}.wf-meter-hit,.wf-loop-cell,.wf-beat-zone,.wf-append,.wf-remove-bar{display:none!important}}#workshop #wf-bulk{width:min(460px,calc(100vw - 24px));padding:22px;border:1px solid #e3e8ef;border-radius:22px;box-shadow:0 24px 80px #15243d24,0 2px 8px #15243d0a}#workshop dialog[open]{animation:wf-sheet-in .18s ease-out}@keyframes wf-sheet-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#workshop .wf-batch-link{border:0;background:transparent;box-shadow:none;padding:5px 0;min-height:28px;color:#718198;font-size:11px;text-align:left;transition:color .15s}#workshop .wf-batch-link:hover{color:#224f96;background:none}#wf-bulk .wf-bulk-wheels{display:grid;grid-template-columns:70px minmax(110px,1fr) 90px;gap:8px;margin:20px 0 22px}#wf-bulk .wf-bulk-wheels section{min-width:0}#wf-bulk .wf-bulk-wheels section>small{display:block;text-align:center;font-size:11px;color:#8a96a8;margin-bottom:8px}#wf-bulk .wf-roll{height:168px;box-sizing:border-box;padding:56px 0;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;background:linear-gradient(transparent 55px,#edf2f8 56px,#edf2f8 111px,transparent 112px);mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent)}#wf-bulk .wf-roll::-webkit-scrollbar{display:none}#workshop #wf-bulk .wf-roll-option{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;width:100%;height:56px;min-height:56px;padding:0 3px;border:0;border-radius:0;background:transparent;box-shadow:none;scroll-snap-align:center;color:#718198;font-size:13px;opacity:.48;transition:opacity .16s,color .16s}#workshop #wf-bulk .wf-roll-option[aria-selected=true]{color:#152940;opacity:1;font-weight:650}#wf-bulk .wf-bulk-pattern>span{height:38px;display:flex;align-items:center;justify-content:center}#wf-bulk .wf-bulk-pattern svg{flex-shrink:0;max-width:none}#wf-bulk .wf-bulk-pattern small{font-size:9px;line-height:12px;color:#8792a3}#wf-bulk footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #eef0f4}#wf-bulk footer strong,#wf-bulk footer small{display:block}#wf-bulk footer strong{font-size:12px;font-weight:600}#wf-bulk footer small{font-size:10px;color:#939eac;margin-top:4px}#workshop #wf-bulk footer button{min-width:72px;min-height:38px}@media (max-width:600px){#workshop #wf-bulk{padding:18px;border-radius:20px;margin:auto}#wf-bulk .wf-bulk-wheels{grid-template-columns:56px minmax(105px,1fr) 78px;gap:4px}#wf-bulk .wf-dialog-head h2{font-size:16px}}@media (prefers-reduced-motion:reduce){#workshop dialog[open]{animation:none}#workshop .wf-roll-option{transition:none}}#workshop #wf-bulk footer{flex-direction:row!important;margin:0!important;padding:14px 0 0!important;text-align:left}#workshop #wf-bulk footer>div{margin:0}#workshop #wf-bulk footer button{width:auto;margin:0}#workshop #wf-score{display:block!important;overflow:visible}#workshop .wf-system-scroll{width:100%;overflow-x:auto;margin:0 0 12px}#workshop .wf-system{display:flex;align-items:flex-start;gap:0;width:max-content}#workshop #wf-score .wf-canvas{flex:none;min-width:0!important}#workshop #wf-score .wf-canvas>svg{width:100%!important;height:auto;display:block;max-width:none!important}.wf-measure-number{fill:#94a0b0;font-size:11px;pointer-events:none}@media print{#workshop .wf-system-scroll{overflow:visible;break-inside:avoid}.wf-measure-number{fill:#555}}#workshop .wf-system{margin-inline:auto}.wf-swing-mark{fill:#263c5d;font-size:13px;font-style:italic;font-weight:600}#workshop .wf-swing-switch{display:inline-flex;align-items:center;gap:7px;border:1px solid #e0e6ef;border-radius:18px;padding:4px 10px;min-height:32px;transition:background .2s,border-color .2s}#workshop .wf-swing-switch:has(:checked){background:#eef3fc;border-color:#a8bddd;color:#214f92}#workshop .wf-uniform-setting{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#workshop .wf-uniform-setting small{flex-basis:100%;padding-left:22px;color:#8b95a4;font-size:11px}@media (max-width:600px){body>header{position:sticky!important;top:0!important;display:grid!important;grid-template-columns:1fr auto;gap:4px 12px!important;min-height:0!important;padding:8px 12px 0!important;background:#fff!important;border-bottom:1px solid #dfe3e9}body>header>.brand{display:flex!important;visibility:visible!important;position:static!important;grid-column:1;grid-row:1;height:44px;width:auto;margin:0}body>header .brand-logo{display:block!important;width:86px!important;height:43px}body>header .brand-name,body>header .header-note{display:none!important}body>header>.account-button{grid-column:2;grid-row:1;margin:0;align-self:center;max-width:140px}body>header nav{position:static!important;grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;height:42px!important;gap:2px;padding:0!important;margin:0 0 -1px!important;box-shadow:none!important;border:0!important;background:transparent!important}body>header nav a{min-width:0!important;min-height:42px!important;padding:0 3px!important;font-size:11px!important;line-height:1.2;border:1px solid transparent!important;border-bottom:0!important;border-radius:9px 9px 0 0!important;transform:none!important;background:transparent!important;color:#778293;transition:background .2s,color .2s}body>header nav a[aria-current=page]{background:#f6f6f7!important;border-color:#dfe3e9!important;color:#172c4a!important;box-shadow:none!important}body>header nav a::before,body>header nav a::after,.mobile-nav-icon{display:none!important}body main{padding-top:18px!important}}:root{--ui-surface:#fff;--ui-canvas:#f6f7f9;--ui-border:#e2e6ed;--ui-text:#182438;--ui-muted:#788394;--ui-blue:#285697;--ui-shadow:0 2px 4px #16243b03,0 14px 32px -24px #16243b32;--ui-ease:cubic-bezier(.22,1,.36,1)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ui-text);-webkit-font-smoothing:antialiased}button,select,input,textarea{font-family:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-variant-numeric:tabular-nums;transition:background .18s,border-color .18s,box-shadow .22s,transform .22s var(--ui-ease)}button:disabled{cursor:default}button:not(.cell):not(.j-day):not(.wf-roll-option):not(.wf-inline-pattern){border-radius:10px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #668cc3;outline-offset:3px}button:active:not(:disabled):not(.cell):not(.wf-roll-option):not(.wf-inline-pattern){transform:translateY(1px)}.primary,#workshop .primary,#journal .j-primary{background:linear-gradient(155deg,#f34a3f,#e83b31);border-color:transparent;color:white;box-shadow:inset 0 1px #ffffff38,0 5px 14px -9px #c32e28aa;font-weight:600}.primary:hover,#workshop .primary:hover,#journal .j-primary:hover{background:linear-gradient(155deg,#f65449,#e73b32);color:#fff;border-color:transparent;box-shadow:inset 0 1px #ffffff38,0 7px 18px -9px #c32e2877}.wf-paper,.practice-main,.j-card,.micro-lesson,.resource,.catalog-card{border-color:var(--ui-border);box-shadow:var(--ui-shadow);background:#fff;border-radius:16px}.micro-lesson,.resource,.catalog-card,.j-block{transition:background .2s,border-color .2s,box-shadow .25s var(--ui-ease)}@media (hover:hover){.micro-lesson:hover,.resource:hover,.catalog-card:hover{border-color:#bfcde0;box-shadow:0 8px 24px -18px #233d6466}.j-block:hover{border-color:#cbd6e5}}.catalog-card.is-current,.learning-stages .selected,.practice-switch [aria-pressed=true]{box-shadow:inset 0 0 0 1px #92adcf33}input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{border-color:#dfe4ec;border-radius:9px;transition:border-color .18s,box-shadow .18s;background-color:#fff;color:#223249}input:not([type=range]):focus,select:focus,textarea:focus{border-color:#7195c7;box-shadow:0 0 0 3px #4778bd10}input[type=checkbox],input[type=radio]{accent-color:var(--ui-blue);cursor:pointer}input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;border:0!important;padding:0!important;box-shadow:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:9px;background:#dce3ee}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:17px;margin-top:-6.5px;border:3px solid white;border-radius:50%;background:#315f9e;box-shadow:0 1px 5px #1d355944;transition:box-shadow .2s}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #315f9e10,0 1px 5px #1d355933}input[type=range]::-moz-range-track{height:4px;border-radius:9px;background:#dce3ee}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:3px solid white;border-radius:50%;background:#315f9e}.metronome{background:linear-gradient(145deg,#263145,#172031);box-shadow:0 16px 36px -24px #14254399;color:#fff;border-color:#334159}.metronome input[type=number]{background:transparent;color:#ffad68;border:0;box-shadow:none}.metronome input[type=range]::-webkit-slider-runnable-track{background:#596579}body dialog{border-color:#e0e5ec;box-shadow:0 30px 90px #15243b33,0 3px 12px #15243b0d;border-radius:20px;background:#fff}body dialog::backdrop{background:#17283e55;backdrop-filter:blur(7px)}#wf-meter-editor .wf-wheel,#wf-bulk .wf-roll{background:linear-gradient(transparent 33.1%,#eef3fa 33.3%,#eef3fa 66.5%,transparent 66.7%)}#wf-meter-editor .wf-wheel button{transition:color .16s,opacity .16s;font-variant-numeric:tabular-nums}#wf-beat-editor .wf-inline-pattern:hover{transform:none;background:#f6f8fb!important}#wf-beat-editor .wf-inline-pattern[aria-pressed=true]{background:#eaf1fb!important;box-shadow:inset 0 0 0 1px #b7cbe733!important}#wf-beat-editor .wf-inline-pattern.wf-chosen{animation:ga-select .2s ease-out}@keyframes ga-select{from{background-color:#dbe8fa}to{background-color:#eaf1fb}}main>section:not([hidden]){animation:ga-view .22s var(--ui-ease)}@keyframes ga-view{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:none}}.wf-heading{margin-bottom:12px}.wf-heading h1{letter-spacing:-.6px}.wf-heading p{margin:3px 0;color:var(--ui-muted)}#wf-message{margin:10px 0;font-size:12px;min-height:20px}.wf-paper{padding:22px}.wf-print-head{padding-bottom:12px}.wf-print-head h2{font-size:18px}.wf-transport{padding:12px 0;gap:10px}.wf-loop-tools{padding:10px 0}.wf-footnote{font-size:11px;color:#8792a2;max-width:80ch}.wf-transport #wf-play-position:empty{display:none}.wf-beat-add rect{fill:#f7f9fc;stroke:#dce4ef;stroke-dasharray:none}.wf-beat-add text{fill:#8293aa}.wf-beat-add:hover rect{fill:#eaf1fb;stroke:#9bb5d7}@media (max-width:600px){body{background:var(--ui-canvas);padding-bottom:env(safe-area-inset-bottom)}body>header{height:auto!important;min-height:100px!important;grid-template-rows:44px 42px;isolation:isolate}body>header nav a[aria-current=page]{background:var(--ui-canvas)!important;position:relative}body>header nav a[aria-current=page]::after{display:block!important;content:"";position:absolute;inset:auto -1px -2px;height:3px;width:auto;background:var(--ui-canvas);opacity:1;transform:none}.wf-paper{padding:16px 12px;border-radius:16px}.wf-heading h1{font-size:24px}.wf-heading{margin-bottom:10px}.wf-heading p{font-size:12px}.wf-print-head{align-items:center}.wf-transport{gap:8px;padding:12px 0}.wf-tempo{flex:1;justify-content:flex-end}.wf-tempo input{min-width:65px;max-width:110px}#workshop .wf-transport button{min-height:36px;padding:7px 10px;font-size:13px}.wf-transport>.wf-history{margin-left:auto;gap:5px}.wf-transport label{font-size:12px}.wf-loop-tools small{display:none}.wf-loop-tools{gap:8px;margin-bottom:10px}.wf-footnote{line-height:1.7}.micro-lesson,.resource,.j-card{border-radius:14px}dialog,#j-dialog,#account-dialog{border-radius:22px 22px 0 0}.title-row h2,.j-heading h1{letter-spacing:-.5px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{body{background:#fff}main>section{animation:none}.wf-paper,.j-card,.practice-main{box-shadow:none}}#practice .catalog-toolbar{display:block;max-width:100%}#practice .catalog-toolbar label{display:block}#practice #style-description{display:none}#practice #category-english{display:none}#practice .learning-stages{display:none}#practice .catalog-path{display:none}#practice .select-wrap{display:none}.practice-more{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.practice-disclosure{border:1px solid #e1e7ef;border-radius:10px;background:#fbfcfe;flex:1;min-width:150px}.practice-disclosure>summary{cursor:pointer;padding:11px 13px;font-size:12px;color:#436080;list-style:none}.practice-disclosure>summary::after{content:"\ff0b";float:right;margin-left:8px}.practice-disclosure[open]{flex-basis:100%}.practice-disclosure[open]>summary::after{content:"\2212"}.practice-disclosure .study-goal,.practice-disclosure .rhythm-context,.practice-disclosure .kit-strip{margin:8px 12px 12px}.practice-disclosure .kit-strip{background:transparent;border:0;padding:4px}.practice-disclosure #practice-story-extra{margin:16px;font-size:13px;line-height:1.8}.practice-disclosure #practice-story-extra h3{font-size:14px}.practice-disclosure #practice-story-extra a{font-size:11px;color:#4169a0}.ghost-balance{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:12px}.ghost-balance input{flex:1;min-width:60px}#wf-ghost-controls{padding:14px 0;border-top:1px solid #e8ecf1}#wf-ghost-controls>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}#wf-ghost-controls small{font-size:11px;color:#7d8a9a}.wf-ghost-points{display:flex;gap:8px;margin-top:10px}.wf-ghost-points button{flex:1;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;background:#f8fafc;border:1px solid #e0e7ef}.wf-ghost-points button span{font-size:11px}.wf-ghost-points button[aria-pressed=true]{background:#eaf1fb;color:#234e87;border-color:#93b1d9}.wf-ghost-points button:disabled{opacity:.35}@media (max-width:600px){.practice-more{gap:6px}.practice-disclosure{min-width:125px}.practice-disclosure>summary{font-size:11px;padding:10px}.wf-ghost-points button{flex-direction:column;gap:3px}#wf-beat-editor{max-height:90dvh;overflow-y:auto}#wf-ghost-controls>div:first-child{align-items:flex-start}#wf-ghost-controls small{max-width:170px;text-align:right}}.wf-creative-tools{display:flex;align-items:center;gap:16px;padding:12px 0 4px}.wf-creative-tools>span{font-size:12px;color:#8b94a1}.wf-creative-tools button{border:1px solid #ecd8c8;background:#fff8f1;color:#9a5b2c;font-weight:600;padding:10px 13px}.wf-creative-tools small{font-weight:400;margin-left:8px;color:#ad8060}#wf-bulk .wf-bulk-wheels{grid-template-columns:minmax(140px,1.7fr) 1fr}#wf-bulk [hidden]{display:none!important}.wf-choice-help{background:#f0f5fb;color:#516b88;font-size:11px;line-height:1.6;border-radius:10px;padding:9px 12px;margin:8px 0 0;max-width:100%}#wf-beat-editor .wf-be-row{border-radius:12px;transition:background .2s}#wf-beat-editor .wf-be-label strong::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#b99755;margin-right:6px}#wf-beat-editor [data-drum=sn] .wf-be-label strong::before{background:#cb8475}#wf-beat-editor [data-drum=kd] .wf-be-label strong::before{background:#729aaf}#wf-ghost-controls .wf-ghost-points button[aria-pressed=true]{background:#edf3fb!important;border-color:#95afd1!important;color:#28508a!important}#workshop .wf-paper{background:linear-gradient(150deg,#fff 65%,#faf8f4);box-shadow:0 16px 45px -30px #344c6b50;border-top:3px solid #eadfd3}#workshop .wf-beat-zone:hover rect{fill:#f0ebe360}#workshop .wf-beat-zone:hover text{fill:#ab8b65}.wf-creative-tools button:active{transform:scale(.98)}@media (max-width:600px){.wf-creative-tools{gap:8px;justify-content:space-between}.wf-creative-tools>span{font-size:10px;max-width:90px;line-height:1.5}.wf-creative-tools button{font-size:12px;padding:10px}.wf-choice-help{font-size:10px;padding:8px 10px}#wf-beat-editor .wf-be-row{padding-block:8px}#wf-beat-editor footer{padding-top:10px}}#j-message:empty{display:none}#journal .j-card>.j-muted{margin:8px 0;font-size:12px}#journal .j-plan-heading+.j-muted{margin:5px 0 12px}#j-plans>.j-empty-small{grid-column:1/-1}#j-plans .j-plan-card{min-width:0;padding:12px;border:1px solid #e2e7ed;border-radius:12px;background:#fafbfd;gap:7px}#j-plans .j-plan-card.j-done{background:#f4f9f7;border-color:#dce9e3}#journal .j-plan-line{align-items:center;gap:8px}#journal .j-name-button{font-size:14px;min-width:0;line-height:1.45;overflow-wrap:anywhere}#journal .j-inline-minutes{font-size:11px;gap:3px}#journal .j-inline-minutes input{width:55px;font-size:14px;padding:6px;min-height:36px}#j-plans .j-entry>p{margin:0;font-size:11px;color:#7c8797}#j-plans .j-entry-actions{gap:4px;margin-top:auto}#j-plans .j-entry-actions>button{font-size:12px;padding:7px 9px;min-height:36px}#j-plans .j-entry-actions>details{margin-left:auto}#j-plans details summary{padding:8px 4px}#j-plans details[open]{flex-basis:100%;margin-left:0}#j-plans details[open] button{font-size:11px;min-height:36px;margin:4px 4px 0 0}.j-record-details{margin-top:14px;border-top:1px solid #e6ebef;padding-top:8px}.j-record-details>summary{cursor:pointer;color:#6c7b8d;font-size:12px;padding:8px 0}#j-daily-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px}#journal .j-daily-chip{margin:0;min-width:0;gap:6px}#journal .j-section-head h2{font-size:17px}#journal .j-day-summary{padding:11px 12px;gap:8px 18px}#journal .j-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}#journal .j-block{padding:12px;gap:6px}#journal .j-block-pick{padding:10px}#journal .j-block-pick strong{font-size:14px}#journal .j-block-duration input{width:64px}@media (max-width:600px){#j-plans .j-plan-card{padding:10px;gap:6px}#journal .j-plan-line{flex-wrap:wrap;gap:5px}#journal .j-name-button{font-size:13px;flex-basis:100%;min-height:32px;padding:0}#journal .j-inline-minutes input{min-height:40px;width:57px}#j-plans .j-entry-actions>button{padding:7px 6px;font-size:11px;min-height:40px}#j-plans .j-entry-actions>details{margin:0;flex-basis:100%}#j-plans details summary{padding:6px 0;min-height:30px}#journal .j-done-label{font-size:11px}#journal .j-block{padding:10px}#journal .j-block-duration{gap:4px;font-size:11px}#journal .j-block-duration input{width:55px;padding:6px}#journal .j-filter{margin:10px 0}#journal .j-category{font-size:10px;letter-spacing:0}#journal .j-block-pick strong{font-size:13px}.j-record-details{margin-top:10px}}@media (max-width:340px){#journal .j-blocks{grid-template-columns:1fr}}#workshop .wf-toggle-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 11px!important;border:1px solid #dbe0e8;border-radius:12px;background:#f3f4f6;color:#737b89;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s;color-scheme:light}#workshop .wf-toggle-pill input[type=checkbox]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}#workshop .wf-toggle-pill:has(input:checked),#workshop .wf-creative-tools button[aria-pressed=true]{background:#e6efff;color:#2457a0;border-color:#9cb8e7;box-shadow:inset 0 2px 4px #28559d17,0 0 12px #76a7ed12}#workshop .wf-toggle-pill:has(input:focus-visible){outline:2px solid #2d61b3;outline-offset:3px}#workshop .wf-toggle-pill:active,#workshop .wf-creative-tools button:active{transform:translateY(1px)}#workshop .wf-creative-tools{flex-wrap:wrap}#workshop .wf-creative-tools button{min-height:40px}#workshop .wf-uniform-setting small{display:none}@media (max-width:600px){#workshop .wf-toggle-pill{min-height:40px}#workshop .wf-creative-tools>span{display:none}}.ga-surprise{width:min(380px,calc(100vw - 32px));padding:34px 28px 26px;border:1px solid #ffffffc0;border-radius:24px;background:linear-gradient(145deg,#fff,#f5f1ec);box-shadow:0 24px 90px #17243b33;text-align:center;color:#283449}.ga-surprise::backdrop{background:#26304440;backdrop-filter:blur(7px)}.ga-surprise>span{font-size:12px;color:#8f7968;letter-spacing:2px}.ga-surprise p{font-size:23px;line-height:1.7;margin:26px 0}.ga-surprise-close{position:absolute;right:12px;top:10px;background:none;border:none}.ga-surprise-next{border-radius:20px;padding:10px 20px;background:#fff;border:1px solid #e5ddd5;color:#6b594a}.ga-surprise[open]{animation:surpriseIn .24s ease-out}@keyframes surpriseIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.classroom-notes{margin-top:24px;padding:18px;border:1px solid #e1e6ee;border-radius:16px;background:#ffffffb0}.classroom-notes summary{cursor:pointer;font-weight:600}.classroom-notes label{display:flex;gap:10px;align-items:center;margin:18px 0}.classroom-notes input{max-width:70%;padding:10px;border:1px solid #dce3ee;border-radius:10px}@media (prefers-reduced-motion:reduce){.ga-surprise[open]{animation:none}}.ga-toggle{position:relative;display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;gap:5px;padding:7px 11px!important;border:1px solid #dbe0e8!important;border-radius:12px!important;background:#f3f4f6!important;color:#737b89!important;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}.ga-toggle input[type=checkbox]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important;cursor:pointer}.ga-toggle:has(input:checked){background:#e6efff!important;color:#2457a0!important;border-color:#9cb8e7!important;box-shadow:inset 0 2px 4px #28559d17!important}.ga-toggle:has(input:focus-visible){outline:2px solid #2d61b3;outline-offset:3px}.ga-toggle:active{transform:translateY(1px)}.ga-number-dialog{width:min(300px,calc(100vw - 32px));padding:20px;border:1px solid #ffffffcc;border-radius:24px;background:#fdfdff;box-shadow:0 24px 80px #18263e33}.ga-number-dialog::backdrop{background:#24324740;backdrop-filter:blur(7px)}.ga-wheel-heading{display:flex;justify-content:space-between;align-items:center}.ga-wheel-heading h2{font-size:18px}.ga-wheel-heading small{font-size:11px;color:#87909f}.ga-wheel-heading button{border:0;background:transparent;min-width:40px;min-height:40px}.ga-wheel-frame{position:relative;margin:15px 0}.ga-wheel-frame:before{content:"";pointer-events:none;position:absolute;left:0;right:0;top:calc(var(--ga-tempo-row,36px)*2);height:var(--ga-tempo-row,36px);border-radius:12px;background:#eaf0fa}.ga-number-wheel{height:calc(var(--ga-tempo-row,36px)*5);overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;padding:calc(var(--ga-tempo-row,36px)*2) 0;box-sizing:border-box;scrollbar-width:none;position:relative;mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent)}.ga-number-wheel button{height:var(--ga-tempo-row,36px);min-height:var(--ga-tempo-row,36px);width:100%;display:block;scroll-snap-align:center;border:0!important;background:transparent!important;font-size:23px;color:#9aa3b0;box-shadow:none!important}.ga-number-wheel button[aria-selected=true]{color:#264b80;font-weight:650}.ga-wheel-done{width:100%;min-height:44px;border-radius:13px}.ga-tempo-trigger{cursor:pointer!important;caret-color:transparent}.ga-tempo-trigger:focus-visible{outline:2px solid #4673b4;outline-offset:3px}#wf-tempo-value.ga-tempo-trigger{padding:8px 12px;border:1px solid #dce4ee;border-radius:12px;background:#fff;min-width:58px;text-align:center;font-size:17px}#tempo-range,#rud-range,#wf-bpm{display:none!important}.range-labels{display:none!important}.rud-controls{gap:10px!important}@media (max-width:600px){.ga-toggle{min-height:42px}.ga-tempo-trigger{min-height:44px}}:root{--ga-ease:cubic-bezier(.2,.75,.25,1);--ga-ink:#233247;--ga-border:#dce3ed;interpolate-size:allow-keywords}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary{touch-action:manipulation}button{transition:background .18s var(--ga-ease),border-color .18s,box-shadow .18s,transform .18s var(--ga-ease)}button:not(:disabled):active{transform:translateY(1px) scale(.985)}.practice-main,#rudiment-panel,.wf-paper,.journal-card{box-shadow:0 2px 3px #20345003,0 12px 38px #20345006;border-color:#dde4ed;background:linear-gradient(155deg,#fff 65%,#fbfcff)}.resource,.micro-lesson,.j-block,.j-plan-card{transition:transform .22s var(--ga-ease),box-shadow .22s,border-color .22s}@media (hover:hover){.resource:hover,.micro-lesson:hover{transform:translateY(-2px);box-shadow:0 8px 22px #2034500d;border-color:#bacce5}button:not(:disabled):hover{filter:brightness(.99)}}#article{border:1px solid #ffffffb0;box-shadow:0 24px 90px #14243d33;border-radius:22px}#article h3{margin-top:24px}#article p{line-height:1.85}#article .micro-source{font-size:12px;padding-top:16px;border-top:1px solid #e6eaf0}@supports (transition-behavior:allow-discrete){dialog{opacity:0;transform:translateY(12px) scale(.985);transition:opacity .22s var(--ga-ease),transform .22s var(--ga-ease),display .22s allow-discrete,overlay .22s allow-discrete}dialog[open]{opacity:1;transform:none}dialog::backdrop{opacity:0;transition:opacity .22s,display .22s allow-discrete,overlay .22s allow-discrete}dialog[open]::backdrop{opacity:1}@starting-style{dialog[open]{opacity:0;transform:translateY(12px) scale(.985)}dialog[open]::backdrop{opacity:0}}}@supports (selector(details::details-content)){details::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .24s var(--ga-ease),opacity .18s,content-visibility .24s allow-discrete}details[open]::details-content{block-size:auto;opacity:1}}#rud-score svg{display:block;margin-inline:auto}#score .score-canvas{margin-inline:auto}.score-scroll{scrollbar-width:thin;scrollbar-color:#c8d3e3 transparent}.wf-system{margin-inline:auto}.wf-score-scroll{scrollbar-width:thin;scrollbar-color:#c8d3e3 transparent}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{dialog{transition:none!important}.wf-creative-tools{display:none!important}}#library .resource h3 small{display:none}#library .resource .resource-bottom>span:first-child{display:none}#library .resource p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#library .resource{padding:18px}#library .resource h3{font-size:17px;line-height:1.45;margin:12px 0}#library .resource-bottom{margin-top:10px}#wf-reset.wf-danger{color:#c64d49;background:#fff6f4;border-color:#efd3cf;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}body>header{box-shadow:0 1px 0 #dfe4ec!important;background:#ffffffed!important}body>header nav a{position:relative!important;box-shadow:none!important;transform:none!important;border-radius:13px 13px 0 0!important;border:1px solid transparent!important;border-bottom:0!important;transition:background .2s,color .2s!important}body>header nav a[aria-current=page]{background:var(--ui-canvas,#f5f6f8)!important;color:#23374f!important;border-color:#dfe4ec!important;box-shadow:none!important}body>header nav a:before{display:none!important}body>header nav a[aria-current=page]:after{content:""!important;display:block!important;position:absolute!important;inset:auto -1px -2px!important;height:3px!important;width:auto!important;border:0!important;border-radius:0!important;background:var(--ui-canvas,#f5f6f8)!important;transform:none!important;opacity:1!important}@media (min-width:601px){body>header{min-height:98px!important;padding-top:14px!important;padding-bottom:0!important;align-items:center!important}body>header nav{align-self:flex-end!important;height:64px!important;align-items:stretch!important;margin-bottom:-1px!important;padding:0!important;gap:4px!important}body>header nav a{height:64px!important;min-height:64px!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:center!important}}.wf-note-strip,.wf-wheel,.wf-roll,.ga-number-wheel{cursor:grab;user-select:none}.ga-dragging,.ga-dragging *{cursor:grabbing!important;user-select:none!important}.ga-dragging button{pointer-events:none}@media (min-width:601px) and (max-width:1050px){body>header nav a{padding-inline:8px!important;font-size:12px!important}}@media (min-width:768px) and (max-width:1200px){#practice.workspace{grid-template-columns:minmax(0,1fr) 210px;gap:16px}.practice-switch{grid-column:1/-1;grid-row:1}.practice-main{grid-column:1;grid-row:2;padding:20px}.metronome{grid-column:2;grid-row:2;display:block;width:auto;padding:20px 14px;align-self:start;position:sticky!important;top:116px}.metronome .section-top{display:flex}.metronome .tempo{display:flex;margin:22px 0;gap:7px;justify-content:center}.metronome .tempo input{width:80px;font-size:38px}.metronome .tempo button{width:32px;height:36px}.metronome .pulse{margin:18px 0;justify-content:center}.metronome .volume-control{margin:20px 0}.metronome .outline{width:100%}.practice-main .play-row{top:98px}.quick-tempo{display:none}#rudiment-panel{grid-column:1/-1}.catalog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:601px){dialog,#wf-beat-editor,#wf-picker,#j-dialog,#account-dialog{border-radius:22px;inset:0;margin:auto}body>header{flex-wrap:nowrap!important}}@media (min-width:601px) and (max-width:1000px) and (orientation:portrait){#practice.workspace{grid-template-columns:1fr}.practice-main{grid-column:1;grid-row:3}.metronome{grid-column:1;grid-row:2;position:static!important;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 20px}.metronome .section-top,.metronome .pulse{display:none}.metronome .tempo{margin:0}.metronome .volume-control{margin:0;max-width:160px}.metronome .outline{width:auto;min-width:130px}.quick-tempo{display:flex}.responsive-catalog>summary{display:flex;justify-content:space-between;cursor:pointer;padding:12px 0}.responsive-catalog>summary span{font-size:12px;color:#8491a2}.responsive-catalog{margin-bottom:14px}.practice-main .play-row{top:98px}.catalog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-mobile-views{display:flex;gap:8px;margin:14px 0}.journal-mobile-views button{flex:1;min-height:44px}.j-layout{display:block}.j-main{display:block}#journal[data-view=today] #journal-block-library,#journal[data-view=today] #journal-insights,#journal[data-view=blocks] #journal-day,#journal[data-view=blocks] #journal-insights,#journal[data-view=insights] .j-main{display:none}#journal[data-view=insights] #journal-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mobile-add-practice{display:inline-flex}.j-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}#wf-beat-editor{width:min(680px,calc(100vw - 48px));max-height:88dvh}.wf-paper{padding:20px}.ga-number-dialog{max-width:320px}#article{max-width:680px}}.ga-tempo-stepper{display:inline-flex;align-items:center;gap:6px}.ga-tempo-stepper button{width:32px;min-height:36px;padding:0;flex-shrink:0}.ga-tempo-stepper input{width:64px;text-align:center}.wf-tempo #wf-slower{order:0}.wf-tempo #wf-tempo-value{order:1}.wf-tempo small{order:2}.wf-tempo #wf-faster{order:3}.ga-segment{display:inline-flex;gap:2px;padding:3px;background:var(--surface-soft,#f1f3f6);border-radius:11px}.ga-segment button{min-height:34px;padding:5px 12px;border:0;background:transparent;box-shadow:none;color:inherit}.ga-segment button[aria-pressed=true]{background:var(--surface,#fff);box-shadow:0 1px 5px #0002}.wf-visible-view{font-size:13px}.wf-loop-cell rect{fill:currentColor!important;opacity:.12;stroke:none!important}.wf-loop-cell.in-loop rect{opacity:.3}.wf-loop-cell.loop-first rect,.wf-loop-cell.loop-last rect{opacity:.65}.wf-loop-cell text{font-size:10px}.wf-loop-cell{pointer-events:bounding-box}.ga-logo-whisper{position:fixed;z-index:90;max-width:320px;padding:12px 16px;border-radius:14px;background:var(--surface,#fff);color:var(--text,#192333);box-shadow:0 6px 24px #0002;line-height:1.7;font-size:14px;pointer-events:none;opacity:0;transform:translateY(-10px);transition:opacity .7s,transform .7s}.ga-logo-whisper.is-visible{opacity:1;transform:translateY(0)}[data-theme=dark] .ga-logo-whisper,[data-theme=dark] .ga-segment{background:#292d33;color:#e9edf3}[data-theme=dark] .ga-segment button[aria-pressed=true]{background:#3b424c}.ga-segment button:focus-visible{outline:2px solid #719be1}@media (prefers-reduced-motion:reduce){.ga-logo-whisper{transition:none}}@media print{.ga-logo-whisper{display:none}}.wf-swing-choices{display:flex;gap:4px}.wf-swing-choices button{display:flex;align-items:center;padding:1px 5px;min-height:38px}.wf-swing-symbol{display:block;color:inherit}.wf-swing-choices button[aria-pressed=true]{background:#e9effa;border-color:#759bd8;color:#244f91}[data-theme=dark] .wf-swing-choices button[aria-pressed=true]{background:#354253;color:#e0eaff;border-color:#879bb7}.wf-swing-mark{color:inherit;pointer-events:none}.wf-loop-cell:before{pointer-events:auto}@media (max-width:600px){.wf-swing-symbol{width:76px}.wf-swing-choices{gap:3px}}.wf-confirm>div{display:flex;align-items:stretch;gap:10px}.wf-confirm>div>button{flex:1;min-height:44px;height:44px;margin:0;padding:0 16px;font-size:14px;line-height:1;border-radius:10px}.practice-switch button,.practice-switch button small{text-align:center!important}.practice-switch button{display:flex;flex-direction:column;align-items:center;justify-content:center}.practice-switch button small{width:100%;margin:3px 0 0!important}#wf-ghost-controls .wf-ghost-points button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;text-align:center}#wf-ghost-controls .wf-ghost-points button[data-dynamic=ghost]{background:#edf3fb;border-color:#95afd1;color:#28508a}#wf-ghost-controls .wf-ghost-points button[data-dynamic=accent]{background:#fff1ef;border-color:#d78d84;color:#982e27}[data-theme=dark] #wf-ghost-controls .wf-ghost-points button[data-dynamic=ghost]{background:#303c4a;color:#d9e8fc}[data-theme=dark] #wf-ghost-controls .wf-ghost-points button[data-dynamic=accent]{background:#453332;color:#ffc6bf}.wf-inline-pattern{margin-inline:5px!important;border-color:transparent!important;border-radius:14px!important}.wf-inline-pattern:nth-of-type(even){background:rgba(110,126,150,.045)}.wf-inline-pattern[aria-pressed=true]{background:rgba(70,116,190,.12)!important;box-shadow:inset 0 -2px 0 #7598ce!important}.wf-point-caption{letter-spacing:.12em}.wf-pattern-strip{gap:8px!important}#workshop .ga-segment button{font-size:14px!important;min-width:76px;min-height:42px;padding:8px 12px;line-height:1.2}#workshop .wf-swing-choices button{min-width:110px;min-height:46px;padding:3px 8px;justify-content:center}#workshop .wf-swing-choices button svg.wf-swing-symbol{width:92px!important;height:36px!important;max-width:none;flex:none}#workshop .wf-transport button>svg:not(.wf-swing-symbol){width:21px!important;height:21px!important}#workshop .wf-loop-cell text{font-size:13px;fill:currentColor}#workshop .wf-loop-cell rect.wf-loop-hit{fill:transparent!important;opacity:1!important;pointer-events:all}#workshop .wf-bar-controls button{min-width:36px;min-height:36px;font-size:18px}header nav a{transition:transform .18s,box-shadow .18s,background .18s;transform:translateY(2px)}header nav a.active,header nav a[aria-current=page]{transform:translateY(-2px);box-shadow:0 3px 10px #0000000d}.practice-switch{display:flex;gap:0!important;align-self:end;margin-bottom:-1px!important;z-index:1}.practice-switch button{border-radius:12px 12px 0 0!important;min-width:124px;margin:0!important;box-shadow:none!important;transform:translateY(3px);transition:transform .18s}.practice-switch button[aria-pressed=true]{transform:translateY(0);background:var(--surface,#fff)!important;color:var(--text,#1e293b)!important;border-bottom-color:var(--surface,#fff)!important}[data-theme=dark] .practice-switch button[aria-pressed=true]{background:#22262b!important;color:#f0f2f5!important;border-bottom-color:#22262b!important}@media (prefers-reduced-motion:reduce){header nav a,.practice-switch button{transition:none}}@media print{body.wf-printing:after{content:"GA Music \b7  gamusic.com";position:fixed;bottom:0;left:0;right:0;text-align:center;font:10pt sans-serif;color:#333}}#kit-select{display:block;width:min(100%,300px);min-height:44px;padding:8px 12px;margin-bottom:8px;background:var(--surface,#fff);color:inherit;border:1px solid var(--border,#ccd4df);border-radius:9px;font-size:14px}#practice.workspace{row-gap:0}.practice-switch{padding-bottom:0!important}.practice-main,#rudiment-panel{border-top-left-radius:0!important}.wf-print-brand{display:none}@media print{.wf-print-brand{display:block;font:14pt sans-serif;margin-bottom:12pt}}#workshop .wf-canvas .wf-loop-cell,#workshop .wf-canvas .wf-swing-mark{color:#25364b}#workshop .wf-canvas .wf-loop-cell text{fill:#25364b!important}#workshop .wf-loop-cell.in-loop rect:not(.wf-loop-hit){opacity:.5}#workshop .wf-print-head{border-bottom:1px solid var(--border,#dce2eb)}main>section{scroll-margin-top:calc(var(--header-height,103px) + 18px)}#workshop .wf-append text,#workshop .wf-remove-bar text{font-size:26px!important}header nav a:not([aria-current=page]):after{display:none!important}html body button,html body button:hover,html body button:active,html body .ga-toggle,html body .ga-toggle:has(input:checked),html body .practice-switch button,html body header nav a{box-shadow:none!important;text-shadow:none!important}html body dialog{box-shadow:0 8px 28px #1422381a!important}.ga-appearance{border-top:1px solid #dfe4ec;padding-top:16px;margin-top:22px}.ga-appearance h3{font-size:13px;margin:0 0 12px}.ga-appearance>div{display:flex;gap:8px}.ga-appearance button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;font-size:12px;border:1px solid #dfe4ec;background:#f6f7f9;border-radius:12px}.ga-appearance button>span{font-size:19px}.ga-appearance button[aria-pressed=true]{background:#edf2fa;border-color:#9db6d8;color:#2458ad}.brand-logo{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}.brand-logo img{clip-path:polygon(7.25% 39%,24.85% 39%,56.1% 25%,66.05% 34.85%,79.45% 29.65%,85.2% 39%,93.9% 39%,93.9% 68%,7.25% 68%)}.wf-transport button,.wf-paper select{font-size:12px}.wf-transport button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px}.wf-transport button svg{width:16px;height:16px;stroke-width:1.7}.wf-creative-tools button{background:#f7f8fa;color:#56647a;border-color:#dce2eb;font-size:12px;box-shadow:none}.wf-creative-tools button small{color:#758299}.wf-creative-tools button[aria-pressed=true],.ga-toggle:has(input:checked){box-shadow:none!important}.wf-be-row{border-radius:0}.wf-dialog-head{border-radius:0}.metronome{background:#fff!important;color:#233044!important;border-radius:18px!important;border-top:2px solid #ef4036!important;box-shadow:0 8px 28px #1c34500b!important}.metronome .tempo{justify-content:center}.metronome .tempo input.ga-tempo-trigger{background:transparent!important;border:0;box-shadow:none;color:#e84037!important;font-size:62px;font-weight:400;letter-spacing:-3px}.metronome .tempo button{border-color:#dce1e8;color:#737d8b;background:transparent}.metronome .range-label,.metronome p,.metronome .section-top,.metronome .volume-control,.metronome .range-labels{color:#748092}.metronome .outline{color:#cf332d!important;border-color:#e4c0bd!important;background:transparent!important}.metronome .outline:hover{background:#fff2f0!important}.metronome input[type=range]{accent-color:#e84037!important}.metronome input[type=range]::-webkit-slider-thumb{background:#e84037!important}.metronome input[type=range]::-webkit-slider-runnable-track{background:#d9dfe7}.metronome .pulse i{background:#d5dae2}.metronome .pulse i.active{background:#e84037;box-shadow:0 0 0 4px #ef403612}@media (max-width:600px){.metronome .tempo input.ga-tempo-trigger{font-size:40px;letter-spacing:-2px}.wf-transport button{min-height:42px}.ga-appearance button{padding:9px 5px;gap:4px}}@media screen{html[data-theme=dark]{--paper:var(--studio-ground,#181a1e);--ink:var(--studio-ink,#eef0f4);--muted:var(--studio-muted,#b0b5c0);--line:var(--studio-line,#3a3e46);--lime:#e9edf4;--ui-border:var(--studio-line,#373b44);--ui-shadow:0 8px 24px #0002;color-scheme:dark;background:var(--studio-ground,#181a1e);color:var(--studio-ink,#eef0f4)}html[data-theme=dark] body{background:var(--studio-ground,#181a1e)!important;color:var(--studio-ink,#eef0f4)!important}html[data-theme=dark] :is(.practice-main,.metronome,.wf-paper,.j-panel,.j-card,.resource,.lesson,.micro-lesson,dialog,#rudiment-panel,.classroom-notes){background:var(--studio-paper,#22252a)!important;color:var(--studio-ink,#eef0f4)!important;border-color:var(--studio-line,#373b44)!important;box-shadow:0 8px 24px #0002!important}html[data-theme=dark] :is(button,input,select,textarea){background:var(--studio-soft,#2b2e34)!important;color:var(--studio-ink,#edf0f5)!important;border-color:var(--studio-line,#454a54)!important;background-image:none!important;box-shadow:none!important}html[data-theme=dark] :is(p,small,.muted,.j-muted,.score-key,.account-muted,.english-companion,.wf-count,.catalog-path,.catalog-count,.course-description,.style-description,.resource-top,.resource-bottom,.lesson-bottom,.range-labels,.volume-control){color:var(--studio-muted,#b6bbc6)!important}html[data-theme=dark] :is(h1,h2,h3,h4,label,summary,strong,b,span,.eyebrow,.brand-name,.j-category){color:inherit!important}html[data-theme=dark] :is(a,.account-links button,.account-text){color:var(--studio-blue,#c7d8f6)!important}html[data-theme=dark] :is(.responsive-catalog,.practice-disclosure,.study-goal,.rhythm-context,.kit-strip,.tip,.tag,.feel,.j-block,.j-plan-card,.j-day-summary,.account-sync,.account-recovery,.account-import,.knowledge-figure,.knowledge-diagram,.knowledge-figure td,.ga-toggle,.wf-toggle-pill,.wf-choice-help,.catalog-card,.micro-goal,.micro-check,.coach-note,.quick-tempo,code){background:var(--studio-soft,#292c32)!important;color:var(--studio-ink,#e4e7ee)!important;border-color:var(--studio-line,#3e434d)!important;background-image:none!important;box-shadow:none!important}html[data-theme=dark] :is(.play-row,.row-label,.rud-toolbar,.course-progress,.course-detail,.course-overview,.lesson-panel,.wf-dialog-head,.j-donut-center,.j-donut-hole){background:var(--studio-paper,#22252a)!important;color:var(--studio-ink,#edf0f5)!important;border-color:var(--studio-line,#3e434d)!important;box-shadow:none!important}html[data-theme=dark] :is(button[aria-pressed=true],button[aria-selected=true],button.selected,button.active,.ga-toggle:has(input:checked),.wf-inline-pattern[aria-pressed=true],.wf-ghost-points button[aria-pressed=true]){background:var(--studio-selected,#303a49)!important;color:var(--studio-ink,#f1f5ff)!important;border-color:#8094af!important;box-shadow:none!important}html[data-theme=dark] :is(.primary,.account-primary,.j-primary){background:#c94038!important;color:#fff!important;border-color:#d75048!important}html[data-theme=dark] :is(button:disabled,input:disabled){opacity:.5}html[data-theme=dark] button:not(:disabled):hover{border-color:#828b99!important}html[data-theme=dark] header nav a{background:transparent!important;color:var(--studio-muted,#c6cbd5)!important}html[data-theme=dark] header nav a[aria-current=page]{background:var(--studio-ground,#181a1e)!important;color:#fff!important;border-color:var(--studio-line,#3e434d)!important;box-shadow:none!important}html[data-theme=dark] header nav a[aria-current=page]:after{background:var(--studio-ground,#181a1e)!important}html[data-theme=dark] :is(.wf-system,.score-scroll,#rud-score,.wf-note-strip,.wf-be-toolbar,.wf-be-toolbar>div){background:none!important;border-color:var(--studio-line,#3e434d)!important;box-shadow:none!important}html[data-theme=dark] :is(.wf-inline-pattern,.wf-wheel button,.wf-roll button,.ga-number-wheel button,.j-plan-line .j-name-button,.j-block-pick){background:transparent!important}html[data-theme=dark] .wf-inline-pattern:hover{background:var(--studio-selected,#31353d)!important}html[data-theme=dark] .wf-inline-pattern[aria-pressed=true]{background:var(--studio-selected,#303a49)!important}html[data-theme=dark] :is(.wf-wheel,#wf-bulk .wf-roll){background:linear-gradient(transparent 33.1%,var(--studio-selected,#343a45) 33.3%,var(--studio-selected,#343a45) 66.5%,transparent 66.7%)!important}html[data-theme=dark] :is(#score,#rud-score,.wf-canvas,.wf-note-strip,.wf-roll,.wf-cards) svg{filter:invert(.9) hue-rotate(180deg)}html[data-theme=dark] .ga-wheel-frame:before{background:var(--studio-selected,#343a45)}html[data-theme=dark] .ga-number-wheel button{color:#aeb6c3!important}html[data-theme=dark] .ga-number-wheel button[aria-selected=true]{color:#fff!important}html[data-theme=dark] dialog::backdrop{background:#080a0ed0;backdrop-filter:blur(6px)}html[data-theme=dark] :is(.ga-appearance,.wf-be-row,footer,.j-entry,.j-record-details){border-color:var(--studio-line,#3e434d)!important}html[data-theme=dark] :is(.wf-note-strip,.wf-wheel,.wf-roll,.ga-number-wheel){scrollbar-color:#646c7b var(--studio-soft,#292c32)}html[data-theme=dark] .wf-note-strip::-webkit-scrollbar-thumb{background:#646c7b}html[data-theme=dark] .wf-note-strip::-webkit-scrollbar-track{background:var(--studio-soft,#292c32)}html[data-theme=dark] .wf-danger{color:#ffb2aa!important}html[data-theme=dark] .j-done-label{color:#b4d6c6!important}html[data-theme=dark] :is(.rud-cell,.cell){background:#32363e;color:var(--studio-ink,#e4e7ee)}html[data-theme=dark] .rud-cell.hit{background:#645044;color:#ffe7d4}html[data-theme=dark] .rud-cell.accent{background:#9c6848;color:#fff}html[data-theme=dark] .metronome .tempo input.ga-tempo-trigger{background:transparent!important;color:#ff9b93!important}html[data-theme=dark] .metronome .outline{background:transparent!important;color:#ffb5ad!important;border-color:#87504d!important}html[data-theme=dark] .metronome input[type=range]::-webkit-slider-runnable-track{background:#505761}html[data-theme=dark] .metronome .pulse i{background:#525965}html[data-theme=dark] .metronome .pulse i.active{background:#ef655b}}@media screen{html[data-theme=dark] :is(.search,.resource-type){background:var(--studio-soft,#292c32)!important;color:#cbd1dd!important;border-color:var(--studio-line,#454a54)!important}html[data-theme=dark] .search input{background:transparent!important}html[data-theme=dark] ::placeholder{color:#a6acb9!important;opacity:1}html[data-theme=dark] progress::-webkit-progress-bar{background:#363b44}html[data-theme=dark] progress::-webkit-progress-value{background:#839cc2}}@media screen{html[data-theme=dark] body :is(h1,h2,h3,h4,label,summary,strong,b,span,.count,.study-stage){color:#e6e9ef!important}html[data-theme=dark] body :is(p,small,.catalog-card div,.catalog-pagination,.bar-caption,.grid-help,.legend,.course-description,.style-description,.eyebrow){color:#bbc2ce!important}html[data-theme=dark] body :is(.primary,.account-primary,.j-primary) :is(span,strong){color:#fff!important}html[data-theme=dark] body :is(.resource-type,.tag,.feel){background:transparent!important;color:#c1cad9!important}}@media screen{html[data-theme=dark] #workshop .wf-be-controls>div{background:var(--studio-soft,#292c32)!important;border:1px solid var(--studio-line,#454a54)}html[data-theme=dark] #workshop .wf-inline-pattern:hover{background:var(--studio-selected,#31353d)!important}html[data-theme=dark] #workshop .wf-inline-pattern[aria-pressed=true]{background:var(--studio-selected,#303a49)!important;box-shadow:inset 0 -2px #9ab2d3!important}html[data-theme=dark] #workshop :is(.wf-be-row,.wf-ghost-controls){border-color:var(--studio-line,#3e434d)!important}html[data-theme=dark] #workshop .wf-ghost-points button[aria-pressed=true]{background:var(--studio-selected,#303a49)!important;color:var(--studio-ink,#f1f5ff)!important;border-color:#8094af!important}html[data-theme=dark] #wf-be-confirm{background:#352e28!important;color:#ede1cf!important}}@media screen{html[data-theme=dark] .ga-tempo-trigger{background:var(--studio-soft,#2b2e34)!important;color:var(--studio-ink,#edf0f5)!important;border-color:var(--studio-line,#454a54)!important}html[data-theme=dark] #workshop :is(.wf-count,.wf-notice,.wf-loop-label,.wf-loop-help){color:#bbc2ce!important}html[data-theme=dark] #workshop .wf-score-scroll{border-color:var(--studio-line,#373b44)!important}}@media screen{html[data-theme=dark] .catalog-card em{color:#bbc2ce!important}html[data-theme=dark] .wf-toolbar{background:var(--studio-paper,#22252a)!important;color:var(--studio-ink,#edf0f5)!important;border-color:var(--studio-line,#3e434d)!important}}@media screen{html[data-theme=dark] #wf-audio-dialog svg.wf-centered-symbol,html[data-theme=dark] #wf-picker svg.wf-centered-symbol{filter:invert(.9) hue-rotate(180deg)}html[data-theme=dark] #wf-audio-dialog fieldset label{background:transparent!important;border-color:var(--studio-line,#454a54)!important}html[data-theme=dark] #wf-audio-dialog fieldset label:has(input:checked){background:var(--studio-selected,#303a49)!important}}html[data-theme=dark] #sequencer .cell.hit{background:var(--hit);color:#172330;opacity:1}html[data-theme=dark] #sequencer .cell.hit span{background:#13232abf}html[data-theme=dark] #sequencer .cell.current{filter:none;box-shadow:inset 0 0 0 3px #f6dfaa}html[data-theme=dark] #sequencer .cell.current:not(.hit){background:#465266}html[data-theme=dark] #sequencer .count.playing-count{background:#b9cee8;color:#152439}html[data-theme=dark] #rud-grid .rud-cell.current{filter:none;box-shadow:inset 0 0 0 3px #f6dfaa}#hand-phrase-panel{grid-column:1/-1;min-width:0;padding:24px;background:#fff;border:1px solid #dce2eb;border-radius:0 16px 16px 16px;color:#233044}.hp-heading,.hp-work-title,.hp-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hp-heading h2{font-size:22px;margin:0}.hp-work-title{margin-bottom:18px}.hp-work-title strong{font-size:15px}#hp-status{font-size:13px;color:#68758a;min-height:0}#hp-status:empty{display:none}#hand-phrase-panel button,#hand-phrase-panel input{min-height:44px;border:1px solid #dce2eb;border-radius:9px;background:transparent;color:inherit;font:inherit;padding:8px 12px;box-shadow:none!important}#hand-phrase-panel button{cursor:pointer}#hand-phrase-panel button:focus-visible{outline:2px solid #487dc7;outline-offset:3px}#hand-phrase-panel button[aria-pressed=true]{background:#edf2fa;border-color:#8ca9d2}#hand-phrase-panel button:disabled{opacity:.38;cursor:default}#hp-library{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:22px}#hp-library[hidden],#hp-work[hidden]{display:none}.hp-new{display:flex;align-items:center;justify-content:center;gap:12px;min-width:190px}.hp-new b{font-size:25px;font-weight:400}.hp-new span{font-size:14px}.hp-resume{font-size:13px!important}.hp-saved{position:relative;width:230px;max-width:100%;min-width:0}.hp-saved>button{width:100%;height:116px;text-align:left;display:flex;flex-direction:column;gap:10px;overflow:hidden}.hp-saved strong{font-size:14px;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hp-saved small{font-size:11px;color:#7b8491}.hp-thumbnail{display:flex;overflow:hidden;width:100%;height:38px;white-space:nowrap;pointer-events:none}.hp-thumbnail .hp-glyph{font-size:17px;width:24px;min-width:24px}.hp-thumbnail .hp-glyph i{font-size:16px}.hp-thumbnail .hp-preview-group{gap:0;padding:0 4px}.hp-hover{display:none;position:absolute;top:calc(100% + 5px);left:0;z-index:30;width:440px;max-width:calc(100vw - 64px);background:#fff;border:1px solid #dce2eb;border-radius:12px;padding:16px;box-shadow:0 6px 20px #152c4414;pointer-events:none}.hp-hover strong{font-size:14px}.hp-full{display:flex;flex-wrap:wrap;gap:6px;max-height:60vh;overflow:auto;margin-top:14px}.hp-preview-group{display:inline-flex;gap:0;padding:6px 4px;background:#f5f6f8;border-radius:7px}.hp-preview-group:nth-child(even){background:#edf0f4}@media (hover:hover) and (pointer:fine){.hp-saved:hover .hp-hover,.hp-saved:focus-within .hp-hover{display:block}.hp-saved:nth-last-child(-n+2) .hp-hover{left:auto;right:0}}#hp-groups{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:96px}.hp-group{position:relative;flex:0 1 auto;min-width:0;max-width:100%;padding:22px 6px 8px!important;border:0!important;border-radius:9px!important;background:#f5f6f8!important}.hp-group:nth-child(even){background:#edf0f4!important}.hp-group-number{position:absolute;top:5px;left:12px;font-size:11px;color:#7b8491}.hp-phrase{display:flex;gap:0;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin}.hp-glyph{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;min-width:42px;height:54px;padding-top:12px;font:600 23px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;box-sizing:border-box}.hp-glyph i{position:absolute;top:0;left:0;right:0;text-align:center;font:600 22px/1 monospace}.hp-glyph small{font-size:12px;align-self:center;transform:translateY(-6px)}.hp-add-next{font-size:28px!important;font-weight:300!important;width:52px;height:76px;border-style:dashed!important}.hp-total{font-size:12px;color:#748092;margin-top:16px}#hand-phrase-panel dialog{width:440px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:22px;border:1px solid #dce2eb;border-radius:16px;background:#fff;color:#233044;box-shadow:0 8px 28px #1422381a;max-height:calc(100dvh - 32px);overflow:auto}#hand-phrase-panel dialog::backdrop{background:#18222f52;backdrop-filter:blur(4px)}.hp-dialog-head h3{font-size:18px;margin:0}.hp-dialog-head button{font-size:22px!important;border:0!important;min-width:44px}#hp-sizes{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}#hp-sizes[hidden]{display:none}#hp-sizes button{flex:1;min-width:38px;padding:8px!important}#hp-edit-letters{margin:16px 0}#hp-edit-letters button{flex:0 0 auto;padding:0!important;border-color:transparent}#hp-edit-letters button[aria-pressed=true]{border-color:#8ca9d2}.hp-letters,.hp-kinds{display:flex;flex-wrap:wrap;gap:8px}.hp-letters button{flex:1;font:600 22px monospace!important}.hp-key{font-size:12px;color:#748092;margin:10px 0 18px}#hp-adjust summary{font-size:13px;padding:10px 0;cursor:pointer}.hp-kinds{margin-top:10px}.hp-kinds button{font-size:13px!important}.hp-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.hp-actions button{flex:1}#hp-group-delete,#hp-delete-confirm{color:#c14239!important}#hp-name-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin-top:20px}#hp-save-status{font-size:13px;line-height:1.7}#hp-preview{width:620px!important}#hand-phrase-panel [data-hand-color=R]{color:#e84037!important}#hand-phrase-panel [data-hand-color=L]{color:#275eb5!important}#hand-phrase-panel [data-hand-color=K]{color:#d76a16!important}#hand-phrase-panel [data-hand-color="-"]{color:#7b8491!important}html[data-theme] #hand-phrase-panel .hp-glyph i{color:inherit!important}html[data-theme=dark] #hand-phrase-panel,html[data-theme=dark] #hand-phrase-panel dialog,html[data-theme=dark] .hp-hover{background:#22262c;color:#eef0f4;border-color:#3d444f}html[data-theme=dark] .hp-group,html[data-theme=dark] .hp-preview-group{background:#2a2e35!important}html[data-theme=dark] .hp-group:nth-child(even),html[data-theme=dark] .hp-preview-group:nth-child(even){background:#31363e!important}html[data-theme=dark] #hand-phrase-panel [data-hand-color=R]{color:#ff8e86!important}html[data-theme=dark] #hand-phrase-panel [data-hand-color=L]{color:#a0c3ff!important}html[data-theme=dark] #hand-phrase-panel [data-hand-color=K]{color:#ffab63!important}html[data-theme=dark] #hand-phrase-panel [data-hand-color="-"]{color:#a5adb9!important}@media (max-width:600px),(min-width:601px) and (max-width:1000px) and (orientation:portrait){#hand-phrase-panel{padding:20px 14px}.practice-switch button{min-width:0!important;flex:1;font-size:13px!important;padding:12px 6px!important}.practice-switch{width:100%}.practice-switch button small{font-size:10px!important}.hp-heading h2{font-size:20px}.hp-saved{width:calc(50% - 6px)}.hp-new{min-width:0;width:100%}.hp-saved>button{padding:10px!important}.hp-thumbnail .hp-glyph{font-size:16px;width:22px;min-width:22px}.hp-hover{display:none!important}#hand-phrase-panel dialog{padding:16px}.hp-glyph{width:38px;min-width:38px;flex-basis:38px;font-size:22px}.hp-group{padding-left:3px!important;padding-right:3px!important}#hp-groups{gap:6px}}#hand-phrase-panel .hp-add-next{width:102px;height:84px;border:0!important;background:#f5f6f8}html[data-theme=dark] #hand-phrase-panel .hp-add-next{background:#2a2e35!important}.hp-hover{top:100%;pointer-events:auto;box-sizing:border-box}button{box-shadow:none!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active:not(:disabled){transform:translateY(1px);filter:brightness(.92)}button:focus-visible,summary:focus-visible{outline:2px solid #275eb5;outline-offset:3px}.ga-segment button[aria-pressed=true],.score-controls button[aria-pressed=true]{background:#dce7fa!important;color:#174ca5!important;border-color:#275eb5!important;box-shadow:inset 0 -3px #275eb5!important;font-weight:700}.practice-switch button[aria-pressed=true]{background:#fff!important;color:#173c76!important;border-top:3px solid #ed443b!important;font-weight:700!important}.practice-switch button[aria-pressed=false]{background:#e9edf3!important;color:#697487!important;transform:translateY(3px)}.practice-switch button small{color:inherit!important;opacity:.8}.ga-tempo-stepper button{appearance:none;background:transparent;color:inherit;border:1px solid #d8dfe9;border-radius:8px;min-width:38px;min-height:40px;font:inherit}.wf-be-controls{display:flex!important;justify-content:flex-end!important;gap:10px!important;align-items:center}.wf-be-controls>div:first-child{margin-right:auto}.ga-favorite,[data-j=pin]{border:0!important;background:transparent!important;box-shadow:none!important;color:#8993a2!important;font-size:26px!important;line-height:1!important;min-width:44px;min-height:44px;padding:6px!important;border-radius:50%!important}.ga-favorite[aria-pressed=true],[data-j=pin][aria-pressed=true]{color:#e6a817!important}html[data-theme] #hand-phrase-panel .ga-favorite,html[data-theme] #journal [data-j=pin]{height:44px!important;width:44px!important;padding:6px!important;border:0!important;background:transparent!important;color:#8993a2!important;box-shadow:none!important}html[data-theme] #hand-phrase-panel .ga-favorite[aria-pressed=true],html[data-theme] #journal [data-j=pin][aria-pressed=true]{color:#e6a817!important}.hp-saved>.ga-favorite{position:absolute;right:4px;top:4px;width:44px!important;z-index:2}.hp-saved>button[data-preview]{padding-right:48px!important}#hand-phrase-panel{min-height:300px;padding-bottom:30px;width:100%;max-width:100%;box-sizing:border-box}#hp-work,#hp-library,#hp-favorites{min-width:0;max-width:100%}#hp-favorites:empty{display:none}#hp-favorites{margin-top:28px;border-top:1px solid #dce2eb;padding-top:20px}#hp-favorites h3{font-size:15px;margin:0 0 12px}.hp-favorite-list{display:flex;flex-wrap:wrap;gap:12px}.hp-favorite-list>button{max-width:300px;min-width:0;text-align:left!important;padding:14px!important}.hp-favorite-list .hp-thumbnail{display:flex;overflow:hidden;max-width:100%}.world-region{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:14px}.world-region[hidden]{display:none}.world-region select{min-width:0;max-width:100%;min-height:44px}.world-region+.catalog-toolbar{margin-top:10px}.score-controls{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin:14px 0}.score-controls button{min-height:40px}.ga-icon-action{display:inline-flex!important;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;border:0!important;background:transparent!important;color:inherit;padding:10px!important}.ga-icon-action svg{width:22px;height:22px;flex:none}.wf-export-menu{position:relative;margin-left:12px}.wf-export-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;font-size:14px}.wf-export-menu summary::-webkit-details-marker{display:none}.wf-export-menu>div{position:absolute;right:0;top:100%;z-index:40;min-width:170px;display:grid;gap:4px;padding:8px;border:1px solid #dce2eb;border-radius:10px;background:white;box-shadow:0 4px 16px #18263718}.wf-export-menu button{white-space:nowrap;text-align:left;padding:12px!important;border:0!important;background:transparent;color:inherit}.wf-export-menu button:hover{background:#edf2fa}.wf-print-head{flex-wrap:wrap}.wf-print-head h2{margin-right:auto}.wf-visible-view{margin-left:auto}.wf-beat-zone text{pointer-events:none}html[data-theme=dark] .practice-switch button[aria-pressed=true]{background:#2f3e55!important;color:#fff!important}html[data-theme=dark] .practice-switch button[aria-pressed=false]{background:#242a33!important;color:#b0bac8!important}html[data-theme=dark] .ga-segment button[aria-pressed=true],html[data-theme=dark] .score-controls button[aria-pressed=true]{background:#314969!important;color:#fff!important}html[data-theme=dark] .wf-export-menu>div{background:#252b34;border-color:#46505f}@media (max-width:600px){.catalog-card-grid{gap:12px!important}.catalog-card{padding:16px!important}.catalog-card small{line-height:1.6!important}.practice-main,#rudiment-panel{padding:18px 14px!important}.wf-paper{padding:16px 12px!important}.wf-transport{gap:10px!important;row-gap:14px!important;align-items:center}.wf-history{margin-left:auto}.wf-history button span{display:none}.wf-history button{width:44px;min-height:44px;padding:10px!important;border:0!important}.wf-history svg{width:22px;height:22px}.wf-print-head{gap:10px}.wf-print-head h2{flex:1 1 100%;margin-bottom:0!important}.wf-visible-view{margin-left:0!important;margin-right:auto}.wf-export-menu{margin-left:0}.wf-be-controls{gap:8px!important;flex-wrap:wrap}.wf-be-controls label{min-height:44px}.wf-be-controls>div:first-child{margin-right:auto}.hp-saved{width:100%!important}.hp-favorite-list>button{width:100%;max-width:none}.hp-saved>button[data-preview]{padding:16px 52px 16px 14px!important}#hp-groups{row-gap:12px!important}.hp-work-title{margin-bottom:18px}.hp-actions{gap:12px}.j-block,.j-entry{padding:16px!important}.j-entry-actions{gap:12px!important}.j-section-head{align-items:center}.score-controls{justify-content:flex-start}.score-controls .ga-segment{flex-wrap:wrap}.wf-export-menu summary{border:0}.practice-switch button small{font-size:11px!important}}@media screen{html[data-theme=dark] :is(.account-head,.j-form-actions,.journal-mobile-views,.wf-audio-settings>div){background:#22252a!important;color:#eef0f4!important;border-color:#3e434d!important;box-shadow:none!important}html[data-theme=dark] input[type=range]{background:transparent!important}html[data-theme=dark] .journal-mobile-views{padding:3px;border:1px solid #3e434d}html[data-theme=dark] #journal .journal-mobile-views button[aria-pressed=true]{background:#314969!important;color:#fff!important}html[data-theme=dark] :is(.wf-print-head,.account-links,.ga-appearance){border-color:#3e434d!important}}.wf-mobile-tools{display:none}html[data-theme] :is(.ga-segment,.ga-segment button,.score-controls button,.wf-visible-view){box-shadow:none!important;filter:none!important}html[data-theme] .wf-swing-choices button[aria-pressed=true]{background:#dce9fd!important;color:#194f9b!important;border-color:#648fc7!important;box-shadow:none!important}html[data-theme=dark] .wf-swing-choices button[aria-pressed=true]{background:#314969!important;color:#fff!important;border-color:#89a9d0!important}html[data-theme] .practice-switch button{border-color:#dce2e9!important;border-width:1px!important;box-shadow:none!important;transform:none!important}html[data-theme] .practice-switch button[aria-pressed=true]{border-color:#c4d3e7!important;border-top:1px solid #c4d3e7!important;background:#edf3fc!important;color:#234e8c!important}html[data-theme] .practice-switch button::before,html[data-theme] .practice-switch button::after{display:none!important}html[data-theme=dark] .practice-switch button{border-color:#383f49!important}html[data-theme=dark] .practice-switch button[aria-pressed=true]{background:#2d3d53!important;color:#fff!important;border-color:#566b86!important}@media screen and (max-width:600px){#workshop .wf-paper{padding:16px!important}#workshop .wf-print-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding-bottom:12px}#workshop .wf-print-head h2{grid-area:1/1;margin:0!important;font-size:20px}#workshop .wf-export-menu{grid-area:1/2;margin:0}#workshop .wf-visible-view{grid-area:2/1/3/3;margin:0!important;justify-content:flex-start}#workshop .wf-transport{display:grid!important;grid-template-columns:76px minmax(0,1fr) 44px;gap:10px 8px!important;margin:14px 0!important}#wf-play{grid-area:1/1;width:76px;padding:8px!important;min-height:44px}#workshop .wf-tempo{grid-area:1/2/2/4;justify-content:flex-end;margin:0!important;gap:6px!important;min-width:0}#workshop .wf-tempo button{min-width:38px;min-height:44px;padding:6px!important}#workshop .wf-tempo .ga-tempo-trigger{width:62px!important;min-width:62px!important;font-size:22px!important}#workshop .wf-transport>label:has(#wf-click){grid-area:2/1;justify-self:start;margin:0!important}#workshop .wf-history{grid-area:2/2;display:flex;justify-content:flex-end;gap:4px;margin:0!important}#workshop .wf-history button{width:40px;min-width:40px;height:44px;padding:8px!important}#workshop .wf-audio-settings{grid-area:2/3;margin:0;justify-self:end}#workshop .wf-audio-settings>summary{width:44px;height:44px;padding:8px;text-align:center}#workshop .wf-audio-settings>div{right:0;width:min(280px,calc(100vw - 64px))}#wf-play-position:empty{display:none!important}#wf-play-position:not(:empty){grid-column:1/-1;font-size:12px}#workshop .wf-loop-tools{padding:10px 0;margin:0;gap:8px;border-top:1px solid var(--line);font-size:12px}#workshop .wf-loop-tools small{display:none}#workshop .wf-loop-tools button{margin-left:auto;min-height:36px}.wf-mobile-tools{display:block;margin:0 0 10px;border-bottom:1px solid var(--line);padding-bottom:8px}.wf-mobile-tools>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:13px;cursor:pointer;list-style:none}.wf-mobile-tools>summary::-webkit-details-marker{display:none}.wf-mobile-tools>summary::after{content:"\ff0b";font-size:20px}.wf-mobile-tools[open]>summary::after{content:"\2212"}.wf-mobile-tools .wf-swing-choices{display:flex!important;gap:8px;margin:4px 0 12px;width:100%}.wf-mobile-tools .wf-swing-choices button{flex:1;min-height:48px;padding:4px!important}.wf-mobile-tools .wf-creative-tools{display:flex;gap:8px;margin:0 0 8px;padding:0;justify-content:flex-start}.wf-mobile-tools .wf-creative-tools button{flex:1;margin:0;font-size:13px;padding:8px!important}.wf-mobile-tools .wf-creative-tools>span{display:none}#practice>.metronome{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:20px!important;margin-top:0!important}#practice>.metronome h2{display:block!important;font-size:16px;margin:0!important}#practice>.metronome .tempo{display:flex!important;justify-content:center!important;align-items:center;margin:0!important;width:100%;gap:18px}#practice>.metronome .tempo .ga-tempo-trigger{font-size:48px!important;width:100px!important;letter-spacing:-2px}#practice>.metronome .pulse{display:flex!important;justify-content:center;gap:12px;margin:0!important;width:100%;min-height:10px}#practice>.metronome #metro{order:3;width:100%;min-height:44px;margin:0!important}#practice>.metronome .volume-control{order:4;width:100%;margin:0!important;font-size:13px}#practice>.metronome .volume-control input{background:transparent!important;margin:6px 0 0!important}#practice>.metronome p{order:5;text-align:left;font-size:12px;line-height:1.6;margin:0!important}#account-dialog .account-head{top:-24px;margin-bottom:16px}#account-dialog .ga-appearance button{font-size:13px!important;white-space:nowrap;gap:5px;padding:10px 4px}#account-dialog .account-links{gap:16px}}@media print{.wf-mobile-tools{display:none!important}}:root{--ga-surface:#f0f3f7;--ga-raised:#f4f6f9;--ga-edge:#dce2e9;--ga-text:#253248;--ga-soft:4px 5px 12px #8394ac30,-4px -4px 10px #ffffffed,inset 0 1px 1px #ffffffc4;--ga-pressed:inset 3px 3px 7px #738aaa45,inset -3px -3px 7px #ffffffed,0 1px 0 #ffffffb3;--ga-accent:#2559a8}html[data-theme=dark]{--ga-surface:#24282e;--ga-raised:#292e35;--ga-edge:#363d47;--ga-text:#edf0f4;--ga-soft:4px 5px 12px #080c135c,-3px -3px 9px #ffffff0b,inset 0 1px 1px #ffffff12;--ga-pressed:inset 3px 3px 8px #080c1380,inset -3px -3px 7px #ffffff10,0 1px 0 #ffffff0a;--ga-accent:#a5c7ff}.ga-icon{display:inline-block;width:21px;height:21px;flex:none;vertical-align:middle}.ga-inline-icon{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center}.ga-inline-icon .ga-icon{width:1.05em;height:1.05em;min-width:14px;min-height:14px}html[data-theme] :is(button,.ga-workshop-link,.ga-combo-tabs button){border-color:var(--ga-edge)!important;transition:background-color .26s ease,box-shadow .28s ease,border-color .26s ease,transform .2s cubic-bezier(.2,.7,.2,1),color .2s ease;box-shadow:var(--ga-soft)!important}html[data-theme] :is(button[aria-pressed=true],button[aria-selected=true]){box-shadow:var(--ga-pressed)!important;border-color:#9cb7dd!important;background:#e0ebfa!important;color:#234f91!important}html[data-theme=dark] :is(button[aria-pressed=true],button[aria-selected=true]){background:#31465f!important;color:#eaf2ff!important;border-color:#6a86a8!important}html[data-theme] button:active{transform:translateY(1px);box-shadow:var(--ga-pressed)!important}html[data-theme] :is(.ga-help-button,.ga-workshop-link,.ga-favorite,.cp-star,.ga-library-back){box-shadow:none!important;background:transparent!important;border:0!important}html[data-theme] button:focus-visible,html[data-theme] a:focus-visible,summary:focus-visible{outline:2px solid var(--ga-accent);outline-offset:3px}html[data-theme] header{display:flex!important;align-items:center!important;gap:24px!important;padding:12px 4% 0!important;min-height:86px;height:auto!important;background:var(--ga-surface)!important;border-bottom:1px solid var(--ga-edge)!important}html[data-theme] header>.brand{align-self:center;margin-bottom:12px;flex-shrink:0}html[data-theme] header nav{display:flex!important;position:static!important;order:0!important;align-self:stretch;align-items:flex-end!important;width:auto!important;height:auto!important;gap:3px!important;padding:0!important;margin:0 auto -1px 0!important;background:transparent!important;border:0!important;box-shadow:none!important}html[data-theme] header nav a{display:flex!important;align-items:center!important;justify-content:center!important;padding:16px 17px!important;min-width:0!important;min-height:54px;font-size:14px!important;color:var(--muted)!important;border:1px solid transparent!important;border-bottom:0!important;border-radius:13px 13px 0 0!important;background:transparent!important;box-shadow:none!important;transform:none!important;white-space:nowrap}html[data-theme] header nav a[aria-current=page]{color:var(--ga-text)!important;background:var(--ga-surface)!important;border-color:var(--ga-edge)!important;box-shadow:-3px -3px 9px #ffffffbf,3px -2px 9px #8394ac24,inset 0 1px 1px #fff!important;font-weight:650}html[data-theme=dark] header nav a[aria-current=page]{box-shadow:-3px -3px 9px #ffffff08,3px -2px 9px #080c1345,inset 0 1px 1px #ffffff12!important}html[data-theme] :is(.ga-combo-tabs>button,.ga-library-doors>button,.cp-new,.hp-new,.cp-card,.hp-group){background-image:linear-gradient(135deg,#ffffff30,transparent 65%)!important}html[data-theme=dark] :is(.ga-combo-tabs>button,.ga-library-doors>button,.cp-new,.hp-new,.cp-card,.hp-group){background-image:linear-gradient(135deg,#ffffff06,transparent 65%)!important}html[data-theme] header nav a::before,html[data-theme] header nav a::after{display:none!important}.ga-workshop-link{display:flex;align-items:center;gap:7px;min-height:44px;color:var(--muted);white-space:nowrap;font-size:13px;text-decoration:none;align-self:center;margin-bottom:12px}.ga-workshop-link .ga-icon{width:19px;height:19px}.ga-workshop-link[aria-current=page]{color:var(--ga-accent)!important}html[data-theme] header>.account-button{margin:0 0 12px!important;align-self:center;flex:none;max-width:150px}.ga-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 28px}.ga-page-heading h1{font-size:30px;margin:0 0 8px}.ga-page-heading p{font-size:15px;color:var(--muted);margin:0}.ga-help-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);white-space:nowrap;min-height:44px;padding:8px!important;font-size:14px!important;flex:none}.intro .ga-help-button{align-self:flex-start;margin-left:auto}.intro .brand-companion{display:none}.ga-library-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0 60px}.ga-library-doors[hidden]{display:none}html[data-theme] .ga-library-doors>button{text-align:left!important;padding:32px!important;border-radius:22px;border:1px solid var(--ga-edge);background:var(--ga-surface)!important;color:var(--ga-text)!important;display:flex;flex-direction:column;align-items:flex-start;min-height:300px}.ga-door-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:26px;border-radius:18px;background:var(--ga-raised);box-shadow:var(--ga-soft);color:var(--ga-accent)}.ga-door-icon .ga-icon{width:34px;height:34px}.ga-library-doors small{font-size:13px;color:var(--muted)}.ga-library-doors h2{font-size:28px;margin:8px 0 14px}.ga-library-doors p{font-size:16px;font-weight:400;line-height:1.7;margin:0 0 30px}.ga-door-footer{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid var(--ga-edge);font-size:14px}.ga-library-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 24px;padding:8px 0!important;color:var(--ga-accent)}.ga-library-back[hidden]{display:none}#library>#learn,#library>#music-stories{scroll-margin-top:120px}.ga-combo-tabs{display:flex;gap:12px;margin:0 0 24px}.ga-combo-tabs>button{display:flex;align-items:center;gap:14px;min-width:220px;padding:16px 20px!important;text-align:left;border:1px solid var(--ga-edge);border-radius:14px;background:var(--ga-surface);color:var(--ga-text)}.ga-combo-tabs>button>.ga-icon{width:28px;height:28px}.ga-combo-tabs span{font-size:17px;font-weight:600}.ga-combo-tabs small{display:block;font-size:12px;font-weight:400;margin-top:5px;color:var(--muted)}#combination :is(#counterpoint-panel,#hand-phrase-panel){background:var(--ga-surface)!important;color:var(--ga-text)!important;border:1px solid var(--ga-edge);border-radius:20px;padding:26px!important;min-height:340px;width:100%;box-shadow:none!important}html[data-theme] .ga-combinations [hidden]{display:none!important}.cp-heading,.cp-work-head,.cp-dialog-head,.cp-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.cp-heading h2{font-size:20px;margin:0 0 6px}.cp-heading p{font-size:14px;color:var(--muted);margin:0}.cp-heading button,.cp-dialog-head button,.cp-work-head button{min-width:44px;min-height:44px;border-radius:10px;padding:10px}.cp-work-head h3{margin:0;font-size:18px;overflow-wrap:anywhere}.cp-meta,#cp-status{font-size:13px;line-height:1.6;color:var(--muted)}#cp-status:empty{margin:8px 0}.cp-cards{display:flex;flex-wrap:wrap;gap:9px;align-items:stretch}.cp-card,.cp-mini-card{flex:0 0 auto;width:218px;padding:12px!important;text-align:left;border:1px solid var(--ga-edge);border-radius:12px;background:var(--ga-raised);color:var(--ga-text)}.cp-card-kind{font-size:12px;color:var(--muted)}.cp-diagram{display:block;width:100%;height:auto}.cp-diagram text{fill:currentColor;font-family:inherit;font-size:10px}.cp-label{font-size:11px!important}.cp-count{color:var(--muted)}.cp-line{stroke:currentColor;stroke-width:1;opacity:.22}.cp-hit{stroke:currentColor;stroke-width:2;fill:none}.cp-dot{fill:currentColor}.cp-rest{fill:currentColor;opacity:.3}.cp-voice-0{color:#527daa}.cp-voice-1{color:#d25b56}.cp-voice-2{color:#c47c32}html[data-theme=dark] .cp-voice-0{color:#93bae6}html[data-theme=dark] .cp-voice-1{color:#f3978f}html[data-theme=dark] .cp-voice-2{color:#f3b479}.cp-add{width:112px;min-height:170px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--ga-edge);border-radius:12px;background:transparent}.cp-add>.ga-icon{width:27px;height:27px}.cp-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:24px}.cp-new{display:flex;align-items:center;justify-content:center;gap:12px;min-height:180px;border-radius:14px;background:var(--ga-raised);font-size:16px}.cp-saved{position:relative;min-width:0}.cp-saved>button[data-cp-preview]{display:block;width:100%;padding:18px;text-align:left;border:1px solid var(--ga-edge);border-radius:14px;background:var(--ga-raised);min-height:180px}.cp-saved strong{display:block;padding-right:36px;overflow-wrap:anywhere}.cp-thumbnail{display:flex;overflow:hidden;margin:14px 0;gap:5px;max-height:116px}.cp-thumbnail .cp-mini-card{width:150px;padding:6px!important;border:0}.cp-saved small{font-size:12px;color:var(--muted)}.cp-star{position:absolute;right:6px;top:6px;width:44px;height:44px;padding:10px!important;color:var(--muted)!important;z-index:2}html[data-theme] .cp-star[aria-pressed=true]{color:#dba420!important;background:transparent!important;box-shadow:none!important}.cp-star[aria-pressed=true] svg{fill:currentColor}.cp-hover{display:none;position:absolute;left:0;top:calc(100% - 4px);z-index:15;width:min(620px,75vw);max-height:370px;overflow:auto;background:var(--ga-raised);border:1px solid var(--ga-edge);border-radius:14px;padding:18px;box-shadow:0 6px 20px #0002}.cp-hover .cp-cards{margin-top:12px}.cp-hover .cp-mini-card{width:175px}#cp-favorites{margin-top:30px}#cp-favorites:empty{display:none}#cp-favorites h3{font-size:15px}@media (hover:hover){.cp-saved:hover>.cp-hover,.cp-saved:focus-within>.cp-hover{display:block}.ga-library-doors>button:hover{transform:translateY(-2px)}}#counterpoint-panel dialog{width:min(620px,calc(100% - 32px));max-width:620px;padding:24px;border:1px solid var(--ga-edge);border-radius:18px;background:var(--ga-surface);color:var(--ga-text)}.cp-dialog-head{margin-bottom:20px}.cp-dialog-head h2{font-size:20px;margin:0}.cp-types{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cp-types button{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 12px;border:1px solid var(--ga-edge);border-radius:12px}.cp-types strong{font-size:20px}.cp-types span{font-size:16px}.cp-types small{font-size:12px}.cp-editor-row{padding:14px 0;border-bottom:1px solid var(--ga-edge)}.cp-editor-row h3{font-size:14px;margin:0 0 10px}.cp-points{display:flex;gap:8px}.cp-points button{flex:1;display:flex;flex-direction:column;gap:8px;align-items:center;min-height:66px;border-radius:9px;border:1px solid var(--ga-edge);background:var(--ga-raised)}.cp-points i{font-size:23px;font-style:normal}.cp-points span{font-size:12px;color:var(--muted)}.cp-editor-row summary{font-size:13px;padding:12px 0;cursor:pointer}.cp-masks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:6px 0}.cp-masks button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid var(--ga-edge);border-radius:8px}.cp-masks i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.2}.cp-masks i.on{opacity:1;width:7px;height:7px}.cp-dialog-actions{margin-top:22px;justify-content:flex-end}.cp-dialog-actions button{min-height:44px;padding:10px 18px;border-radius:9px}#cp-delete{margin-right:auto}#cp-name{display:block;width:100%;margin:12px 0;padding:12px;border:1px solid var(--ga-edge);border-radius:10px;font:inherit}#cp-load{margin-top:20px;min-height:44px;padding:10px 20px}html[data-theme] #ga-help{position:fixed;inset:16px 16px 16px auto;width:min(440px,calc(100% - 32px));max-width:440px;max-height:calc(100dvh - 32px);height:calc(100dvh - 32px);margin:0;padding:24px;border:1px solid var(--ga-edge);border-radius:20px;background:var(--ga-surface)!important;color:var(--ga-text)!important;box-shadow:0 8px 30px #0002!important}#ga-help::backdrop{background:#13203730;backdrop-filter:blur(2px)}.ga-help-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:30px}.ga-help-head button{width:44px;height:44px;border:0;border-radius:10px}#ga-help h2{font-size:24px;line-height:1.4}#ga-help p,#ga-help li{font-size:15px;line-height:1.9}#ga-help ol{padding-left:23px;margin:24px 0}#ga-help li{padding-left:8px;margin:18px 0}#ga-help details{border-top:1px solid var(--ga-edge);padding:16px 0}#ga-help summary{cursor:pointer;font-size:14px}.ga-help-index>div{display:grid;gap:8px;margin-top:16px}.ga-help-index button{text-align:left;padding:12px;border-radius:9px}@media (max-width:1000px){html[data-theme] header{gap:12px!important}html[data-theme] header nav a{padding:15px 11px!important}.ga-workshop-link span{display:none}.ga-workshop-link{width:38px;justify-content:center}.brand-name{display:none}}@media (max-width:600px){html[data-theme] header{display:grid!important;grid-template-columns:1fr 36px auto;gap:8px 10px!important;padding:8px 14px 0!important;min-height:104px}html[data-theme] header>.brand{grid-area:1/1;margin:0!important}.brand-logo{width:84px!important}html[data-theme] header>.ga-workshop-link{grid-area:1/2;margin:0!important;width:36px}html[data-theme] header>.account-button{grid-area:1/3;margin:0!important;max-width:134px;height:42px;min-height:42px}html[data-theme] header nav{grid-area:2/1/3/4;width:100%!important;margin:0 0 -1px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px!important}html[data-theme] header nav a{padding:12px 4px!important;min-height:46px;font-size:14px!important;border-radius:11px 11px 0 0!important}body{padding-bottom:20px!important}main{padding:22px 14px 0!important}.ga-page-heading{gap:10px;margin:0 0 24px}.ga-page-heading h1{font-size:25px}.ga-page-heading p{font-size:14px;line-height:1.6}.intro{flex-wrap:wrap}.intro .ga-help-button{margin:0 0 0 auto;align-self:center}.intro h1{font-size:24px}.ga-help-button{font-size:13px!important;padding:6px!important}.ga-library-doors{grid-template-columns:1fr;gap:18px;margin:0 0 30px}html[data-theme] .ga-library-doors>button{padding:24px!important;min-height:260px}.ga-door-icon{width:50px;height:50px;margin-bottom:18px}.ga-library-doors h2{font-size:25px}.ga-library-doors p{font-size:15px;margin-bottom:22px}.ga-combo-tabs{gap:8px;margin-bottom:18px}.ga-combo-tabs>button{min-width:0;flex:1;gap:8px;padding:12px!important}.ga-combo-tabs>button>.ga-icon{width:23px;height:23px}.ga-combo-tabs span{font-size:15px}.ga-combo-tabs small{font-size:10px}#combination :is(#counterpoint-panel,#hand-phrase-panel){padding:18px 14px!important;border-radius:16px}.cp-heading{align-items:flex-start;flex-wrap:wrap}.cp-heading h2{font-size:18px}.cp-heading p{font-size:13px;line-height:1.6}.cp-card,.cp-mini-card{width:calc(50% - 5px);padding:8px!important}.cp-diagram{min-height:100px}.cp-cards{gap:8px}.cp-add{width:calc(50% - 5px);min-height:140px}.cp-card-kind{font-size:11px}.cp-library{grid-template-columns:1fr;gap:14px}.cp-new{min-height:140px}.cp-thumbnail .cp-mini-card{width:150px}.cp-hover{display:none!important}#counterpoint-panel dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:92dvh;border-radius:20px 20px 0 0;padding:20px 16px calc(24px + env(safe-area-inset-bottom))}.cp-masks{gap:6px}.cp-masks button{gap:5px}.cp-dialog-head h2{font-size:18px}html[data-theme] #ga-help{inset:auto 0 0;width:100%;max-width:none;height:auto;max-height:88dvh;padding:22px 20px calc(24px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.ga-help-head{margin-bottom:20px}}html[data-theme] button{border-style:solid!important}html[data-theme] :is(button.ga-help-button,a.ga-workshop-link,button.ga-favorite,button.cp-star,button.ga-library-back){box-shadow:none!important;background:transparent!important;border:0!important}.cp-card,.hp-group{animation:ga-card-open .26s ease-out}@keyframes ga-card-open{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){#cp-cards{flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 12px;scroll-snap-type:x proximity}#cp-cards .cp-card{width:230px;min-width:230px;scroll-snap-align:start}#cp-cards .cp-add{width:110px;min-width:110px}#cp-preview-cards .cp-mini-card{width:100%;max-width:280px}.cp-diagram text{font-size:12px}.cp-label{font-size:12px!important}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.cp-hover{width:100%;max-width:100%;left:0;right:auto}#combination .combo-card-tools{position:relative;padding:6px 10px 9px;font-size:12px;color:var(--muted);z-index:2}#combination .combo-card-tools summary{cursor:pointer;width:max-content;min-height:30px;display:flex;align-items:center;gap:5px}#combination .combo-card-tools summary::before{content:"\25b8"}#combination .combo-card-tools[open] summary::before{content:"\25be"}#combination .combo-card-tools>div{display:flex;gap:5px}#combination .combo-card-tools button{width:40px;min-height:40px;padding:9px;border:0;border-radius:9px;box-shadow:none!important;background:var(--ga-raised);color:var(--muted)}#combination .combo-card-tools .ga-icon{width:18px;height:18px}#combination :is(.cp-saved,.hp-saved):has(.combo-card-tools:hover) :is(.cp-hover,.hp-hover),#combination :is(.cp-saved,.hp-saved):has(.combo-card-tools[open]) :is(.cp-hover,.hp-hover){display:none}.ga-draft-strip{grid-column:1/-1;order:-1;flex:0 0 100%;display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--ga-edge);min-width:0}.ga-draft-strip>span{flex:1;min-width:0}.ga-draft-strip strong{font-size:13px}.ga-draft-strip small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.ga-draft-strip>button{flex-shrink:0;font-size:13px}html[data-theme] button.ga-delete-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:11px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--muted)}html[data-theme] button.ga-delete-icon:hover{color:#c44c42;background:rgba(200,70,60,.07)!important}html[data-theme] button.ga-delete-icon:active{transform:scale(.94)}.ga-saved-delete{position:absolute;right:4px;top:4px;z-index:3}.cp-saved .cp-star,.hp-saved .ga-favorite{right:48px!important}.cp-saved>button[data-cp-preview] strong,.hp-saved>button[data-preview] strong{padding-right:82px;white-space:normal;min-height:36px}.hp-saved>button[data-preview]{height:auto;min-height:140px}.ga-manage-dialog{width:min(420px,calc(100vw - 32px));padding:24px;border:1px solid var(--ga-edge);border-radius:18px;background:var(--ga-raised);color:var(--ink)}.ga-manage-dialog h2{font-size:19px;overflow-wrap:anywhere}.ga-manage-dialog p{font-size:14px;line-height:1.7}.ga-manage-dialog>div{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.ga-manage-dialog [data-confirm]{color:#c44c42}.ga-manage-dialog::backdrop{background:rgba(10,20,35,.32)}@media (max-width:600px){.ga-draft-strip{flex-wrap:wrap}.ga-draft-strip>span{flex-basis:calc(100% - 130px)}.ga-draft-strip small{max-width:170px}.hp-saved{width:100%!important}}@media (max-width:600px){.ga-draft-strip{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:6px}.ga-draft-strip>button{padding:8px!important}.ga-draft-strip small{font-size:11px}}.ga-draft-strip>button{min-height:44px;padding:10px 14px;border-radius:10px}:root{--ga-soft:4px 5px 13px #8090a625,-4px -4px 13px #ffffffbb;--ga-pressed:inset 3px 3px 8px #7e92ac30,inset -3px -3px 8px #ffffffb8}html[data-theme=dark]{--ga-soft:4px 5px 13px #080c134a,-4px -4px 13px #ffffff09;--ga-pressed:inset 3px 3px 8px #080c1366,inset -3px -3px 8px #ffffff0d}html[data-theme] body :is(button,button[aria-pressed],button[aria-selected]){border-color:transparent!important}html[data-theme] :is(.ga-combo-tabs>button,.ga-library-doors>button,.cp-new,.hp-new,.cp-card,.hp-group){background-image:none!important}html[data-theme] header nav a[aria-current=page]{border-color:transparent!important;box-shadow:-4px -4px 12px #ffffff99,4px -2px 12px #8192aa1c!important}html[data-theme=dark] header nav a[aria-current=page]{box-shadow:-4px -4px 12px #ffffff08,4px -2px 12px #080c1344!important}#combination :is(#counterpoint-panel,#hand-phrase-panel){border-color:transparent!important;min-height:320px}#hp-library,#cp-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-top:22px;align-items:stretch}#hp-library[hidden],#cp-library[hidden]{display:none!important}#hp-library .hp-new,#cp-library .cp-new{width:100%;min-width:0;min-height:180px;border-radius:16px;font-size:15px!important;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;background:var(--ga-raised)}.hp-saved{width:100%!important}.hp-saved>button[data-preview],.cp-saved>button[data-cp-preview]{width:100%;min-height:180px;border-radius:16px;padding:18px!important;background:var(--ga-raised)}.hp-heading h2{font-size:20px;margin:0 0 6px}.hp-heading p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}.hp-heading{align-items:center}.hp-thumbnail{margin:14px 0;height:55px}.hp-saved small{font-size:12px}.cp-heading p{line-height:1.6}.cp-card{width:242px;min-height:190px}.cp-diagram .cp-hit{stroke-width:2.2!important;opacity:1}.cp-diagram .cp-dot{opacity:1}.cp-diagram .cp-line{opacity:.28}.cp-diagram .cp-rest{opacity:.25}.cp-count{font-weight:600}.cp-accents{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.cp-editor-row:has(.cp-points>button:nth-child(3):last-child) .cp-accents{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-accents button{min-height:36px;padding:6px;font-size:12px;border-radius:9px}.cp-accents button:disabled{opacity:.25;box-shadow:none!important}.cp-work-head,.hp-work-title{margin:18px 0 14px}.hp-work-title strong,.cp-work-head h3{font-size:16px}.cp-add,.hp-add-next{border-color:transparent!important;background:var(--ga-raised);border-radius:14px}@media (max-width:600px){#hp-library,#cp-library{grid-template-columns:1fr;gap:16px}#hp-library .hp-new,#cp-library .cp-new{min-height:150px}.hp-heading h2{font-size:18px}.hp-heading p{font-size:13px}}html[data-theme] body header nav{gap:10px!important;padding-bottom:10px!important;margin-bottom:0!important;align-items:center!important}html[data-theme] body header nav a,html[data-theme] body .practice-switch button{border:1px solid transparent!important;border-radius:12px!important;background:var(--ga-surface)!important;color:var(--ga-text)!important;box-shadow:var(--ga-soft)!important;transition:box-shadow .28s ease,background-color .26s ease,color .2s ease}html[data-theme] body header nav a[aria-current=page],html[data-theme] body .practice-switch button[aria-pressed=true]{background:#e0ebfa!important;color:#234f91!important;box-shadow:var(--ga-pressed)!important;border-color:transparent!important}html[data-theme=dark] body header nav a[aria-current=page],html[data-theme=dark] body .practice-switch button[aria-pressed=true]{background:#31465f!important;color:#eaf2ff!important}html[data-theme] body .practice-switch{gap:12px;margin-bottom:20px;border:0!important;background:transparent!important;box-shadow:none!important}html[data-theme] body .practice-switch button{min-height:64px;padding:13px 22px!important;margin:0!important}.cp-work-head:has(#cp-title[hidden]),.hp-work-title:has(#hp-title[hidden]){justify-content:flex-end;margin-top:8px}#cp-title[hidden],#hp-title[hidden]{display:none!important}.ga-door-icon:has(path[d^="M2.5 17"]) .ga-icon{width:38px;height:38px}@media (max-width:600px){html[data-theme] body header nav{gap:8px!important;padding:4px 0 10px!important}html[data-theme] body header nav a{min-height:44px;padding:10px 3px!important;border-radius:10px!important}html[data-theme] body .practice-switch button{min-height:58px;padding:10px 14px!important}}@media (prefers-reduced-motion:reduce){html[data-theme] body header nav a,html[data-theme] body .practice-switch button{transition:none!important}}html{scrollbar-gutter:stable}html[data-theme] body header{background:var(--ga-surface)!important;border-bottom-color:transparent!important}html[data-theme] body header nav a{box-shadow:1px 2px 6px #8090a612,-2px -2px 6px #ffffff66!important;background:transparent!important}html[data-theme] body header nav a[aria-current=page]{box-shadow:inset 2px 2px 6px #7e92ac25,inset -2px -2px 6px #ffffff88!important;background:#e6eef9!important}html[data-theme=dark] body header nav a{box-shadow:1px 2px 6px #080c1325,-2px -2px 6px #ffffff05!important}html[data-theme=dark] body header nav a[aria-current=page]{background:#2d4058!important;box-shadow:inset 2px 2px 6px #080c1344,inset -2px -2px 6px #ffffff09!important}html[data-theme] body #practice{background:var(--ga-surface);border-radius:20px;row-gap:0!important;align-content:start;overflow-anchor:none;min-height:calc(100svh - var(--ga-header-height,100px))}html[data-theme] body #practice>.practice-switch{position:relative;top:auto;z-index:1;grid-column:1/-1;box-sizing:border-box;height:94px;margin:0!important;padding:16px 26px 14px!important;align-items:center;gap:12px;background:var(--ga-surface)!important;border-radius:20px 20px 0 0}html[data-theme] body #practice>.practice-switch button{height:64px;min-height:64px;flex:0 0 auto;transform:none!important}html[data-theme] body #practice>:is(.practice-main,#rudiment-panel){background:var(--ga-surface)!important;border:0!important;border-radius:0 0 20px 20px!important;box-shadow:none!important;padding:20px 26px 28px!important;grid-row:2;min-width:0}html[data-theme] body #practice>.metronome{grid-row:2;margin:0 18px 18px 0;align-self:start}html[data-theme] body .intro .ga-help-button{align-self:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1;gap:7px}.ga-help-button>.ga-icon,.ga-help-button>.ga-inline-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px}.ga-help-button svg{display:block;width:20px;height:20px}html[data-theme] body :is(.ga-tempo-stepper button,.tempo>button){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px;height:40px;min-width:40px;padding:0!important;line-height:1;border:0!important;border-radius:11px;background:var(--ga-surface)!important;color:var(--ga-text)!important;box-shadow:var(--ga-soft)!important}html[data-theme] body :is(.ga-tempo-stepper button,.tempo>button):active{box-shadow:var(--ga-pressed)!important;transform:translateY(1px)}.ga-tempo-stepper button svg,.tempo>button svg{width:18px;height:18px;display:block}.ga-tempo-stepper{gap:9px!important;align-items:center}.catalog-card>span:first-child{display:block;white-space:normal;word-break:normal;overflow-wrap:break-word}.catalog-card>span:first-child .ga-inline-icon{display:inline-flex!important;vertical-align:middle}html[data-theme] body .ga-door-icon .ga-icon{width:34px;height:34px;stroke-width:1.45}@media (max-width:740px){html[data-theme] body #practice>.practice-switch{height:84px;padding:12px 14px!important}html[data-theme] body #practice>.practice-switch button{height:60px;min-height:60px;flex:1}html[data-theme] body #practice>:is(.practice-main,#rudiment-panel){padding:16px 14px 24px!important}html[data-theme] body #practice>.metronome{grid-row:auto;margin:12px 0 0}.ga-tempo-stepper{gap:6px!important}}.ga-clear-editor{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:10px!important;border-radius:10px}.ga-clear-editor svg{width:21px;height:21px}.cp-work-head,#hand-phrase-panel .hp-work-title{display:flex;align-items:center;gap:12px}html[data-theme] body #practice .row-label{background:transparent!important;border:0!important;box-shadow:none!important;text-align:center!important;align-self:center;justify-content:center;align-items:center;padding:0!important}.ga-combination-actions,.ga-editor-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.ga-editor-actions[hidden]{display:none!important}html[data-theme] body #combination .ga-combination-actions button[hidden]{display:none!important}html[data-theme] body #combination .ga-combination-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;min-height:44px;margin:0!important;padding:10px 14px!important;background:var(--ga-surface)!important;border:0!important;border-radius:11px!important;box-shadow:var(--ga-soft)!important;color:var(--ga-text)!important;line-height:1.2}html[data-theme] body #combination .ga-editor-actions button{width:44px;min-width:44px;padding:10px!important}html[data-theme] body #combination .ga-combination-actions button:active{box-shadow:var(--ga-pressed)!important;transform:translateY(1px)}.ga-combination-actions svg{display:block;width:20px;height:20px}.cp-heading,.hp-heading{align-items:flex-start;flex-wrap:wrap;gap:18px}.cp-work-head:has(>[hidden]:only-child),.hp-work-title:has(>[hidden]:only-child){display:none!important}html[data-theme] body #combination #hand-phrase-panel :is(.hp-group,.hp-add-next,.hp-new){box-shadow:var(--ga-soft)!important;background:var(--ga-raised)!important;border:0!important}html[data-theme] body #combination #hand-phrase-panel :is(.hp-group,.hp-add-next,.hp-new):active{box-shadow:var(--ga-pressed)!important}#journal .j-layout{display:block}#journal .j-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}#journal #journal-day{grid-column:1;grid-row:1;margin:0}#journal #journal-block-library{grid-column:2;grid-row:1;margin:0}#journal .j-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:24px;position:static;max-height:none;overflow:visible}#journal .j-blocks{grid-template-columns:1fr}#journal .j-block{min-width:0}html[data-theme] body #journal .j-block-pick{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px;text-align:left}#journal .j-block-pick strong{min-width:0;overflow-wrap:anywhere}#journal .j-block-pick>span{flex-shrink:0}#journal .j-section-head h2{font-size:21px}#journal .j-filter{margin-bottom:16px}@media (max-width:600px),(min-width:601px) and (max-width:1000px) and (orientation:portrait){#journal .j-main,#journal .j-side{display:block}#journal .j-side{margin-top:0}#journal .j-side>.j-card{margin-bottom:18px}#journal .j-block-pick{gap:10px}.ga-combination-actions{width:100%;justify-content:flex-end;gap:10px}.ga-editor-actions{gap:10px}}button{vertical-align:middle}button:has(>.ga-icon),button:has(>.ga-inline-icon),button.ga-icon-action{display:inline-flex;align-items:center!important;justify-content:center;gap:6px;vertical-align:middle;line-height:1.4}button[hidden]{display:none!important}button>.ga-icon,button>.ga-inline-icon{flex-shrink:0;align-self:center;vertical-align:middle}button>.ga-icon,button>.ga-inline-icon>svg,button.ga-icon-action>svg{display:block}button>.ga-inline-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}html[data-theme] body :is(.ga-action-row,.j-entry-actions,.j-form-actions,.j-tools,.hp-actions,.cp-actions,.ga-combination-actions,.ga-editor-actions,.wf-actions){align-items:center}.ga-action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}html[data-theme] body :is(.ga-action-row,.j-entry-actions,.j-form-actions,.hp-actions,.cp-actions,.ga-editor-actions)>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-height:44px;height:44px;line-height:1.4;margin:0!important;vertical-align:middle}html[data-theme] body #journal .ga-action-row>button{padding:8px 12px!important}html[data-theme] body #journal .ga-action-row>.ga-icon-action{width:44px;min-width:44px;padding:10px!important}html[data-theme] body #journal .ga-action-row>.ga-icon-action>svg{width:20px;height:20px}html[data-theme] body :is(.j-section-head>div,.hp-dialog-head,.cp-dialog-head){align-items:center}.journal-main-views{display:flex;gap:12px;margin:20px 0 24px}.journal-main-views>button{min-width:145px;min-height:54px}#journal .j-main{display:block!important}#journal #journal-day,#journal #journal-block-library,#journal #journal-insights{display:none!important}#journal[data-view=today] #journal-day,#journal[data-view=blocks] #journal-block-library{display:block!important}#journal[data-view=insights] #journal-insights{display:grid!important;margin:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}#journal .j-date-row[hidden],#journal #j-log-detail[hidden]{display:none!important}#j-log-detail{grid-column:1/-1}#j-log-detail h3{margin:0}#j-log-detail .j-record-details{margin-top:16px}#journal .j-blocks,#j-picker-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.j-picker{margin-top:26px;padding-top:20px;border-top:1px solid #a0adc322}#journal .j-pick-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;min-height:140px;padding:18px;min-width:0}.j-pick-card strong{font-size:16px;overflow-wrap:anywhere}.j-pick-card small{color:var(--muted)}.j-pick-card>span{font-size:13px;color:#406db0;margin-top:auto}#journal .j-pick-card:disabled{opacity:.62}#journal .j-save-bottom{margin-top:24px}html[data-theme] body #practice>.practice-switch{align-items:flex-end;padding-bottom:0!important}html[data-theme] body #practice>.practice-switch button[aria-pressed=true]{position:relative;background:var(--ga-surface)!important;border-radius:12px 12px 0 0!important;box-shadow:-3px -3px 9px #ffffff88,3px -2px 9px #8293aa18!important;height:78px;min-height:78px;z-index:1}html[data-theme] body #practice>.practice-switch button[aria-pressed=true]::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:14px;background:var(--ga-surface);pointer-events:none}html[data-theme=dark] body #practice>.practice-switch button[aria-pressed=true]{box-shadow:-3px -3px 9px #ffffff06,3px -2px 9px #080c1322!important}html[data-theme] body #practice>.practice-switch button:not([aria-pressed=true]){margin-bottom:12px}@media (max-width:740px){.journal-main-views>button{flex:1;min-width:0}#journal[data-view=insights] #journal-insights{grid-template-columns:1fr}#journal .j-blocks,#j-picker-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#journal .j-pick-card{padding:14px;min-height:145px}#journal #journal-block-library>.j-section-head{flex-wrap:wrap}html[data-theme] body #practice>.practice-switch button[aria-pressed=true]{height:72px;min-height:72px}}html[data-theme] body #practice{background:transparent;box-shadow:none}html[data-theme] body #practice>.practice-switch{background:transparent!important;border-radius:0;padding-top:8px!important}html[data-theme] body #practice>:is(.practice-main,#rudiment-panel){background:var(--ga-raised)!important;box-shadow:0 9px 24px #8190a31c,inset 0 1px 0 #ffffffba!important;border-radius:0 18px 18px 18px!important}html[data-theme] body #practice>.practice-switch button[aria-pressed=true]{background:var(--ga-raised)!important;box-shadow:-5px -4px 14px #ffffffb0,5px -3px 12px #8091aa22!important;border-radius:14px 14px 0 0!important}html[data-theme] body #practice>.practice-switch button[aria-pressed=true]::after{background:var(--ga-raised);bottom:-14px;height:16px;z-index:2}html[data-theme=dark] body #practice>.practice-switch button[aria-pressed=true]{box-shadow:-4px -4px 14px #ffffff08,5px -3px 12px #080c1366!important}#journal .j-plan-line{align-items:center;gap:16px}html[data-theme] body #journal .j-name-button{width:auto!important;min-width:0;max-width:100%;flex:1 1 130px;height:auto!important;min-height:44px;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-align:left;justify-content:flex-start;padding:10px 12px!important;line-height:1.6!important}html[data-theme] body #journal button[data-j=complete]{background:#e1eee8!important;color:#245f4c!important;box-shadow:3px 3px 9px #698b7c18,-3px -3px 9px #ffffff99!important}html[data-theme=dark] body #journal button[data-j=complete]{background:#29483f!important;color:#c4e6d7!important;box-shadow:3px 3px 9px #00000030,-2px -2px 7px #ffffff04!important}.metro-settings{grid-column:1/-1;margin-top:20px;border-top:1px solid #8191a522;padding-top:12px}.metro-settings summary{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:13px}.metro-settings label{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;font-size:13px;margin-top:14px}.metro-settings select{width:100%;min-width:0;min-height:40px;border:0;border-radius:8px;padding:6px;background:var(--ga-surface);color:var(--ga-text)}.pulse{flex-wrap:wrap}#j-floating-timer{position:fixed;right:22px;bottom:22px;z-index:45;display:flex;align-items:center;gap:12px;background:var(--ga-raised,#fff);color:var(--ga-text);box-shadow:0 6px 28px #33466326;border-radius:16px;padding:12px 16px;max-width:calc(100vw - 24px)}#j-floating-timer[hidden]{display:none}#j-floating-timer>div{min-width:0;display:grid;gap:2px}#j-floating-timer small{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#j-floating-timer strong{font-variant-numeric:tabular-nums;font-size:22px}#j-floating-timer button{height:44px;border:0;border-radius:10px;background:var(--ga-surface);color:inherit;padding:8px 12px;white-space:nowrap;box-shadow:var(--ga-soft)}body:has(#j-floating-timer:not([hidden])){padding-bottom:90px}@media (max-width:600px){#j-floating-timer{right:12px;bottom:12px;gap:8px;padding:10px}#j-floating-timer small{max-width:120px}#j-floating-timer button{padding:8px}.j-plan-line{flex-wrap:wrap}.metro-settings{margin-top:12px}}.cp-work-head,.hp-work-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cp-work-head h3,.hp-work-title strong{margin:0;overflow-wrap:anywhere}.ga-rename-button{min-height:36px;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;color:#26568a;font-size:12px}.ga-manage-dialog form{display:grid;gap:12px}.ga-manage-dialog form input{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px}.ga-manage-dialog form>div{display:flex;align-items:center;justify-content:flex-end;gap:10px}.ga-manage-dialog form button{min-height:44px}.ga-manage-dialog form [type=submit]{background:#dce9f7;color:#234e7a}:root{--ga-sheet-shadow:0 9px 24px #8190a31c;--ga-tab-shadow:-5px -4px 14px #ffffffb0,5px -3px 12px #8091aa22}html[data-theme=dark]{--ga-sheet-shadow:0 9px 24px #070a1045;--ga-tab-shadow:-4px -4px 12px #ffffff08,5px -3px 12px #080c1350}html[data-theme] body #practice>:is(.practice-main,#rudiment-panel){background:var(--ga-raised)!important;box-shadow:var(--ga-sheet-shadow)!important;border:0!important}html[data-theme] body #practice>.practice-switch button[aria-pressed=true]{background:var(--ga-raised)!important;box-shadow:var(--ga-tab-shadow)!important;border:0!important}html[data-theme] body #practice>.practice-switch button[aria-pressed=true]::after{background:var(--ga-raised)!important;left:0;right:0;bottom:-14px;height:16px;box-shadow:none!important;border:0}html[data-theme] body #account-dialog .account-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:20px;margin-top:22px}html[data-theme] body #account-dialog .account-links button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:46px;padding:12px 18px!important;font-size:14px!important;font-weight:500;line-height:1.5!important;letter-spacing:.02em;background:var(--ga-surface)!important;color:var(--ga-text)!important;border:0!important;border-radius:11px;box-shadow:var(--ga-soft)!important}@media (max-width:740px){html[data-theme=light]{--ga-soft:3px 4px 8px #7b8ca638,-3px -3px 8px #fffffff0;--ga-pressed:inset 3px 3px 6px #758ba64a,inset -3px -3px 6px #ffffffd9}html[data-theme=dark]{--ga-soft:3px 4px 8px #070b146b,-3px -3px 8px #ffffff0e;--ga-pressed:inset 3px 3px 6px #060a137d,inset -3px -3px 6px #ffffff12}html[data-theme] body :is(.ga-combo-tabs button,.journal-main-views button,.j-period-tabs button,.styles button,.catalog-card,.cp-card,.hp-group,.cp-new,.hp-new,.j-pick-card,.ga-appearance button){box-shadow:var(--ga-soft)!important;border-color:transparent!important}html[data-theme] body :is(.ga-combo-tabs button,.journal-main-views button,.j-period-tabs button,.styles button,.catalog-card,.ga-appearance button)[aria-pressed=true]{box-shadow:var(--ga-pressed)!important;border-color:transparent!important}html[data-theme] body :is(.cp-card,.hp-group,.cp-new,.hp-new,.j-pick-card):active{box-shadow:var(--ga-pressed)!important}html[data-theme] body header nav a{box-shadow:var(--ga-soft)!important}html[data-theme] body header nav a[aria-current=page]{box-shadow:var(--ga-pressed)!important}html[data-theme] body #account-dialog .account-links{gap:12px}html[data-theme] body #account-dialog .account-links button{padding:12px 14px!important}}html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs{display:flex;gap:12px;margin:20px 0 24px}html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs>button{display:flex;align-items:center;justify-content:center;gap:14px;box-sizing:border-box;width:220px;min-width:220px;min-height:78px;height:78px;flex:0 0 auto;padding:16px 20px!important;border-radius:14px;border:0!important;background:var(--ga-surface)!important;color:var(--ga-text)!important;box-shadow:var(--ga-soft)!important;text-align:left;line-height:1.4}html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs>button[aria-pressed=true]{background:#e0ebfa!important;color:#234f91!important;box-shadow:var(--ga-pressed)!important}html[data-theme=dark] body :is(#journal,#combination,#practice) .ga-combo-tabs>button[aria-pressed=true]{background:#31465f!important;color:#eaf2ff!important}html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs>button>.ga-icon{width:28px;height:28px;flex:0 0 28px}html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs>button>span{font-size:17px;font-weight:600;line-height:1.4}html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs small{display:block;font-size:12px;font-weight:400;margin-top:5px;line-height:1.4}@media (max-width:740px){html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs{gap:12px;margin-bottom:18px}html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs>button{width:auto;min-width:0;flex:1;gap:8px;padding:12px!important;height:72px;min-height:72px}html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs>button>.ga-icon{width:23px;height:23px;flex-basis:23px}html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs>button>span{font-size:15px}html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs small{font-size:10px}}html[data-theme] body #journal .j-timer{background:var(--ga-surface)!important;color:var(--ga-text)!important;border:0;box-shadow:var(--ga-pressed)}#journal #journal-day>.j-section-head:first-child{gap:20px;margin-bottom:22px;min-height:48px}#journal #j-today{padding:12px 20px!important;min-height:46px;line-height:1.5;flex-shrink:0}#journal #j-day-summary{margin-top:0}@media (max-width:600px){#journal #journal-day>.j-section-head:first-child{gap:12px;margin-bottom:18px}#journal #j-today{padding:11px 15px!important}}html[data-theme] body #practice>.practice-nav{grid-column:1/-1;grid-row:1;position:relative;align-self:start;align-items:center;padding:0!important;margin:0 0 24px!important;background:transparent!important;border:0!important;box-shadow:none!important}@media (max-width:740px){html[data-theme] body #practice>.practice-nav{margin-bottom:18px!important}}html[data-theme] body #journal .j-inline-minutes{display:inline-flex;align-items:center;justify-content:center;gap:5px}html[data-theme] body #journal .j-inline-minutes input{text-align:center!important;padding-left:4px!important;padding-right:4px!important;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}#journal .j-inline-minutes input::-webkit-inner-spin-button,#journal .j-inline-minutes input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}html[data-theme] body #practice>:is(.practice-main,#rudiment-panel){border-radius:18px!important}html[data-theme] body #practice>.practice-switch button[aria-pressed=true]::before{content:"";position:absolute;left:-12px;right:-12px;bottom:-1px;height:13px;background:radial-gradient(circle at 0 0,transparent 12px,var(--ga-raised) 12.5px) left bottom/12px 13px no-repeat,radial-gradient(circle at 100% 0,transparent 12px,var(--ga-raised) 12.5px) right bottom/12px 13px no-repeat;pointer-events:none}html[data-theme] body #library .coach-note{border:0!important;border-radius:14px!important;padding:16px 20px;background:var(--ga-raised)!important;box-shadow:var(--ga-soft)!important}html[data-theme] body #library .course-overview{border:0!important;border-radius:14px!important;padding:16px 20px;background:var(--ga-surface)!important;box-shadow:none!important;box-sizing:border-box}html[data-theme] body #library .course-overview>div{min-width:0}html[data-theme] body #library #course-meter{max-width:100%}#combination :is(.cp-heading,.hp-heading){display:flex;align-items:center;justify-content:space-between;gap:16px}#combination :is(.cp-heading,.hp-heading)>.ga-combination-actions{margin-left:auto}@media (max-width:600px){html[data-theme] body #library :is(.coach-note,.course-overview){padding:14px}#combination :is(.cp-heading,.hp-heading){flex-wrap:wrap;gap:12px}}html[data-theme] body #practice>.practice-switch{align-items:flex-end!important;gap:4px!important;padding-bottom:0!important;height:86px}html[data-theme] body #practice>.practice-switch button{position:relative;isolation:isolate;box-sizing:border-box;border:0!important;border-radius:14px 14px 0 0!important;background:var(--ga-raised)!important;height:78px;min-height:78px;box-shadow:var(--ga-tab-shadow)!important}html[data-theme] body #practice>.practice-switch button[aria-pressed=true]{height:64px;min-height:64px;box-shadow:var(--ga-pressed)!important}html[data-theme] body #practice>.practice-switch button::after{display:block!important;content:""!important;position:absolute;left:0!important;right:0!important;bottom:-2px!important;height:4px!important;background:var(--ga-raised)!important;border:0!important;box-shadow:none!important;pointer-events:none}html[data-theme] body #practice>.practice-switch button::before{display:none!important}@media (max-width:600px){html[data-theme] body>header{box-sizing:border-box;width:100%;grid-template-columns:minmax(0,1fr) 36px auto;grid-template-rows:auto auto!important;height:auto!important;min-height:0!important;padding:10px 14px 14px!important;gap:12px 10px!important}html[data-theme] body>header nav{box-sizing:border-box;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:auto;align-self:stretch!important;align-items:stretch!important;width:100%!important;min-width:0;height:auto!important;margin:0!important;padding:0!important;gap:8px!important;inset:auto!important}html[data-theme] body>header nav a{box-sizing:border-box;width:100%;min-width:0!important;max-width:100%;height:44px!important;min-height:44px!important;margin:0!important;padding:10px 2px!important;line-height:24px!important;border-radius:11px!important;transform:none!important}html[data-theme] body>header nav a::before,html[data-theme] body>header nav a::after{display:none!important;content:none!important}html[data-theme] body #practice>.practice-switch{height:78px;padding-top:6px!important;padding-bottom:0!important}html[data-theme] body #practice>.practice-switch button{height:72px;min-height:72px}html[data-theme] body #practice>.practice-switch button[aria-pressed=true]{height:60px;min-height:60px}}html[data-theme] body #practice>[hidden]{display:none!important}@media (max-width:767px){html[data-theme] body #practice>.metronome:not([hidden]){grid-column:1/-1;grid-row:3!important;position:static!important;margin:20px 0 0!important;width:100%;box-sizing:border-box}}html[data-theme] body #home{max-width:1180px;margin:auto;padding:48px 0 30px;min-height:calc(100svh - 180px)}.home-intro{text-align:center;margin-bottom:48px}.home-kicker{font-size:12px;letter-spacing:3px;color:var(--muted)}.home-intro h1{font-size:54px;letter-spacing:4px;margin:20px 0 16px;line-height:1.25}.home-intro h1 span{display:block;font-size:22px;font-weight:500;letter-spacing:1px;margin-top:18px}.home-intro p{font-size:15px;color:var(--muted);margin:0}.home-rooms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}html[data-theme] body .home-room{display:block;min-width:0;background:var(--ga-surface);color:var(--ga-text);border-radius:22px;padding:26px 24px;text-decoration:none;box-shadow:var(--ga-soft);transition:box-shadow .2s,transform .2s}.home-room-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.home-icon{display:flex;color:var(--brand-blue);padding:10px;border-radius:13px;box-shadow:var(--ga-pressed)}.home-icon svg{width:26px;height:26px}.home-room-top small{font-size:10px;letter-spacing:1px;color:var(--muted)}.home-room h2{font-size:23px;margin:30px 0 12px}.home-room p{font-size:14px;line-height:1.8;color:var(--muted);min-height:51px;margin:0}.home-enter{display:flex;justify-content:space-between;align-items:center;font-size:13px;border-top:1px solid var(--ga-edge);padding-top:20px;margin-top:26px}.home-enter svg{width:19px;height:19px}html[data-theme] body .home-room:active{box-shadow:var(--ga-pressed);transform:translateY(2px)}.home-room:focus-visible{outline:2px solid #5e83b4;outline-offset:6px}#home-resume{display:flex;width:fit-content;align-items:center;gap:10px;margin:30px auto 0;color:var(--ga-text);font-size:14px;text-decoration:none;padding:12px 20px;border-radius:12px;box-shadow:var(--ga-soft)}#home-resume svg{width:18px;height:18px}.home-signoff{text-align:center;font-size:12px;color:var(--muted);margin:32px 0 0}html[data-theme] body #j-calendar{gap:8px}html[data-theme] body #j-calendar .j-day{position:relative;border:1px solid transparent!important;border-radius:12px;background:transparent!important;color:var(--ga-text)!important;box-shadow:none!important;min-height:58px;padding:8px 0 12px;gap:3px}html[data-theme] body #j-calendar .j-day small{color:var(--muted)!important;font-size:10px}html[data-theme] body #j-calendar .j-day:not(.j-level-0)::after{content:"";position:absolute;bottom:5px;width:16px;height:3px;border-radius:3px;background:#829bb5}html[data-theme] body #j-calendar .j-level-1::after{width:8px;opacity:.65}html[data-theme] body #j-calendar .j-level-3::after{width:24px;background:#4f7787}html[data-theme] body #j-calendar .j-selected{background:var(--ga-surface)!important;box-shadow:var(--ga-pressed)!important;border-color:var(--ga-edge)!important}html[data-theme] body #j-calendar .j-is-today>span{font-weight:750;text-decoration:none;color:#447da0}html[data-theme] body #j-calendar .j-match{outline:1px solid #648e9e;outline-offset:-2px}@media (max-width:900px){.home-rooms{grid-template-columns:repeat(2,minmax(0,1fr))}.home-intro{margin-bottom:32px}html[data-theme] body #home{padding-top:24px}}@media (max-width:600px){.home-intro h1{font-size:38px}.home-intro h1 span{font-size:18px}.home-kicker{font-size:10px;letter-spacing:2px}.home-rooms{gap:16px}html[data-theme] body .home-room{padding:20px 16px;border-radius:18px}.home-room-top small{display:none}.home-room h2{font-size:20px;margin-top:22px}.home-room p{font-size:13px;min-height:70px}.home-enter{font-size:12px;margin-top:18px;padding-top:16px}.home-signoff{line-height:1.7}html[data-theme] body #j-calendar{gap:4px}}@media (prefers-reduced-motion:reduce){.home-room{transition:none!important}}@media (max-width:600px){html[data-theme] body #home{padding-top:10px}.home-intro{margin-bottom:24px}.home-intro h1{margin:14px 0 10px}.home-intro h1 span{margin-top:10px}.home-intro p{font-size:13px}.home-room h2{margin:14px 0 8px}.home-room p{min-height:44px;line-height:1.6}.home-icon{padding:7px}.home-icon svg{width:22px;height:22px}.home-enter{margin-top:12px;padding-top:12px}}@media (max-width:740px){html[data-theme=light]{--ga-soft:4px 5px 12px #8394ac30,-4px -4px 10px #ffffffed,inset 0 1px 1px #ffffffc4;--ga-pressed:inset 3px 3px 7px #738aaa45,inset -3px -3px 7px #ffffffed,0 1px 0 #ffffffb3}html[data-theme=dark]{--ga-soft:4px 5px 12px #080c135c,-3px -3px 9px #ffffff0b,inset 0 1px 1px #ffffff12;--ga-pressed:inset 3px 3px 8px #080c1380,inset -3px -3px 7px #ffffff10,0 1px 0 #ffffff0a}html[data-theme] body main{padding:28px 16px 0!important}html[data-theme] body #practice:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:0!important;width:100%;min-width:0}.intro,.ga-page-heading,.j-heading{margin-bottom:24px!important;gap:12px!important}html[data-theme] body :is(.intro,.ga-page-heading,.j-heading) h1{font-size:26px!important;line-height:1.3;letter-spacing:-.5px}html[data-theme] body :is(.intro,.ga-page-heading,.j-heading) p{font-size:14px!important;line-height:1.7;max-width:none}html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs{width:100%;gap:12px;margin:0 0 24px!important}html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs>button{height:72px;min-height:72px;flex:1 1 0;min-width:0;width:0;padding:12px!important;gap:10px;border-radius:14px}html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs>button>span{font-size:15px}html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs small{font-size:11px;line-height:1.4;margin-top:4px}html[data-theme] body #practice>:is(.practice-main,#rudiment-panel){padding:20px 16px!important;border-radius:18px!important;min-width:0}html[data-theme] body .responsive-catalog{border:0!important;background:transparent!important;padding:0!important;margin:16px 0 24px!important;box-shadow:none!important}.responsive-catalog>summary{display:none!important}.catalog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}html[data-theme] body .catalog-card{padding:12px!important;min-height:124px;border-radius:12px;font-size:14px!important}.catalog-card>span,.catalog-card em{line-height:1.6;overflow-wrap:anywhere}.catalog-card>span:not(:first-child),.catalog-card em{font-size:11px!important}.practice-main .play-row{position:relative!important;top:auto!important;flex-wrap:wrap;background:transparent!important;box-shadow:none!important;gap:12px!important;padding:16px 0!important}html[data-theme] body #practice>.metronome:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px!important;padding:22px!important;border-radius:18px;align-items:center!important}#practice>.metronome h2{grid-column:1/-1;font-size:16px!important}.metronome>.section-top{display:none!important}html[data-theme] body #practice>.metronome .tempo{grid-column:1/-1;grid-row:auto;gap:16px;margin:0!important}html[data-theme] body #practice>.metronome .tempo .ga-tempo-trigger{font-size:44px!important;width:96px!important}html[data-theme] body #practice>.metronome .pulse{grid-column:1/-1;grid-row:auto;margin:0!important}html[data-theme] body #practice>.metronome :is(.volume-control,#metro,.metro-settings,p){grid-column:1/-1;grid-row:auto;order:initial;width:100%;margin:0!important}html[data-theme] body #practice>.metronome p{font-size:12px;line-height:1.7}html[data-theme] body #practice>.metronome .metro-settings{padding-top:14px;margin-top:0!important}html[data-theme] body .ga-library-doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html[data-theme] body .ga-library-doors>button{padding:20px 16px!important;min-height:230px;border-radius:18px}.ga-library-doors h2{font-size:21px!important}.ga-library-doors p{font-size:13px!important;line-height:1.7}.ga-door-icon{width:42px;height:42px;margin-bottom:18px}html[data-theme] body #combination :is(#counterpoint-panel,#hand-phrase-panel){padding:20px 16px!important;border-radius:18px}#cp-library .cp-new,#hp-library .hp-new{min-height:96px!important}.cp-heading p,.hp-heading p{font-size:14px!important}html[data-theme] body #journal .j-card{padding:20px 16px!important;border-radius:18px}html[data-theme] body #j-plans{grid-template-columns:1fr!important;gap:12px}html[data-theme] body #j-plans .j-plan-card{padding:14px!important}html[data-theme] body #journal .j-plan-line{flex-wrap:nowrap;gap:10px}html[data-theme] body #journal .j-name-button{flex:1 1 auto;font-size:14px;min-height:40px;padding:8px!important}html[data-theme] body #journal .j-inline-minutes{flex:none}html[data-theme] body #j-plans .j-entry-actions{gap:8px!important;align-items:center}html[data-theme] body #j-plans .j-entry-actions>button{font-size:13px;min-height:40px!important;padding:8px 10px}html[data-theme] body #j-plans .j-entry-actions>details{flex-basis:auto;margin-left:auto}html[data-theme] body #journal :is(#j-picker-cards,.j-blocks){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-theme] body :is(dialog,#j-dialog,#account-dialog){inset:0!important;margin:auto!important;width:calc(100% - 32px)!important;max-width:520px!important;max-height:calc(100dvh - 40px)!important;border-radius:20px!important;padding:24px 20px!important;border:1px solid var(--ga-edge);box-sizing:border-box}html[data-theme] body #j-floating-timer{right:12px;bottom:12px;max-width:calc(100vw - 24px);box-sizing:border-box;border-radius:14px;font-size:12px;padding:10px 12px}}@media (max-width:360px){html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs>button{gap:7px;padding:10px 8px!important}html[data-theme] body :is(#journal,#combination,#practice) .ga-combo-tabs small{font-size:10px}.catalog-card-grid{grid-template-columns:1fr!important}html[data-theme] body .ga-library-doors{grid-template-columns:1fr}html[data-theme] body .ga-library-doors>button{min-height:0}}@media (max-width:740px){html[data-theme] body :is(.intro,.ga-page-heading,.j-heading){display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important}html[data-theme] body :is(.intro,.ga-page-heading,.j-heading)>div:first-child{flex:1;min-width:0}html[data-theme] body .ga-help-button{flex:none;white-space:nowrap;align-self:center!important}html[data-theme] body #j-sync{width:fit-content;max-width:100%;margin:0 0 20px!important}html[data-theme] body #journal .j-timer small{color:var(--muted)!important}}:root{--ga-catalog-selected:#e4edf9}html[data-theme=dark]{--ga-catalog-selected:#303e52}html[data-theme] body .catalog-type{display:flex;align-items:center;gap:8px;width:fit-content;padding:5px;margin:18px 0 20px;border-radius:13px;background:var(--ga-surface);box-shadow:var(--ga-pressed)}html[data-theme] body .catalog-type button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:110px;min-height:40px;padding:8px 16px;border:1px solid transparent;border-radius:9px;font:inherit;font-size:14px;line-height:1.4;background:transparent;box-shadow:none;color:var(--muted);transform:none}html[data-theme] body .catalog-type button[aria-pressed=true]{color:var(--ga-accent);background:var(--ga-raised)!important;box-shadow:var(--ga-pressed)!important;border-color:var(--ga-edge);font-weight:650}.catalog-type button span{font-size:11px;font-weight:500;opacity:.75;font-variant-numeric:tabular-nums}html[data-theme] body .world-region,html[data-theme] body .catalog-toolbar label{font-size:12px;line-height:1.5;color:var(--muted)}html[data-theme] body .catalog-toolbar{margin:0 0 16px;gap:16px}html[data-theme] body :is(#practice-filter,#world-region){min-height:42px;border-radius:10px;padding:9px 12px;background:var(--ga-surface);color:var(--ink);border:1px solid var(--ga-edge);box-shadow:inset 1px 2px 4px #00000008;font-size:13px}html[data-theme] body .catalog-card-grid{gap:14px}html[data-theme] body .catalog-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;padding:16px!important;border:1px solid transparent!important;border-radius:13px;box-shadow:var(--ga-soft)!important;background:var(--ga-raised)!important;min-width:0;transition:box-shadow .18s ease,border-color .18s ease;color:var(--ink)}html[data-theme] body .catalog-card>span:first-child{font-size:15px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}html[data-theme] body .catalog-card small{font-size:11px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}html[data-theme] body .catalog-card em{font-size:11px;line-height:1.5;font-style:normal;color:var(--muted);margin-top:3px}html[data-theme] body .catalog-card .card-focus{font-size:12px;line-height:1.6;color:var(--ga-accent);margin-top:auto;padding-top:2px}html[data-theme] body .catalog-card.is-current{background:var(--ga-catalog-selected)!important;box-shadow:var(--ga-pressed)!important;border-color:var(--ga-edge)!important}html[data-theme] body .catalog-paging{margin-top:18px;align-items:center;gap:16px}html[data-theme] body .catalog-paging button{min-height:36px;padding:8px 14px;border-radius:9px}html[data-theme] body .catalog-count{font-size:12px;line-height:1.6;margin:16px 0 24px;color:var(--muted)}.recording-note{max-width:70ch;margin:14px 0 0;padding:12px 14px;border-radius:10px;background:var(--ga-surface);border:1px solid var(--ga-edge);font-size:12px!important;line-height:1.8;color:var(--muted)}.recording-note[hidden]{display:none!important}html[data-theme] body :is(.cp-heading,.hp-heading,.j-section-head){gap:16px;align-items:center}html[data-theme] body :is(.ga-combo-tabs,.journal-main-views)>button{align-items:center;line-height:1.4}html[data-theme] body :is(.ga-combo-tabs,.journal-main-views)>button[aria-pressed=true]{box-shadow:var(--ga-pressed)}html[data-theme] body :is(.j-card,.lesson-card,.resource-card){border-radius:16px}html[data-theme] body :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--ga-accent);outline-offset:4px}@media (hover:hover){html[data-theme] body .catalog-card:hover:not(.is-current){border-color:var(--ga-edge)!important}}@media (max-width:740px){html[data-theme] body .intro h1{text-wrap:balance}html[data-theme] body #style-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;width:100%;padding:0}html[data-theme] body #style-tabs button{width:100%;min-width:0;min-height:42px;padding:9px 10px;justify-content:center;font-size:13px}html[data-theme] body .catalog-type{width:100%;box-sizing:border-box;margin:18px 0}html[data-theme] body .catalog-type button{flex:1;min-width:0;min-height:42px}html[data-theme] body .catalog-card{padding:13px!important;min-height:144px}html[data-theme] body .catalog-card>span:first-child{font-size:14px;line-height:1.6}html[data-theme] body .catalog-card-grid{gap:12px!important}html[data-theme] body .catalog-count{font-size:11px;margin-bottom:20px}.recording-note{padding:12px;font-size:12px!important}}@media (prefers-reduced-motion:reduce){html[data-theme] body .catalog-card{transition:none}}#practice-clave{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 16px;font-size:13px}#practice-clave[hidden]{display:none}#practice-clave small{flex-basis:100%;line-height:1.6;color:var(--muted)}#practice-clave .ga-segment{margin:0}#practice-clave button{min-width:62px;min-height:40px}.sticking-reference{display:inline-block;font-size:12px;margin:0 0 12px;color:var(--blue,#315b94)}.sticking-reference[hidden]{display:none}#sticking-note{margin-bottom:5px}.score-sticking{font-weight:500}.intro[hidden]{display:none!important}#cp-cards,#hp-groups{padding:18px;gap:14px;align-items:stretch;border:1px solid var(--ga-edge);border-radius:18px;background:var(--ga-raised);min-height:180px;box-sizing:border-box}.ga-edit-block{position:relative;box-sizing:border-box;color:var(--ga-text);background:var(--ga-raised)!important;border:1px solid var(--ga-edge)!important;border-radius:14px!important;box-shadow:var(--ga-soft)}#cp-cards .cp-card{width:252px;min-width:252px;padding:12px!important;flex:0 0 252px}#hp-groups .hp-group{padding:12px!important;min-width:174px;max-width:100%;flex:0 1 auto}.ga-block-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;margin-bottom:8px}.ga-block-label{font-size:13px;color:var(--muted);white-space:nowrap}.ga-block-tools{display:flex;gap:4px;flex-shrink:0}html[data-theme] .ga-block-tools button{display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:8px!important;border:0!important;border-radius:9px;background:transparent!important;color:var(--muted);box-shadow:none!important}.ga-block-tools svg{width:19px;height:19px;flex:none}.ga-block-drag{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ga-block-drag:active{cursor:grabbing}.ga-block-drag:disabled{opacity:.3;cursor:default}html[data-theme] .ga-edit-block>.ga-block-open{display:block;width:100%;min-width:0;padding:0!important;border:0!important;border-radius:8px;background:transparent!important;color:inherit;box-shadow:none!important;text-align:left}.ga-block-open:focus-visible,.ga-block-tools button:focus-visible{outline:2px solid var(--ga-accent);outline-offset:3px}#cp-cards .cp-diagram text{font-size:11px}#cp-cards .cp-label{font-size:12px!important}#hp-groups .hp-phrase{justify-content:flex-start}#hp-groups .hp-glyph{flex-basis:46px;width:46px;min-width:46px;height:72px;font-size:26px}#cp-cards .cp-add{width:96px;min-width:96px;min-height:210px}#hp-groups .hp-add-next{height:auto;min-height:145px;width:88px;min-width:88px;align-self:stretch}#cp-favorites,#hp-favorites{margin-top:30px;padding-top:22px;border-top:1px solid var(--ga-edge)}#cp-favorites:empty,#hp-favorites:empty{display:none}#cp-favorites h3,#hp-favorites h3{font-size:14px;font-weight:500;color:var(--muted);margin:0 0 14px}#cp-favorites .cp-library{grid-template-columns:repeat(auto-fill,minmax(190px,220px));gap:14px;margin-top:0}#cp-favorites .cp-saved>button[data-cp-preview]{min-height:160px;padding:16px!important}#cp-favorites .cp-saved strong{font-size:14px}#hp-favorites .hp-favorite-list{gap:14px}#hp-favorites .hp-favorite-list>button{width:220px;max-width:100%;min-height:120px;padding:16px!important}#hp-favorites .hp-favorite-list strong{font-size:14px}.ga-blocks-dragging{scroll-snap-type:none!important}.ga-edit-block.ga-block-source{opacity:.32}.ga-edit-block.ga-drop-before:before,.ga-edit-block.ga-drop-after:after{content:"";position:absolute;top:4px;bottom:4px;width:3px;border-radius:3px;background:var(--ga-accent);pointer-events:none}.ga-edit-block.ga-drop-before:before{left:-9px}.ga-edit-block.ga-drop-after:after{right:-9px}.ga-block-ghost{position:fixed!important;z-index:1000;pointer-events:none!important;margin:0!important;padding:12px!important;opacity:.94;animation:none!important;box-shadow:0 12px 32px #18263e33!important}.ga-block-ghost .ga-block-open{display:block;width:100%;padding:0!important;border:0!important;background:transparent!important;color:inherit;box-shadow:none!important}.ga-block-ghost .hp-glyph{flex-basis:46px;width:46px;min-width:46px;height:72px;font-size:26px}.ga-block-ghost [data-hand-color=R]{color:#e84037}.ga-block-ghost [data-hand-color=L]{color:#275eb5}.ga-block-ghost [data-hand-color=K]{color:#d76a16}html[data-theme=dark] .ga-block-ghost [data-hand-color=R]{color:#ff8e86}html[data-theme=dark] .ga-block-ghost [data-hand-color=L]{color:#a0c3ff}html[data-theme=dark] .ga-block-ghost [data-hand-color=K]{color:#ffab63}@media (hover:hover){html[data-theme] .ga-block-tools button:not(:disabled):hover{background:var(--ga-surface)!important;color:var(--ga-accent)}.ga-block-remove:hover{color:#c14239!important}}@media (pointer:coarse){html[data-theme] .ga-block-tools button{width:44px;min-width:44px;height:44px;min-height:44px}}@media (max-width:700px){#cp-cards,#hp-groups{padding:14px;gap:12px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}#cp-cards .cp-card{width:248px;min-width:248px;flex-basis:248px;scroll-snap-align:start}#hp-groups .hp-group{flex:0 0 auto;max-width:calc(100vw - 90px);scroll-snap-align:start}#hp-groups .hp-glyph{width:44px;min-width:44px;flex-basis:44px;height:68px;font-size:25px}#cp-cards .cp-add{min-height:218px;flex:0 0 76px;min-width:76px}#hp-groups .hp-add-next{min-height:148px;flex:0 0 76px;min-width:76px}#cp-favorites,#hp-favorites{margin-top:24px;padding-top:18px}#cp-favorites .cp-library{display:flex;overflow-x:auto;gap:12px;padding:4px 2px 10px}#cp-favorites .cp-saved{flex:0 0 210px}#hp-favorites .hp-favorite-list{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:4px 2px 10px}#hp-favorites .hp-favorite-list>button{flex:0 0 210px}}@media (prefers-reduced-motion:reduce){.ga-edit-block,.ga-block-ghost{animation:none!important;transition:none!important}}.garden-journal-tools{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 24px}.garden-journal-tools button{min-height:44px;padding:10px 18px;font-size:14px}.garden-share-dialog{box-sizing:border-box;border:1px solid #e0e7ef;border-radius:24px;padding:28px;background:#fff;color:#152b4b;width:min(1050px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 36px);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 90px #152b4b20}.garden-share-dialog::backdrop{background:#14263c5c;backdrop-filter:blur(5px)}.garden-share-dialog *{box-sizing:border-box}.garden-share-dialog button{min-height:44px;font-size:14px;touch-action:manipulation}.garden-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.garden-dialog-head h2{margin:5px 0;font-size:28px}.garden-dialog-head>button{width:44px;flex-shrink:0;font-size:25px}.garden-eyebrow{font-size:12px;letter-spacing:.15em;color:#738197;margin:0}.garden-footnote{font-size:13px;line-height:1.8;color:#738197;margin-bottom:0}.garden-share-dialog{width:min(620px,calc(100vw - 28px))}.garden-share-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0;font-size:13px;color:#738197}.garden-share-controls label{display:flex;align-items:center;gap:10px}.garden-share-controls input{min-height:44px;max-width:165px;font:inherit;color:#152b4b;border:1px solid #dae3ed;border-radius:9px;padding:8px}.garden-share-preview{background:#f2f5f9;border-radius:14px;padding:18px}.garden-share-preview img{display:block;width:100%;height:auto;box-shadow:0 8px 25px #142c4410;border-radius:3px}.garden-share-actions{display:flex;gap:12px}.garden-share-actions button{flex:1}.garden-share-actions button:first-child{background:#2454a6;color:white}.garden-share-actions button:disabled{opacity:.45}.garden-share-dialog [role=status]{font-size:14px;color:#62738a;line-height:1.65}.garden-no-record{padding:70px 16px;text-align:center;line-height:2;color:#738197}.garden-share-dialog #garden-from-share{margin-top:15px}@media (max-width:600px){.garden-share-dialog{padding:18px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.garden-dialog-head h2{font-size:24px}.garden-share-controls{flex-wrap:wrap}.garden-share-preview{padding:8px}.garden-journal-tools{gap:8px}.garden-journal-tools button{padding:9px 12px}.garden-share-actions{position:sticky;bottom:-18px;background:#fff;padding:12px 0}}.garden-dialog-head{position:sticky;top:-28px;background:#fff;z-index:5;padding:8px 0}.garden-share-dialog{overflow-x:hidden}@media (max-width:600px){.garden-dialog-head{top:-18px}}.garden-share-controls input{font-size:16px}.garden-dialog .garden-dialog-head{padding:4px 0}.garden-dialog .garden-dialog-head h2{font-size:22px}.garden-share-copy{display:flex;align-items:center;gap:8px;margin:0 0 15px}.garden-share-copy select{min-width:0;flex:1;border:1px solid #dae3ed;border-radius:8px;padding:10px;font:inherit;color:#294565;background:#f8fafc}.garden-share-copy button{padding:8px 12px;white-space:nowrap}.garden-share-copy select{font-size:16px}.garden-journal-tools [hidden]{display:none!important}html[data-theme] body #garden-share-dialog .garden-dialog-head{background:transparent!important}html[data-theme] body #garden-share-dialog{color-scheme:light;background:#fff!important;color:#152b4b!important;border-color:#e0e7ef!important;--ga-text:#152b4b;--muted:#738197}html[data-theme] body #garden-share-dialog :is(h2,label,span,strong){color:inherit!important}html[data-theme] body #garden-share-dialog :is(p,small){color:#738197!important}html[data-theme] body #garden-share-dialog :is(button,input){background:#f4f6f9!important;color:#152b4b!important;border-color:#dce3ed!important}html[data-theme] body #garden-share-dialog #garden-download{background:#2858ac!important;color:#fff!important}html[data-theme] body #garden-share-dialog .garden-share-actions{background:transparent!important}.library-deck[hidden],.library-browse-bar[hidden]{display:none!important}html[data-theme] body .intro[hidden]{display:none!important}.library-deck-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px}.library-deck-tabs{display:flex;gap:8px}.library-deck-links{display:flex;align-items:center;gap:8px}.library-deck-links .ga-icon{width:16px;height:16px;margin-right:4px}.library-favorite-status{font-size:13px;line-height:1.6;color:var(--muted)}.library-favorite-status button{padding:8px;margin:4px;min-height:40px}.library-favorite-status:has(span:empty):has(button[hidden]){display:none}.library-deck-empty{padding:44px 20px;text-align:center;min-height:240px;color:var(--muted);line-height:1.8}.library-deck-empty button{min-height:44px;margin:8px;padding:10px 16px;border-radius:12px}.library-deck [hidden]{display:none!important}.library-deck-toolbar button,.library-browse-bar button{min-height:44px;padding:10px 16px;font-size:14px;border-radius:10px;white-space:nowrap}html[data-theme] .library-view-all,html[data-theme] .library-deck-shuffle{box-shadow:none!important;background:transparent!important;color:var(--ga-accent)!important;border-color:transparent!important}.library-view-all span{margin-left:8px}.library-deck-stage{--card-width:clamp(260px,32vw,348px);--drag:0px;position:relative;height:calc(var(--card-width) * 4 / 3 + 88px);overflow:hidden;isolation:isolate;touch-action:pan-y;outline-offset:-5px;border-radius:22px;margin-inline:-22px;user-select:none;-webkit-user-select:none}.library-deck-cards{position:absolute;inset:36px 0 50px}html[data-theme] .library-reading-card{position:absolute;left:50%;top:0;width:var(--card-width);aspect-ratio:3/4;box-sizing:border-box;padding:28px 28px 32px!important;text-align:left;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:1px solid #d8e0e9!important;border-radius:19px;background:#fff!important;background-image:linear-gradient(145deg,#fff,#f8f9fc)!important;color:var(--ga-text)!important;box-shadow:0 2px 0 #e7ebf2,0 4px 0 #fff,0 5px 0 #dfe5ec,0 15px 28px #2338511a!important;transform:translateX(calc(-50% + var(--drag))) rotate(-1.2deg);transition:transform .32s cubic-bezier(.2,.7,.2,1),opacity .25s;overflow:hidden;z-index:3;cursor:pointer}.library-reading-card:before{content:"";position:absolute;inset:9px;border:1px solid #e8edf4;border-radius:12px;pointer-events:none}html[data-theme] .library-reading-card{transition:transform .38s cubic-bezier(.2,.7,.2,1),filter .38s ease,opacity .38s ease;filter:blur(0);opacity:1}html[data-theme] .library-reading-card[data-offset="-1"]{transform:translateX(calc(-92% + var(--drag))) translateY(18px) rotate(-7deg) scale(.92);z-index:2;filter:blur(2.4px);opacity:.45}html[data-theme] .library-reading-card[data-offset="1"]{transform:translateX(calc(-8% + var(--drag))) translateY(12px) rotate(6deg) scale(.92);z-index:2;filter:blur(2.4px);opacity:.45}html[data-theme] .library-reading-card[data-offset="-2"]{transform:translateX(calc(-111% + var(--drag))) translateY(28px) rotate(-11deg) scale(.85);z-index:1;filter:blur(3px);opacity:.13;pointer-events:none}html[data-theme] .library-reading-card[data-offset="2"]{transform:translateX(calc(11% + var(--drag))) translateY(23px) rotate(10deg) scale(.85);z-index:1;filter:blur(3px);opacity:.13;pointer-events:none}html[data-theme] .library-card-open{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;padding:0!important;border:0!important;border-radius:0;background:transparent!important;background-image:none!important;box-shadow:none!important;color:inherit!important;text-align:left;transform:none!important;white-space:normal}html[data-theme] .library-card-favorite{position:absolute;top:10px;right:10px;width:42px;height:42px;min-height:42px;padding:10px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--muted)!important;border-radius:50%}html[data-theme] .library-card-favorite[aria-pressed=true],html[data-theme] .library-article-favorite[aria-pressed=true]{color:#b38122!important}.library-card-favorite[aria-pressed=true] svg,.library-article-favorite[aria-pressed=true] svg{fill:currentColor}.library-card-meta{margin-right:28px}.library-article-favorite{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;margin:12px 0;border-radius:12px}.library-article-favorite[hidden]{display:none!important}.library-article-status{font-size:13px;color:var(--muted)}.library-reading-card:not([data-offset="0"]) .library-card-desc{opacity:.65}.library-card-corner{position:absolute;left:20px;top:18px;display:flex;flex-direction:column;gap:3px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--ga-accent)}.library-card-corner .ga-icon{width:14px;height:14px}.library-card-corner-end{inset:auto 19px 15px auto;transform:rotate(180deg)}.library-card-meta{display:block;text-align:right;font-size:12px;letter-spacing:.05em;color:var(--muted);margin-bottom:28px}.library-card-mark{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid var(--ga-edge);border-radius:50%;color:var(--ga-accent);margin-bottom:20px}.library-card-mark .ga-icon{width:28px;height:28px;stroke-width:1.3}.library-card-title{display:block;font-size:clamp(23px,2.3vw,29px);line-height:1.38;letter-spacing:-.035em;font-weight:650;text-wrap:balance;overflow-wrap:anywhere;flex-shrink:0}.library-card-desc{display:block;font-size:14px;line-height:1.8;font-weight:400;margin:16px 0;color:var(--muted);flex-shrink:0}.library-card-bottom{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:18px;border-top:1px solid var(--ga-edge);font-size:11px;color:var(--muted)}.library-card-desc+.library-card-bottom{margin-top:auto}.library-deck-controls{display:flex;justify-content:center;align-items:center;gap:28px;margin:0 auto;text-align:center}.library-deck-controls button{width:44px;height:44px;border-radius:50%;padding:0;font-size:20px}.library-deck-controls p{font-size:15px;font-variant-numeric:tabular-nums;margin:0 0 5px;color:var(--ga-text)}.library-deck-controls span{font-size:12px;color:var(--muted)}.library-deck-shuffle{display:block;margin:18px auto 32px;min-height:44px;font-size:13px}.library-deck-shuffle span{margin-left:6px}.library-browse-bar{display:flex;align-items:center;gap:18px;margin-bottom:18px}.library-browse-bar span{color:var(--muted);font-size:14px}.is-dragging .library-reading-card{transition:none!important;cursor:grabbing!important}html[data-theme=dark] .library-reading-card{background:#2b3038!important;background-image:linear-gradient(145deg,#303640,#242a32)!important;border-color:#485362!important;box-shadow:0 2px 0 #141a22,0 4px 0 #35404f,0 5px 0 #141a22,0 15px 28px #0004!important}html[data-theme=dark] .library-reading-card:before{border-color:#3d4754}html[data-theme] .library-reading-card[data-offset="0"]:hover{border-color:#a8bcd8!important}#article .library-listening-task{border-left:3px solid var(--ga-accent);padding:4px 18px;margin:24px 0;background:var(--ga-raised);border-radius:0 10px 10px 0}@media (max-width:600px){.library-deck-toolbar{gap:6px;flex-wrap:wrap}.library-deck-links{width:100%;justify-content:space-between;margin-top:6px}.library-deck-tabs{gap:5px}html[data-theme] .library-deck-toolbar button{padding:8px!important;font-size:13px!important}.library-view-all span{margin-left:2px}.library-deck-stage{--card-width:clamp(222px,70vw,300px);margin-inline:-16px;height:calc(var(--card-width) * 4 / 3 + 85px)}html[data-theme] .library-reading-card{padding:24px 20px 28px!important;border-radius:16px}.library-card-meta{margin-bottom:26px;font-size:11px;flex-shrink:0}.library-card-mark{display:none}.library-card-title{font-size:23px;line-height:1.38}.library-card-desc{font-size:13px;line-height:1.65;margin:12px 0 16px}.library-card-bottom{font-size:10px;padding-top:10px;flex-shrink:0}.library-card-corner{left:15px;top:16px;font-size:10px}.library-card-corner-end{inset:auto 15px 12px auto}.library-browse-bar{align-items:flex-start;flex-direction:column;gap:5px}.library-deck-shuffle{margin-bottom:12px}}@media (max-width:360px){.library-card-title{font-size:20px;line-height:1.35}.library-card-meta{margin-bottom:20px}.library-card-desc{margin:8px 0 12px;line-height:1.6}}@media (prefers-reduced-motion:reduce){html[data-theme] .library-reading-card{transition:none!important}}.library-article-actions{position:sticky;top:0;float:right;z-index:3;display:flex;align-items:center;gap:6px;margin:0 0 10px 12px}html[data-theme] body #article .library-article-actions button{position:static;float:none;margin:0;width:44px;height:44px;min-height:44px;padding:11px;border-radius:50%;display:flex;align-items:center;justify-content:center}html[data-theme] body #article .library-article-actions button[hidden]{display:none!important}html[data-theme] body #article h2{clear:both;padding-right:0}.library-article-status:empty{display:none}#library .ga-page-heading{flex-wrap:wrap;gap:12px}#library .library-browse-bar{margin:0 0 0 auto;flex-direction:row;align-items:center}#library .library-browse-bar>span{display:none}#library>.ga-library-back{margin-bottom:14px}#music-stories #filters{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:6px}#music-stories #filters button{flex:none;white-space:nowrap}@media screen and (max-width:740px){html[data-theme] body main{padding-top:18px!important}html[data-theme] body :is(.ga-page-heading,.j-heading,.wf-heading){margin-bottom:18px!important;gap:10px!important}html[data-theme] body :is(.ga-page-heading,.j-heading) h1{font-size:24px!important}html[data-theme] body :is(.ga-page-heading,.j-heading)>div>p{display:none}html[data-theme] body :is(.j-muted,.j-entry>p,.cp-heading p,.hp-heading p,.wf-footnote,.course-note,.grid-help,.score-key){font-size:14px!important;line-height:1.75;overflow-wrap:anywhere}html[data-theme] body :is(.j-section-head,.cp-heading,.hp-heading,.wf-heading){flex-wrap:wrap;gap:12px}html[data-theme] body :is(.j-section-head,.cp-heading,.hp-heading,.account-portrait)>div{min-width:0}html[data-theme] body :is(.j-name-button,.cp-name,.hp-name){white-space:normal;overflow-wrap:anywhere;line-height:1.6;height:auto}html[data-theme] body :is(#account-dialog,#j-dialog) :is(input:not([type=checkbox]):not([type=range]),select,textarea){font-size:16px;min-width:0;max-width:100%}html[data-theme] body #article :is(p,li){font-size:16px;line-height:1.85;overflow-wrap:anywhere}html[data-theme] body #article h2{font-size:24px;line-height:1.45;padding-right:32px;overflow-wrap:anywhere}html[data-theme] body #article h3{font-size:18px;line-height:1.5;margin-top:26px}#article a{overflow-wrap:anywhere}html[data-theme] body :is(.hp-actions,.j-form-actions,.ga-action-row){flex-wrap:wrap;gap:10px}html[data-theme] body :is(.hp-actions,.j-form-actions,.ga-action-row)>button{height:auto;min-height:44px;white-space:normal;line-height:1.5}html[data-theme] body .resource :is(p,small){line-height:1.75}}@media screen and (max-width:480px){html[data-theme] body .ga-library-doors{grid-template-columns:minmax(0,1fr);gap:16px}html[data-theme] body .ga-library-doors>button{min-height:0;padding:20px!important}html[data-theme] body #journal :is(#j-picker-cards,.j-blocks){grid-template-columns:minmax(0,1fr);gap:14px}html[data-theme] body #journal .j-plan-line{flex-wrap:wrap;gap:12px}html[data-theme] body #journal .j-name-button{flex:1 0 100%;width:100%;font-size:16px}html[data-theme] body #journal .j-inline-minutes{margin-left:auto;font-size:14px}html[data-theme] body .j-day-summary{display:flex;flex-wrap:wrap;gap:10px 16px;line-height:1.7}html[data-theme] body .resource p{-webkit-line-clamp:unset;display:block}html[data-theme] body .library-deck-toolbar{gap:12px;align-items:stretch}html[data-theme] body .library-deck-tabs{gap:6px}html[data-theme] body .library-deck-toolbar button{padding:10px 12px;font-size:14px}html[data-theme] body .library-browse-bar{align-items:flex-start;gap:10px}.library-browse-bar>span{line-height:1.7}html[data-theme] body :is(#cp-cards,#hp-groups){scroll-padding-inline:4px}html[data-theme] body .j-entry-actions{flex-wrap:wrap}html[data-theme] body :is(#j-picker-cards,.j-blocks) :is(h3,strong){font-size:16px;line-height:1.6;overflow-wrap:anywhere}}@media screen and (max-width:380px){html[data-theme] body :is(dialog,#j-dialog,#account-dialog){padding:20px 16px!important}html[data-theme] body #combination :is(#counterpoint-panel,#hand-phrase-panel){padding:18px 12px!important}html[data-theme] body .cp-masks{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme] body .wf-transport .wf-tempo{grid-column:1/-1;justify-self:start}html[data-theme] body .library-deck-toolbar button{padding:10px 9px;font-size:13px}}html[data-theme] body button.ga-compact-action{width:44px;height:44px;min-height:44px;flex:none;padding:11px!important;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}@media screen and (max-width:740px){html[data-theme] body .wf-heading{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:10px!important;margin:0 0 18px!important}html[data-theme] body .wf-heading>div:first-child{flex:1;min-width:0}html[data-theme] body .wf-heading h1{font-size:24px!important;margin:0;line-height:1.35}html[data-theme] body .wf-heading>div>p{display:none}html[data-theme] body .wf-heading .ga-help-button{flex:none;margin:0;align-self:center!important}}@media screen and (max-width:380px){html[data-theme] body .wf-transport .wf-tempo{grid-column:1/-1!important;grid-row:2!important;justify-self:center!important;width:auto!important}html[data-theme] body .wf-transport .wf-toggle-pill{grid-column:1!important;grid-row:3!important}html[data-theme] body .wf-transport .wf-history{grid-column:2!important;grid-row:3!important}html[data-theme] body .wf-transport .wf-gear{grid-column:3!important;grid-row:3!important}}@media screen{html[data-theme] body #practice .practice-compact-heading{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}#practice .practice-compact-heading h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#practice .practice-compact-heading .ga-help-button{flex:none;min-height:44px;margin:0}html[data-theme] body #practice .practice-nav{display:flex;flex:1;min-width:0;margin:0!important;gap:12px}html[data-theme] body #practice .practice-nav>button{height:60px!important;min-height:60px!important;padding:10px 16px!important}html[data-theme] body #practice>.practice-main{grid-column:1!important;grid-row:2!important}html[data-theme] body #practice>.metronome{grid-column:2!important;grid-row:2!important}html[data-theme] body #practice>#rudiment-panel{grid-column:1/-1!important;grid-row:2!important}html[data-theme] body #practice .responsive-catalog{margin:10px 0 12px!important;padding:0!important}html[data-theme] body #practice #style-tabs{margin-top:10px!important;margin-bottom:0;gap:8px}html[data-theme] body #practice .catalog-type{margin:10px 0!important;padding:3px}html[data-theme] body #practice .catalog-toolbar{margin-bottom:8px!important}html[data-theme] body #practice .catalog-toolbar label{line-height:1.4}html[data-theme] body #practice .catalog-toolbar select{min-height:44px;padding-block:8px}#practice #catalog-results{min-width:0;max-width:100%}html[data-theme] body #practice #catalog-count{margin:6px 0 0!important;font-size:12px;line-height:1.5}html[data-theme] body #practice .practice-heading{margin:0 0 10px!important;padding-top:12px!important}#practice .practice-heading h2{margin-bottom:4px}#practice .practice-more{margin:8px 0;gap:6px}html[data-theme] body #practice .play-row{margin:8px 0 0!important;padding-block:10px!important}#practice .score-block>.view-heading{margin-top:12px}}@media screen and (max-width:767px){html[data-theme] body #practice>.practice-main{grid-column:1!important;grid-row:2!important}html[data-theme] body #practice>.metronome{grid-column:1!important;grid-row:3!important}html[data-theme] body #practice .practice-nav>button{padding:8px 10px!important}html[data-theme] body #practice .practice-nav small{line-height:1.3;margin-top:2px}html[data-theme] body #practice .practice-heading h2{font-size:20px!important;line-height:1.45}}@media screen and (min-width:601px) and (max-width:1000px) and (orientation:portrait){html[data-theme] body #practice>.practice-main{grid-column:1!important;grid-row:2!important}html[data-theme] body #practice>.metronome{grid-column:1!important;grid-row:3!important}}@media screen and (prefers-reduced-motion:reduce){#practice .catalog-strip{scroll-behavior:auto}}@media screen{html[data-theme] body #practice .practice-heading{display:block;min-height:0}html[data-theme] body #practice .practice-heading h2{margin:0 0 5px;font-size:22px;line-height:1.4}html[data-theme] body #practice .practice-heading p{margin:4px 0;line-height:1.6}html[data-theme] body #practice .practice-heading .feel{margin-top:6px}html[data-theme] body #practice .score-block{margin-top:0}html[data-theme] body #practice .practice-more{margin:16px 0;clear:both}}@media screen and (min-width:768px){html[data-theme] body #practice .responsive-catalog{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}#practice .responsive-catalog>summary{display:none}#practice .responsive-catalog>#style-tabs{grid-column:1/-1}#practice .responsive-catalog>.catalog-type{grid-column:2;grid-row:2;align-self:end;white-space:nowrap}#practice .responsive-catalog>.catalog-toolbar{grid-column:1;grid-row:2;margin:0!important;min-width:0}#practice .responsive-catalog>:is(#catalog-results,#catalog-count,.world-region){grid-column:1/-1}html[data-theme] body #practice .catalog-type{margin:0!important;align-self:end}html[data-theme] body #practice #catalog-count{margin:0!important}}@media screen and (max-width:600px){html[data-theme] body #practice .practice-compact-heading{gap:8px}html[data-theme] body #practice .practice-nav{gap:8px}html[data-theme] body #practice .practice-nav>button{flex:1;min-width:0;width:auto;height:52px!important;min-height:52px!important;padding:8px!important;gap:6px}html[data-theme] body #practice .practice-nav>button>span{font-size:14px}html[data-theme] body #practice .practice-nav small{display:none}html[data-theme] body #practice .practice-nav .ga-icon{width:18px;height:18px}#practice .practice-compact-heading .ga-help-button{padding:8px!important}#practice .practice-compact-heading .ga-help-button span{display:none}html[data-theme] body #practice .practice-main{padding:16px 12px!important}html[data-theme] body #practice #style-tabs button{font-size:13px;padding:10px!important;min-height:44px}}@media screen{#practice .catalog-deck-stage{--catalog-drag:0px;position:relative;height:122px;overflow:hidden;isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none;min-width:0}html[data-theme] body #practice .catalog-deck-card{position:absolute;top:8px;left:50%;width:62%;max-width:360px;min-height:98px;height:auto!important;box-sizing:border-box;padding:14px 18px!important;display:flex;flex-direction:column;justify-content:center;gap:8px;border-radius:14px;text-align:left;transform:translateX(calc(-50% + var(--catalog-drag)));transition:transform .3s ease,opacity .3s ease,filter .3s ease;z-index:3;opacity:1;filter:none}html[data-theme] body #practice .catalog-deck-card>span{font-size:16px!important;line-height:1.5;overflow-wrap:anywhere;font-weight:600}html[data-theme] body #practice .catalog-deck-card>em{font-size:12px!important;line-height:1.5;font-style:normal;margin:0;white-space:normal}html[data-theme] body #practice .catalog-deck-card[data-offset="-1"]{transform:translateX(calc(-91% + var(--catalog-drag))) translateY(8px) scale(.9) rotate(-3deg);filter:blur(2px);opacity:.4;z-index:2}html[data-theme] body #practice .catalog-deck-card[data-offset="1"]{transform:translateX(calc(-9% + var(--catalog-drag))) translateY(8px) scale(.9) rotate(3deg);filter:blur(2px);opacity:.4;z-index:2}html[data-theme] body #practice .catalog-deck-card[data-offset="-2"]{transform:translateX(-115%) scale(.82);opacity:0;pointer-events:none;z-index:1}html[data-theme] body #practice .catalog-deck-card[data-offset="2"]{transform:translateX(15%) scale(.82);opacity:0;pointer-events:none;z-index:1}#practice .catalog-deck-stage.is-dragging .catalog-deck-card{transition:none!important}#practice .catalog-deck-controls{display:flex;justify-content:center;align-items:center;gap:18px;min-height:40px}html[data-theme] body #practice .catalog-deck-controls button{width:44px;height:44px;padding:4px!important;border-radius:10px;font-size:24px;line-height:1}#practice .catalog-deck-controls button:disabled{opacity:.35}.catalog-deck-count{font-size:12px;font-variant-numeric:tabular-nums;min-width:64px;text-align:center;color:var(--muted)}html[data-theme] body #practice>.practice-main>.section-top{display:none}html[data-theme] body #practice .practice-heading #beat-title-english{display:none!important}html[data-theme] body #practice .practice-heading .feel{font-size:12px;line-height:1.5;padding:2px 6px}#practice #catalog-count{display:none}}@media screen and (max-width:480px){html[data-theme] body #practice .catalog-deck-card{width:80%;max-width:none;padding:12px!important;min-height:110px}html[data-theme] body #practice .catalog-deck-card>span{font-size:15px!important}#practice .catalog-deck-stage{height:140px}}@media screen and (prefers-reduced-motion:reduce){html[data-theme] body #practice .catalog-deck-card{transition:none}}@media screen{html[data-theme] body #practice .practice-heading #beat-title{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html[data-theme] body #practice .practice-heading{padding-top:8px!important}}@media screen and (max-width:600px){html[data-theme] body #practice .responsive-catalog{margin-top:0!important}html[data-theme] body #practice #style-tabs{margin-top:0!important}html[data-theme] body #practice .practice-main{padding-top:10px!important}}@media screen and (min-width:768px) and (max-width:1100px){html[data-theme] body #practice .metronome #bpm{font-size:44px!important;font-variant-numeric:tabular-nums}}html[data-theme] body :is(.ga-page-heading,.j-heading)>div>p,html[data-theme] body .library-browse-bar>span,html[data-theme] body #learn>.title-row,html[data-theme] body #learn>.coach-note,html[data-theme] body #learn>.course-overview,html[data-theme] body footer>p{display:none!important}.ga-page-heading,.j-heading{margin-bottom:22px!important}.library-card-corner-end{transform:none!important}#practice .catalog-deck-stage{height:138px}html[data-theme] body #practice .catalog-deck-card{width:58%;max-width:440px;min-height:110px;border:1px solid var(--ga-edge)!important}html[data-theme] body #practice .catalog-deck-card[data-offset="-1"]{transform:translateX(calc(-88% + var(--catalog-drag))) translateY(8px) scale(.9) rotate(-3deg);opacity:.5;filter:blur(1.4px)}html[data-theme] body #practice .catalog-deck-card[data-offset="1"]{transform:translateX(calc(-12% + var(--catalog-drag))) translateY(8px) scale(.9) rotate(3deg);opacity:.5;filter:blur(1.4px)}html[data-theme] body #practice .catalog-deck-card[data-offset="-2"]{transform:translateX(-170%) scale(.82);opacity:.13;filter:blur(3px)}html[data-theme] body #practice .catalog-deck-card[data-offset="2"]{transform:translateX(70%) scale(.82);opacity:.13;filter:blur(3px)}.course-player{display:flex;align-items:center;gap:12px;max-width:570px;margin:4px 0 22px;padding:12px 14px;border:1px solid var(--ga-edge);border-radius:15px;background:var(--ga-raised);box-shadow:var(--ga-soft)}.course-player>img{width:56px;height:56px;object-fit:cover;border-radius:12px;border:1px solid var(--ga-edge)}.course-player-info{flex:1;min-width:0}.course-player-info>div:first-child{display:flex;align-items:center;gap:12px;justify-content:space-between}.course-player strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-xp-label{font:11px/1.5 ui-monospace,monospace;white-space:nowrap;color:var(--muted)}.course-xp-track{height:6px;margin:8px 0 5px;background:var(--ga-edge);border-radius:6px;overflow:hidden}.course-xp-track i{display:block;height:100%;background:#6288b6;border-radius:6px;transition:width .2s}.course-player small{font-size:10px;color:var(--muted)}html[data-theme] body .course-player #course-continue{max-width:155px;min-height:44px;padding:8px!important;white-space:normal;font-size:12px}#combination :is(.cp-heading,.hp-heading)>div>p{display:none}html[data-theme] body #combination :is(#counterpoint-panel,#hand-phrase-panel){padding:24px!important}html[data-theme] body #cp-library{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}html[data-theme] body :is(#cp-library .cp-new,#hp-library .hp-new){min-height:210px;min-width:260px;font-size:17px}html[data-theme] body #cp-library .cp-saved>button[data-cp-preview]{min-height:230px;padding:22px!important}#cp-library .cp-saved strong,#hp-library strong{font-size:18px;line-height:1.5}html[data-theme] body #cp-cards .cp-card{width:320px;min-width:320px;flex-basis:320px;padding:18px!important}#cp-cards .cp-diagram text{font-size:12px}#cp-cards .cp-label{font-size:13px!important}#cp-cards,#hp-groups{padding:22px;gap:18px;min-height:240px}#hp-groups .hp-glyph{width:58px;min-width:58px;flex-basis:58px;height:88px;font-size:32px}html[data-theme] body #hp-library>article{min-width:260px}html[data-theme] body #hp-library .hp-new{flex:0 0 280px}#j-picker-dialog{width:min(820px,calc(100vw - 28px));max-height:85dvh;box-sizing:border-box;padding:24px;color:var(--ga-text);background:var(--ga-raised);border:1px solid var(--ga-edge);border-radius:18px}#j-picker-dialog::backdrop{background:#182a4655;backdrop-filter:blur(5px)}#j-picker-dialog .j-picker{border:0;margin:18px 0 0;padding:0}#j-picker-dialog .j-picker>h3,#j-picker-dialog .j-picker>p{display:none}#j-picker-dialog .j-section-head>button{width:44px;height:44px;padding:10px}#j-picker-dialog #j-picker-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#j-picker-dialog .j-picker-empty{grid-column:1/-1;text-align:center;padding:28px 4px}html[data-theme] body .j-add-plan-card{min-height:132px;border:1px dashed var(--ga-edge)!important;background:transparent!important;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:none!important}.j-add-plan-card>span:first-child{font-size:32px;font-weight:300}.j-add-plan-card>span:last-child{font-size:14px}#journal-insights>.garden-journal-tools{grid-column:1/-1;margin:0;justify-content:flex-end}.journal-main-views{flex-wrap:wrap}.farm-section-views{margin:0 0 18px}.farm-page .garden-dialog-head{margin-bottom:14px}.farm-page .garden-eyebrow{display:none}.farm-page .farm-guide{display:none}.farm-page .farm-free-controls{margin:0 0 12px;align-items:center}.farm-page .farm-zoom{display:none}.farm-page .farm-stage{height:auto;aspect-ratio:8/5;max-height:none;max-width:104dvh;margin-inline:auto;overflow:hidden;touch-action:none;cursor:grab}.farm-page .farm-stage:active{cursor:grabbing}.farm-page .farm-stage>canvas{min-width:0;max-width:none;touch-action:none}.farm-page .farm-toolbar{min-height:44px;padding:4px 10px}.farm-page .farm-status{font-size:12px;margin:4px 0;min-height:0}.farm-page .farm-toolbar button{width:44px;padding:10px}.farm-page .farm-local-note{margin:8px 0}.farm-help-icon{width:44px;height:44px;padding:10px!important;margin-left:auto}.farm-help-dialog{max-width:500px;width:calc(100vw - 32px);padding:22px;border:1px solid var(--ga-edge);border-radius:18px;background:var(--ga-raised);color:var(--ga-text);box-sizing:border-box}.farm-help-dialog p{line-height:1.8}.farm-help-dialog>button{float:right;width:44px;height:44px;padding:10px}@media (max-width:700px){html[data-theme] body #practice .catalog-deck-card{width:72%;min-height:116px;max-width:none}#practice .catalog-deck-stage{height:146px}html[data-theme] body #practice .catalog-deck-card[data-offset="-1"]{transform:translateX(calc(-84% + var(--catalog-drag))) translateY(8px) scale(.9) rotate(-3deg)}html[data-theme] body #practice .catalog-deck-card[data-offset="1"]{transform:translateX(calc(-16% + var(--catalog-drag))) translateY(8px) scale(.9) rotate(3deg)}.course-player{flex-wrap:wrap;padding:10px;gap:10px}.course-player-info{min-width:150px}.course-player #course-continue{margin-left:auto}html[data-theme] body #combination :is(#counterpoint-panel,#hand-phrase-panel){padding:14px!important}html[data-theme] body #cp-cards .cp-card{width:268px;min-width:268px;flex-basis:268px;padding:14px!important}#cp-cards,#hp-groups{padding:12px;min-height:220px}#hp-groups .hp-glyph{width:48px;min-width:48px;flex-basis:48px;height:76px;font-size:28px}html[data-theme] body :is(#cp-library .cp-new,#hp-library .hp-new){min-width:0;min-height:170px;width:100%;flex-basis:100%}html[data-theme] body #cp-library{grid-template-columns:1fr}.journal-main-views,.farm-section-views{gap:6px!important;display:flex!important;flex-wrap:nowrap}html[data-theme] body :is(.journal-main-views,.farm-section-views)>button{width:auto;min-width:0;flex:1;min-height:58px;padding:8px 5px!important;gap:5px;font-size:13px}:is(.journal-main-views,.farm-section-views) small{display:none!important}:is(.journal-main-views,.farm-section-views) .ga-icon{width:18px;height:18px;flex:none}#j-picker-dialog{padding:16px}#j-picker-dialog #j-picker-cards{grid-template-columns:1fr}.farm-page .farm-stage{aspect-ratio:8/5;max-height:none}.farm-page .farm-toolbar{gap:5px}.farm-page .farm-toolbar .farm-status{flex:1}.farm-page .farm-free-controls{gap:6px;flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.course-xp-track i{transition:none}}.farm-toolbar:has(.farm-status:empty):not(:has(button:not([hidden]))){display:none!important}@media (max-width:700px){html[data-theme] body :is(.journal-main-views,.farm-section-views)>button{flex-direction:column;justify-content:center;gap:5px;min-height:64px}html[data-theme] body :is(.journal-main-views,.farm-section-views)>button>span{white-space:nowrap;font-size:13px;line-height:1.3}.journal-main-views>button .ga-icon,.farm-section-views>button .ga-icon{margin:0!important}}html[data-theme] body #practice .catalog-deck-card[data-offset="1"]{text-align:right;align-items:flex-end}html[data-theme] body #practice .catalog-deck-card:is([data-offset="-2"],[data-offset="2"]){opacity:0;visibility:hidden;pointer-events:none}html[data-theme] body #cp-editor{padding:18px}#cp-editor .cp-dialog-head{margin-bottom:8px}#cp-editor .cp-editor-row{padding:8px 0}#cp-editor .cp-editor-row h3{margin-bottom:6px}#cp-editor .cp-points button{min-height:48px;gap:2px;padding:4px!important}#cp-editor .cp-accents{margin-top:4px;gap:6px}#cp-editor .cp-accents button{min-height:36px;padding:4px!important}#cp-editor .cp-editor-row summary{padding:6px 0;min-height:32px;box-sizing:border-box}#cp-editor .cp-dialog-actions{margin-top:12px}html[data-theme] body #hp-sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0 4px}html[data-theme] body #hp-sizes[hidden]{display:none}html[data-theme] body #hp-sizes button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:100px;padding:10px 6px!important;background:var(--ga-raised);border:1px solid var(--ga-edge);border-radius:14px;box-shadow:0 3px 7px #18304d0a}#hp-sizes strong{font-size:25px;font-weight:650;line-height:1}#hp-sizes small{font-size:12px;color:var(--muted)}.hp-size-dots{display:flex;justify-content:center;gap:3px;flex-wrap:wrap;max-width:50px}.hp-size-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}html[data-theme] body #hp-sizes button:hover{border-color:#789dcc;background:var(--ga-blue-soft,#e8eff8);transform:translateY(-2px)}#hp-sizes button:focus-visible{outline:3px solid #7199c5;outline-offset:2px}@media (max-width:600px){html[data-theme] body #hp-sizes{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-theme] body #cp-editor{padding:14px}#cp-editor .cp-accents button{min-height:44px}#cp-editor .cp-editor-row summary{min-height:44px}}@media (min-width:701px){html[data-theme] body #combination .hp-heading .ga-combination-actions{position:relative;top:-8px}}@media screen{html.studio101 body{--studio-paper:#fffefb;--studio-ground:#f5f3ed;--studio-ink:#252a2e;--studio-muted:#696d70;--studio-soft:#eceae3;--studio-red:#e54435;--studio-blue:#35688d;--studio-selected:#e1ebef;--music-sheet:var(--studio-paper);--music-wash:var(--studio-selected);--music-blue:var(--studio-blue);--music-accent:var(--studio-red);background:var(--studio-ground)!important;color:var(--studio-ink)!important;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}html.studio101[data-theme=dark] body{--studio-paper:#272a2c;--studio-ground:#1d2021;--studio-ink:#eeeee8;--studio-muted:#b1b5b7;--studio-soft:#34393b;--studio-red:#ff7969;--studio-blue:#a9cfe5;--studio-selected:#344852}html.studio101 body>header{position:relative!important;top:auto!important;background:var(--studio-ground)!important;border:0!important;box-shadow:none!important;padding:22px 4vw!important;min-height:88px!important;gap:28px}html.studio101 body>header .brand-logo{width:106px!important}html.studio101 body>header nav{gap:24px!important}html.studio101 body>header nav a{padding:12px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:14px;font-weight:600;color:var(--studio-muted)!important}html.studio101 body>header nav a[aria-current=page]{color:var(--studio-ink)!important;box-shadow:inset 0 -2px var(--studio-red)!important}html.studio101 body>header nav a::before,html.studio101 body>header nav a::after{display:none!important}html.studio101 body>main{width:calc(100% - 8vw)!important;max-width:1440px!important;margin:auto!important;padding:24px 0 0!important}html.studio101 main>section{scroll-margin-top:20px}html.studio101[data-theme] body main :is(button,summary,input,select){font-family:inherit;box-shadow:none!important}html.studio101[data-theme] body main :is(button,summary){min-height:44px}html.studio101[data-theme] body main button{border-color:transparent!important;border-radius:5px!important}html.studio101 :is(button,a,summary,input,select):focus-visible{outline:2px solid var(--studio-blue)!important;outline-offset:4px}html.studio101[data-theme] body main :is(.ga-page-heading,.j-heading,.wf-heading){margin:0 0 32px!important}html.studio101[data-theme] body main :is(.ga-page-heading,.j-heading,.wf-heading) h1{font-size:clamp(28px,3vw,42px)!important;line-height:1.2;letter-spacing:-1px}html.studio101 .studio-kicker{font-size:11px;font-weight:650;letter-spacing:2px;color:var(--studio-muted);margin:0 0 16px}html.studio101[data-theme] body main :is(.ga-combo-tabs,.practice-nav,.journal-main-views){gap:24px!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin-bottom:28px!important}html.studio101[data-theme] body main :is(.ga-combo-tabs,.practice-nav,.journal-main-views)>button{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0!important;width:auto!important;height:auto!important;padding:12px 0!important;gap:10px!important;color:var(--studio-muted)!important}html.studio101[data-theme] body main :is(.ga-combo-tabs,.practice-nav,.journal-main-views)>button[aria-pressed=true]{color:var(--studio-ink)!important;box-shadow:inset 0 -2px var(--studio-red)!important}html.studio101[data-theme] body main :is(.ga-combo-tabs,.practice-nav)>button small{display:none!important}html.studio101[data-theme] body main #practice:not([hidden]){display:block!important}html.studio101[data-theme] body main #practice#practice .practice-main{display:block;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}html.studio101[data-theme] body main #practice#practice .practice-main[hidden]{display:none!important}html.studio101[data-theme] body #practice#practice .practice-compact-heading{margin-bottom:28px!important;align-items:start}html.studio101[data-theme] body #practice#practice .studio-session{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start;margin-bottom:28px}html.studio101[data-theme] body #practice#practice .practice-heading{margin:0!important;padding:0!important;border:0!important}html.studio101[data-theme] body #practice#practice #beat-title{position:static!important;clip:auto!important;clip-path:none!important;width:auto!important;height:auto!important;overflow:visible!important;font-size:clamp(24px,3vw,38px)!important;line-height:1.4;margin:0 0 8px!important}html.studio101[data-theme] body #practice#practice .practice-heading p{font-size:14px;color:var(--studio-muted);line-height:1.8;margin:8px 0}html.studio101[data-theme] body #practice#practice .feel{background:none!important;padding:0!important;color:var(--studio-blue);font-size:12px}html.studio101 .studio-selection>summary{display:flex;gap:30px;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px;padding:10px 18px;background:var(--studio-paper);border-radius:24px;list-style:none}html.studio101 .studio-selection>summary::-webkit-details-marker{display:none}html.studio101 .studio-selection[open]{grid-column:1/-1}html.studio101 .studio-selection[open]>summary{width:max-content;margin-bottom:16px}html.studio101 .studio-selection .responsive-catalog{background:var(--studio-soft)!important;border:0!important;box-shadow:none!important;border-radius:4px!important;padding:24px!important;margin:0!important}html.studio101[data-theme] body #practice#practice .studio-transport{display:flex;gap:32px;align-items:center;justify-content:space-between;background:var(--studio-soft);padding:14px 24px;margin-bottom:0;min-width:0}html.studio101[data-theme] body #practice#practice .play-row{position:static!important;inset:auto!important;z-index:auto!important;display:flex;flex-wrap:wrap;gap:16px;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important}html.studio101[data-theme] body #practice#practice #play-status{display:none!important}html.studio101[data-theme] body #practice#practice #play,html.studio101[data-theme] body #workshop #wf-play,html.studio101[data-theme] body #rud-play{border-radius:50px!important;min-height:52px;padding:12px 22px!important;background:var(--studio-red)!important;color:#fff!important;box-shadow:none!important}html.studio101[data-theme] body #practice#practice .metronome{position:static!important;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:12px 20px;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:auto!important;min-width:0}html.studio101[data-theme] body #practice#practice .metronome[hidden]{display:none!important}html.studio101[data-theme] body #practice#practice .metronome>:is(h2,.section-top,.range-labels){display:none!important}html.studio101[data-theme] body #practice#practice .metronome .tempo{margin:0!important;gap:8px!important}html.studio101[data-theme] body #practice#practice .metronome .tempo input{font-size:42px!important;letter-spacing:-2px!important;color:var(--studio-ink)!important;width:90px!important;background:transparent!important;font-variant-numeric:tabular-nums}html.studio101[data-theme] body #practice#practice .metronome .tempo button{width:36px!important;min-width:36px!important;height:44px!important;background:transparent!important;border:0!important}html.studio101[data-theme] body #practice#practice .metronome .tempo>div>span{font-size:9px;letter-spacing:2px}html.studio101[data-theme] body #practice#practice .metronome .pulse{gap:8px;margin:0!important}html.studio101[data-theme] body #practice#practice #metro{width:auto!important;margin:0!important;border:0!important;background:transparent!important;font-size:13px}html.studio101[data-theme] body #practice#practice .metro-settings{margin:0!important;border:0!important}html.studio101[data-theme] body #practice#practice .metro-settings>summary{font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer}html.studio101[data-theme] body #practice#practice .metro-settings[open]{flex-basis:100%;background:var(--studio-paper);padding:16px}html.studio101[data-theme] body #practice#practice .score-block{background:var(--studio-paper)!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:28px 36px!important;margin:0 0 40px!important;min-width:0}html.studio101[data-theme] body #practice#practice .score-controls{position:static!important;float:none!important;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:12px 0!important}html.studio101[data-theme] body #practice#practice .score-controls button{background:transparent!important;border:0!important}html.studio101[data-theme] body #practice#practice .score-controls button[aria-pressed=true]{background:var(--studio-selected)!important;color:var(--studio-blue)!important}html.studio101[data-theme] body #practice#practice .view-heading{gap:16px;flex-wrap:wrap;margin-bottom:20px}html.studio101[data-theme] body #practice#practice .score-scroll{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow-x:auto}html.studio101[data-theme] body #practice#practice .score-canvas{display:flex;justify-content:center;min-width:100%;width:max-content;margin:auto;padding-block:16px}html.studio101[data-theme] body #practice#practice .score-canvas>svg{display:block;flex:none;margin-inline:auto}html.studio101[data-theme] body #practice#practice :is(.score-key,.bar-caption,.grid-help){font-size:12px;line-height:1.8;color:var(--studio-muted)}html.studio101[data-theme] body #practice#practice .score-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:0!important;margin-top:24px}html.studio101[data-theme] body #practice#practice .notation-guide{border:0!important;margin-top:12px}html.studio101[data-theme] body #practice#practice .practice-more{gap:32px;margin:32px 0!important}html.studio101[data-theme] body #practice#practice .practice-disclosure{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}html.studio101[data-theme] body #practice#practice .legend span:last-child{margin-left:0}html.studio101[data-theme] body #practice#practice .tip{background:none!important;border:0!important;box-shadow:none!important;padding:24px 0!important;margin:20px 0}html.studio101[data-theme] body #rudiment-panel#rudiment-panel{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}html.studio101[data-theme] body #rudiment-panel .practice-heading{margin:24px 0!important}html.studio101[data-theme] body #rudiment-panel .rud-controls{padding:16px 24px;background:var(--studio-soft);gap:16px}html.studio101[data-theme] body #rudiment-panel #rud-status{font-size:12px;margin:12px 0}html.studio101[data-theme] body #workshop .wf-layout,html.studio101[data-theme] body #workshop .wf-workspace{display:block;max-width:none}html.studio101[data-theme] body #workshop .wf-paper{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;padding:0!important;width:100%;max-width:none}html.studio101[data-theme] body #workshop .wf-print-head{border:0!important;margin-bottom:20px}html.studio101[data-theme] body #workshop .wf-print-head h2{font-size:24px}html.studio101[data-theme] body #workshop .wf-transport{background:var(--studio-soft)!important;gap:14px;border:0!important;padding:14px 20px!important;border-radius:0}html.studio101[data-theme] body #workshop .wf-transport button:not(.primary){background:transparent!important;border:0!important}html.studio101[data-theme] body #workshop #wf-tempo-value{background:transparent!important;border:0!important;font-size:30px;width:74px;font-variant-numeric:tabular-nums}html.studio101[data-theme] body #workshop #wf-score{background:var(--studio-paper);padding:32px 16px;min-height:260px}html.studio101[data-theme] body #workshop .wf-creative-tools{padding:16px 0;gap:20px}html.studio101[data-theme] body #workshop .wf-creative-tools button{background:transparent!important}html.studio101[data-theme] body #workshop .wf-creative-tools button[aria-pressed=true]{background:var(--studio-selected)!important}html.studio101[data-theme] body #workshop .wf-footnote{max-width:65ch;font-size:12px;line-height:1.8;margin-top:28px}html.studio101[data-theme] body #combination :is(#counterpoint-panel,#hand-phrase-panel){padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}html.studio101[data-theme] body #combination :is(#cp-cards,#hp-groups){background:var(--studio-soft)!important;border:0!important;box-shadow:none!important;border-radius:0!important;min-height:260px;padding:28px!important;gap:24px}html.studio101[data-theme] body #combination :is(.cp-card,.hp-group){background:var(--studio-paper)!important;border:0!important;border-radius:5px!important;box-shadow:0 3px 0 #0000000a!important}html.studio101[data-theme] body #combination :is(#cp-cards .cp-new,#hp-groups .hp-new){background:transparent!important;border:0!important;box-shadow:none!important}html.studio101[data-theme] body #library :is(.resource-grid,.lesson-grid){gap:32px 48px;background:none!important;padding:0!important}html.studio101[data-theme] body #library :is(.resource,.micro-lesson,.lesson){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:28px 0!important}html.studio101[data-theme] body #library :is(.resource h3,.micro-lesson h3,.lesson h3){font-size:22px;line-height:1.5;letter-spacing:-.3px}html.studio101[data-theme] body #library :is(.resource p,.lesson p){font-size:15px;line-height:1.9}html.studio101[data-theme] body #library :is(.course-player,.course-overview,.coach-note){border:0!important;box-shadow:none!important;background:var(--studio-soft)!important;border-radius:0!important}html.studio101[data-theme] body #library :is(.filters,.course-tracks) button{background:transparent!important;border:0!important}html.studio101[data-theme] body #library :is(.filters,.course-tracks) button[aria-pressed=true]{color:var(--studio-blue)!important;background:var(--studio-selected)!important}html.studio101[data-theme] body #article{background:var(--studio-paper)!important;color:var(--studio-ink)!important;border:0!important;border-radius:5px!important;width:min(1000px,94vw);padding:48px clamp(24px,5vw,72px)!important}html.studio101[data-theme] body #article-title{max-width:22ch;font-size:clamp(28px,4vw,44px)!important;line-height:1.35;letter-spacing:-1px;margin:20px auto 36px}html.studio101[data-theme] body #article-body{max-width:none!important;font-size:17px;line-height:1.95}html.studio101[data-theme] body #article-body :is(p,ul,ol,blockquote,h3,h4){max-width:42rem;margin-left:auto;margin-right:auto}html.studio101[data-theme] body #article-body h3{font-size:25px;margin-top:48px}html.studio101[data-theme] body #article-body :is(.article-section,.knowledge-section){background:none!important;border:0!important;box-shadow:none!important;padding:20px 0!important}html.studio101[data-theme] body #journal :is(.j-card,.j-panel){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:20px 0!important}html.studio101[data-theme] body #journal .j-layout{gap:48px}html.studio101[data-theme] body #journal .j-section-head h2{font-size:25px;letter-spacing:-.4px}html.studio101[data-theme] body #journal :is(.j-block,.j-plan-card){background:var(--studio-paper)!important;border:0!important;box-shadow:none!important;border-radius:3px!important;padding:24px!important}html.studio101[data-theme] body #journal .j-timer{background:var(--studio-soft)!important;border:0!important;box-shadow:none!important}html.studio101[data-theme] body #journal .j-day-summary{background:none!important;border:0!important;box-shadow:none!important;padding:16px 0!important}html.studio101[data-theme] body #home:not([hidden]){display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:48px 64px;padding:28px 0}html.studio101[data-theme] body #home .home-intro{margin:0!important;padding:0!important}html.studio101[data-theme] body #home .home-intro h1{font-size:clamp(40px,5.2vw,76px)!important;line-height:1.2;letter-spacing:-2px;font-weight:780;margin:16px 0 32px}html.studio101[data-theme] body #home .home-intro h1>span{font-size:14px;display:block;letter-spacing:2px;font-weight:500;color:var(--studio-muted);margin-top:24px}html.studio101[data-theme] body #home .home-intro>:is(p,.home-kicker),html.studio101[data-theme] body #home .home-signoff{display:none}html.studio101[data-theme] body #home .home-room{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:12px 0!important;transform:none!important}html.studio101[data-theme] body #home .home-room-top{display:none}html.studio101[data-theme] body #home .home-room h2{font-size:23px}html.studio101[data-theme] body #home .home-room p{font-size:14px;color:var(--studio-muted);margin:10px 0}html.studio101[data-theme] body #home .home-enter{border:0!important;background:none!important;padding:12px 0!important;justify-content:flex-start;gap:24px;color:var(--studio-blue)}html.studio101[data-theme] body #home .studio-practice-entry h2{font-size:18px}html.studio101[data-theme] body #home .studio-practice-entry .home-enter{display:inline-flex;background:var(--studio-red)!important;color:#fff!important;padding:12px 24px!important;border-radius:30px!important;margin-top:12px}html.studio101[data-theme] body #home .studio-create{display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:var(--studio-ink);background:var(--studio-soft);padding:36px}html.studio101[data-theme] body #home .studio-create h2{font-size:36px;line-height:1.35;letter-spacing:-1px;font-weight:700;margin:20px 0}html.studio101[data-theme] body #home .studio-create>span:last-child{font-size:14px}html.studio101[data-theme] body #home .studio-step-art{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin:28px 0 40px}html.studio101[data-theme] body #home .studio-step-art i{aspect-ratio:1;border-radius:50%;background:var(--studio-paper)}html.studio101[data-theme] body #home .studio-step-art i:nth-child(3n+1){background:var(--studio-red)}html.studio101[data-theme] body #home .studio-step-art i:nth-child(4){background:var(--studio-blue)}html.studio101[data-theme] body #home .home-rooms{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}html.studio101[data-theme] body #home #home-resume{grid-column:1/-1;justify-self:start;margin:0;padding:12px 0;background:none!important;box-shadow:none!important;border:0!important;color:var(--studio-blue)}html.studio101 main>footer{border:0!important;box-shadow:none!important;margin-top:72px!important;padding-block:32px!important;font-size:11px;color:var(--studio-muted)}@media (max-width:900px){html.studio101 body>header{padding:16px 4vw!important;gap:16px}html.studio101 body>header nav{gap:18px!important}html.studio101[data-theme] body #practice#practice .studio-transport{align-items:stretch;flex-direction:column;gap:12px;padding:16px}html.studio101[data-theme] body #practice#practice .metronome{justify-content:flex-start}html.studio101[data-theme] body #practice#practice .score-block{padding:24px 20px!important}html.studio101[data-theme] body #home:not([hidden]){gap:32px;grid-template-columns:1.2fr 1fr}html.studio101[data-theme] body #home .studio-create{padding:24px}}@media (max-width:600px){html.studio101 body>main{width:calc(100% - 32px)!important;padding-top:16px!important}html.studio101 body>header{padding:12px 16px!important;row-gap:12px!important}html.studio101 body>header nav{width:100%;gap:24px!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start!important}html.studio101 body>header nav a{font-size:13px!important;white-space:nowrap;flex:0 0 auto;width:auto!important}html.studio101[data-theme] body #practice#practice .practice-compact-heading{margin-bottom:20px!important}html.studio101[data-theme] body #practice#practice .studio-session{grid-template-columns:1fr;gap:12px;margin-bottom:20px}html.studio101[data-theme] body #practice#practice #beat-title{font-size:25px!important}html.studio101 .studio-selection>summary{padding:8px 16px;min-height:44px}html.studio101 .studio-selection .responsive-catalog{padding:16px!important}html.studio101[data-theme] body #practice#practice .studio-transport{padding:12px 14px;gap:12px}html.studio101[data-theme] body #practice#practice .play-row{justify-content:space-between}html.studio101[data-theme] body #practice#practice .metronome{display:grid!important;grid-template-columns:1fr auto;gap:8px 12px;width:100%!important}html.studio101[data-theme] body #practice#practice .metronome .tempo{grid-area:1/1;justify-content:flex-start}html.studio101[data-theme] body #practice#practice .metronome .tempo input{font-size:36px!important;width:74px!important}html.studio101[data-theme] body #practice#practice .metronome #metro{grid-area:1/2;font-size:12px;padding:8px!important}html.studio101[data-theme] body #practice#practice .metronome .pulse{grid-area:2/1;justify-content:center}html.studio101[data-theme] body #practice#practice .metro-settings{grid-area:2/2}html.studio101[data-theme] body #practice#practice .metro-settings[open]{grid-area:3/1/auto/-1}html.studio101[data-theme] body #practice#practice .score-block{padding:20px 12px!important;margin-bottom:28px!important}html.studio101[data-theme] body #practice#practice .score-actions{gap:8px}html.studio101[data-theme] body #practice#practice .practice-more{display:block;margin:24px 0!important}html.studio101[data-theme] body #practice#practice .practice-disclosure{margin:8px 0}html.studio101[data-theme] body #rudiment-panel .rud-controls{padding:16px 12px;gap:12px}html.studio101[data-theme] body #workshop .wf-transport{gap:10px;padding:12px!important}html.studio101[data-theme] body #workshop #wf-score{padding:24px 0}html.studio101[data-theme] body #workshop .wf-creative-tools{gap:8px;flex-wrap:wrap}html.studio101[data-theme] body #combination :is(#cp-cards,#hp-groups){padding:20px 12px!important}html.studio101[data-theme] body #journal .j-layout{gap:28px}html.studio101[data-theme] body #article{width:100vw;max-width:100vw!important;max-height:100dvh!important;border-radius:0!important;padding:32px 22px!important}html.studio101[data-theme] body #article-body{font-size:16px;line-height:1.9}html.studio101[data-theme] body #home:not([hidden]){grid-template-columns:1fr;gap:32px;padding:12px 0}html.studio101[data-theme] body #home .home-intro h1{font-size:44px!important}html.studio101[data-theme] body #home .studio-create{padding:28px}html.studio101[data-theme] body #home .studio-create h2{font-size:30px;margin:12px 0}html.studio101[data-theme] body #home .studio-step-art{margin:16px 0 24px}html.studio101[data-theme] body #home .home-rooms{grid-template-columns:1fr;gap:20px}html.studio101[data-theme] body #home .home-room{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px}html.studio101[data-theme] body #home .home-room h2{font-size:21px;margin:0}html.studio101[data-theme] body #home .home-room p{grid-column:1/-1;grid-row:2;margin:0}html.studio101[data-theme] body #home .home-enter{font-size:12px;gap:8px}html.studio101[data-theme] body #home .studio-practice-entry{display:block}}@media (prefers-reduced-motion:no-preference){html.studio101 :is(button,a,summary){transition:background-color .15s,color .15s}html.studio101 button:active:not(:disabled){transform:translateY(1px)}}}@media screen{html.studio101[data-theme] body main #practice.workspace .practice-main{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}html.studio101[data-theme] body main #practice#practice .practice-compact-heading .practice-nav>button{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:12px 0!important;height:auto!important;min-height:48px!important}html.studio101[data-theme] body main #practice#practice .practice-compact-heading .practice-nav>button[aria-pressed=true]{box-shadow:inset 0 -2px var(--studio-red)!important}html.studio101[data-theme] body main #practice#practice .practice-compact-heading .practice-nav>button::after,html.studio101[data-theme] body main #practice#practice .practice-compact-heading .practice-nav>button::before{display:none!important}html.studio101[data-theme] body main #practice#practice :is(.score-controls,.metronome) button{box-shadow:none!important}html.studio101[data-theme] body main #practice#practice .score-controls .ga-segment{background:none!important;box-shadow:none!important;border:0!important}}@media screen{html.studio101[data-theme] body #home .home-intro{text-align:left!important}html.studio101[data-theme] body #home .home-room{min-height:0!important}html.studio101[data-theme] body #home .studio-practice-entry{margin-top:36px}html.studio101[data-theme] body #article{max-width:1000px!important}html.studio101[data-theme] body #article-title{text-wrap:balance}html.studio101[data-theme] body>header nav a[aria-current=page]{background:transparent!important}html.studio101[data-theme] body #wf-fill-editor{background:var(--studio-paper)!important;color:var(--studio-ink)!important;border:0!important;border-radius:8px!important;box-shadow:0 24px 80px #0003!important}html.studio101[data-theme] body #wf-fill-editor :is(.wf-measure-grid,.wf-editor-row){background:transparent!important}html.studio101[data-theme] body #wf-fill-editor .wf-dialog-head{border:0!important}}@media screen{html.studio101[data-theme] body>header .brand-logo{height:53px!important;flex:0 0 106px}html.studio101[data-theme] body main #practice#practice .score-block>.view-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px!important;gap:12px}html.studio101[data-theme] body main #practice#practice .score-block>.view-heading>.score-controls{margin:0!important;margin-left:auto!important;min-height:44px}html.studio101[data-theme] body main #practice#practice .score-canvas{padding-block:0}html.studio101[data-theme] body main #practice#practice .metronome .tempo{height:56px!important}html.studio101[data-theme] body main #practice#practice .metronome .tempo input{height:44px!important;line-height:1!important;padding:0!important}html.studio101[data-theme] body main #practice#practice .metronome .tempo>div{display:flex;align-items:baseline;gap:4px}html.studio101[data-theme] body main #practice#practice .metronome .pulse{min-height:16px!important}@media (max-width:600px){html.studio101[data-theme] body>header .brand-logo{width:90px!important;height:45px!important;flex-basis:90px}html.studio101[data-theme] body main #practice#practice .studio-transport{gap:6px}html.studio101[data-theme] body main #practice#practice .score-block>.view-heading>.score-controls{flex-basis:100%;justify-content:flex-start}html.studio101[data-theme] body main #practice#practice .score-block{padding-top:16px!important}}}html.studio101[data-theme] body .practice-guide-tabs{display:flex;align-items:center;gap:32px;margin:12px 0 32px;flex-wrap:wrap}html.studio101[data-theme] body .practice-guide-tabs a{color:var(--studio-ink);text-decoration:none;padding:12px 0;font-size:17px;font-weight:650;min-height:44px;box-sizing:border-box}html.studio101[data-theme] body .practice-guide-tabs a[aria-current=page]{box-shadow:inset 0 -2px var(--studio-red);color:var(--studio-red)}html.studio101[data-theme] body .practice-guide-tabs .guide-world-link{margin-left:auto;font-size:13px;font-weight:400}html.studio101[data-theme] body #library #rudiment-panel{max-width:1120px;margin:0 auto}html.studio101[data-theme] body #library #rudiment-panel .score-block{padding:30px 0;margin:20px 0;background:none;border:0;box-shadow:none}html.studio101[data-theme] body #library #rudiment-panel .score-scroll{display:flex;justify-content:center}html.studio101[data-theme] body #library #rudiment-panel .rud-controls{display:flex;align-items:center;flex-wrap:wrap}html.studio101[data-theme] body #library #rudiment-panel #rud-play{min-height:48px;border-radius:28px;padding:12px 22px}@media (max-width:600px){html.studio101[data-theme] body .practice-guide-tabs{gap:20px;margin-bottom:26px}html.studio101[data-theme] body .practice-guide-tabs a{font-size:15px}html.studio101[data-theme] body .practice-guide-tabs .guide-world-link{font-size:12px}html.studio101[data-theme] body #library #rudiment-panel .rud-controls{gap:16px;padding:16px 0;background:none}html.studio101[data-theme] body #library #rudiment-panel .score-scroll{justify-content:flex-start}}html.studio101[data-theme] body #practice#practice .metro-settings>summary{width:44px;height:44px;min-height:44px;box-sizing:border-box;padding:10px;justify-content:center;border-radius:50%;color:var(--studio-ink);list-style:none}html.studio101[data-theme] body #practice#practice .metro-settings>summary::-webkit-details-marker{display:none}html.studio101[data-theme] body #practice#practice .metro-settings>summary::after{display:none}html.studio101[data-theme] body #practice#practice .metro-settings>summary .metro-gear{width:22px;height:22px;flex:0 0 22px}html.studio101[data-theme] body #practice#practice .metro-settings>summary:hover,html.studio101[data-theme] body #practice#practice .metro-settings[open]>summary{background:var(--studio-selected);color:var(--studio-blue)}html.studio101[data-theme] body #practice#practice .metro-settings>summary:focus-visible{outline:2px solid var(--studio-blue);outline-offset:2px}body.world-active main>footer{display:none}html.reference116 body #world{--world-sky:#eef2f9;--world-star:#1353bb;--world-view-height:clamp(540px,68vh,740px);position:relative;width:calc(100% - 2 * var(--studio-page-gutter,40px));max-width:var(--studio-content-max,1320px);margin:0 auto;padding:0 0 48px;min-width:0;color:var(--studio-ink);background:var(--studio-ground);font-family:inherit;overflow:clip}html.reference116[data-theme=dark] body #world{--world-sky:#172438;--world-star:#a6c8ff}#world button{font-family:inherit;box-shadow:none}#world button:focus-visible,#world summary:focus-visible,.world-sphere:focus-visible{outline:2px solid var(--studio-blue);outline-offset:4px}#world .world-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);width:100%;max-width:none;margin:auto;padding:0;gap:32px;align-items:start}#world .world-stage{position:sticky;top:24px;isolation:isolate;min-width:0;height:var(--world-view-height);max-height:980px;margin:0;background:radial-gradient(ellipse at 48% 46%,var(--studio-ground) 35%,var(--world-sky) 100%);overflow:hidden}#world .world-stars117{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.world-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin:0;padding:32px 0 28px;border:0;background:none}.world-intro{position:static;min-width:0}.world-intro>.world-kicker{display:none}.world-kicker{display:block;font-size:11px;line-height:1.5;font-weight:650;letter-spacing:.12em;color:var(--studio-muted)}#world .world-intro h1{font-family:inherit;font-size:var(--studio-type-page,48px);line-height:1.2;font-weight:800;letter-spacing:-.035em;margin:0;color:var(--studio-ink)}.world-intro h1 span{display:block;margin-top:12px;font-size:16px;font-weight:400;letter-spacing:0;line-height:1.5;color:var(--studio-muted)}.world-orbit{position:absolute;inset:64px 0 112px;display:grid;place-items:center}#world .world-sphere{position:relative;width:min(100%,calc(var(--world-view-height) - 180px),800px);min-width:340px;max-width:100%;aspect-ratio:1;border-radius:50%;touch-action:none;cursor:grab;isolation:isolate;filter:drop-shadow(0 17px 18px #10253516)}.world-sphere:active{cursor:grabbing}.world-sphere canvas{position:absolute;width:calc(100% * var(--globe-overscan,1.25));height:calc(100% * var(--globe-overscan,1.25));left:calc((1 - var(--globe-overscan,1.25)) * 50%);top:calc((1 - var(--globe-overscan,1.25)) * 50%);display:block;touch-action:none}.world-scenery{position:absolute;inset:0;pointer-events:none}.world-miniature{position:absolute;aspect-ratio:1;background-image:url(world-art/globe-miniatures.png);background-size:300% 200%;background-repeat:no-repeat;transform-origin:50% 91%;filter:drop-shadow(3px 6px 3px #102b3830);pointer-events:none}.world-hotspots{position:absolute;inset:0;pointer-events:none;z-index:25}#world .world-hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;min-width:44px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;box-shadow:none;color:#fff;font:inherit;line-height:1.2}.world-hotspot:before{content:"";position:absolute;left:18px;top:18px;width:8px;height:8px;border-radius:50%;background:#fff;border:1px solid #315666;box-shadow:0 0 0 4px #ffffff2d;z-index:2}.world-hotspot[data-current]:before{background:#fff;border-color:var(--studio-action-blue);box-shadow:0 0 0 5px #1353bb66}.world-pin-label{position:absolute;left:50%;top:50%;width:max-content;max-width:170px;padding:5px 8px;border-radius:3px;transform:translate(calc(-50% + var(--label-x,0px)),calc(-50% + var(--label-y,30px)));background:#101114e8;color:#fff;white-space:normal;text-align:center}.world-pin-label strong{display:block;font-size:13px;line-height:1.35;font-weight:700}.world-pin-label small{display:block;font-size:11px;line-height:1.35;margin-top:2px;color:#e4edf2}#world .world-hotspot[data-current] .world-pin-label{background:var(--studio-action-blue);color:#fff}.world-hotspot[data-current] .world-pin-label small{color:#fff}.world-hotspot[data-label-hidden] .world-pin-label{visibility:hidden;pointer-events:none}.world-hotspot:is(:hover,:focus-visible,[data-hover]){z-index:20}.world-hotspot:is(:hover,:focus-visible,[data-hover]) .world-pin-label{visibility:visible;background:var(--studio-action-blue);color:#fff}.world-hotspot:is(:hover,:focus-visible,[data-hover]) .world-pin-label small{color:#fff}.world-region-connector,.world-place-connector{position:absolute;height:1px;background:#fbfbefbc;transform-origin:0 50%;pointer-events:none}.world-region-connector{left:50%;top:50%}.world-place-connector:before{content:"";position:absolute;width:5px;height:5px;left:-2px;top:-2px;border-radius:50%;background:#fff}#world .world-place-pin{width:max-content;height:auto;min-width:78px;max-width:140px;min-height:44px;padding:6px 10px 6px 21px;border-radius:3px;white-space:normal}.world-place-pin:before{left:8px;top:calc(50% - 3px);width:6px;height:6px;border:0;box-shadow:none}.world-place-pin .world-pin-label{position:static;max-width:110px;padding:0;transform:none;background:transparent}.world-place-pin .world-pin-label strong{font-size:12px}.world-place-pin .world-pin-label small{font-size:10px}#world .world-place-pin[data-current]{color:#fff}.world-place-pin[data-current] .world-pin-label{background:none;color:inherit}.world-gesture{position:absolute;right:20px;top:20px;z-index:8;display:flex;flex-direction:column;gap:6px;align-items:center}#world .world-gesture button{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;height:44px;border:1px solid var(--studio-line);border-radius:3px;box-shadow:none;padding:6px;font-size:18px}.world-gesture svg{width:18px;height:18px}.world-gesture>span{display:none}#world .world-gesture .world-motion{font-size:11px;white-space:normal;line-height:1.3}.world-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--studio-muted);font-size:14px;white-space:nowrap}.world-map-note{position:absolute;bottom:104px;left:24px;right:24px;text-align:center;font-size:11px;line-height:1.5;color:var(--studio-muted);pointer-events:none}#world .world-trail{position:absolute;bottom:58px;left:22px;right:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 5px;color:var(--studio-muted);z-index:7}#world .world-trail button{min-height:40px;padding:5px 8px;border:0;border-radius:0;font-size:13px;box-shadow:none}.world-trail button[aria-current]{font-weight:700}.e115-world-directory{position:absolute;bottom:18px;left:24px;z-index:30}.e115-world-directory summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;box-sizing:border-box;border:1px solid var(--studio-line);border-radius:3px;background:var(--studio-paper);color:var(--studio-ink);font-size:13px;cursor:pointer;list-style:none}.e115-world-directory summary::-webkit-details-marker{display:none}.e115-world-directory svg{width:17px;height:17px}.e115-world-directory[open] summary svg:last-child{transform:rotate(-90deg)}#world .world-regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:absolute;bottom:calc(100% + 8px);left:0;box-sizing:border-box;width:min(380px,calc(100vw - 2 * var(--studio-page-gutter,20px) - 56px));max-height:min(460px,65dvh);overflow:auto;padding:12px;gap:4px;background:var(--studio-paper);border:1px solid var(--studio-line);border-radius:3px;box-shadow:0 8px 24px #07182c20}#world .world-regions button{min-width:0;min-height:44px;text-align:left;padding:8px 10px;border:0;border-radius:2px;box-shadow:none;font-size:13px}#world .world-regions button[aria-pressed=true]{font-weight:700}#world .world-read118{display:none}#world .world-journal{min-width:0;position:relative;z-index:6;align-self:start;max-height:none;min-height:0;box-sizing:border-box;padding:0 0 32px 32px;margin:0;border:0;border-left:1px solid var(--studio-line);border-radius:0;background:transparent;color:var(--studio-ink);box-shadow:none;overflow:visible;overscroll-behavior:contain;scrollbar-width:thin;scroll-margin-top:18px}#world .world-back{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;font-size:13px;border:0;border-radius:0;box-shadow:none}.world-panel-top{margin:8px 0 24px}.world-name-en{display:block;margin-top:-6px;font-size:14px;line-height:1.5;color:var(--studio-muted)}#world .world-journal h2{font-family:inherit;font-size:28px;line-height:1.25;font-weight:800;letter-spacing:-.035em;margin:10px 0 12px;overflow-wrap:anywhere;color:var(--studio-ink)}.world-panel-top em{display:block;margin-top:16px;font-style:normal;font-size:15px;line-height:1.7;color:var(--studio-muted)}#world .world-journal p,.world-reading{font-family:inherit;font-size:16px;font-weight:400;line-height:1.8;letter-spacing:0;color:var(--studio-ink);margin:14px 0;overflow-wrap:anywhere}#world .world-journal .world-context{font-size:14px;line-height:1.75;color:var(--studio-muted)}#world .world-journal h3{font-family:inherit;font-size:18px;line-height:1.5;letter-spacing:0;font-weight:700;color:var(--studio-ink);margin:24px 0 4px}.world-sounds{display:flex;flex-wrap:wrap;gap:0 18px;margin:14px 0 22px}.world-sounds button{min-height:44px;white-space:normal;text-align:left;font-size:14px;padding:7px 0;border:0;border-radius:0}.world-story-columns{display:block}.world-rhythm-shelf,.world-story-shelf,.world-travel-shelf{padding:0;border:0;border-radius:0;box-shadow:none;background:none}#world .world-content-link{display:block;position:relative;width:100%;min-height:56px;text-align:left;white-space:normal;padding:14px 20px 14px 0;margin:0;border:0;border-radius:0;border-bottom:1px solid var(--studio-line);box-shadow:none;line-height:1.5}.world-content-link:after{content:"\2197";position:absolute;right:0;top:15px;font-size:15px;color:var(--studio-blue)}.world-content-link span{font-size:16px;font-weight:600;overflow-wrap:anywhere}.world-content-link small{display:block;font-size:12px;line-height:1.6;margin-top:5px;color:var(--studio-muted)}.world-content-link:hover span{color:var(--studio-blue)}.world-places{display:flex;gap:0 24px;flex-wrap:wrap}.world-places button{min-height:48px;padding:10px 0;border:0;border-radius:0;text-align:left;font-size:15px}.world-places small{display:block;font-size:12px;color:var(--studio-muted)}.world-score-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 8px}.world-score-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:650;border:1px solid var(--studio-line);border-radius:3px}.world-score-actions svg{width:18px;height:18px}#world .world-score-actions .world-listen{border-color:var(--studio-action-red,#d72922);min-width:96px}.world-audio-status{display:block;min-height:20px;font-size:12px;line-height:1.6;color:var(--studio-muted)}.world-score{margin:14px 0 0;padding:0;max-width:100%;background:#fff;color:#101215;overflow:hidden;border-radius:0}#world .world-score .score-scroll{max-width:100%;overflow:visible;border-radius:0;box-shadow:none;padding:0}#world .world-score .score-canvas{min-width:0;width:100%;max-width:100%}#world .world-score svg{width:100%;min-width:0;max-width:100%;height:auto}.world-score .bar-caption{padding:12px 10px 0;color:#617083;font-size:11px}.world-score .bar-caption span{display:none}#world .world-journal :is(.world-score-note,.world-score-hint){font-size:12px;line-height:1.6;color:var(--studio-muted);margin:7px 0}.world-reading a{color:var(--studio-blue);text-underline-offset:3px}.world-reading img{max-width:100%;height:auto}.world-reading table{display:block;max-width:100%;overflow:auto}.world-reading .source-marker{min-width:36px;min-height:36px;padding:4px;border:0}.world-reading .source-explanation{font-size:13px;border-left:2px solid var(--studio-blue);padding:12px 16px}.world-search{display:none}@media (max-width:1200px) and (min-width:981px){#world .world-layout{grid-template-columns:minmax(0,1.1fr) minmax(340px,1fr);gap:24px}#world .world-journal{padding:0 0 32px 24px}#world .world-journal h2{font-size:28px}}@media (max-width:980px){#world .world-layout{display:block}#world .world-stage{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;height:auto;min-height:0;max-height:none;padding:20px 24px 16px;overflow:visible}#world .world-sphere{width:min(calc(100% - 24px),460px);min-width:0;height:auto;aspect-ratio:1}.world-orbit{position:relative;grid-column:1/-1;grid-row:2;inset:auto;width:calc(100% + 48px);margin-inline:-24px;padding-block:8px;min-width:0}#world .world-journal{border-left:0;border-top:1px solid var(--studio-line);max-height:none;overflow:visible;padding:28px 0 42px}#world .world-read118{position:relative;grid-column:2;grid-row:3;display:flex;align-items:center;justify-content:center;justify-self:end;right:auto;bottom:auto;min-height:44px;padding:8px 10px;border:1px solid var(--studio-line);border-radius:3px;font-size:13px;z-index:8}.world-map-note{position:static;grid-column:1/-1;grid-row:5;margin:0;align-self:center}#world .world-trail{position:static;grid-column:1/-1;grid-row:4;min-height:40px;margin:0}.world-heading{padding:24px 0;gap:16px}.world-gesture{position:relative;grid-column:1/-1;grid-row:1;justify-self:end}.world-gesture{flex-direction:row;top:auto;right:auto;gap:6px}.e115-world-directory{position:relative;grid-column:1;grid-row:3;left:auto;bottom:auto;justify-self:start}.e115-world-directory summary{padding:8px 10px}}@media (max-width:600px){#world .world-stage{padding:18px 20px 14px;gap:6px 10px}.world-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:24px 0 20px}.world-intro h1 span{max-width:18em}.world-heading .knowledge123-search{padding-top:0}.world-intro h1 span{font-size:14px;max-width:none}.world-intro .world-kicker{font-size:9px}.world-gesture{gap:6px}.world-orbit{inset:auto;width:calc(100% + 40px);margin-inline:-20px}#world .world-sphere{width:min(calc(100% - 24px),400px)}#world .world-journal h2{font-size:28px}.world-panel-top{margin:12px 0 18px}.world-pin-label{max-width:128px;padding:4px 6px}.world-pin-label strong{font-size:11px}.world-pin-label small{font-size:10px}.world-map-note{font-size:10px}.world-content-link span{font-size:16px}}.world-return{display:inline-block;margin:0 0 20px;color:var(--studio-blue,#1353bb);font-size:13px}.world-return[hidden]{display:none}.world-article-places{margin-top:24px;font-size:14px}.world-article-places a{display:inline-block;margin:8px;color:var(--studio-blue,#1353bb)}.world-home-entry{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:30px 35px;margin-top:30px;text-decoration:none}.world-home-entry span{font-size:13px}.world-home-entry strong{font-size:26px;line-height:1.4;font-weight:700}@layer responsive118{#world .world-hotspot[data-current] .world-pin-label,#world .world-hotspot[data-current] .world-pin-label :is(strong,small){color:#fff!important}html.reference116 body.world-active main>footer{display:none!important}html.reference116 body.world-active main{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}#world[hidden],#world [hidden]{display:none!important}#world .world-hotspot{background:transparent!important}#world .world-place-pin{background:#101114ed!important}#world .world-place-pin[data-current]{background:var(--studio-action-blue)!important}#world .world-gesture button[aria-pressed=true]{background:var(--studio-action-blue)!important;color:#fff!important}#world .world-gesture button{background:var(--studio-paper)!important;color:var(--studio-ink)!important}#world .world-trail button{background:transparent!important;color:var(--studio-blue)!important}#world .world-regions button{background:transparent!important;color:var(--studio-ink)!important}#world .world-regions button[aria-pressed=true]{background:var(--studio-selected)!important;color:var(--studio-blue)!important}#world .world-back{background:none!important;color:var(--studio-blue)!important}.world-sounds button{background:transparent!important;color:var(--studio-blue)!important}#world .world-content-link{background:transparent!important;color:var(--studio-ink)!important}.world-places button{background:none!important;color:var(--studio-blue)!important}.world-score-actions button{color:var(--studio-ink)!important;background:transparent!important}#world .world-score-actions .world-listen{background:var(--studio-action-red,#d72922)!important;color:#fff!important}#world .world-score .score-scroll{background:#fff!important;color:#101215!important;border:0!important}#world .world-score svg{color:#101215!important;filter:none!important}.world-reading .source-marker{background:none!important;color:var(--studio-blue)!important}@media (max-width:980px){#world .world-read118{background:var(--studio-paper)!important;color:var(--studio-blue)!important}}@media (prefers-reduced-motion:reduce){#world *{animation:none!important;transition:none!important}}}html.studio101[data-theme] body dialog :is(header,footer){background:transparent!important}html.studio101[data-theme] body dialog .ga-appearance button[aria-pressed=true]{background:var(--studio-selected)!important;color:var(--studio-blue)!important;box-shadow:inset 0 0 0 1px var(--studio-blue)!important}@media screen{html.studio101[data-theme] body{--studio-ground:#f5f2eb;--studio-paper:#fffcf6;--studio-soft:#eae7df;--studio-ink:#283439;--studio-muted:#626d70;--studio-red:#cc392e;--studio-blue:#31678b;--studio-selected:#deebee;--studio-line:#d5d9d4;--studio-font:"Avenir Next","Trebuchet MS","PingFang SC","Microsoft YaHei",sans-serif;--studio-heading:ui-rounded,"Avenir Next","Trebuchet MS","PingFang SC","Microsoft YaHei",sans-serif;--studio-ease:cubic-bezier(.2,.65,.3,1);--studio-space:8px;--studio-control:44px;--studio-shadow:0 18px 60px #142c3520;font-family:var(--studio-font);font-size:15px;line-height:1.65}html.studio101[data-theme=dark] body{--studio-ground:#172730;--studio-paper:#20343f;--studio-soft:#293e49;--studio-ink:#f0e9da;--studio-muted:#b6c5ca;--studio-red:#c84336;--studio-blue:#b2d5e4;--studio-selected:#354f5b;--studio-line:#49616b;--studio-shadow:0 18px 60px #08161e55}html.studio101[data-theme] body :is(h1,h2,h3,h4){font-family:var(--studio-heading);text-wrap:balance}html.studio101[data-theme] body :is(button,input,select,textarea,summary){font-family:var(--studio-font)}html.studio101[data-theme] body>header{padding:16px 4vw!important;min-height:84px!important;gap:24px;box-shadow:none!important;background:var(--studio-ground)!important}html.studio101[data-theme] body>header nav{gap:24px!important;min-width:0}html.studio101[data-theme] body>header nav a{font-size:14px!important;letter-spacing:.02em}html.studio101[data-theme] body>main{max-width:1440px!important;padding-top:30px!important;padding-bottom:24px!important}html.studio101[data-theme] body main :is(.ga-page-heading,.wf-heading,.j-heading){margin-bottom:24px!important}html.studio101[data-theme] body main :is(.ga-page-heading,.wf-heading,.j-heading) h1{font-size:clamp(28px,3vw,40px)!important;letter-spacing:-.035em;line-height:1.25}html.studio101[data-theme] body .studio-kicker{font-size:11px;letter-spacing:.16em;font-weight:600;margin-bottom:12px;color:var(--studio-muted)}html.studio101[data-theme] body :is(.ga-icon,.metro-gear){stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}html.studio101[data-theme] body :is(button,summary,a,input,select,textarea,[role=button]):focus-visible{outline:2px solid var(--studio-blue)!important;outline-offset:4px}html.studio101[data-theme] body :is(button,summary){-webkit-tap-highlight-color:transparent;touch-action:manipulation}html.studio101[data-theme] body :is(button:disabled,[aria-disabled=true]){cursor:not-allowed}html.studio101[data-theme] body :is(dialog,#account-dropdown){background:var(--studio-paper)!important;color:var(--studio-ink)!important;border:0!important;border-radius:18px!important;box-shadow:var(--studio-shadow)!important}html.studio101[data-theme] body dialog::backdrop{background:#0b1c2b75;backdrop-filter:blur(5px)}html.studio101[data-theme] body dialog:not(#garden-dialog) :is(button,summary){min-height:44px;box-shadow:none!important}html.studio101[data-theme] body dialog:not(#garden-dialog) button{color:var(--studio-ink)!important;background:var(--studio-soft)!important;border-color:transparent!important}html.studio101[data-theme] body dialog:not(#garden-dialog) :is(button.primary,.account-primary,.j-primary){background:var(--studio-red)!important;color:#fff!important}html.studio101[data-theme] body :is(input:not([type=checkbox]):not([type=range]):not([type=radio]),select,textarea){color:var(--studio-ink)!important;accent-color:var(--studio-red)}html.studio101[data-theme] body dialog :is(input:not([type=checkbox]):not([type=range]):not([type=radio]),select,textarea){background:var(--studio-ground)!important;border:1px solid var(--studio-line)!important;border-radius:8px;min-height:44px;font-size:16px}html.studio101[data-theme] body dialog :is(p,small,.account-muted){color:var(--studio-muted)!important}html.studio101[data-theme] body dialog :is([role=alert],#account-error){color:var(--studio-red)!important}html.studio101[data-theme=dark] body dialog :is([role=alert],#account-error){color:#ffaaa0!important}html.studio101[data-theme] body #account-dialog .account-check{background:none!important;color:var(--studio-ink)!important;box-shadow:none!important}html.studio101[data-theme] body .ga-appearance{border:0;padding-top:12px}html.studio101[data-theme] body .ga-appearance button[aria-pressed=true]{background:var(--studio-selected)!important;color:var(--studio-blue)!important;box-shadow:inset 0 0 0 1px var(--studio-blue)!important}.studio-appearance{position:relative;flex:0 0 auto;margin-left:auto;z-index:70}.studio-appearance>summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;cursor:pointer;color:var(--studio-ink);border-radius:50%}.studio-appearance>summary::-webkit-details-marker{display:none}.studio-appearance>summary:hover,.studio-appearance[open]>summary{background:var(--studio-selected)}.studio-appearance>summary svg{width:22px;height:22px}.studio-mobile-transport[hidden]{display:none!important}.studio-mobile-transport{display:none}.studio-dock-return svg{transform:rotate(-90deg)}html.studio101[data-theme] body #practice .world-practice-context{margin:24px 0 32px;color:var(--studio-ink)}html.studio101[data-theme] body #practice .world-practice-context[hidden]{display:none}html.studio101[data-theme] body #practice .world-practice-context summary{font-size:15px;cursor:pointer;min-height:44px}html.studio101[data-theme] body #practice .world-practice-context>div{padding:12px 0;max-width:65ch}html.studio101[data-theme] body #practice .world-practice-context p{font-size:14px;color:var(--studio-muted);margin:6px 0}html.studio101[data-theme] body #practice .world-practice-context a{display:inline-flex;align-items:center;min-height:44px;margin-right:16px;font-weight:600;color:var(--studio-blue)!important;text-decoration:none}html.studio101[data-theme] body #practice .world-practice-context a:hover{background:var(--studio-selected);border-radius:6px}html.studio101[data-theme] body main :is(.ga-editor-actions,.ga-combination-actions,.j-section-head) button,html.studio101[data-theme] body #account-button{box-shadow:none!important;border:0!important;background:var(--studio-paper)!important;color:var(--studio-ink)!important;border-radius:10px!important;min-height:44px}html.studio101[data-theme] body .studio-appearance .ga-appearance{position:absolute;right:0;top:48px;width:292px;padding:16px;margin:0;background:var(--studio-paper);color:var(--studio-ink);border-radius:12px;box-shadow:var(--studio-shadow)}html.studio101[data-theme] body .studio-appearance .ga-appearance button{background:var(--studio-soft)!important;color:var(--studio-ink)!important;box-shadow:none!important;border:0;min-height:44px}html.studio101[data-theme] body main :is(#combination,#journal) .ga-combo-tabs{display:flex!important;align-items:center;gap:28px!important;background:none!important;border:0!important;padding:0!important;margin:16px 0 32px!important;box-shadow:none!important}html.studio101[data-theme] body main :is(#combination,#journal) .ga-combo-tabs>button{position:relative;display:flex!important;gap:9px!important;align-items:center;flex:0 1 auto!important;width:auto!important;min-width:0!important;height:auto!important;min-height:48px!important;padding:10px 0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;font-size:16px!important;color:var(--studio-muted)!important}html.studio101[data-theme] body main :is(#combination,#journal) .ga-combo-tabs>button:before,html.studio101[data-theme] body main :is(#combination,#journal) .ga-combo-tabs>button:after{display:none!important}html.studio101[data-theme] body main :is(#combination,#journal) .ga-combo-tabs>button[aria-pressed=true]{color:var(--studio-ink)!important;box-shadow:inset 0 -2px var(--studio-red)!important}html.studio101[data-theme] body main :is(#combination,#journal) .ga-combo-tabs>button small{display:none!important}html.studio101[data-theme] body main :is(#combination,#journal) .ga-combo-tabs svg{width:20px;height:20px;flex:none}html.studio101[data-theme] body main #practice#practice .studio-transport{position:sticky;top:8px;z-index:35;border-radius:12px 12px 0 0;gap:20px;padding:12px 20px;box-shadow:0 -8px var(--studio-ground)}html.studio101[data-theme] body main #workshop .wf-transport{position:sticky;top:8px;z-index:35;border-radius:12px!important;box-shadow:0 -8px var(--studio-ground)!important}html.studio101[data-theme] body main #practice#practice .metronome{color:var(--studio-ink)!important}html.studio101[data-theme] body main #practice#practice .metronome .tempo input{font-weight:500!important;letter-spacing:-1.5px!important}html.studio101[data-theme] body main #practice#practice :is(#play,#metro),html.studio101[data-theme] body #workshop #wf-play{white-space:nowrap}html.studio101[data-theme] body main #practice#practice .score-block{padding:24px clamp(16px,3vw,44px)!important;border-radius:0 0 12px 12px!important}html.studio101[data-theme] body main #practice#practice .score-canvas{min-height:190px;align-items:center}html.studio101[data-theme] body main #practice#practice .practice-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}html.studio101[data-theme] body main #practice#practice .practice-disclosure>summary{font-size:14px;min-height:48px;padding:10px 0}html.studio101[data-theme] body #practice .world-return{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;margin:0 0 16px;background:var(--studio-selected);color:var(--studio-blue)!important;border-radius:24px;text-decoration:none!important;font-size:14px}html.studio101[data-theme] body #practice .world-return[hidden]{display:none}html.studio101[data-theme] body main #workshop #wf-score{border-radius:12px;padding-block:28px}html.studio101[data-theme] body main #workshop .wf-footnote{font-size:13px;max-width:80ch;color:var(--studio-muted);margin-top:24px}html.studio101[data-theme] body #workshop .wf-heading p{font-size:14px;color:var(--studio-muted)}html.studio101[data-theme] body main #combination :is(#cp-cards,#hp-groups){border-radius:14px!important;background:var(--studio-soft)!important}html.studio101[data-theme] body main #combination :is(.cp-card,.hp-group){border-radius:10px!important;box-shadow:0 3px 0 #132c3510!important}html.studio101[data-theme] body #journal .account-sync{padding:0;background:transparent!important;border:0!important}html.studio101[data-theme] body #journal .j-layout{gap:32px}html.studio101[data-theme] body #journal :is(.j-block,.j-plan-card){border-radius:10px!important;padding:22px!important}html.studio101[data-theme] body #journal .j-section-head h2{font-size:25px!important}html.studio101[data-theme] body #library .library-browse-bar{gap:12px 20px;flex-wrap:wrap}html.studio101[data-theme] body #library .library-reading-card button{font-family:var(--studio-font)}html.studio101[data-theme] body #article{border-radius:16px!important}html.studio101[data-theme] body #article-body{font-size:17px;line-height:1.95;color:var(--studio-ink)}html.studio101[data-theme] body #article-body a:not([role=button]){color:var(--studio-blue)!important;text-decoration:none;font-weight:600}html.studio101[data-theme] body #article-body a:hover{background:var(--studio-selected)}html.studio101[data-theme] body #article-body :is(.world-article-places,.article-related){margin-top:32px}html.studio101[data-theme] body #library #rudiment-panel .rud-controls{border-radius:12px;background:var(--studio-soft)!important;padding:16px!important}html.studio101[data-theme] body #library #rudiment-panel .score-block{background:var(--studio-paper)!important;border-radius:12px;padding:24px!important}html.studio101[data-theme] body #home .studio-create{border-radius:36px 12px 36px 12px!important;background:var(--studio-soft)!important;color:var(--studio-ink)!important}html.studio101[data-theme] body #home .home-intro h1{font-weight:750;letter-spacing:-.05em}html.studio101[data-theme] body #home .home-room h2{font-weight:650}html.studio101[data-theme] body #home .home-enter{font-size:14px;min-height:44px}html.studio101[data-theme] body main>footer{border:0!important;margin-top:64px!important;padding-block:24px!important;color:var(--studio-muted)}@media (min-width:1600px){html.studio101[data-theme] body>main{width:calc(100% - 12vw)!important}}@media (max-width:1050px){html.studio101[data-theme] body>header{gap:14px!important}html.studio101[data-theme] body>header nav{gap:20px!important}html.studio101[data-theme] body main #practice#practice .studio-transport{flex-wrap:wrap;gap:12px}}@media (max-width:700px){html.studio101[data-theme] body:has(.studio-mobile-transport:not([hidden])){padding-bottom:90px!important}html.studio101[data-theme] body .studio-mobile-transport:not([hidden]){position:fixed;left:18px;right:18px;bottom:max(12px,env(safe-area-inset-bottom));z-index:90;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:36px;background:var(--studio-paper);box-shadow:var(--studio-shadow);color:var(--studio-ink)}html.studio101[data-theme] body .studio-mobile-transport button{min-height:44px;padding:10px 16px;border:0;border-radius:28px;background:transparent!important;color:var(--studio-ink)!important;box-shadow:none!important;font-size:15px}html.studio101[data-theme] body .studio-mobile-transport .studio-dock-play{background:var(--studio-red)!important;color:#fff!important}html.studio101[data-theme] body .studio-mobile-transport .studio-dock-return{width:44px;padding:10px}html.studio101[data-theme] body>header{display:grid!important;grid-template-columns:minmax(70px,1fr) 40px 44px!important;padding:12px 18px!important;row-gap:6px!important;column-gap:8px!important}html.studio101[data-theme] body>header .brand{grid-area:1/1!important}html.studio101[data-theme] body>header .ga-workshop-link{grid-area:1/2!important}html.studio101[data-theme] body>header .studio-appearance{grid-area:1/3!important}html.studio101[data-theme] body>header #account-button{grid-area:1/3!important}html.studio101[data-theme] body>header nav{grid-area:2/1/3/4!important;order:5;width:100%;overflow-x:auto;flex-wrap:nowrap!important;justify-content:flex-start!important;scrollbar-width:none;gap:24px!important}html.studio101[data-theme] body>header nav a{flex:0 0 auto;white-space:nowrap;font-size:14px!important;min-height:44px;box-sizing:border-box}html.studio101[data-theme] body>main{width:calc(100% - 36px)!important;padding-top:20px!important}html.studio101[data-theme] body>header .brand-name{display:none!important}html.studio101[data-theme] body>header .brand-logo{width:82px!important;flex-basis:82px;height:42px!important}html.studio101[data-theme] body>header .ga-workshop-link{margin-left:auto!important;font-size:12px}.studio-appearance{margin-left:0}html.studio101[data-theme] body>header .account-button{margin-left:0!important}html.studio101[data-theme] body>header .account-button>span{display:none}html.studio101[data-theme] body>header .account-button{width:44px!important;min-width:44px;padding:7px!important}html.studio101[data-theme] body .studio-appearance .ga-appearance{right:-54px;width:270px}html.studio101[data-theme] body main :is(#combination,#journal) .ga-combo-tabs{gap:22px!important;margin-bottom:24px!important;overflow:auto}html.studio101[data-theme] body main :is(#combination,#journal) .ga-combo-tabs>button{font-size:14px!important;white-space:nowrap;flex:none!important}html.studio101[data-theme] body main :is(#combination,#journal) .ga-combo-tabs svg{width:18px;height:18px}html.studio101[data-theme] body main #practice#practice .studio-transport{position:relative;top:auto;padding:14px!important;border-radius:12px 12px 0 0;display:flex;flex-direction:column;align-items:stretch}html.studio101[data-theme] body main #practice#practice .play-row{gap:10px;justify-content:space-between}html.studio101[data-theme] body main #practice#practice .metronome{grid-template-columns:1fr auto;gap:8px!important}html.studio101[data-theme] body main #practice#practice .practice-more{display:block}html.studio101[data-theme] body main #practice#practice .score-block{padding:20px 12px!important}html.studio101[data-theme] body main #workshop .wf-transport{position:relative;top:auto;gap:10px!important}html.studio101[data-theme] body main #workshop .wf-transport{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-areas:"play tempo tempo" "click history settings"!important}html.studio101[data-theme] body main #workshop #wf-play{grid-area:play!important;width:52px!important;min-width:52px!important;padding:8px!important;font-size:12px!important}html.studio101[data-theme] body main #workshop .wf-tempo{grid-area:tempo!important;justify-content:flex-end;min-width:0}html.studio101[data-theme] body main #workshop .wf-toggle-pill{grid-area:click!important}html.studio101[data-theme] body main #workshop .wf-history{grid-area:history!important;display:flex;justify-content:flex-end;margin:0!important;gap:4px}html.studio101[data-theme] body main #workshop .wf-history button{min-width:40px!important;width:40px!important;padding:8px!important}html.studio101[data-theme] body main #workshop .wf-gear{grid-area:settings!important;width:44px!important;min-width:44px!important;padding:10px!important}html.studio101[data-theme] body main #workshop .wf-gear span{display:none}html.studio101[data-theme] body main #workshop .wf-print-head #wf-fill-main{width:auto!important;flex:none!important;min-height:44px}html.studio101[data-theme] body main #workshop .wf-print-head{gap:8px}html.studio101[data-theme] body main #workshop .wf-print-head h2{width:100%;font-size:23px}html.studio101[data-theme] body #workshop #wf-fill-editor{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;padding:16px 10px!important}html.studio101[data-theme] body #article{width:100vw!important;max-width:100vw!important;border-radius:0!important;padding:24px 22px!important}html.studio101[data-theme] body #home:not([hidden]){gap:32px!important}html.studio101[data-theme] body #home .home-intro h1{font-size:42px!important}html.studio101[data-theme] body #home .studio-create{padding:28px!important}html.studio101[data-theme] body main>footer{margin-top:40px!important}}@media (prefers-reduced-motion:no-preference){html.studio101[data-theme] body :is(button,a,summary){transition:background-color 160ms var(--studio-ease),color 160ms var(--studio-ease),box-shadow 160ms var(--studio-ease)}html.studio101[data-theme] body dialog[open]:not(#garden-dialog){animation:studio-enter 180ms var(--studio-ease)}@keyframes studio-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){html.studio101[data-theme] body :is(button,a,summary,dialog){animation:none!important;transition:none!important;scroll-behavior:auto!important}}}html.studio101[data-theme] body #practice .studio-selection[open]{display:contents}html.studio101[data-theme] body #practice .studio-selection>summary{grid-column:2;grid-row:1;width:156px;box-sizing:border-box;min-height:44px;margin:0!important;justify-self:end}html.studio101[data-theme] body #practice .studio-selection .responsive-catalog{grid-column:1/-1;grid-row:2}@media (max-width:700px){html.studio101[data-theme] body #practice .studio-selection>summary{width:136px}}html.studio101[data-theme] body #workshop #wf-bulk{max-width:520px;box-sizing:border-box}#wf-bulk-range{display:flex;gap:6px;margin:20px 0}html.studio101[data-theme] body #workshop #wf-bulk-range button{flex:1;padding:8px 4px;font-size:13px;min-height:44px}html.studio101[data-theme] body #workshop #wf-bulk-range button[aria-pressed=true]{background:var(--studio-selected)!important;color:var(--studio-blue)!important}.wf-bulk-editor{padding:16px 0}.wf-bulk-legend{font-size:12px;color:var(--studio-muted);text-align:right}#wf-bulk-points{display:flex;justify-content:center;gap:0;margin:22px 0 10px}html.studio101[data-theme] body #workshop #wf-bulk-points button{flex:1;min-width:0;max-width:52px;height:48px;padding:0;border:0;background:transparent!important;border-radius:0;position:relative}#wf-bulk-points button:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#c7d0dc}#wf-bulk-points button[data-tone=medium]:after{background:#6295c6}#wf-bulk-points button[data-tone=heavy]:after{background:#d67562}#wf-bulk-points button[data-tone=light]:after{background:#8fb89a;box-shadow:inset 0 0 0 3px var(--studio-paper)}.wf-bulk-subdivision{display:flex;justify-content:center;gap:26px}.wf-bulk-subdivision button{width:44px}#wf-bulk footer{display:flex;align-items:center;justify-content:space-between;gap:12px}#wf-bulk footer small{display:block;font-size:12px}html.studio101[data-theme] body #practice .studio-selection{display:contents}@media (max-width:700px){html.studio101[data-theme] body #practice .studio-selection>summary{grid-column:1;grid-row:2}html.studio101[data-theme] body #practice .studio-selection .responsive-catalog{grid-row:3}}html.studio101[data-theme] body .studio-appearance .ga-appearance{width:320px;max-width:calc(100vw - 36px);box-sizing:border-box}html.studio101[data-theme] body .studio-appearance .ga-appearance button{white-space:nowrap;flex-shrink:0;padding-inline:10px!important}html.studio101[data-theme] body #practice .studio-selection-toggle{grid-column:2;grid-row:1;justify-self:end;position:relative;display:flex;align-items:center;justify-content:center;width:156px;min-height:44px;box-sizing:border-box;padding:10px 30px 10px 16px!important;margin:0!important;border:0!important;border-radius:24px;background:var(--studio-paper)!important;color:var(--studio-ink)!important;box-shadow:none!important;font-size:14px;cursor:pointer}html.studio101[data-theme] body #practice .studio-selection-toggle svg{position:absolute;right:13px;width:18px;height:18px;transition:transform .28s ease}html.studio101[data-theme] body #practice .studio-selection-toggle[aria-expanded=true] svg{transform:rotate(180deg)}html.studio101[data-theme] body #practice .studio-catalog-drawer{grid-column:1/-1;grid-row:2;display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;margin-top:-20px;transition:grid-template-rows .32s cubic-bezier(.2,.7,.2,1),opacity .24s ease,margin-top .32s ease,visibility 0s .32s}html.studio101[data-theme] body #practice .studio-catalog-drawer.is-open{grid-template-rows:1fr;opacity:1;visibility:visible;margin-top:0;transition-delay:0s}html.studio101[data-theme] body #practice .studio-catalog-inner{min-height:0;overflow:hidden}@media (min-width:701px){html.studio101[data-theme] body>header nav{flex:1 1 auto!important}html.studio101[data-theme] body>header :is(.ga-workshop-link,.studio-appearance,#account-button){flex:0 0 auto!important;margin:0!important;align-self:center}}@media (max-width:700px){html.studio101[data-theme] body #practice .studio-selection-toggle{grid-column:1;grid-row:2;width:136px}html.studio101[data-theme] body #practice .studio-catalog-drawer{grid-row:3}}@media (prefers-reduced-motion:reduce){html.studio101[data-theme] body #practice :is(.studio-catalog-drawer,.studio-selection-toggle svg){transition:none!important}}html.studio101[data-theme] body #practice .studio-selection>summary{position:relative;justify-content:center;gap:0;padding-inline:26px!important;text-align:center}html.studio101[data-theme] body #practice .studio-selection>summary>span{position:absolute;right:14px}html.studio101[data-theme] body #practice .studio-selection .responsive-catalog{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:22px 0 12px!important;overflow:visible}html.studio101[data-theme] body #practice .studio-selection .responsive-catalog:before{display:none}html.studio101[data-theme] body #practice#practice .studio-transport{position:relative}html.studio101[data-theme] body #practice#practice .metro-settings,html.studio101[data-theme] body #practice#practice .metro-settings[open]{position:static;flex:0 0 auto;width:auto!important;padding:0!important;background:transparent!important}html.studio101[data-theme] body #practice#practice .metro-settings>summary{width:44px;height:44px;padding:0!important}html.studio101[data-theme] body #practice#practice .mixer108{position:absolute;right:0;top:calc(100% + 8px);z-index:35;width:340px;max-width:calc(100vw - 48px);padding:24px;box-sizing:border-box;background:var(--studio-paper);color:var(--studio-ink);box-shadow:0 12px 36px #132a3526;border-radius:12px}html.studio101[data-theme] body #practice#practice .mixer108-fader{display:block!important;width:100%!important;margin:0 0 18px!important;padding:0;min-width:0}.mixer108-fader>span{display:flex;align-items:baseline;gap:8px;font-size:14px;font-weight:600}.mixer108-fader small{font-size:10px;letter-spacing:.1em;opacity:.7;font-weight:400}.mixer108-fader output,.mixer108-fader #volume-value{margin-left:auto;font-size:12px;font-weight:400}html.studio101[data-theme] body #practice#practice .mixer108 input[type=range]{display:block;width:100%!important;margin:6px 0 0!important;padding:0!important;min-height:32px;height:32px;appearance:none;-webkit-appearance:none;background:transparent!important;cursor:ew-resize}.mixer108 input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:linear-gradient(90deg,#687775,#bf9467)}.mixer108 input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:25px;margin-top:-10px;border:2px solid var(--studio-paper);border-radius:4px;background:#bd533d;box-shadow:0 2px 5px #0003}.mixer108 input[type=range]::-moz-range-track{height:5px;border-radius:3px;background:#929e99}.mixer108 input[type=range]::-moz-range-thumb{width:12px;height:23px;border:2px solid var(--studio-paper);border-radius:4px;background:#bd533d}.mixer108-fader .mixer108-ends{justify-content:space-between;margin-top:-3px}.mixer108-advanced>summary{font-size:12px;cursor:pointer;padding:4px 0;color:var(--studio-muted)}.mixer108-advanced>p:not(#metro-meter-hint){display:none!important}html.studio101[data-theme] body #practice#practice .mixer108-advanced label{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;font-size:12px;margin-top:12px}html.studio101[data-theme] body #library .library-deck{background:transparent!important}html.studio101[data-theme] body #library .library-reading-card{border:0!important;border-radius:5px 18px 18px 5px!important;background:#f4e8ce!important;background-image:radial-gradient(ellipse at 0 100%,#dba96d28,transparent 65%)!important;color:#303c39!important;box-shadow:-5px 0 0 #c87152,0 12px 26px #51442c1a!important;padding:32px 30px!important}html.studio101[data-theme] body #library .library-reading-card[data-kind=music]{background:#e2e9df!important;box-shadow:-5px 0 0 #708e7b,0 12px 26px #51442c1a!important}html.studio101[data-theme] body #library .library-reading-card:before{inset:auto 24px 76px;height:70px;border:0;border-radius:0;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 12px,#876545 12px 13px);transform:rotate(-4deg)}html.studio101[data-theme] body #library .library-card-mark{width:64px;height:48px;border:0;border-radius:0;margin:12px 0 22px;justify-content:flex-start;color:#ac5a3c;background:none}html.studio101[data-theme] body #library .library-card-mark svg{width:40px;height:40px;stroke-width:1.5}html.studio101[data-theme] body #library .library-card-title{font-size:clamp(23px,2.3vw,30px);line-height:1.5;letter-spacing:.01em;font-weight:750}html.studio101[data-theme] body #library .library-card-desc{color:#6e7162;font-size:14px;line-height:1.8}html.studio101[data-theme] body #library :is(.library-card-meta,.library-card-bottom,.library-card-corner){color:#776e59}html.studio101[data-theme] body #library .library-card-bottom{border:0;padding-top:16px}html.studio101[data-theme] body #library .library-card-corner-end{display:none}html.studio101[data-theme] body #library .library-deck-tabs button{background:transparent!important;border:0!important;border-radius:0;padding-inline:12px;box-shadow:none!important;color:var(--studio-muted)!important}html.studio101[data-theme] body #library .library-deck-tabs button[aria-pressed=true]{color:var(--studio-red)!important;box-shadow:inset 0 -2px var(--studio-red)!important}html.studio101[data-theme] body #library .library-deck-controls button{background:var(--studio-paper)!important;border:0;box-shadow:none!important}html.studio101[data-theme] body #library .library-reading-card span{color:inherit!important}html.studio101[data-theme] body #library .library-reading-card :is(.library-card-open,.library-card-title){color:#303c39!important}html.studio101[data-theme] body #library .library-reading-card .library-card-desc{color:#626556!important}html.studio101[data-theme] body #library .library-reading-card :is(.library-card-meta,.library-card-bottom,.library-card-bottom>span,.library-card-corner,.library-card-favorite){color:#685f4c!important}html.studio101[data-theme] body #library .library-reading-card .library-card-mark{color:#ac5a3c!important}html.studio101[data-theme] body #library .library-reading-card .library-card-favorite[aria-pressed=true]{color:#956b20!important}html.studio101[data-theme] body #library .library-reading-card :is(.library-card-open,.library-card-favorite):focus-visible{outline-color:#945039!important}@media (max-width:600px){html.studio101[data-theme] body #practice#practice .mixer108{right:0;padding:20px;width:320px;max-width:100%}html.studio101[data-theme] body #library .library-reading-card{padding:24px!important}.library-card-mark{margin-block:6px 16px!important}}@media (max-width:700px){html.studio101[data-theme] body #home:not([hidden]){gap:20px!important;padding-top:0!important}html.studio101[data-theme] body #home .home-intro h1{font-size:34px!important;margin:8px 0 12px!important}html.studio101[data-theme] body #home .home-intro p{margin:8px 0!important}html.studio101[data-theme] body #home .studio-create{padding:20px!important}html.studio101[data-theme] body #home .studio-step-art{margin:12px 0!important;height:42px}html.studio101[data-theme] body #home .home-rooms{gap:12px!important}html.studio101[data-theme] body #home .home-room{padding:18px!important;min-height:0!important}html.studio101[data-theme] body main #practice#practice .practice-compact-heading{margin:0 0 8px!important}html.studio101[data-theme] body main #practice#practice .studio-session{gap:8px!important;margin-bottom:12px!important}html.studio101[data-theme] body main #practice#practice #beat-title{font-size:23px!important;line-height:1.35}html.studio101[data-theme] body main #practice#practice #beat-desc{margin:6px 0!important;font-size:12px!important}html.studio101[data-theme] body main #practice#practice .practice-heading{margin:0!important}html.studio101[data-theme] body main #practice#practice .studio-selection>summary{min-height:38px!important;padding-block:6px!important;font-size:12px}html.studio101[data-theme] body main #practice#practice .studio-transport{display:grid!important;grid-template-columns:86px minmax(0,1fr) 48px;gap:4px 8px!important;padding:8px 10px!important;align-items:center}html.studio101[data-theme] body main #practice#practice .play-row,html.studio101[data-theme] body main #practice#practice .metronome{display:contents!important}html.studio101[data-theme] body main #practice#practice #play{grid-area:1/1!important;min-height:44px!important;font-size:12px;padding:8px!important;white-space:nowrap}html.studio101[data-theme] body main #practice#practice .tempo{grid-area:1/2!important;justify-content:center!important;gap:0!important}html.studio101[data-theme] body main #practice#practice .tempo input{font-size:30px!important;width:60px!important}html.studio101[data-theme] body main #practice#practice .tempo button{min-width:28px!important;width:28px!important}html.studio101[data-theme] body main #practice#practice .metro-settings,html.studio101[data-theme] body main #practice#practice .metro-settings[open]{grid-area:1/3!important}html.studio101[data-theme] body main #practice#practice .play-row .check{grid-area:2/1!important;margin:0!important;font-size:10px;white-space:nowrap;min-height:32px}html.studio101[data-theme] body main #practice#practice .pulse{grid-area:2/2!important;justify-content:center!important}html.studio101[data-theme] body main #practice#practice #metro{grid-area:2/3!important;font-size:10px!important;min-height:32px;padding:2px!important;white-space:nowrap}html.studio101[data-theme] body main #practice#practice .score-block{padding:12px 10px!important;margin-bottom:16px!important}html.studio101[data-theme] body main #practice#practice .view-heading{font-size:11px;gap:6px;margin-bottom:4px}html.studio101[data-theme] body main #practice#practice .score-controls{gap:3px;margin:0!important}html.studio101[data-theme] body main #practice#practice .score-controls button{padding:5px 7px!important;font-size:11px;min-height:36px}html.studio101[data-theme] body main #practice#practice #score .score-scroll,html.studio101[data-theme] body main #practice#practice #score .score-canvas{width:100%!important;min-width:0!important;max-width:100%!important;padding:4px 0!important;overflow:visible}html.studio101[data-theme] body main #practice#practice #score .score-canvas>svg{width:100%!important;min-width:0!important;height:auto!important;max-width:100%!important}html.studio101[data-theme] body main #practice#practice .score-key{margin:8px 0!important;font-size:10px}html.studio101[data-theme] body main #practice#practice .score-actions{margin:8px 0!important;gap:6px}html.studio101[data-theme] body main #practice#practice .notation-guide{margin-top:8px!important}html.studio101[data-theme] body main #practice#practice .practice-more{margin:12px 0!important}html.studio101[data-theme] body main #practice#practice .practice-disclosure{margin:2px 0!important}}@media (max-width:700px){html.studio101[data-theme] body main #practice#practice .score-canvas{min-height:0!important}html.studio101[data-theme] body main #practice#practice .score-controls{min-height:36px!important;justify-content:flex-end!important}html.studio101[data-theme] body main #practice#practice .score-block>.view-heading{margin:0 0 4px!important;min-height:24px}html.studio101[data-theme] body main #practice#practice .studio-session{display:block!important}html.studio101[data-theme] body main #practice#practice .studio-selection>summary{margin:8px 0 12px auto!important}html.studio101[data-theme] body main #practice#practice .tempo>div>span{display:none!important}html.studio101[data-theme] body main #practice#practice .quick-tempo{display:none!important}}@media (max-width:700px){html.studio101[data-theme] body main #practice#practice .score-block>.view-heading{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between;gap:4px;margin:0 0 6px!important;white-space:nowrap;font-size:10px!important}html.studio101[data-theme] body main #practice#practice #position{display:none!important}html.studio101[data-theme] body main #practice#practice .score-controls{width:auto!important;flex:0 0 auto!important;min-width:0;margin:0!important}html.studio101[data-theme] body main #practice#practice .score-controls button{padding:4px!important;font-size:10px!important;min-width:0!important}}@media (max-width:700px){html.studio101[data-theme] body #home:not([hidden]){grid-template-columns:minmax(0,1fr)!important}html.studio101[data-theme] body #home .studio-create{min-width:0}html.studio101[data-theme] body #home .studio-step-art{height:auto!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px!important}html.studio101[data-theme] body #home .home-room p{min-height:0!important}html.studio101[data-theme] body #home .home-room{padding:10px 0!important}html.studio101[data-theme] body #home .studio-create h2{font-size:27px!important;margin:10px 0!important}}html.studio101[data-theme] body>header{position:relative!important;z-index:100!important;overflow:visible!important}html.studio101[data-theme] body .account-dropdown{background:var(--studio-paper)!important;color:var(--studio-ink)!important;border:0;box-shadow:var(--studio-shadow)}html.studio101[data-theme] body .ga-appearance button{white-space:nowrap}html.studio101[data-theme] body #combination :is(.cp-card,.hp-group,.cp-saved,.hp-saved){background:var(--studio-paper)!important;color:var(--studio-ink)!important;border:0!important;border-radius:12px!important;box-shadow:0 5px 16px #122a3510!important}html.studio101[data-theme] body #combination :is(.cp-saved,.hp-saved){padding:16px!important;box-sizing:border-box}html.studio101[data-theme] body #combination :is(.cp-saved,.hp-saved)>button:not(.ga-favorite):not(.cp-star){background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}html.studio101[data-theme] body #combination :is(.cp-mini-card,.hp-preview-group){background:transparent!important;box-shadow:none!important;border:0!important}html.studio101[data-theme] body #combination :is(.cp-add,.hp-add-next){background:var(--studio-paper)!important;color:var(--studio-ink)!important;border:0!important;border-radius:12px!important;box-shadow:none!important}html.studio101[data-theme] body #combination :is(#hp-compose,#cp-editor){width:560px;max-width:calc(100vw - 32px);padding:24px!important;box-sizing:border-box}html.studio101[data-theme] body #combination :is(.hp-dialog-head,.cp-dialog-head){display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}html.studio101[data-theme] body #combination :is(.hp-dialog-head,.cp-dialog-head) :is(h2,h3){margin:0!important;font-size:20px!important}html.studio101[data-theme] body #combination :is(#hp-sizes,.cp-types){gap:12px}html.studio101[data-theme] body #combination :is(#hp-sizes,.cp-types)>button{background:var(--studio-soft)!important;color:var(--studio-ink)!important;border:0!important;border-radius:12px!important;box-shadow:none!important;min-height:108px;padding:16px!important;transition:background .15s,transform .15s}html.studio101[data-theme] body #combination :is(#hp-sizes,.cp-types)>button:hover{background:var(--studio-selected)!important;transform:translateY(-2px)}html.studio101[data-theme] body #combination :is(#hp-sizes,.cp-types)>button:focus-visible{outline:2px solid var(--studio-ink);outline-offset:3px}html.studio101[data-theme] body #combination :is(#hp-sizes,.cp-types)>button strong{font-size:24px}@media (max-width:700px){html.studio101[data-theme] body #combination :is(#hp-compose,#cp-editor){padding:18px!important}}@media screen{html.design111[data-theme] body{--studio-ground:#f2f3f0;--studio-paper:#fcfcf8;--studio-soft:#e6eaf0;--studio-ink:#233247;--studio-muted:#566477;--studio-line:#ccd3dc;--studio-red:#c93b35;--studio-blue:#295bb4;--studio-selected:#dce6f7;--brand-orange:#c0652c;--brand-orange-soft:#f6e3d4;--status-success:#2b7057;--status-warning:#93601c;--status-error:#b83230;--studio-shadow:0 12px 36px #24385814;--studio-font:"Avenir Next","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--studio-heading:var(--studio-font);--paper:var(--studio-paper);--ink:var(--studio-ink);--muted:var(--studio-muted);--line:var(--studio-line);--ga-surface:var(--studio-paper);--ga-raised:var(--studio-soft);--ga-ink:var(--studio-ink);--ga-muted:var(--studio-muted);--music-sheet:var(--studio-paper);--music-blue:var(--studio-blue);--music-wash:var(--studio-selected);background:var(--studio-ground)!important;color:var(--studio-ink)!important;font-family:var(--studio-font)!important}html.design111[data-theme=dark] body{--studio-ground:#223248;--studio-paper:#2c4059;--studio-soft:#354b65;--studio-ink:#f3f4f4;--studio-muted:#c2cede;--studio-line:#57708b;--studio-red:#c63e38;--studio-blue:#a8caff;--studio-selected:#3b567a;--brand-orange:#f1b178;--brand-orange-soft:#604a38;--status-success:#a3dcc3;--status-warning:#f1c68c;--status-error:#ffb9b5;--studio-shadow:0 14px 40px #14223526}html.design111[data-theme] body>header{background:var(--studio-ground)!important;border-bottom:1px solid var(--studio-line)!important;padding:14px 4vw!important;min-height:88px!important}html.design111[data-theme] body>header nav a{font-size:14px!important;font-weight:600!important;color:var(--studio-muted)!important}html.design111[data-theme] body>header nav a[aria-current=page]{color:var(--studio-ink)!important;box-shadow:none!important;background:var(--studio-selected)!important;border-radius:24px!important;padding-inline:14px!important}html.design111[data-theme] body :is(h1,h2,h3,h4){font-family:var(--studio-heading)!important;letter-spacing:-.025em}html.design111[data-theme] body :is(button,summary){font-family:var(--studio-font)!important;line-height:1.35;word-break:normal;overflow-wrap:normal}html.design111[data-theme] body button:not([class*=world-]):not(.library-card-open):not(.ga-block-open):not([data-wf-state]){text-align:center;vertical-align:middle}html.design111[data-theme] body :is(button,summary):focus-visible{outline:3px solid var(--studio-blue)!important;outline-offset:3px!important}html.design111[data-theme] body :is(.primary,.account-primary,.j-primary,#wf-play,#play){color:#fff!important;background:var(--studio-red)!important}html.design111[data-theme] body :is(.ga-editor-actions,.ga-combination-actions,.wf-history,.wf-creative-tools,.score-actions,.ga-appearance,.practice-nav,.library-deck-filter,.cp-dialog-head,.hp-dialog-head) button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;flex-shrink:0;white-space:nowrap;padding:10px 14px!important;border-radius:9px!important}html.design111[data-theme] body :is(button,summary)>svg{flex-shrink:0}html.design111[data-theme] body button:disabled{opacity:.5!important;box-shadow:none!important}html.design111[data-theme] body button:not(:disabled):active{filter:brightness(.96)}html.design111[data-theme] body :is(input,select,textarea){font:inherit}html.design111[data-theme] body :is(.studio-kicker,.eyebrow,.score-key,.wf-footnote,.cp-status,.hp-status,.range-label,.range-labels,.library-card-desc){font-size:12px;line-height:1.65}html.design111[data-theme] body :is(.studio-kicker,.eyebrow,.score-key,.wf-footnote,.cp-status,.hp-status,.range-label,.range-labels){color:var(--studio-muted)!important}html.design111[data-theme] body :is(.account-dropdown,dialog){background:var(--studio-paper)!important;color:var(--studio-ink)!important}html.design111[data-theme] body .account-dropdown>button{justify-content:flex-start;text-align:left;padding:12px 14px;border-radius:8px;background:transparent!important;color:var(--studio-ink)!important}html.design111[data-theme] body .account-dropdown>button:hover{background:var(--studio-selected)!important}html.design111[data-theme] body #home#home:not([hidden]){display:block!important;max-width:1320px;margin:auto;padding:0 0 28px!important}html.design111[data-theme] body #home .d111-mast{display:flex;justify-content:space-between;gap:16px;padding:8px 0 22px;font-size:11px;font-weight:650;letter-spacing:.13em;color:var(--studio-muted)}html.design111[data-theme] body #home .d111-cover{display:grid;grid-template-columns:1.03fr 1fr;gap:4vw;align-items:center;padding:8px 0 56px}html.design111[data-theme] body #home .d111-overline{font-size:14px;margin:0 0 26px;color:var(--studio-muted)}html.design111[data-theme] body #home h1{font-size:clamp(68px,8.4vw,122px)!important;line-height:1.08!important;letter-spacing:-.07em!important;font-weight:800;margin:0 0 32px!important;color:var(--studio-ink)!important;text-wrap:nowrap}html.design111[data-theme] body #home h1 span{display:block;font:inherit;color:var(--studio-blue)!important;letter-spacing:inherit;margin:0 0 0 .62em}html.design111[data-theme] body #home .d111-start{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--studio-red)!important;color:white!important;border-radius:32px;padding:17px 24px;text-decoration:none;font-weight:650;min-width:188px;box-sizing:border-box;transition:transform .2s,box-shadow .2s}html.design111[data-theme] body #home .d111-start:hover{transform:translateY(-3px);box-shadow:0 8px 22px #c93b3524}html.design111[data-theme] body #home .d111-start span{color:inherit!important}html.design111[data-theme] body #home svg:not(.d111-drum){width:24px;height:24px;flex:none}html.design111[data-theme] body #home .d111-caption{font-size:12px;color:var(--studio-muted)!important;margin:18px 0 0}html.design111[data-theme] body #home .d111-instrument{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;color:var(--studio-ink)!important;text-decoration:none;position:relative;padding:26px 26px 26px 10px;isolation:isolate}html.design111[data-theme] body #home .d111-instrument:before{content:"";position:absolute;inset:48px -12px 0 0;background:var(--studio-selected);border-radius:48% 48% 8px 8px;z-index:-1}html.design111[data-theme] body #home .d111-instrument-label{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;letter-spacing:.06em;font-weight:650}html.design111[data-theme] body #home .d111-instrument-label>span:last-child{display:flex;gap:10px;align-items:center}html.design111[data-theme] body #home .d111-drum{width:100%;max-height:360px;overflow:visible;transition:transform .45s}html.design111[data-theme] body #home .d111-instrument:hover .d111-drum{transform:rotate(-3deg) translateY(-4px)}.d111-shadow{fill:#233b69;opacity:.1}.d111-shell{fill:#305eab}.d111-rim{fill:#aec1dd;stroke:#233b69;stroke-width:3}.d111-skin{fill:#faf9f3;stroke:#233b69;stroke-width:2}.d111-ink-line{fill:none;stroke:#8293ad;stroke-width:1}.d111-lugs{fill:none;stroke:#dce5ef;stroke-width:12;stroke-linecap:round}.d111-sticks{fill:none;stroke:#dd8a4a;stroke-width:14;stroke-linecap:round}.d111-stick-tips{fill:none;stroke:#edb87b;stroke-width:17;stroke-linecap:round}.d111-orange-dot{fill:#d9543d}.d111-orbit{fill:none;stroke:#7791b6;stroke-width:1.2;stroke-dasharray:4 8}html.design111[data-theme] body #home .d111-instrument-bottom{display:flex;align-items:flex-end;justify-content:space-between;padding-left:20px;gap:24px}html.design111[data-theme] body #home .d111-instrument-bottom strong{font-size:clamp(22px,2.4vw,34px);line-height:1.35;color:var(--studio-ink)!important;font-weight:600}html.design111[data-theme] body #home .d111-round-arrow{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--studio-paper);color:var(--studio-blue)!important}html.design111[data-theme] body #home .d111-index{display:grid;grid-template-columns:1fr 3fr;gap:40px;border-top:1px solid var(--studio-line);padding:28px 0 48px}html.design111[data-theme] body #home .d111-index>p{font-size:15px;margin:0;color:var(--studio-ink)}html.design111[data-theme] body #home .d111-index>p span{display:block;font-size:10px;letter-spacing:.12em;color:var(--studio-muted)!important;margin-top:8px}html.design111[data-theme] body #home .d111-index nav{display:flex;flex-direction:column;gap:0}html.design111[data-theme] body #home .d111-index a{display:grid;grid-template-columns:52px 1fr 30px;align-items:center;gap:18px;text-decoration:none;color:var(--studio-ink)!important;padding:20px 14px;border-bottom:1px solid var(--studio-line);transition:background .2s,padding .2s}html.design111[data-theme] body #home .d111-index a:first-child{padding-top:0}html.design111[data-theme] body #home .d111-index a:hover{background:var(--studio-selected);padding-left:24px}html.design111[data-theme] body #home .d111-index strong{font-size:25px;font-weight:600;color:var(--studio-ink)!important}html.design111[data-theme] body #home .d111-index small{font-size:12px;color:var(--studio-muted)!important;margin-left:28px}html.design111[data-theme] body #home .d111-number{font-size:13px;letter-spacing:.08em;color:var(--brand-orange)!important}html.design111[data-theme] body #home .d111-world{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;background:#315382;color:#f0f4fc!important;padding:32px 40px;text-decoration:none;border-radius:8px 56px 8px 8px}html.design111[data-theme] body #home .d111-world :is(span,small,h2){color:inherit!important}html.design111[data-theme] body #home .d111-world-mark{font:110px/1 Georgia,serif;color:#f0b780!important}html.design111[data-theme] body #home .d111-world h2{font-size:28px;font-weight:500;line-height:1.45;margin:8px 0 0}html.design111[data-theme] body #home .d111-world small{font-size:10px;letter-spacing:.16em}html.design111[data-theme] body #home .d111-world-link{display:flex;align-items:center;gap:24px;font-size:14px}html.design111[data-theme] body #home #home-resume{display:inline-flex!important;gap:12px;align-items:center;color:var(--studio-muted)!important;font-size:12px;margin:24px 0 0;padding:10px 0;text-decoration:none}html.design111[data-theme] body #home #home-resume[hidden]{display:none!important}html.design111[data-theme] body main #practice#practice .studio-transport,html.design111[data-theme] body #workshop .wf-transport{background:var(--studio-soft)!important;border-radius:12px!important}html.design111[data-theme] body main #practice#practice .score-block,html.design111[data-theme] body #workshop .wf-paper{background:var(--studio-paper)!important;color:var(--studio-ink)!important;border-radius:12px!important}html.design111[data-theme] body main #practice#practice .studio-selection-toggle{background:var(--studio-selected)!important;color:var(--studio-ink)!important}html.design111[data-theme] body #library .library-reading-card{background:#edf0f7!important;color:#233247!important;border-color:transparent!important}html.design111[data-theme] body #library .library-reading-card[data-kind=music]{background:#f3e6db!important;box-shadow:-5px 0 0 #bd7847,0 12px 26px #24385814!important}html.design111[data-theme] body #library .library-reading-card :is(.library-card-title,.library-card-open){color:#233247!important}html.design111[data-theme] body #library .library-reading-card :is(.library-card-desc,.library-card-meta,.library-card-bottom,.library-card-bottom>span,.library-card-corner){color:#526075!important}@media (min-width:701px) and (max-width:1050px){html.design111[data-theme] body>header{flex-wrap:wrap!important;gap:12px!important}html.design111[data-theme] body>header nav{order:4!important;width:100%;flex-basis:100%!important;justify-content:center;gap:24px!important}html.design111[data-theme] body>header .ga-workshop-link{margin-left:auto!important}html.design111[data-theme] body #home .d111-cover{gap:24px}html.design111[data-theme] body #home .d111-index{grid-template-columns:1fr 2.8fr;gap:24px}html.design111[data-theme] body #home .d111-index small{display:block;margin:5px 0 0}}@media (max-width:700px){html.design111[data-theme] body>header{padding:10px 18px!important;min-height:0!important}html.design111[data-theme] body>header nav a{font-size:13px!important;padding:10px 0!important}html.design111[data-theme] body>header nav a[aria-current=page]{padding-inline:12px!important}html.design111[data-theme] body>main{padding-top:20px!important}html.design111[data-theme] body #home .d111-mast{font-size:9px;padding-bottom:22px;letter-spacing:.04em}html.design111[data-theme] body #home .d111-cover{display:block;padding-bottom:28px}html.design111[data-theme] body #home h1{font-size:clamp(64px,18vw,104px)!important;line-height:1.03!important;margin-bottom:24px!important}html.design111[data-theme] body #home h1 br{display:none}html.design111[data-theme] body #home h1 span{margin-left:.7em}html.design111[data-theme] body #home .d111-overline{font-size:12px;margin-bottom:18px}html.design111[data-theme] body #home .d111-caption{font-size:11px;margin-top:12px}html.design111[data-theme] body #home .d111-start{min-width:170px;padding:14px 20px;font-size:14px}html.design111[data-theme] body #home .d111-instrument{margin-top:30px;padding:14px 14px 20px}html.design111[data-theme] body #home .d111-instrument:before{inset:20px 0 0;border-radius:42% 42% 8px 8px}html.design111[data-theme] body #home .d111-drum{height:220px}html.design111[data-theme] body #home .d111-instrument-label{font-size:9px}html.design111[data-theme] body #home .d111-instrument-bottom{padding-left:8px}html.design111[data-theme] body #home .d111-instrument-bottom strong{font-size:21px}html.design111[data-theme] body #home .d111-index{display:block;padding:22px 0 30px}html.design111[data-theme] body #home .d111-index>p{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:16px}html.design111[data-theme] body #home .d111-index>p span{font-size:8px;margin:0}html.design111[data-theme] body #home .d111-index a{grid-template-columns:28px 1fr 24px;gap:10px;padding:18px 2px}html.design111[data-theme] body #home .d111-index strong{font-size:21px}html.design111[data-theme] body #home .d111-index small{display:block;margin:4px 0 0;font-size:11px}html.design111[data-theme] body #home .d111-world{grid-template-columns:1fr auto;padding:24px;gap:18px;border-radius:8px 36px 8px 8px}html.design111[data-theme] body #home .d111-world-mark{display:none}html.design111[data-theme] body #home .d111-world h2{font-size:22px}html.design111[data-theme] body #home .d111-world-link{grid-column:1/-1;justify-content:space-between;font-size:12px}html.design111[data-theme] body #home .d111-world small{font-size:8px}html.design111[data-theme] body :is(.ga-editor-actions,.ga-combination-actions,.wf-history,.wf-creative-tools,.score-actions) button{padding:9px 10px!important;gap:6px;font-size:12px}html.design111[data-theme] body main #practice#practice #metro{min-width:62px!important;width:auto!important;padding:4px 3px!important;justify-self:end}html.design111[data-theme] body main #practice#practice .studio-transport{grid-template-columns:86px minmax(0,1fr) 62px!important}html.design111[data-theme] body main #practice#practice .studio-catalog-drawer{margin-top:0!important}}@media (prefers-reduced-motion:reduce){html.design111[data-theme] body #home *{transition:none!important}}}@media screen{html.design111[data-theme] body #home .studio-score-cover{background:var(--studio-blue);color:#f9faf8!important;border-radius:3px;padding:32px 36px;min-height:520px;box-shadow:14px 14px 0 var(--studio-selected);margin:16px 14px 14px 0;overflow:hidden}html.design111[data-theme=dark] body #home .studio-score-cover{background:#335d94}html.design111[data-theme] body #home .studio-score-cover:before{display:none}html.design111[data-theme] body #home .studio-score-cover :is(span,strong){color:inherit!important}.score-cover-label{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10px;letter-spacing:.12em}.score-cover-title{display:flex;flex-direction:column;align-items:flex-start;margin:30px 0 18px;font-size:clamp(46px,5.5vw,80px);font-weight:800;line-height:.94;letter-spacing:-.055em}.score-cover-title span:nth-child(2){margin-left:.48em;opacity:.72}.score-cover-title span:nth-child(3){margin-left:.94em}.score-cover-stave{background:#f5f6f0;padding:8px 10px;margin:0 -36px;transform:rotate(-4deg);pointer-events:none;min-width:0}.score-cover-stave :is(.score-measure-label,.score-key,.score-playhead){display:none!important}.score-cover-stave svg{width:100%!important;height:auto!important;max-height:138px;color:#25344c!important}html.design111[data-theme] body #home .score-cover-stave svg{display:block;width:100%!important;height:126px!important;max-height:126px;flex:none}.score-cover-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:36px;font-size:12px}.score-cover-bottom strong{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px}html.design111[data-theme] body #home .d112-home-action{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:380px}html.design111[data-theme] body #home .d112-home-action .d111-caption{margin:0!important;font-size:13px;max-width:24em;line-height:1.7}html.design111[data-theme] body #home .d111-start{justify-content:center!important;gap:24px!important;min-height:52px;padding:14px 24px!important}html.design111[data-theme] body .ga-logo-whisper{z-index:200!important;max-width:calc(100vw - 24px);background:var(--studio-paper)!important;color:var(--studio-ink)!important;box-shadow:var(--studio-shadow)!important;border:1px solid var(--studio-line)!important;padding:14px 18px!important;line-height:1.65}html.design111.studio101[data-theme] body #combination :is(#counterpoint-panel,#hand-phrase-panel){background:transparent!important}html.design111.studio101[data-theme] body #combination :is(#counterpoint-panel,#hand-phrase-panel) :is(.cp-card,.hp-group,.cp-add,.hp-add-next){background:var(--ga-raised)!important;box-shadow:var(--ga-soft)!important;border:0!important;border-radius:12px!important}html.design111.studio101[data-theme] body #combination :is(#counterpoint-panel,#hand-phrase-panel) :is(.cp-card,.hp-group){padding:20px!important}html.design111.studio101[data-theme] body #combination :is(#counterpoint-panel,#hand-phrase-panel) :is(.cp-add,.hp-add-next){width:88px!important;min-width:88px!important;flex:0 0 88px;align-self:stretch}html.design111.studio101[data-theme] body #combination :is(#counterpoint-panel,#hand-phrase-panel) :is(.cp-card,.hp-group,.cp-add,.hp-add-next):active{box-shadow:var(--ga-pressed)!important}html.design111.studio101[data-theme] body #combination :is(.cp-saved,.hp-saved){background:var(--studio-paper)!important;box-shadow:0 2px 2px #18304c0a,0 9px 22px #18304c14!important;border-radius:12px!important;padding:20px!important;border:0!important}html.design111.studio101[data-theme=dark] body #combination :is(.cp-saved,.hp-saved){background:#36506d!important;box-shadow:0 2px 2px #101d321c,0 9px 22px #101d3238!important}html.design111.studio101[data-theme] body #combination #cp-favorites .cp-saved{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:16px!important}html.design111.studio101[data-theme] body #combination #cp-favorites .cp-saved>button[data-cp-preview]{min-height:120px!important;padding:0!important;display:flex;flex-direction:column;align-items:stretch;gap:10px}html.design111.studio101[data-theme] body #combination #cp-favorites .cp-saved strong{padding-right:22px;min-height:0;font-size:14px;line-height:1.5;text-align:left}html.design111.studio101[data-theme] body #combination #cp-favorites .cp-star{top:10px;right:6px!important;width:28px!important;min-width:28px!important;height:28px;min-height:28px;padding:6px!important}html.design111.studio101[data-theme] body #combination #cp-favorites .cp-thumbnail{height:104px;margin:0;overflow:hidden}html.design111.studio101[data-theme] body #combination #cp-favorites .cp-thumbnail .cp-mini-card{background:transparent!important;border:0!important;box-shadow:none!important}html.design111.studio101[data-theme] body #combination #cp-favorites .combo-saved-actions{margin:0;padding:0}html.design111.studio101[data-theme] body #combination :is(#cp-cards,#hp-groups){padding:24px!important;gap:20px!important;background:var(--studio-soft)!important;border-radius:16px!important}html.design111[data-theme] body #combination .combo-card-actions{display:flex!important;align-items:center;gap:6px;margin-top:14px;padding-top:10px;border-top:1px solid var(--studio-line)}html.design111[data-theme] body #combination .combo-card-actions button{display:inline-flex!important;justify-content:center;align-items:center;width:36px!important;min-height:36px!important;height:36px;padding:8px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--studio-muted)!important;box-shadow:none!important}html.design111[data-theme] body #combination .combo-card-actions button:hover{background:var(--studio-selected)!important;color:var(--studio-ink)!important}html.design111[data-theme] body #combination .combo-saved-actions{justify-content:flex-end;margin-top:8px;padding-top:0;border:0}html.design111[data-theme] body #combination .ga-block-bar{margin-bottom:12px;align-items:center}html.design111[data-theme=light] body #sequencer .cell:not(.hit){background:#e1e6eb!important;box-shadow:inset 0 0 0 1px #c4ced8!important;opacity:1!important}html.design111[data-theme=light] body #sequencer .cell.group{border-left:2px solid #899bac!important}html.design111[data-theme=light] body #sequencer .cell.current{outline:2px solid #244f87;outline-offset:-2px}html.design111[data-theme] body #sequencer :is(.row-label,.count){color:var(--studio-muted)!important}html.design111.studio101[data-theme] body #workshop .wf-paper{padding:20px 24px 16px!important;border-radius:12px!important;box-sizing:border-box}html.design111.studio101[data-theme] body #workshop .wf-print-head{padding:0 0 14px!important;margin:0!important;gap:12px;align-items:center;flex-wrap:wrap}html.design111.studio101[data-theme] body #workshop .wf-print-head h2{margin:0!important;min-width:0;overflow-wrap:anywhere;font-size:21px}html.design111.studio101[data-theme] body #workshop .wf-transport{padding:12px 14px!important;margin:0!important;gap:10px!important;border-radius:10px!important}html.design111.studio101[data-theme] body #workshop :is(.wf-history,.wf-creative-tools){gap:6px!important}html.design111.studio101[data-theme] body #workshop :is(.wf-history,.wf-creative-tools) button{padding:8px 10px!important;min-height:36px!important;font-size:12px!important;gap:6px}html.design111.studio101[data-theme] body #workshop .wf-creative-tools{padding:10px 0!important;align-items:center}html.design111.studio101[data-theme] body #workshop .wf-creative-tools>span{display:none}html.design111.studio101[data-theme] body #workshop #wf-score{padding:20px 8px 12px!important;min-height:210px!important}html.design111[data-theme] body #workshop :is(.wf-footnote,.wf-tail){padding-inline:4px;line-height:1.8}html.design111[data-theme] body #workshop #wf-message{margin:10px 0;min-height:0}html.design111[data-theme] body #library .library-deck-stage{--card-width:min(70vw,760px);height:382px;margin:18px 0 0;border-radius:0;overflow:hidden}html.design111[data-theme] body #library .library-deck-cards{inset:12px 0 28px}html.design111[data-theme] body #library .library-reading-card{width:var(--card-width);height:338px;aspect-ratio:auto;padding:38px 44px!important;border:0!important;border-radius:3px!important;box-shadow:0 6px 20px #21384f0d!important;transform:translateX(calc(-50% + var(--drag)))!important;background:var(--studio-paper)!important;color:var(--studio-ink)!important;filter:none!important;opacity:1!important}html.design111[data-theme] body #library .library-reading-card:before{display:none!important}html.design111[data-theme] body #library .library-reading-card[data-kind=music]{background:var(--studio-selected)!important}html.design111[data-theme] body #library .library-reading-card[data-offset="-1"]{transform:translateX(calc(-154% + var(--drag)))!important;opacity:.35!important}html.design111[data-theme] body #library .library-reading-card[data-offset="1"]{transform:translateX(calc(54% + var(--drag)))!important;opacity:.35!important}html.design111[data-theme] body #library .library-reading-card:is([data-offset="-2"],[data-offset="2"]){visibility:hidden}html.design111.studio101[data-theme] body #library .library-reading-card :is(.library-card-title,.library-card-desc,.library-card-bottom,.library-card-bottom>span,.library-card-meta,.library-card-corner,.library-card-favorite){color:var(--studio-muted)!important}html.design111.studio101[data-theme] body #library .library-reading-card .library-card-title{color:var(--studio-ink)!important}html.design111.studio101[data-theme] body #library .library-reading-card .library-card-meta{color:var(--studio-blue)!important}html.design111.studio101[data-theme] body #library .library-card-favorite[aria-pressed=true]{color:var(--brand-orange)!important}html.design111.studio101[data-theme=dark] body #library .library-deck-tabs button[aria-pressed=true]{color:#f6a69c!important}html.design111[data-theme] body #library .library-card-title{font-size:clamp(28px,3.2vw,42px)!important;max-width:18em;line-height:1.35;text-wrap:balance;text-align:left!important}html.design111[data-theme] body #library .library-card-open{justify-content:flex-start;text-align:left!important;white-space:normal}html.design111[data-theme] body #library .library-card-desc{font-size:15px!important;line-height:1.75;max-width:36em;color:var(--studio-muted)!important}html.design111[data-theme] body #library .library-card-meta{text-align:left;margin:0 0 22px;font-size:12px;color:var(--studio-blue)!important}html.design111[data-theme] body #library :is(.library-card-mark,.library-card-corner-end){display:none!important}html.design111[data-theme] body #library .library-card-corner{left:auto;right:68px;top:19px;flex-direction:row;gap:8px;color:var(--studio-muted)!important}html.design111[data-theme] body #library .library-card-corner svg{display:none}html.design111[data-theme] body #library .library-card-bottom{padding-top:16px;border-color:var(--studio-line);font-size:12px;margin-top:auto}html.design111[data-theme] body #library .library-card-favorite{color:var(--studio-muted)!important;top:12px;right:14px}html.design111[data-theme] body #library .library-card-favorite[aria-pressed=true]{color:var(--brand-orange)!important}html.design111[data-theme] body #library .library-deck-controls{margin:0;gap:22px}html.design111[data-theme] body #library .library-deck-shuffle{margin:8px auto 20px}html.design111.studio101[data-theme] body #journal #journal-insights{gap:36px!important;align-items:start}html.design111.studio101[data-theme] body #journal #journal-insights>.j-card{padding:24px!important;background:var(--studio-paper)!important;border-radius:12px!important}html.design111[data-theme] body #journal .j-section-head h2{font-size:22px;letter-spacing:-.03em}html.design111[data-theme] body #journal .j-weekdays{margin:20px 0 6px;color:var(--studio-muted)}html.design111[data-theme] body #journal .j-calendar{gap:6px}html.design111[data-theme] body #journal .j-calendar button{min-height:52px;border:0!important;border-radius:9px!important;background:var(--studio-soft)!important;color:var(--studio-ink)!important;box-shadow:none!important;padding:6px}html.design111[data-theme] body #journal .j-calendar .j-selected{background:var(--studio-selected)!important;box-shadow:inset 0 0 0 2px var(--studio-blue)!important}html.design111[data-theme] body #journal .j-calendar .j-level-1{background:color-mix(in srgb,var(--studio-blue) 13%,var(--studio-paper))!important}html.design111[data-theme] body #journal .j-calendar .j-level-2{background:color-mix(in srgb,var(--studio-blue) 25%,var(--studio-paper))!important}html.design111[data-theme] body #journal .j-calendar .j-level-3{background:color-mix(in srgb,var(--studio-blue) 38%,var(--studio-paper))!important}html.design111[data-theme] body #journal .j-calendar small{color:var(--studio-muted)!important}html.design111[data-theme] body #journal .j-goal-head{padding-top:18px;border-top:1px solid var(--studio-line);margin-top:20px}html.design111[data-theme] body #journal :is(.j-plan,.j-block,.j-pick-card){border-radius:12px!important;background:var(--studio-paper)!important;padding:18px!important;box-shadow:0 5px 20px #1c355011!important;border:0!important}html.design111[data-theme] body{--control-height:44px;--control-radius:10px;--control-gap:8px}html.design111[data-theme] body :is(.ga-language,.ga-appearance){margin-top:14px}html.design111[data-theme] body :is(.ga-language,.ga-appearance) h3{font-size:12px;margin:0 0 8px;color:var(--studio-muted)!important}html.design111[data-theme] body :is(.ga-language,.ga-appearance)>div{display:flex;gap:6px}html.design111[data-theme] body :is(.ga-language,.ga-appearance) button{flex:1 1 auto;display:inline-flex;justify-content:center;align-items:center;gap:var(--control-gap);min-height:var(--control-height);white-space:nowrap;padding:9px 12px!important;border:0!important;border-radius:var(--control-radius)!important;background:var(--studio-soft)!important;color:var(--studio-ink)!important;box-shadow:none!important}html.design111[data-theme] body :is(.ga-language,.ga-appearance) button[aria-pressed=true]{background:var(--studio-selected)!important;color:var(--studio-blue)!important;box-shadow:inset 0 0 0 1px currentColor!important}.ga-language-note{font-size:12px;line-height:1.6;color:var(--studio-muted);margin:10px 0 0;max-width:32em}html.design111[data-theme] body .account-dropdown{width:250px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:12px}html.design111[data-theme] body :is(.wf-transport,.rud-controls,.j-metro-controls) :is(button,input[type=number]){min-height:var(--control-height);border-radius:var(--control-radius);font-variant-numeric:tabular-nums}html.design111[data-theme] body :is(.wf-tempo,.tempo,.j-metro-tempo) input{font-variant-numeric:tabular-nums;font-weight:650}html.design111[data-theme] body :is(.library-deck-controls,.catalog-deck-controls) button{display:inline-flex;justify-content:center;align-items:center;width:44px;min-height:44px;padding:0!important;border-radius:50%!important;background:var(--studio-soft)!important;color:var(--studio-ink)!important;box-shadow:none!important}html.design111[data-theme] body :is(.library-deck-controls,.catalog-deck-controls) button:hover:not(:disabled){background:var(--studio-selected)!important;color:var(--studio-blue)!important}html.design111[data-theme] body :is(.cp-add,.hp-add-next){min-width:64px}html.design111[data-theme] body :is(.ga-edit-block,.cp-saved,.hp-saved){transition:background .18s,box-shadow .18s}html.design111[data-theme] body :is(.ga-edit-block,.cp-saved,.hp-saved):focus-within{box-shadow:0 0 0 2px var(--studio-blue)!important}html.design111[data-theme] body :is(.ga-editor-actions,.ga-combination-actions,.cp-dialog-head,.hp-dialog-head) button{min-width:44px}html.design111[data-theme] body .ga-tracks{margin:18px 0;padding:14px 0;border-top:1px solid var(--studio-line)}.ga-tracks h3{font-size:12px;margin:0 0 10px}.ga-tracks ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.ga-tracks li{display:grid;gap:4px}.ga-tracks small{line-height:1.55}.ga-tracks a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:650}.ga-tracks a:hover{color:var(--studio-blue)}html.design111[data-theme] body .ga-original-language{font:12px/1.6 var(--studio-font)!important;color:var(--studio-muted)!important;padding:8px 12px;background:var(--studio-soft);border-radius:8px}@media (max-width:700px){html.design111[data-theme] body #home .studio-score-cover{min-height:430px;padding:24px;margin-top:28px}.score-cover-title{font-size:60px}.score-cover-stave{margin-inline:-24px}.score-cover-bottom{flex-wrap:wrap;gap:12px}html.design111.studio101[data-theme] body #workshop .wf-paper{padding:14px 12px!important}html.design111.studio101[data-theme] body #workshop .wf-print-head{gap:10px;padding-bottom:12px!important}html.design111.studio101[data-theme] body #workshop .wf-print-head h2{font-size:18px}html.design111.studio101[data-theme] body main #workshop .wf-print-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:6px!important}html.design111.studio101[data-theme] body main #workshop .wf-print-head h2{width:auto;font-size:16px;grid-area:1/1}html.design111.studio101[data-theme] body main #workshop .wf-visible-view{grid-area:1/2;margin:0!important;gap:0}html.design111.studio101[data-theme] body main #workshop .wf-visible-view:before{display:none}html.design111.studio101[data-theme] body main #workshop .ga-segment button{font-size:11px!important;padding:7px 8px!important;min-height:38px!important}html.design111.studio101[data-theme] body main #workshop .wf-export-menu{grid-area:1/3}html.design111.studio101[data-theme] body main #workshop .wf-export-menu>summary{font-size:0;gap:0;padding:8px!important;min-width:36px}html.design111.studio101[data-theme] body #workshop .wf-transport{padding:10px!important;gap:6px!important}html.design111.studio101[data-theme] body main #workshop .wf-transport{grid-template-columns:72px minmax(0,1fr) 44px!important}html.design111.studio101[data-theme] body main #workshop #wf-play{width:72px!important;min-width:72px!important;height:44px!important;min-height:44px!important;border-radius:24px!important;padding:8px 10px!important;gap:5px!important}html.design111.studio101[data-theme] body #workshop :is(.wf-history,.wf-creative-tools) button{padding:7px 8px!important;min-height:38px!important;font-size:11px!important}html.design111.studio101[data-theme] body #combination :is(#cp-cards,#hp-groups){padding:16px!important;gap:14px!important}html.design111[data-theme] body #library .library-deck-stage{--card-width:calc(100% - 16px);height:376px;margin-top:12px}html.design111[data-theme] body #library .library-reading-card{height:334px;padding:34px 24px 24px!important}html.design111[data-theme] body #library .library-card-title{font-size:27px!important}html.design111[data-theme] body #library .library-card-desc{font-size:14px!important}html.design111[data-theme] body #library .library-card-meta{margin-bottom:20px;font-size:11px}html.design111[data-theme] body #library .library-deck-toolbar{gap:8px}html.design111.studio101[data-theme] body #journal #journal-insights{gap:18px!important}html.design111.studio101[data-theme] body #journal #journal-insights>.j-card{padding:18px!important}html.design111[data-theme] body #journal .j-calendar button{min-height:44px}}@media (prefers-reduced-motion:reduce){html.design111[data-theme] body :is(.ga-edit-block,.cp-saved,.hp-saved){transition:none}}}html.design111.studio101[data-theme] body dialog.ga-number-dialog:not(#garden-dialog) .ga-number-wheel button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--ga-tempo-row,36px)!important;min-height:var(--ga-tempo-row,36px)!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;font-variant-numeric:tabular-nums;color:var(--studio-muted)!important}html.design111.studio101[data-theme] body dialog.ga-number-dialog:not(#garden-dialog) .ga-number-wheel button[aria-selected=true]{color:var(--studio-ink)!important;font-weight:700}html.design111.studio101[data-theme] body dialog.ga-number-dialog:not(#garden-dialog) .ga-wheel-frame:before{border-radius:0;background:transparent!important;border-block:1px solid var(--studio-line);box-sizing:border-box}html.design111.studio101[data-theme] body dialog.ga-number-dialog:not(#garden-dialog) .ga-number-wheel button:focus-visible{outline:2px solid var(--studio-blue);outline-offset:-3px}@layer responsive118{html.reference116 #practice .studio-catalog-drawer{width:min(580px,100%)!important;background:var(--studio-paper)!important;border:1px solid var(--studio-line)!important;border-top:3px solid var(--studio-ink)!important;border-radius:0!important;box-shadow:none!important}html.reference116 #practice .studio-catalog-inner{padding:18px 24px!important;max-height:var(--catalog-room120,50dvh)!important}html.reference116 #practice .studio-catalog-inner::before{content:none!important}html.reference116 #practice .studio-catalog-inner .responsive-catalog{display:flex!important;flex-direction:column!important;gap:14px!important;background:none!important;padding:0!important;border:0!important;box-shadow:none!important}html.reference116 #practice .studio-catalog-inner .style-tabs{display:flex!important;gap:18px!important;flex-wrap:wrap!important;border-bottom:1px solid var(--studio-line)!important;padding:0!important;background:none!important}html.reference116 #practice .studio-catalog-inner .style-tabs button{padding:8px 0 10px!important;min-height:44px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--studio-muted)!important;font-size:14px!important}html.reference116 #practice .studio-catalog-inner .style-tabs button[aria-pressed=true]{color:var(--studio-blue)!important;border-bottom-color:var(--studio-blue)!important}html.reference116 #practice .studio-catalog-inner .style-tabs button span{font-size:10px!important;margin-left:5px!important}html.reference116 #practice .studio-catalog-inner .catalog-type{display:flex!important;gap:18px!important;background:none!important;box-shadow:none!important;padding:0!important;order:2!important;align-self:flex-start!important;justify-content:flex-start!important;width:auto!important;margin:0!important}html.reference116 #practice .studio-catalog-inner .catalog-type button{padding:8px 0!important;min-height:44px!important;border-radius:0!important;border:0!important;background:none!important;color:var(--studio-muted)!important;box-shadow:none!important}html.reference116 #practice .studio-catalog-inner .catalog-type button[aria-pressed=true]{color:var(--studio-blue)!important;border-bottom:2px solid var(--studio-blue)!important}html.reference116 #practice .studio-catalog-inner .catalog-toolbar{display:block!important;order:3!important;margin:0!important}html.reference116 #practice .studio-catalog-inner select{background:var(--studio-paper)!important;color:var(--studio-ink)!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;border-radius:0!important;min-height:44px!important;padding:8px 0!important;width:100%!important}html.reference116 #practice .studio-catalog-inner #catalog-results{order:4!important;display:block!important}html.reference116 #practice .studio-catalog-inner :is(.style-tabs,.catalog-type-tabs) button{width:auto!important;flex:0 0 auto!important;min-width:0!important;max-width:none!important}html.reference116 #practice .studio-catalog-inner .catalog-deck-stage{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin:0!important;padding:0!important;perspective:none!important}html.reference116 #practice .studio-catalog-inner .catalog-deck-card{position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;height:auto!important;min-height:56px!important;max-width:none!important;align-items:flex-start!important;margin:0!important;padding:12px 0!important;transform:none!important;filter:none!important;opacity:1!important;text-align:left!important;box-shadow:none!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;border-radius:0!important;background:none!important}html.reference116 #practice .studio-catalog-inner .catalog-deck-card[aria-hidden=true]{display:none!important}html.reference116 #practice .studio-catalog-inner .catalog-deck-card[data-offset="-1"]{order:0!important}html.reference116 #practice .studio-catalog-inner .catalog-deck-card[data-offset="0"]{order:1!important;border-left:3px solid var(--studio-blue)!important;padding-left:14px!important}html.reference116 #practice .studio-catalog-inner .catalog-deck-card[data-offset="1"]{order:2!important}html.reference116 #practice .studio-catalog-inner .catalog-deck-card span{font-size:15px!important;color:var(--studio-muted)!important}html.reference116 #practice .studio-catalog-inner .catalog-deck-card.is-current span{font-size:21px!important;font-weight:750!important;color:var(--studio-blue)!important}html.reference116 #practice .studio-catalog-inner .catalog-deck-card em{font-size:11px!important;color:var(--studio-muted)!important}html.reference116 #practice .studio-catalog-inner .catalog-deck-controls{margin:14px 0 0!important;justify-content:space-between!important}html.reference116 #practice .studio-catalog-inner .catalog-deck-controls button{background:none!important;box-shadow:none!important;border:1px solid var(--studio-line)!important;border-radius:0!important;width:44px!important;height:44px!important;color:var(--studio-ink)!important}@media (max-width:600px){html.reference116 #practice .studio-catalog-inner{padding:18px!important}html.reference116 #practice .studio-catalog-inner .style-tabs{gap:14px!important}}html.reference116 #wf-fill-editor[data-inline] .wf-fill-frame{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;grid-column:1/-1;min-width:0}html.reference116 #wf-fill-editor[data-inline] :is(.wf-add-beat,.wf-subtract-all){position:static!important;grid-row:1;align-self:center;top:auto!important;bottom:auto!important;transform:none!important;width:44px!important}html.reference116 #wf-fill-editor[data-inline] .wf-subtract-all{grid-column:1}html.reference116 #wf-fill-editor[data-inline] .wf-add-beat{grid-column:3}html.reference116 .wf-score-heading120{display:flex!important;align-items:center!important;gap:24px!important;padding:8px 12px 4px!important;min-height:44px!important;color:var(--studio-ink)!important}html.reference116 .wf-score-heading120 .wf-swing-symbol{width:112px!important;height:40px!important;flex:none!important}html.reference116 #wf-projector .projector-tempo{display:none!important}html.reference116 #wf-projector .wf-score-heading120{color:#162032!important}html.reference116 .wf-score-tempo120{font-size:16px!important;font-weight:600!important;white-space:nowrap!important}html.reference116{scroll-padding-bottom:calc(var(--transport-space,0px) + 24px)!important}html.reference116 body.e115-playing-room>main{padding-bottom:var(--transport-space,160px)!important}html.reference116 #workshop,html.reference116 #practice .practice-more{padding-bottom:32px!important}html.reference116 .r116-document-bar{flex-wrap:wrap!important}html.reference116 .r116-document-bar button{white-space:nowrap!important;flex-shrink:0!important}html.reference116 .e115-transport{background:#101216!important;bottom:var(--viewport-inset,0px)!important;padding-bottom:calc(12px + var(--dock-safe-bottom,env(safe-area-inset-bottom,0px)))!important}html.reference116 .e115-transport :is(button,summary,.ga-tempo-stepper button){min-height:44px!important;min-width:44px!important}html.reference116 .e115-transport :is(#bpm,#rud-tempo,#wf-tempo){min-height:44px!important}html.reference116 dialog:modal:not(#wf-projector){max-height:calc(var(--visible-height,100dvh) - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important;overscroll-behavior:contain!important;top:calc(var(--visible-top,0px) + 16px + env(safe-area-inset-top,0px))!important;bottom:auto!important;margin-block:0!important}html.reference116 dialog:modal :is(.hp-dialog-head,.wf-dialog-head,.ga-wheel-heading,.ga-help-head,.cp-dialog-head,.account-head){position:sticky!important;top:0!important;z-index:3!important;background:var(--studio-paper)!important}html.reference116 dialog:modal :is(.hp-actions,.cp-dialog-actions,.ga-wheel-done){position:sticky!important;bottom:0!important;z-index:3!important}html.reference116 dialog:modal :is(.hp-actions,.cp-dialog-actions){background:var(--studio-paper)!important;padding-block:12px!important}html.reference116 dialog:modal :is(button,summary,input,select){min-height:44px!important}html.reference116 .ga-number-dialog .ga-number-wheel button{min-height:36px!important}html.reference116 .wf-wheel button{min-height:40px!important}html.reference116 .wf-tempo{width:160px!important;min-width:160px!important;flex:none!important;justify-content:center!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-row{grid-template-columns:112px repeat(var(--wf-fill-beats),minmax(calc(var(--wf-point-count,4) * 49px + 12px),1fr))!important;width:max-content!important;min-width:100%!important;gap:12px!important}html.reference116 #wf-fill-editor[data-inline] .wf-note-points button{flex:0 0 44px!important;width:44px!important;min-width:44px!important;min-height:44px!important;height:44px!important}html.reference116 #wf-fill-editor[data-inline] :is(.wf-cell-controls button,.wf-fill-name button,.wf-add-beat,.wf-subtract-all){min-width:44px!important;min-height:44px!important;height:44px!important}html.reference116 #wf-fill-editor[data-inline] .wf-cell-controls{align-items:center!important;gap:8px!important}html.reference116 #wf-fill-editor[data-inline] .wf-cell-controls span{font-size:12px!important;white-space:nowrap!important;color:var(--studio-muted)!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-name{z-index:2!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:center!important;align-self:stretch!important;gap:0!important;width:112px!important;box-sizing:border-box!important;padding:8px 12px 8px 0!important;background:var(--studio-ground)!important;box-shadow:12px 0 var(--studio-ground)!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-name strong{white-space:normal!important;overflow-wrap:break-word!important;line-height:1.4!important;max-width:100%!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-scroll{grid-column:2!important;grid-row:1;min-width:0;overflow-x:auto!important;scroll-padding-inline-start:136px!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-counts{font-size:17px!important}html.reference116 .scroll-hint118{font-size:12px!important;color:var(--studio-muted)!important;margin:8px 0 16px!important;grid-column:1/-1!important}.scroll-hint118[hidden]{display:none!important}html.reference116 #combination :is(.cp-card,.hp-group){box-shadow:none!important;background:transparent!important}html.reference116 #combination .ga-block-open{min-width:0!important;max-width:100%!important;width:100%!important}html.reference116 #combination .ga-local-tools{display:flex!important;gap:12px!important}html.reference116 #combination [data-local-copy]::after{content:"\590d\5236";margin-left:6px!important}html.reference116 #combination [data-local-remove]::after{content:"\5220\9664";margin-left:6px!important}html.reference116 #combination :is([data-local-copy],[data-local-remove]){width:auto!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;padding:8px!important}html.reference116 #hp-save::after{content:"\4fdd\5b58";margin-left:6px!important}html.reference116 #hp-clear-all::after{content:"\6e05\7a7a";margin-left:6px!important}html.reference116 #hp-editor-actions button{width:auto!important;min-height:44px!important;padding:8px 12px!important}html.reference116 #sound118{width:min(460px,calc(100vw - 32px))!important;box-sizing:border-box!important}html.reference116 #sound118 .sound118-controls{display:grid!important;gap:20px!important}html.reference116 #sound118 :is(.kit-strip,.ghost-balance,.mixer108-fader){display:grid!important;position:static!important;width:100%!important;gap:10px!important;padding:0!important;background:transparent!important}html.reference116 #sound118 :is(select,input){max-width:100%!important;width:100%!important}html.reference116 #sound118 #kit-name,html.reference116 #sound118 #kit-description{display:none!important}html.reference116 .rud-settings118 .ga-icon{width:24px!important;height:24px!important}.home-shortcuts118{display:none!important}@media (max-width:700px){html.reference116 #library>.ga-page-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px!important;padding:0!important}html.reference116 #library>.ga-page-heading>div:first-child{grid-column:1;grid-row:1;min-width:0}html.reference116 #library>.ga-page-heading>.ga-help-button{position:static!important;grid-column:2;grid-row:1;justify-self:end;margin:0!important}html.reference116 #library>.ga-page-heading>.library-browse-bar{grid-column:1/-1;grid-row:2;justify-self:start;margin:0!important}html.reference116 #practice #score .score-scroll{overflow-x:auto!important;overflow-y:hidden!important;max-width:100%!important;overscroll-behavior-x:contain!important}html.reference116 #practice #score .score-canvas{min-width:var(--readable-score-width,580px)!important;width:var(--readable-score-width,580px)!important}html.reference116 #practice #score .score-canvas>svg{width:100%!important;min-width:0!important;height:auto!important;max-height:none!important}html.reference116 #rud-score svg{height:auto!important;min-width:var(--rud-readable-width,640px)!important;max-height:none!important}html.reference116 .studio-transport .metronome{gap:4px!important}html.reference116 .e115-transport #pulse{display:none!important}html.reference116 .e115-transport .tempo-stepper{gap:2px!important}html.reference116 .wf-transport{display:grid!important;grid-template-columns:minmax(72px,1fr) 160px!important;gap:8px 12px!important}html.reference116 .wf-transport #wf-play{grid-column:1!important;grid-row:1!important;justify-self:start!important}html.reference116 .wf-transport .wf-tempo{grid-column:2!important;grid-row:1!important}html.reference116 .wf-transport .transport-metronome{grid-column:1!important;grid-row:2!important;justify-self:start!important}html.reference116 .wf-transport .wf-gear{grid-column:2!important;grid-row:2!important;justify-self:end!important;margin:0!important}html.reference116 .rud-controls{display:grid!important;grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) 44px!important;gap:8px!important}html.reference116 .rud-controls #rud-play{grid-row:1!important;grid-column:1!important;justify-self:start!important}html.reference116 .rud-controls>label:not(.check){grid-row:1!important;grid-column:2/4!important;justify-self:end!important;width:160px!important;font-size:0!important;gap:0!important}html.reference116 .rud-controls .ga-tempo-stepper{display:flex!important;width:160px!important;gap:4px!important;font-size:24px!important}html.reference116 .rud-controls .ga-tempo-stepper input{width:64px!important;min-width:0!important}html.reference116 .rud-controls label:has(#rud-click){grid-row:2!important;grid-column:1!important}html.reference116 .rud-controls label:has(#rud-only-click){grid-row:2!important;grid-column:2!important}html.reference116 .rud-controls .check{min-height:44px!important;width:auto!important;margin:0!important;justify-content:center!important;font-size:12px!important}html.reference116 .rud-settings118{grid-row:2!important;grid-column:3!important}html.reference116 #combination #hp-groups{display:flex!important;flex-direction:column!important;overflow:visible!important}html.reference116 #combination .hp-group{width:100%!important;min-width:0!important}html.reference116 #combination .hp-phrase{max-width:100%!important}html.reference116 .home-shortcuts118{display:flex!important;flex-wrap:wrap!important;gap:8px 16px!important;margin:12px 0!important;border-bottom:1px solid var(--studio-line)!important}html.reference116 .home-shortcuts118 a{display:flex!important;align-items:center!important;min-height:44px!important;font-size:14px!important;color:var(--studio-blue)!important}html.reference116 #rudiment-panel .practice-heading{margin-bottom:12px!important}html.reference116 #rudiment-panel .rud-filter{margin-block:8px!important}}@media (max-height:520px){html.reference116 dialog:modal:not(#wf-projector){max-height:calc(var(--visible-height,100dvh) - 16px)!important;top:calc(var(--visible-top,0px) + 8px)!important}html.reference116 .ga-number-wheel{max-height:108px!important}}}@layer responsive118{@media screen{html.reference116 main .transport122{display:flex!important;flex-wrap:nowrap!important;gap:24px!important}html.reference116 .transport122 .metronome>:is(h2,.section-top,.range-labels,#tempo-range){display:none!important}html.reference116 .transport122 .metronome{position:static!important}html.reference116 .transport122 .tempo{margin:0!important;height:56px!important}html.reference116 .transport122 .tempo>div{display:flex!important;align-items:baseline!important;gap:4px!important}html.reference116 .transport122 .tempo>div>span{font-size:9px!important;letter-spacing:2px!important}html.reference116 .transport122 #pulse{display:flex;flex-direction:row!important;gap:8px!important;margin:0!important;width:auto!important;min-height:16px!important}html.reference116 .transport122 #metro{width:auto!important;flex-shrink:0!important;white-space:nowrap!important;margin:0!important;border:0!important;background:transparent!important;font-size:13px!important}html.reference116 .transport122 .play-row{display:flex!important;align-items:center!important;gap:18px!important;flex:0 0 auto!important}html.reference116 .transport122 .metronome{display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:flex-end!important;gap:18px!important;width:auto!important}html.reference116 .transport122 .transport122-legacy{display:none!important}html.reference116 .transport122 #wf-play-position{display:none!important}html.reference116 .transport122 .transport-metronome{width:44px!important;min-width:44px!important;height:44px!important;padding:8px!important;box-sizing:border-box!important}html.reference116 .transport122 .metro-settings{margin:0!important;padding:0!important;border:0!important;position:static!important;flex:0 0 44px!important}html.reference116 .transport122 .metro-settings>summary{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:8px!important;box-sizing:border-box!important;list-style:none!important;background:transparent!important;color:white!important;border:0!important}html.reference116 .transport122 .metro-settings>summary::-webkit-details-marker{display:none}html.reference116 .transport122 .metro-settings>summary .ga-icon{display:block;width:24px!important;height:24px!important;flex:0 0 24px}html.reference116 .transport122 .metro-settings .mixer108{color:var(--studio-ink)!important}html.reference116 .transport122 .metro-settings .mixer108 :is(button,label,summary,span,small){color:var(--studio-ink)!important}html.reference116 .transport122 .metro-settings .mixer108 button{background:var(--studio-soft)!important}html.reference116 .transport122-workshop-settings[hidden]{display:none!important}html.reference116 #wf-audio-dialog .wf-swing-choices{display:flex!important;margin-top:16px!important;gap:12px!important}html.reference116 #wf-audio-dialog .wf-swing-choices button{color:var(--studio-ink)!important}html.reference116 #wf-fill-editor[data-inline] #wf-fill-grid{padding-inline:0!important}html.reference116 #wf-fill-editor[data-inline] .wf-note-points button{border-radius:3px!important}@media (min-width:1000px) and (pointer:fine){html.reference116 #wf-fill-editor[data-inline] .wf-fill-row{width:100%!important;min-width:0!important;grid-template-columns:100px repeat(var(--wf-fill-beats),minmax(0,1fr))!important;gap:10px!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-name{width:100px!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-beat{min-width:0!important;padding-inline:5px!important}html.reference116 #wf-fill-editor[data-inline] .wf-note-points{gap:3px!important;min-width:0!important;justify-content:center!important}html.reference116 #wf-fill-editor[data-inline] .wf-note-points button{flex:0 1 32px!important;width:32px!important;min-width:0!important;height:36px!important;min-height:36px!important;padding:0!important;font-size:14px!important}}@media (max-width:700px){html.reference116 #wf-fill-editor[data-inline] .wf-fill-row{grid-template-columns:64px repeat(var(--wf-fill-beats),minmax(calc(var(--wf-point-count,4) * 49px + 12px),1fr))!important;gap:8px!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-name{width:64px!important;padding-right:4px!important;box-shadow:8px 0 var(--studio-ground)!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-scroll{scroll-padding-inline-start:72px!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-counts>span{justify-self:start;position:sticky;left:72px;width:max-content;max-width:100%;background:var(--studio-ground);z-index:1}html.reference116 #wf-fill-editor[data-inline] .wf-cell-controls{position:sticky;left:72px;align-self:flex-start;justify-content:flex-start!important;width:max-content;max-width:100%;background:var(--studio-ground)}html.reference116 main .transport122{flex-wrap:wrap!important;gap:8px!important}html.reference116 .transport122 .play-row{width:100%!important;justify-content:flex-start!important;gap:14px!important}html.reference116 .transport122 .metronome{flex:1 0 100%!important;width:100%!important;justify-content:space-between!important;gap:4px!important}html.reference116 .transport122 .metronome .tempo{gap:3px!important}html.reference116 .transport122 .metronome #metro{white-space:nowrap!important;padding-inline:4px!important}}}}@layer responsive118{@media screen{html.reference116 .transport122 .mixer108{position:absolute!important;top:auto!important;bottom:calc(100% + 12px)!important;right:20px!important;z-index:35!important;width:340px!important;max-width:calc(100vw - 40px)!important;max-height:min(65dvh,calc(var(--visible-height,100dvh) - var(--transport-space,150px) - 24px))!important;overflow:auto!important;padding:24px!important;box-sizing:border-box!important;background:var(--studio-paper)!important;color:var(--studio-ink)!important;border:1px solid var(--studio-line)!important;border-radius:8px!important}html.reference116 .transport122 .mixer108-fader{display:block!important;width:100%!important;margin:0 0 18px!important;padding:0!important;min-width:0!important}html.reference116 .transport122 .mixer108 input[type=range]{display:block!important;width:100%!important;margin:6px 0 0!important;padding:0!important;min-height:32px!important;height:32px!important;appearance:none!important;background:transparent!important}html.reference116 .transport122 .mixer108-advanced label{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;font-size:12px!important;margin-top:12px!important}html.reference116 .transport122 .mixer108 select{width:100%!important;min-width:0!important;background:var(--studio-paper)!important;color:var(--studio-ink)!important}html.reference116 .transport122 .mixer108>button{width:100%!important;margin-top:8px!important}}}@layer fixes117{html.reference116{scroll-padding-bottom:180px!important}html.reference116 body.e115-playing-room>main{padding-bottom:calc(var(--transport-space,150px) + 100px)!important}html.reference116 #practice .practice-more{padding-bottom:calc(var(--transport-space,150px) + 30px)!important;overflow:visible!important}html.reference116 #practice .practice-more details{scroll-margin-top:24px!important;scroll-margin-bottom:calc(var(--transport-space,150px) + 24px)!important}.help-corner117{position:relative!important;padding-right:100px!important}.help-corner117>.ga-help-button{position:absolute!important;top:0!important;right:0!important;margin:0!important}html.reference116 #workshop{padding-bottom:calc(var(--transport-space,100px) + 60px)!important;overflow:visible!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-scroll{overflow-x:auto!important;overflow-y:visible!important;max-height:none!important;height:auto!important;padding-bottom:16px!important}html.reference116 #wf-fill-editor[data-inline] .wf-note-points button{scroll-margin-block:140px!important}html.reference116 #workshop #wf-score .wf-system{display:flex!important;width:var(--system-share,100%)!important;gap:0!important;align-items:flex-start!important;justify-content:flex-start!important;max-width:min(1400px,var(--system-width))!important;margin:0 auto!important}html.reference116 #workshop #wf-score .wf-canvas{position:relative!important;flex:0 0 var(--measure-share)!important;min-width:0!important;width:var(--measure-share)!important;max-width:none!important}html.reference116 #workshop #wf-score .wf-canvas>svg{width:100%!important;height:auto!important;max-height:none!important;display:block!important}html.reference116 #workshop .wf-system-scroll{overflow-x:auto!important}.wf-measure-grip{display:flex!important;justify-content:center!important;margin:-18px 0 10px!important;position:relative!important;z-index:2!important}.wf-measure-grip .ga-block-drag{touch-action:none!important;cursor:grab!important;min-width:36px!important;height:32px!important}html.reference116 #workshop #wf-score .ga-block-source{opacity:.4!important}html.reference116 #workshop #wf-score .ga-drop-before{box-shadow:inset 3px 0 #1353bb!important}html.reference116 #workshop #wf-score .ga-drop-after{box-shadow:inset -3px 0 #1353bb!important}html.reference116 #workshop #wf-projector{background:#fff!important;color:#162032!important;padding:24px 4vw!important}html.reference116 #wf-projector .projector-head{position:relative!important;flex:none!important;display:block!important;text-align:center!important;padding:0 150px!important;min-height:118px!important}.projector-head>div>span{display:none!important}.projector-head h2{color:#162032!important;font-size:30px!important;margin:30px 0 8px!important}.projector-brand{position:absolute!important;left:0!important;top:0!important;width:120px!important;height:auto!important;aspect-ratio:2/1;overflow:hidden!important}.projector-brand img{position:absolute!important;width:115%!important;height:auto!important;max-width:none!important;left:-7.5%!important;top:-57.5%!important}.projector-tempo{color:#334155!important;margin:0!important;font-size:16px!important}.projector-exit{position:absolute!important;right:0!important;top:0!important;background:#f0f3f7!important;color:#1e3049!important}html.reference116 #wf-projector .projector-score{display:block!important;overflow:auto!important;flex:1!important;min-height:0!important;background:#fff!important}html.reference116 #wf-projector #wf-score{background:#fff!important;color:#111!important;padding:0!important;border:0!important}html.reference116 #wf-projector #wf-score svg{color:#111!important;filter:none!important}html.reference116 #wf-projector #wf-score .wf-system{margin-left:0!important;width:var(--system-share,100%)!important;min-width:0!important;max-width:none!important}html.reference116 #wf-projector #wf-score .wf-canvas{flex:0 0 var(--measure-share)!important;width:var(--measure-share)!important}html.reference116 #wf-projector :is(.wf-measure-grip,.wf-meter-hit,.wf-note-target,.wf-beat-zone,.wf-loop-cell,.wf-beat-label,.wf-append,.wf-remove-bar,.wf-copy-bar){display:none!important}html.reference116 #wf-projector .wf-system-scroll{margin:0!important;overflow:visible!important}html.reference116 #wf-projector .projector-bottom{background:#eef2f7!important;color:#263952!important;padding:12px 24px!important;border-radius:6px!important;position:relative!important}.projector-website{margin-left:auto!important;font-size:13px!important;color:#536278!important}.projector-position{color:#334155!important}html.reference116 #combination .hp-phrase{gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;height:76px!important;padding-top:8px!important;align-items:center!important;justify-content:flex-start!important}html.reference116 #combination .hp-glyph{border:0!important;border-radius:0!important;flex:0 0 auto!important;min-width:42px!important;width:auto!important;padding:12px 12px 0!important;height:58px!important;background:none!important}html.reference116 #combination .hp-glyph+.hp-glyph{border-left:1px solid var(--studio-line)!important}html.reference116 #hp-edit-letters>button{border:0!important;border-radius:0!important;box-shadow:none!important}html.reference116 #hp-edit-letters>button+button{border-left:1px solid var(--studio-line)!important}html.reference116 #hp-edit-letters>button[aria-pressed=true]{background:var(--studio-selected)!important;box-shadow:inset 0 -3px var(--studio-blue)!important}html.reference116 #cp-editor .cp-accents button{background:var(--studio-paper)!important;color:var(--studio-muted)!important;border:1px solid var(--studio-line)!important}html.reference116 #cp-editor .cp-accents button[aria-pressed=true],html.reference116 #hp-accent[aria-pressed=true]{background:#1453bc!important;color:#fff!important;border-color:#1453bc!important;box-shadow:inset 0 0 0 1px #fff4!important;font-weight:750!important}html.reference116 #cp-editor .cp-accents button:disabled{opacity:.4!important;background:var(--studio-soft)!important}html.reference116 #library .ga-door-icon .ga-icon{width:36px!important;height:36px!important}html.reference116 #practice .studio-selection-toggle,html.reference116 #practice .studio-selection-toggle :is(span,svg){color:#fff!important}html.reference116 #practice .studio-selection-toggle{background:#17263c!important;opacity:1!important}html.reference116 .transport-metronome{position:relative!important;display:inline-flex!important;width:44px!important;height:44px!important;min-width:44px!important;padding:8px!important;align-items:center!important;justify-content:center!important;background:transparent!important;color:#dce5f3!important;border:1px solid #718096!important;border-radius:5px!important;cursor:pointer!important}html.reference116 .transport-metronome:has(input:checked){background:#2765be!important;color:#fff!important;border-color:#92baff!important;box-shadow:inset 0 -3px #d3e4ff!important}html.reference116 .transport-metronome .ga-icon{display:block!important;width:25px!important;height:25px!important}html.reference116 .transport-metronome input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;cursor:pointer!important}html.reference116 .transport-metronome:has(input:focus-visible){outline:2px solid #fff!important;outline-offset:3px!important}html.reference116 :is(.wf-gear,.mixer108-toggle,.metro-settings>summary) .ga-icon{width:24px!important;height:24px!important}@media (max-width:700px){html.reference116 #workshop #wf-score .wf-system{min-width:var(--system-width)!important}html.reference116 #wf-projector #wf-score{min-width:0!important}html.reference116 #wf-projector #wf-score .wf-system{min-width:var(--system-width)!important}.projector-head h2{font-size:22px!important}.projector-head>div .projector-brand{width:84px!important}html.reference116 #wf-projector .projector-head{padding:30px 0 0!important}.projector-exit{font-size:12px!important}.projector-website{display:none!important}html.reference116 #workshop{padding-bottom:calc(var(--transport-space,150px) + 80px)!important}}@media (max-height:520px){html.reference116 #workshop #wf-projector{padding:12px 4vw!important;gap:8px!important}html.reference116 #wf-projector .projector-head{padding:44px 0 0!important;min-height:68px!important;box-sizing:border-box!important}html.reference116 #wf-projector .projector-head h2{margin:0!important;font-size:20px!important;line-height:1.2!important}html.reference116 #wf-projector .projector-brand{width:84px!important}html.reference116 #wf-projector .projector-bottom{min-height:44px!important;padding:8px 16px!important}}}@layer reference116-hidden{[hidden]{display:none!important}}@layer reference116{@media screen{html.reference116,html.reference116 body{--studio-content-max:1320px;--studio-page-gutter:40px;--studio-type-page:48px;--studio-type-detail:34px;--studio-type-section:22px;--studio-type-body:16px;--studio-type-control:14px;--studio-type-small:13px;--studio-leading-body:1.65;--studio-leading-heading:1.2;--studio-control-size:44px;--studio-control-radius:4px;--studio-panel-radius:8px;--studio-space-1:8px;--studio-space-2:16px;--studio-space-3:24px;--studio-space-4:32px;--studio-action-blue:#1353bb;--studio-action-red:#d72922;font-size:var(--studio-type-body);line-height:var(--studio-leading-body)}html.reference116,html.reference116 body{--studio-ground:#fcfcfa!important;--studio-paper:#fff!important;--studio-soft:#f0f1f3!important;--studio-ink:#101114!important;--studio-muted:#5c6067!important;--studio-line:#d2d4d8!important;--studio-blue:#1353bb!important;--studio-red:#f33229!important;--studio-selected:#e7eefb!important;--brand-pink:#d79ead!important;--brand-pink-soft:#f7eaee!important;--transport-bg:#182333!important;--transport-ink:#fff!important;--transport-muted:#d0d9e5!important;--studio-shadow:0 3px 10px #1722350a!important;--paper:var(--studio-ground)!important;--ink:var(--studio-ink)!important;--muted:var(--studio-muted)!important;--line:var(--studio-line)!important;background:var(--studio-ground)!important;color:var(--studio-ink)!important;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif!important;font-size:var(--studio-type-body);line-height:var(--studio-leading-body)}html.reference116[data-theme=dark],html.reference116[data-theme=dark] body{--studio-ground:#213047!important;--studio-paper:#293a50!important;--studio-soft:#30445e!important;--studio-ink:#f6f7fa!important;--studio-muted:#c5d0df!important;--studio-line:#546980!important;--studio-blue:#a6c8ff!important;--studio-selected:#3a5377!important;--brand-pink:#edb3c6!important;--brand-pink-soft:#514357!important;--transport-bg:#172436!important}html.reference116 [hidden]{display:none!important}html.reference116 body{margin:0!important;font-size:var(--studio-type-body);line-height:var(--studio-leading-body)}html.reference116 body>header{position:relative!important;z-index:120!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:32px!important;padding:14px max(calc((100vw - 1320px)/2),40px)!important;min-height:88px!important;width:100%!important;max-width:none!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;box-sizing:border-box!important;background:var(--studio-ground)!important;box-shadow:none!important;overflow:visible!important;padding-inline:max(calc((100vw - var(--studio-content-max))/2),var(--studio-page-gutter))!important}html.reference116 body>header .brand{flex:none!important;width:150px!important}html.reference116 body>header .brand-logo{width:min(100%,142px)!important;aspect-ratio:2/1!important;height:auto!important;flex:0 0 auto!important}html.reference116 body>header .brand-name{display:none!important}html.reference116 body>header nav{display:flex!important;align-items:center!important;justify-content:center!important;flex:1!important;gap:34px!important;padding:0!important;margin:0!important;white-space:nowrap!important;overflow:visible!important}html.reference116 body>header nav a{display:flex!important;align-items:center!important;min-height:48px!important;padding:10px 0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--studio-ink)!important;font-size:15px!important;font-weight:650!important;box-shadow:none!important}html.reference116 body>header nav a[aria-current=page]{color:var(--studio-blue)!important;box-shadow:inset 0 -3px var(--studio-blue)!important}html.reference116 body>header .ga-workshop-link{font-size:14px!important;color:var(--studio-ink)!important;margin:0!important;white-space:nowrap!important}html.reference116 body>header #account-button{width:48px!important;height:48px!important;padding:0!important;min-width:48px!important;border:0!important;box-shadow:none!important;background:none!important}html.reference116 #account-button>span{display:none!important}html.reference116 #account-button img{width:40px!important;height:40px!important}html.reference116 .e115-menu{display:none!important}html.reference116 body>main{width:calc(100% - 2 * var(--studio-page-gutter))!important;max-width:var(--studio-content-max)!important;margin:0 auto!important;padding:30px 0 50px!important;box-sizing:border-box!important}html.reference116 body.e115-playing-room>main{padding-bottom:calc(var(--transport-space,100px) + 30px)!important}html.reference116 main>section:not(#world){max-width:none!important;margin:0!important;padding:0!important}html.reference116 :is(.ga-page-heading,.wf-heading){display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:0!important;margin:0 0 24px!important;padding:0!important;gap:24px!important}html.reference116 :is(.ga-page-heading,.wf-heading) h1{font-size:var(--studio-type-page)!important;font-weight:800!important;line-height:var(--studio-leading-heading)!important;letter-spacing:-.035em!important;color:var(--studio-ink)!important;margin:0!important;overflow-wrap:anywhere}html.reference116 main>section>.studio-kicker{display:none!important}html.reference116 :is(button,select,input,textarea){font-family:inherit!important}html.reference116 button{border-radius:var(--studio-control-radius)!important;line-height:1.35!important;box-shadow:none!important;transition:background-color 160ms ease,color 160ms ease,opacity 160ms ease!important}html.reference116 :is(button,a,summary,input,select,textarea):focus-visible{outline:2px solid var(--studio-blue)!important;outline-offset:3px!important}html.reference116 button:disabled{opacity:.45!important;cursor:not-allowed!important}html.reference116 .ga-icon{width:20px!important;height:20px!important;flex-shrink:0!important;stroke-width:1.65!important}html.reference116 :is(.ga-help-button){font-size:var(--studio-type-small)!important;min-height:var(--studio-control-size)!important;color:var(--studio-muted)!important}html.reference116 main>footer{border-top:1px solid var(--studio-line)!important;margin-top:36px!important;padding:22px 0!important;min-height:0!important}html.reference116 main>footer .brand{display:none!important}html.reference116 main>footer>span{font-size:11px!important}@media (hover:hover){html.reference116 :is(.r116-document-bar,.r116-combo-toolbar) button:not(:disabled):hover{background:var(--studio-selected)!important}html.reference116 :is(.ga-help-button,.library-deck-shuffle):hover{color:var(--studio-blue)!important;text-decoration:underline}}html.reference116 #home{padding:0!important}.r116-hero{display:grid!important;grid-template-columns:1.05fr 1fr!important;gap:40px!important;align-items:center!important;padding:10px 0 28px!important;min-height:450px!important}.r116-hero-copy h1 br{display:block!important}.r116-hero-copy h1{font-size:clamp(72px,8.8vw,126px)!important;font-weight:900!important;line-height:1.05!important;letter-spacing:-.06em!important;margin:0 0 18px!important;color:var(--studio-ink)!important}.r116-hero-copy>p{font-size:22px!important;line-height:1.5!important;margin:0 0 24px!important;color:var(--studio-ink)!important}.r116-primary{display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:40px!important;min-height:56px!important;min-width:240px!important;padding:14px 24px!important;box-sizing:border-box!important;background:var(--studio-action-red)!important;color:#fff!important;text-decoration:none!important;border-radius:4px!important;font-size:20px!important;font-weight:700!important}html.reference116 #home-resume{display:flex!important;gap:12px!important;align-items:center!important;margin:18px 0 0!important;padding:0!important;min-height:36px!important;color:var(--studio-ink)!important;font-size:17px!important}.r116-hero-art{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--studio-ink)!important;text-decoration:none!important;min-width:0!important}.r116-hero-art img{position:relative!important;display:block!important;width:100%!important;height:auto!important;max-height:440px!important;object-fit:contain!important;mix-blend-mode:multiply!important}.r116-hero-art>span{position:absolute!important;bottom:0!important;right:0!important;font-size:28px!important;font-weight:700!important;line-height:1.4!important;transform:rotate(-7deg)!important;border-bottom:3px solid var(--brand-pink)!important;padding:8px!important}.r116-doors{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border-top:2px solid var(--studio-ink)!important;padding:26px 0!important}.r116-doors>a{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto auto 1fr!important;gap:8px 16px!important;padding:0 30px!important;color:var(--studio-ink)!important;text-decoration:none!important;border-right:1px solid var(--studio-line)!important}.r116-doors>a:first-child{padding-left:0!important}.r116-doors>a:last-child{border:0!important;padding-right:0!important}.r116-door-no{grid-column:1/-1!important;font-size:14px!important;margin-bottom:8px!important}.r116-doors strong{grid-column:1/-1!important;font-size:32px!important;font-weight:800!important;letter-spacing:-.045em!important}.r116-doors b{grid-column:1/-1!important;font-size:16px!important;font-weight:600!important}.r116-doors p{font-size:16px!important;line-height:1.7!important;margin:0!important}.r116-doors svg{align-self:end!important}.r116-home-band{display:grid!important;grid-template-columns:1fr 1.4fr 110px!important;align-items:center!important;border-top:1px solid var(--studio-line)!important;min-height:125px!important;gap:36px!important}.r116-home-band>a{background:#1452b7!important;color:#fff!important;padding:26px!important;font-size:25px!important;line-height:1.4!important;text-decoration:none!important;align-self:stretch!important}.r116-band-score{height:120px!important;overflow:hidden!important}.r116-band-score .score-bar{margin:0;padding:0;border:0;background:transparent}.r116-band-score .bar-caption{display:none!important}.r116-band-score .score-scroll{overflow:hidden!important;height:120px;border:0!important;background:transparent!important;border-radius:0!important}.r116-band-score .score-canvas{padding:0!important}.r116-band-score svg{width:100%!important;height:120px!important}.r116-home-band>span{font-size:11px!important;line-height:1.7!important}html.reference116 #practice :is(.practice-layout,.practice-main){display:block!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;max-width:none!important;width:100%!important}html.reference116 #practice :is(.practice-compact-heading,.practice-main>.section-top,.quick-tempo){display:none!important}html.reference116 #practice .studio-session{display:block!important;padding:0!important;margin:0 0 20px!important;min-height:0!important}html.reference116 #practice .practice-heading{display:flex!important;align-items:start!important;justify-content:space-between!important;margin:0 0 18px!important;padding:0!important;gap:20px!important}html.reference116 #practice #beat-title{font-size:var(--studio-type-detail)!important;line-height:1.3!important;font-weight:800!important;letter-spacing:-.035em!important;margin:0 0 10px!important;overflow-wrap:anywhere}html.reference116 #practice #beat-desc{font-size:var(--studio-type-body)!important;line-height:1.65!important;margin:0!important;color:var(--studio-muted)!important}html.reference116 #practice #feel{display:inline-block!important;background:none!important;padding:0!important;margin:8px 0 0!important;color:var(--studio-muted)!important;font-size:12px!important}.r116-practice-tools{display:flex!important;align-items:center!important;flex-wrap:wrap;gap:14px!important;position:relative!important}html.reference116 #practice .studio-selection{position:static!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}html.reference116 #practice .studio-selection-toggle{display:flex!important;align-items:center!important;gap:18px!important;min-height:44px!important;background:var(--studio-ink)!important;color:var(--studio-paper)!important;padding:10px 20px!important;border:0!important;border-radius:4px!important;font-size:14px!important}html.reference116 #practice .studio-catalog-drawer{position:absolute!important;top:52px!important;left:0!important;right:auto!important;width:min(630px,100%)!important;z-index:85!important;background:var(--studio-paper)!important;box-shadow:0 12px 38px #17233326!important;border-radius:5px!important}html.reference116 #practice .studio-catalog-drawer:not(.is-open){display:none!important}html.reference116 #practice .studio-catalog-inner{max-height:65vh!important;overflow:auto!important;padding:16px!important}html.reference116 #practice .score-actions{display:contents!important}html.reference116 #practice .score-actions>span:not([role=status]){display:none!important}html.reference116 #practice .score-export-status123{display:block!important;order:2;flex:1 0 100%;min-width:0;margin:0;font-size:var(--studio-type-small);line-height:1.65;color:var(--studio-muted);white-space:normal;overflow-wrap:anywhere}html.reference116 #practice .score-export-status123:empty{display:none!important}html.reference116 #practice .score-actions button{min-height:44px!important;padding:10px 16px!important;border:1px solid var(--studio-line)!important;background:transparent!important;color:var(--studio-ink)!important;font-size:14px!important}html.reference116 #practice .score-controls{margin-left:auto!important;display:flex!important;gap:0!important}html.reference116 .score-controls .ga-segment{display:flex!important;width:100%!important;min-width:0!important}html.reference116 .score-controls button{white-space:nowrap!important;padding:10px 16px!important;min-height:40px!important;background:var(--studio-soft)!important;color:var(--studio-ink)!important;border-radius:3px!important}html.reference116 .score-controls button[aria-pressed=true]{background:var(--studio-action-blue)!important;color:white!important}html.reference116 #practice .score-block{padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;min-height:0!important}html.reference116 #practice .score-block .view-heading{padding:0!important;margin:0!important;font-size:12px!important;min-height:24px!important}html.reference116 #practice #score :is(.score-scroll,.score-canvas){padding:0!important;margin:0!important;min-height:0!important;background:none!important;border:0!important;box-shadow:none!important}html.reference116 #practice #score .score-canvas{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important}html.reference116 #practice #score .score-canvas>svg{height:auto!important;width:100%!important;max-width:none!important;max-height:230px!important}.r116-midi{margin:12px 0 22px!important}.r116-midi>.view-heading{display:none!important}html.reference116 #practice #sequencer .grid-bar{padding:0!important;margin:0 0 12px!important}html.reference116 #practice #sequencer .bar-caption{font-size:11px!important;margin:0 0 5px!important}html.reference116 #practice .grid-body{--grid-row:32px;--grid-gap:5px;display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;position:relative}html.reference116 #practice .grid-labels{display:grid;grid-auto-rows:var(--grid-row);gap:var(--grid-gap);min-width:0;align-content:start}html.reference116 #practice .grid-scroll{overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;height:auto!important;min-height:0!important;padding:3px!important;margin:-3px!important}html.reference116 #practice #sequencer .sequencer{overflow:visible!important;max-height:none!important;height:auto!important;gap:var(--grid-gap)!important;grid-auto-rows:var(--grid-row)!important;padding:0!important;background:none!important;border:0!important}html.reference116 #practice #sequencer .cell{border-radius:0!important;background:var(--studio-soft)!important;border:1px solid var(--studio-line)!important;height:var(--grid-row)!important;min-height:var(--grid-row)!important;margin:0!important}html.reference116 #practice #sequencer .cell.hit{background:#1356bd!important;border-color:#1356bd!important}html.reference116 #practice #sequencer .cell.hit[data-instrument=sn]{background:#f33229!important;border-color:#f33229!important}html.reference116 #practice #sequencer .cell.hit[data-instrument=kd]{background:var(--studio-ink)!important;border-color:var(--studio-ink)!important}html.reference116 #practice #sequencer .cell.hit>span{opacity:0!important}html.reference116 #practice #sequencer .cell.playing{outline:2px solid var(--brand-pink)!important;outline-offset:1px!important}html.reference116 #practice #sequencer .row-label{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) 24px;align-items:center!important;gap:3px!important;height:var(--grid-row)!important;min-height:var(--grid-row)!important;white-space:normal!important;font-size:12px!important;line-height:1.2!important;color:var(--studio-ink)!important;text-align:left!important}html.reference116 #practice #sequencer .row-label small{display:block!important;margin:2px 0 0!important;font-size:10px!important}html.reference116 #practice .midi-note-info{position:static!important}html.reference116 #practice .midi-note-info summary{display:flex;align-items:center;justify-content:center;width:24px;height:32px;padding:0}html.reference116 #practice .midi-note-info>span{position:absolute;left:0;top:100%;z-index:4;width:min(300px,100%);box-sizing:border-box;white-space:normal;padding:12px;background:var(--studio-paper);color:var(--studio-ink);border:1px solid var(--studio-line);border-radius:4px}html.reference116 #practice #legend{display:none!important}html.reference116 #practice .practice-more{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px 40px!important;border-top:1px solid var(--studio-line)!important;padding:18px 0!important;margin:0!important;background:none!important}html.reference116 #practice .practice-disclosure{padding:0!important;background:none!important;border:0!important}html.reference116 #practice .practice-more summary{font-size:16px!important;font-weight:700!important;min-height:var(--studio-control-size)!important}html.reference116 #practice .practice-disclosure p{font-size:var(--studio-type-body)!important;line-height:var(--studio-leading-body)!important}html.reference116 #practice .practice-main>.grid-help{font-size:11px!important;line-height:1.6!important}html.reference116 .studio-mobile-transport{display:none!important}html.reference116 main .e115-transport{position:fixed!important;inset:auto 0 0!important;z-index:90!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:24px!important;padding:14px max(calc((100vw - 1320px)/2),40px)!important;width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-sizing:border-box!important;background:var(--transport-bg)!important;color:#fff!important;box-shadow:none!important;min-height:86px!important;padding-inline:max(calc((100vw - var(--studio-content-max))/2),var(--studio-page-gutter))!important}html.reference116 .e115-transport :is(.play-row,.metronome){display:flex!important;align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:18px!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important;min-height:0!important;background:none!important;border:0!important;box-shadow:none!important}html.reference116 .e115-transport .play-row{flex:0 0 auto!important}html.reference116 .e115-transport .metronome{overflow:visible!important;min-width:0!important;flex:1!important;justify-content:flex-end!important}html.reference116 .e115-transport :is(button,label,small,span,summary,input){color:#fff!important}html.reference116 .e115-transport :is(#play,#wf-play,#rud-play){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:122px!important;min-height:50px!important;height:50px!important;padding:12px 20px!important;font-size:16px!important;font-weight:700!important;border:0!important;border-radius:5px!important;background:var(--studio-action-red)!important;color:white!important}html.reference116 .e115-transport :is(#bpm,#wf-tempo-value,#rud-tempo){width:72px!important;font-size:32px!important;font-weight:500!important;letter-spacing:-.03em!important;background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;text-align:center!important}html.reference116 .e115-transport :is(.tempo,.wf-tempo,.ga-tempo-stepper){display:flex!important;align-items:center!important;gap:8px!important}html.reference116 .e115-transport :is(.tempo,.wf-tempo,.ga-tempo-stepper)>button{width:34px!important;height:34px!important;min-height:34px!important;min-width:34px!important;padding:4px!important;background:#ffffff0d!important;border:1px solid #718096!important;color:#fff!important;border-radius:4px!important;font-size:20px!important}html.reference116 .e115-transport .ga-toggle,html.reference116 .e115-transport .wf-toggle-pill{background:transparent!important;border:1px solid #6c798d!important;box-shadow:none!important;border-radius:4px!important;padding:8px!important;min-height:38px!important;color:#fff!important;font-size:12px!important}html.reference116 .e115-transport :is(.ga-toggle,.wf-toggle-pill):has(input:checked){background:#345780!important;border-color:#abc4eb!important}html.reference116 .e115-transport :is(.wf-gear,.mixer108-toggle){margin-left:auto!important;background:none!important;border:0!important;min-height:44px!important;min-width:44px!important;padding:8px!important}html.reference116 #practice .mixer108{top:auto!important;bottom:calc(100% + 12px)!important;right:30px!important;max-height:65vh!important;background:var(--studio-paper)!important;color:var(--studio-ink)!important;border:1px solid var(--studio-line)!important;overflow:auto!important}html.reference116 #practice .mixer108 :is(label,button,span,small){color:var(--studio-ink)!important}html.reference116 #workshop .wf-heading p{display:block!important;margin:8px 0 0!important;font-size:var(--studio-type-body)!important;color:var(--studio-muted)!important;line-height:var(--studio-leading-body)!important}.r116-document-bar{display:flex!important;gap:16px!important;align-items:center!important;border-bottom:1px solid var(--studio-line)!important;padding:0 0 16px!important;margin:0 0 14px!important}html.reference116 .r116-document-bar :is(.wf-title-row,.wf-history){display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0!important}html.reference116 .r116-document-bar .r116-name-field{margin-right:auto!important;display:flex!important;align-items:center!important;gap:8px!important}html.reference116 .r116-document-bar #wf-title{width:240px!important;max-width:100%!important;font-size:16px!important;font-weight:600!important;min-height:42px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;border-radius:0!important}html.reference116 .r116-document-bar button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:var(--studio-control-size)!important;padding:8px 12px!important;background:transparent!important;border:1px solid var(--studio-line)!important;color:var(--studio-ink)!important;font-size:var(--studio-type-control)!important}html.reference116 .r116-document-bar .wf-history span{display:none!important}html.reference116 #workshop :is(.wf-settings,.wf-print-title,.wf-print-brand){display:none!important}html.reference116 #workshop .wf-workspace{display:block!important;margin:0!important;padding:0!important}html.reference116 #workshop .wf-paper{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}html.reference116 #workshop .wf-print-head{display:none!important}html.reference116 #workshop #wf-print-title{display:none!important}html.reference116 #workshop .wf-visible-view{margin:0!important}.r116-workshop-options{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;margin:0 0 10px!important}html.reference116 #workshop :is(.wf-loop-tools,.wf-creative-tools){display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;padding:0!important;margin:0!important;min-height:0!important;background:none!important;border:0!important}html.reference116 #workshop #wf-message{font-size:12px!important;line-height:1.5!important;margin:4px 0 10px!important;color:var(--studio-muted)!important}html.reference116 #workshop #wf-score{padding:8px 0 0!important;margin:0!important;border:1px solid var(--studio-line)!important;border-radius:4px!important;min-height:0!important;background:var(--studio-paper)!important}html.reference116 #workshop .wf-system{justify-content:flex-start!important;gap:0!important}html.reference116 #workshop .wf-canvas{flex:1!important;max-width:100%!important}html.reference116 #workshop .wf-canvas>svg{width:100%!important;height:auto!important;max-height:125px!important}html.reference116 #workshop .wf-footnote{font-size:12px!important;line-height:1.7!important;color:var(--studio-muted)!important;margin:18px 0!important;max-width:90ch!important}.r116-edit-desk{margin:18px 0!important}html.reference116 #wf-fill-editor[data-inline]{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;max-height:none!important;display:block!important;padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;color:var(--studio-ink)!important}html.reference116 #wf-fill-editor[data-inline] .wf-dialog-head{margin:0 0 12px!important;gap:12px!important}html.reference116 #wf-fill-editor[data-inline] .wf-dialog-head h2{font-size:18px!important;flex:1!important}html.reference116 #wf-fill-editor[data-inline] [data-fill-close]{display:none!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-options{margin:0 0 14px!important;align-items:center!important;justify-content:space-between!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-row{grid-template-columns:80px repeat(var(--wf-fill-beats),minmax(110px,1fr))!important;gap:12px!important;width:100%!important;min-width:600px!important;margin-bottom:10px!important;padding:0!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-counts{font-size:20px!important;font-weight:700!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-counts>span:first-child{grid-column:2!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-name{position:sticky!important;left:0!important;background:var(--studio-ground)!important;color:var(--studio-ink)!important;font-size:14px!important;padding:0!important;min-height:44px!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-beat{display:flex!important;flex-direction:column!important;padding:0 12px 0 0!important;background:none!important;border-radius:0!important;border-right:1px solid var(--studio-line)!important;min-width:0!important}html.reference116 #wf-fill-editor[data-inline] .wf-note-points{display:flex!important;gap:5px!important}html.reference116 #wf-fill-editor[data-inline] .wf-note-points button{flex:1!important;min-width:24px!important;height:38px!important;min-height:38px!important;max-width:60px!important;padding:0!important;border:1px solid var(--studio-line)!important;border-radius:2px!important;background:var(--studio-soft)!important;box-shadow:none!important}html.reference116 #wf-fill-editor[data-inline] .wf-note-points button[aria-pressed=true]{background:var(--studio-ink)!important;color:var(--studio-paper)!important;border-color:var(--studio-ink)!important}html.reference116 #wf-fill-editor[data-inline] [data-drum=hh] .wf-note-points button[aria-pressed=true]{background:#1457c2!important;border-color:#1457c2!important;color:white!important}html.reference116 #wf-fill-editor[data-inline] .wf-note-points button:after{width:auto!important;height:auto!important;background:none!important;border-radius:0!important;line-height:1!important}html.reference116 #wf-fill-editor[data-inline] .wf-note-points button[data-tone=rest]:after{content:""!important}html.reference116 #wf-fill-editor[data-inline] .wf-note-points button[data-tone=medium]:after{content:"\d7"!important;font-size:22px!important;color:inherit!important}html.reference116 #wf-fill-editor[data-inline] .wf-note-points button[data-tone=heavy]:after{content:"\203a"!important;font-size:28px!important;color:inherit!important}html.reference116 #wf-fill-editor[data-inline] .wf-note-points button[data-tone=light]:after{content:"\25cb"!important;font-size:20px!important;color:inherit!important}html.reference116 #wf-fill-editor[data-inline] .wf-cell-controls{display:flex!important;justify-content:center!important;gap:4px!important;margin:4px 0!important}html.reference116 #wf-fill-editor[data-inline] .wf-cell-controls button{height:28px!important;min-height:28px!important;min-width:28px!important;font-size:16px!important;background:none!important;border:0!important;color:var(--studio-muted)!important}html.reference116 #wf-fill-editor[data-inline]>footer{justify-content:flex-end!important;padding:0!important;margin:8px 0 0!important}@media (min-width:1051px){html.reference116 #wf-fill-editor[data-inline]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 24px!important}html.reference116 #wf-fill-editor[data-inline] .wf-dialog-head,html.reference116 #wf-fill-editor[data-inline] .wf-fill-options{margin:0!important;min-height:44px!important}html.reference116 #wf-fill-editor[data-inline] :is(.wf-fill-scroll,.wf-fill-hint,footer){grid-column:1/-1!important}}html.reference116 #library>.ga-page-heading{margin:0 0 12px!important}html.reference116 #library>.ga-page-heading h1{font-size:var(--studio-type-page)!important}html.reference116 #library>.ga-page-heading p{display:none!important}html.reference116 #library .practice-guide-tabs{display:flex!important;gap:34px!important;border-bottom:1px solid var(--studio-line)!important;padding:0!important;margin:0 0 20px!important}html.reference116 #library .practice-guide-tabs a{background:none!important;border:0!important;border-radius:0!important;min-height:44px!important;padding:10px 0!important;font-size:15px!important;color:var(--studio-ink)!important}html.reference116 #library .practice-guide-tabs a[aria-current=page]{color:var(--studio-blue)!important;box-shadow:inset 0 -3px var(--studio-blue)!important}html.reference116 #library .library-deck-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 20px!important;padding:0!important}html.reference116 #library .library-deck-tabs{gap:22px!important}html.reference116 #library .library-deck-tabs button{font-size:14px!important;padding:8px 0!important;min-height:var(--studio-control-size)!important;background:none!important;color:var(--studio-muted)!important;border:0!important}html.reference116 #library .library-deck-tabs button[aria-pressed=true]{color:var(--studio-blue)!important;border-bottom:2px solid var(--studio-blue)!important}.e115-reading-spread{display:grid!important;grid-template-columns:minmax(0,1.85fr) minmax(270px,1fr)!important;gap:38px!important;margin:0!important;align-items:stretch!important}.e115-reading-feature{position:relative!important;min-width:0!important;padding-right:170px!important}html.reference116 #library .library-deck-stage{height:360px!important;--card-width:100%!important;margin:0!important;overflow:hidden!important;width:100%!important}html.reference116 #library .library-deck-cards{inset:0!important;transform:none!important}html.reference116 #library .library-reading-card{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important}html.reference116 #library .library-reading-card:not([data-offset="0"]){visibility:hidden!important;pointer-events:none!important}html.reference116 #library .library-card-open{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;height:100%!important;width:100%!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important;text-align:left!important}html.reference116 #library :is(.library-card-corner,.library-card-mark){display:none!important}html.reference116 #library .library-card-meta{position:static!important;font-size:14px!important;color:var(--studio-muted)!important;margin:0 0 14px!important}html.reference116 #library .library-card-title{display:block!important;color:var(--studio-blue)!important;font-size:var(--studio-type-detail)!important;font-weight:850!important;line-height:1.3!important;letter-spacing:-.025em!important;text-align:left!important;margin:0 0 20px!important;max-width:none!important}html.reference116 #library .library-card-title:after{content:""!important;display:block!important;background:var(--studio-red)!important;width:150px!important;height:4px!important;margin-top:12px!important}html.reference116 #library .library-card-desc{font-size:var(--studio-type-body)!important;line-height:var(--studio-leading-body)!important;color:var(--studio-ink)!important;max-width:34em!important;text-align:left!important}html.reference116 #library .library-card-bottom{display:flex!important;flex-wrap:wrap!important;gap:14px!important;align-items:center!important;margin-top:auto!important;padding:20px 0 0!important;width:100%!important;font-size:13px!important;color:var(--studio-muted)!important}html.reference116 #library .library-card-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:160px!important;min-height:48px!important;padding:10px 20px!important;background:var(--studio-ink)!important;color:var(--studio-paper)!important;border-radius:3px!important;font-size:16px!important}html.reference116 #library .library-card-favorite{position:absolute!important;right:0!important;top:0!important;width:36px!important;height:36px!important;padding:8px!important;background:none!important;border:0!important;color:var(--studio-ink)!important}.r116-reading-portrait{position:absolute!important;right:0!important;top:26px!important;width:155px!important;margin:0!important}.r116-reading-portrait img{width:100%!important;height:auto!important;object-fit:contain!important;mix-blend-mode:multiply!important}.r116-reading-portrait figcaption{font-size:20px!important;line-height:1.5!important;font-weight:700!important;transform:rotate(-7deg)!important;text-align:right!important;padding-right:14px!important}html.reference116 #library .library-deck-controls{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:14px!important;margin:18px 0 0!important}html.reference116 #library .library-deck-controls>div>span{display:none!important}html.reference116 #library .library-deck-shuffle{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:10px 0 0!important;padding:8px 0!important;background:none!important;color:var(--studio-ink)!important;font-size:14px!important}.e115-reading-index{border-left:1px solid var(--studio-line)!important;padding-left:30px!important}.e115-reading-index h2{font-size:var(--studio-type-section)!important;margin:0 0 12px!important}html.reference116 #library .e115-reading-index>button{display:grid!important;grid-template-columns:22px 1fr 20px!important;align-items:center!important;gap:10px!important;width:100%!important;padding:16px 0!important;background:none!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;border-radius:0!important;color:var(--studio-ink)!important;text-align:left!important}.e115-reading-index>button>span{font-size:11px!important;color:var(--studio-muted)!important}.e115-reading-index strong{font-size:16px!important;font-weight:550!important;line-height:1.5!important}.e115-course-link{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;padding:20px 0!important;color:var(--studio-ink)!important;text-decoration:none!important}.e115-course-link>span{grid-column:1/-1!important;font-size:12px!important;color:var(--studio-muted)!important}.e115-course-editorial{display:grid!important;grid-template-columns:1fr 1.6fr!important;gap:50px!important;margin-top:28px!important;padding:26px 0!important;border-top:1px solid var(--studio-line)!important}.e115-course-editorial h2{font-size:var(--studio-type-section)!important;line-height:1.3!important;margin:8px 0 12px!important;letter-spacing:-.03em!important}.e115-course-editorial p{font-size:14px!important;line-height:1.7!important;color:var(--studio-muted)!important}.e115-course-editorial a{display:inline-flex!important;gap:20px!important;align-items:center!important;background:var(--studio-ink)!important;color:var(--studio-paper)!important;text-decoration:none!important;padding:12px 18px!important;border-radius:4px!important;margin-top:10px!important}.e115-course-editorial ol{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:22px!important;counter-reset:course!important;list-style:none!important;padding:0!important;margin:0!important}.e115-course-editorial li{counter-increment:course!important;border-top:1px solid var(--studio-blue)!important;padding-top:14px!important}.e115-course-editorial li:before{content:counter(course)!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--studio-action-blue)!important;color:#fff!important;width:36px!important;height:36px!important;border-radius:50%!important;font-size:18px!important;margin-bottom:14px!important}html.reference116 #library .e115-course-editorial button{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:flex-start!important;white-space:normal!important;text-align:left!important;padding:0!important;background:none!important;color:var(--studio-ink)!important;border:0!important;box-shadow:none!important;width:100%!important}.e115-course-editorial button strong{font-size:17px!important}.e115-course-editorial button span{font-size:12px!important;color:var(--studio-muted)!important;line-height:1.7!important}html.reference116 #rudiment-panel{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}html.reference116 #rudiment-panel>.section-top{display:none!important}html.reference116 #rudiment-panel .practice-heading{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin:24px 0!important;padding:0!important;gap:22px!important}html.reference116 #rudiment-panel .practice-heading h2{font-size:var(--studio-type-detail)!important;font-weight:800!important;margin:0 0 8px!important;line-height:1.3!important;overflow-wrap:anywhere}.e115-rud-count{font-size:30px!important;color:var(--studio-blue)!important;white-space:nowrap!important}html.reference116 #rud-families{display:flex!important;gap:30px!important;border-bottom:1px solid var(--studio-line)!important;margin:0 0 24px!important;padding:0 0 12px!important}html.reference116 #rud-families button{font-size:var(--studio-type-control)!important;background:none!important;border:0!important;padding:10px 12px!important;color:var(--studio-ink)!important;min-height:var(--studio-control-size)!important}html.reference116 #rud-families button[aria-pressed=true]{color:var(--studio-blue)!important;box-shadow:inset 0 -3px var(--studio-blue)!important;border-radius:0!important}.e115-rud-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 250px!important;gap:38px!important;align-items:start!important}.e115-rud-main{min-width:0!important}html.reference116 #rudiment-panel .score-block{background:none!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important}html.reference116 #rud-status{display:none!important}html.reference116 #rud-score{width:100%!important;overflow-x:auto!important;background:none!important}html.reference116 #rud-score svg{min-width:580px!important;width:100%!important;max-width:none!important;height:auto!important;max-height:300px!important}html.reference116 #rud-score [data-hand=R]{fill:#f33229!important;font-weight:800!important}html.reference116 #rud-score [data-hand=L]{fill:var(--studio-blue)!important;font-weight:800!important}.e115-rud-index{padding:20px!important;background:var(--studio-soft)!important;border-radius:5px!important}.e115-rud-index h3{font-size:18px!important;margin:0 0 14px!important}.e115-rud-list{max-height:430px!important;overflow:auto!important;scrollbar-width:thin!important}html.reference116 .e115-rud-list button{display:block!important;width:100%!important;padding:10px 12px!important;min-height:var(--studio-control-size)!important;background:none!important;color:var(--studio-ink)!important;border:0!important;text-align:left!important;border-radius:3px!important;font-size:14px!important;white-space:normal!important}html.reference116 .e115-rud-list button[aria-pressed=true]{background:var(--studio-action-blue)!important;color:#fff!important}html.reference116 #rudiment-panel .rud-select-label{display:none!important}html.reference116 .rud-controls>label:not(.check){display:flex!important;align-items:center!important;flex-direction:row!important;gap:10px!important;font-size:12px!important}html.reference116 #combination .ga-page-heading{position:relative!important;align-items:center!important;margin:0 0 22px!important}html.reference116 #combination .ga-page-heading p{display:block!important;font-size:var(--studio-type-body)!important;line-height:var(--studio-leading-body)!important;margin:10px 0 0!important;color:var(--studio-muted)!important}html.reference116 #combination .ga-help-button{position:absolute!important;right:0!important;top:0!important}.e115-room-portrait{display:flex!important;align-items:center!important;gap:28px!important;margin:0 110px 0 0!important}.e115-room-portrait img{width:136px!important;height:136px!important;object-fit:contain!important;mix-blend-mode:multiply!important}.e115-room-portrait figcaption{font-family:Impact,"Arial Narrow",sans-serif!important;font-size:26px!important;line-height:1.1!important;font-weight:800!important}html.reference116 #combination .ga-combo-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;width:600px!important;max-width:100%!important;margin:0 0 22px!important;padding:0!important;background:var(--studio-soft)!important;border:0!important;border-radius:4px!important}html.reference116 #combination .ga-combo-tabs>button{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:54px!important;padding:12px 18px!important;font-size:17px!important;border:0!important;background:none!important;color:var(--studio-ink)!important;box-shadow:none!important;border-radius:4px!important}html.reference116 #combination .ga-combo-tabs>button[aria-pressed=true]{background:var(--studio-action-blue)!important;color:white!important;box-shadow:none!important}.r116-combo-toolbar{display:flex!important;justify-content:flex-start!important;border-bottom:1px solid var(--studio-line)!important;padding:0 0 16px!important;margin:0 0 22px!important}html.reference116 .r116-combo-toolbar .ga-combination-actions{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important}html.reference116 .r116-combo-toolbar button{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:var(--studio-control-size)!important;padding:10px 14px!important;font-size:var(--studio-type-control)!important;background:transparent!important;border:1px solid var(--studio-line)!important;color:var(--studio-ink)!important}html.reference116 .r116-combo-toolbar :is(#cp-save,#hp-save){background:var(--studio-action-blue)!important;color:#fff!important;border-color:var(--studio-action-blue)!important}html.reference116 #combination :is(.cp-heading,.hp-heading){display:block!important;border:0!important;padding:0!important;margin:0 0 8px!important}html.reference116 #combination :is(.cp-heading,.hp-heading) h2{font-size:var(--studio-type-section)!important;font-weight:750!important;margin:0!important}html.reference116 #combination :is(#cp-status,#hp-status){font-size:12px!important;line-height:1.6!important;margin:6px 0 14px!important;color:var(--studio-muted)!important}html.reference116 #combination :is(#cp-cards,#hp-groups){display:flex!important;align-items:stretch!important;gap:18px!important;background:none!important;padding:8px 0 28px!important;margin:0!important;overflow-x:auto!important}html.reference116 #combination :is(.cp-card,.hp-group){position:relative!important;flex:none!important;min-width:220px!important;max-width:none!important;padding:18px!important;border:1px solid var(--studio-line)!important;border-radius:5px!important;background:var(--studio-paper)!important;box-shadow:0 4px 10px #1722350a!important;height:auto!important}html.reference116 #combination .cp-card{width:300px!important}html.reference116 #combination .ga-block-bar{display:flex!important;align-items:center!important;gap:10px!important;padding:0!important;margin:0 0 12px!important}html.reference116 #combination .ga-block-label{font-size:19px!important;font-weight:700!important;color:var(--studio-ink)!important}html.reference116 #combination .ga-block-open{padding:0!important;min-height:72px!important;background:none!important;border:0!important;width:100%!important}html.reference116 #combination .cp-card .ga-block-open{min-height:155px!important}html.reference116 #combination .combo-card-tools{border-top:0!important;margin:6px 0 0!important;padding:0!important;display:flex!important;gap:4px!important}html.reference116 #combination .hp-phrase{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:0!important;height:64px!important}html.reference116 #combination .hp-glyph{border:1px solid var(--studio-line)!important;border-radius:3px!important;min-width:48px!important;padding:10px 12px!important;font-size:30px!important}html.reference116 #combination :is(.cp-add,.hp-add-next){min-width:70px!important;width:70px!important;min-height:140px!important;background:transparent!important;border:1px solid var(--studio-line)!important;border-radius:5px!important;box-shadow:none!important;color:var(--studio-ink)!important;font-size:30px!important}html.reference116 #combination :is(#cp-favorites,#hp-favorites){border-top:1px solid var(--studio-line)!important;padding-top:24px!important;margin-top:0!important}html.reference116 #combination :is(.cp-work-title,.hp-work-title){margin:0 0 14px!important}@media (max-width:1050px){html.reference116,html.reference116 body{--studio-page-gutter:28px;--studio-type-page:40px}html.reference116 body>header{padding:12px 28px!important;gap:18px!important;flex-wrap:wrap!important;min-height:80px!important;padding-inline:max(calc((100vw - var(--studio-content-max))/2),var(--studio-page-gutter))!important}html.reference116 body>header .brand{width:120px!important}.brand-logo{max-width:120px!important}html.reference116 body>header nav{gap:20px!important;order:3!important;flex-basis:100%!important;min-height:40px!important}html.reference116 body>header .ga-workshop-link{margin-left:auto!important}html.reference116 body>main{width:calc(100% - 2 * var(--studio-page-gutter))!important;padding-top:24px!important;max-width:var(--studio-content-max)!important}.r116-hero{min-height:340px!important;gap:20px!important}.r116-hero-copy h1{font-size:72px!important}.r116-hero-copy>p{font-size:19px!important}.r116-hero-art>span{font-size:23px!important}.r116-doors{grid-template-columns:1fr!important;padding:0!important;border-top:1px solid var(--studio-ink)!important}.r116-doors>a{display:grid!important;grid-template-columns:42px 1fr 24px!important;gap:4px 18px!important;border-right:0!important;border-bottom:1px solid var(--studio-line)!important;padding:20px 0!important}.r116-door-no{grid-column:1!important;grid-row:1/4!important;margin:0!important;align-self:center!important}.r116-doors strong{grid-column:2!important;font-size:26px!important}.r116-doors b{grid-column:2!important;font-size:14px!important}.r116-doors p{grid-column:2!important;font-size:14px!important}.r116-doors p br{display:none!important}.r116-doors svg{grid-column:3!important;grid-row:1/4!important;align-self:center!important}.r116-home-band{margin-top:24px!important;grid-template-columns:1fr 1fr!important;gap:20px!important}.r116-home-band>span{display:none!important}.r116-home-band>a{font-size:20px!important}.e115-reading-spread{grid-template-columns:1fr!important}.e115-reading-feature{padding-right:170px!important}.e115-reading-index{border:0!important;border-top:1px solid var(--studio-line)!important;padding:24px 0 0!important}.e115-course-link{display:none!important}.e115-course-editorial{grid-template-columns:1fr!important;gap:22px!important}.e115-rud-layout{grid-template-columns:1fr!important}.e115-rud-index{padding:18px!important}.e115-rud-list{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important;max-height:250px!important}.e115-room-portrait img{width:120px!important;height:120px!important}.e115-room-portrait figcaption{font-size:20px!important}html.reference116 main .e115-transport{padding:12px 28px!important;gap:16px!important;flex-wrap:wrap!important;padding-inline:max(calc((100vw - var(--studio-content-max))/2),var(--studio-page-gutter))!important}html.reference116 .e115-transport :is(#play,#wf-play,#rud-play){min-width:104px!important;font-size:14px!important;background:var(--studio-action-red)!important}html.reference116 .e115-transport :is(.play-row,.metronome){gap:10px!important}}@media (max-width:600px){html.reference116,html.reference116 body{--studio-page-gutter:20px;--studio-type-page:32px;--studio-type-detail:28px}html.reference116 body>header{display:grid!important;grid-template-columns:1fr 38px 44px 44px!important;gap:8px!important;min-height:72px!important;padding:10px 20px!important;padding-inline:max(calc((100vw - var(--studio-content-max))/2),var(--studio-page-gutter))!important}html.reference116 body>header .brand{grid-column:1!important;width:105px!important}.brand-logo{max-width:105px!important}html.reference116 body>header .ga-workshop-link{grid-column:2!important;grid-row:1!important;margin:0!important}html.reference116 body>header .e115-menu{display:flex!important;grid-column:3!important;grid-row:1!important;align-items:center!important;justify-content:center!important;padding:8px!important;min-width:44px!important;min-height:44px!important;background:none!important;border:0!important;color:var(--studio-ink)!important;font-size:12px!important}html.reference116 body>header #account-button{grid-column:4!important;grid-row:1!important;width:44px!important;min-width:44px!important}html.reference116 body>header nav{display:none!important}html.reference116 body>header.e115-menu-open nav{display:grid!important;grid-column:1/-1!important;grid-row:2!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:4px 20px!important;margin-top:8px!important}html.reference116 body>header nav a{font-size:14px!important;min-height:44px!important}html.reference116 body>main{width:calc(100% - 2 * var(--studio-page-gutter))!important;padding-top:22px!important;max-width:var(--studio-content-max)!important}html.reference116 :is(.ga-page-heading,.wf-heading){margin-bottom:18px!important;gap:12px!important}html.reference116 :is(.ga-page-heading,.wf-heading) h1{font-size:var(--studio-type-page)!important;line-height:var(--studio-leading-heading)!important;letter-spacing:-.035em!important;overflow-wrap:anywhere}.r116-hero{grid-template-columns:1.35fr 1fr!important;min-height:0!important;gap:0!important;padding:8px 0 24px!important;align-items:start!important}.r116-hero-copy{display:contents!important}.r116-hero-copy h1{grid-column:1!important;grid-row:1!important;font-size:46px!important;line-height:1.08!important;margin:0 0 12px!important;letter-spacing:-.055em!important}.r116-hero-copy>p{grid-column:1!important;grid-row:2!important;font-size:16px!important;margin:0 0 22px!important}.r116-hero-art{grid-column:2!important;grid-row:1/3!important;align-self:center!important}.r116-hero-art img{width:170px!important;max-width:145%!important}.r116-hero-art>span{display:none!important}.r116-primary{grid-column:1/-1!important;grid-row:3!important;width:100%!important;min-width:0!important;min-height:50px!important;font-size:17px!important;justify-content:center!important;gap:24px!important;background:var(--studio-action-red)!important}html.reference116 #home-resume{grid-column:1/-1!important;grid-row:4!important;background:var(--studio-soft)!important;padding:14px!important;font-size:14px!important;margin-top:14px!important}.r116-doors>a{padding:19px 0!important;grid-template-columns:30px 1fr 20px!important;gap:4px 12px!important}.r116-doors strong{font-size:23px!important}.r116-doors b{font-size:13px!important}.r116-doors p{font-size:13px!important;line-height:1.6!important}.r116-home-band{display:block!important;margin-top:20px!important}.r116-home-band>a{display:block!important;padding:20px!important}.r116-band-score{display:none!important}html.reference116 #practice #beat-title{font-size:var(--studio-type-detail)!important;line-height:1.3!important;overflow-wrap:anywhere}html.reference116 #practice #beat-desc{font-size:var(--studio-type-body)!important}html.reference116 #practice .practice-heading{gap:8px!important;margin-bottom:14px!important}html.reference116 #practice .practice-heading .ga-help-button{width:44px!important;min-width:44px!important;padding:8px!important;font-size:0!important}html.reference116 #practice .practice-heading .ga-help-button>span{display:none!important}.r116-practice-tools{flex-wrap:wrap!important;gap:10px!important}html.reference116 #practice .score-controls{flex-basis:100%!important;margin:0!important}.score-controls button{flex:1!important}html.reference116 #practice .studio-selection-toggle{min-height:42px!important;padding:10px 14px!important;font-size:13px!important}html.reference116 #practice .score-actions button{font-size:13px!important;padding:10px 12px!important;min-height:42px!important}html.reference116 #practice #score .score-scroll{overflow-x:auto!important;overflow-y:hidden!important}html.reference116 #practice #score .score-canvas{width:max-content!important;min-width:100%!important;max-width:none!important;justify-content:start!important}html.reference116 #practice #score .score-canvas>svg{width:560px!important;min-width:560px!important;height:190px!important;max-height:none!important}html.reference116 #practice .grid-body{grid-template-columns:92px minmax(0,1fr);gap:10px}html.reference116 #practice .practice-more{grid-template-columns:1fr!important;gap:12px!important;padding-top:18px!important}html.reference116 main .e115-transport{padding:10px 20px calc(10px + env(safe-area-inset-bottom))!important;gap:10px!important;min-height:76px!important;flex-wrap:wrap!important;padding-inline:max(calc((100vw - var(--studio-content-max))/2),var(--studio-page-gutter))!important}html.reference116 #practice .studio-transport{display:grid!important;grid-template-columns:1fr!important}html.reference116 #practice .studio-transport .play-row{justify-content:space-between!important}html.reference116 #practice .studio-transport .metronome{justify-content:space-between!important;gap:8px!important;width:100%!important}html.reference116 .e115-transport :is(#play,#wf-play,#rud-play){min-height:44px!important;height:44px!important;min-width:90px!important;padding:10px 14px!important;font-size:14px!important;background:var(--studio-action-red)!important}html.reference116 .e115-transport :is(#bpm,#wf-tempo-value,#rud-tempo){width:54px!important;font-size:27px!important}html.reference116 .e115-transport .pulse{display:none!important}html.reference116 .e115-transport #rud-play{width:auto!important;flex:none!important}html.reference116 .rud-controls>label:not(.check){width:auto!important;flex:none!important;gap:6px!important}html.reference116 .e115-transport .ga-toggle{font-size:11px!important;padding:6px!important}html.reference116 .e115-transport .wf-swing-choices{display:none!important}html.reference116 .e115-transport .wf-tempo{flex:none!important;width:120px!important;gap:4px!important;justify-content:center!important}html.reference116 .e115-transport .wf-tempo small{display:none!important}html.reference116 .e115-transport #wf-tempo-value{width:44px!important}html.reference116 .e115-transport .wf-gear span{display:none!important}html.reference116 .r116-document-bar{flex-wrap:wrap!important;gap:8px!important}html.reference116 .r116-document-bar .r116-name-field{flex:1 0 calc(100% - 90px)!important}.r116-document-bar #wf-title{max-width:220px!important}.r116-workshop-options{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}html.reference116 #workshop .wf-heading p{font-size:var(--studio-type-body)!important;line-height:var(--studio-leading-body)!important}html.reference116 .r116-document-bar .wf-history{margin-left:auto!important}html.reference116 #workshop .wf-print-head{justify-content:flex-start!important}html.reference116 #workshop .wf-canvas>svg{min-width:460px!important;max-height:200px!important}html.reference116 #workshop .wf-creative-tools{gap:6px!important}.wf-creative-tools>span{display:none!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-row{min-width:530px!important;grid-template-columns:62px repeat(var(--wf-fill-beats),minmax(102px,1fr))!important;gap:8px!important}html.reference116 #wf-fill-editor[data-inline] .wf-fill-options{gap:10px!important}.wf-state-legend{font-size:11px!important}html.reference116 #library>.ga-page-heading h1{font-size:var(--studio-type-page)!important}.practice-guide-tabs{gap:22px!important}html.reference116 #library .library-deck-toolbar{align-items:flex-start!important;gap:12px!important;flex-wrap:wrap!important}html.reference116 #library .library-deck-tabs{gap:18px!important}.library-deck-links{gap:12px!important}.e115-reading-feature{padding-right:0!important}.r116-reading-portrait{width:85px!important;right:0!important;top:20px!important}.r116-reading-portrait figcaption{display:none!important}html.reference116 #library .library-deck-stage{height:285px!important}html.reference116 #library .library-card-title{font-size:var(--studio-type-detail)!important;max-width:calc(100% - 85px)!important;line-height:1.3!important;letter-spacing:-.025em!important}html.reference116 #library .library-card-desc{font-size:var(--studio-type-body)!important;line-height:var(--studio-leading-body)!important}html.reference116 #library .library-card-meta{font-size:12px!important;max-width:calc(100% - 85px)!important}html.reference116 #library .library-card-favorite{top:auto!important;bottom:0!important;right:0!important;z-index:3!important}html.reference116 #library .library-card-bottom{font-size:12px!important}.library-card-action{min-width:150px!important}.e115-reading-spread{gap:22px!important}.e115-reading-index{padding-top:20px!important}.e115-course-editorial{margin-top:22px!important;padding-top:22px!important}.e115-course-editorial h2{font-size:var(--studio-type-section)!important}.e115-course-editorial ol{grid-template-columns:1fr!important;gap:16px!important}.e115-course-editorial li{display:grid;grid-template-columns:36px minmax(0,1fr)!important;gap:14px!important;align-items:start}.e115-course-editorial li:before{grid-column:1;grid-row:1;margin-bottom:0!important}.e115-course-editorial li>button{grid-column:2;grid-row:1}.e115-course-editorial button strong{font-size:16px!important}.e115-course-editorial button span{font-size:14px!important}html.reference116 #rudiment-panel .practice-heading{margin:24px 0!important;gap:12px!important}html.reference116 #rudiment-panel .practice-heading h2{font-size:var(--studio-type-detail)!important;line-height:1.3!important;overflow-wrap:anywhere}.e115-rud-count{font-size:20px!important}html.reference116 #rud-families{gap:8px!important;overflow-x:auto!important;margin-bottom:16px!important}html.reference116 #rud-families button{font-size:var(--studio-type-control)!important;padding:10px!important;white-space:nowrap!important;min-height:var(--studio-control-size)!important}.e115-rud-list{grid-template-columns:repeat(2,1fr)!important}.e115-rud-index{padding:16px!important}.e115-rud-layout{gap:22px!important}html.reference116 #rud-score svg{height:210px!important;max-height:none!important}html.reference116 #combination .ga-page-heading p{font-size:var(--studio-type-body)!important;line-height:var(--studio-leading-body)!important}.e115-room-portrait{display:none!important}html.reference116 #combination .ga-combo-tabs{width:100%!important;margin-bottom:18px!important}.ga-combo-tabs>button{min-height:46px!important;font-size:15px!important}.r116-combo-toolbar{margin-bottom:18px!important;padding-bottom:14px!important}html.reference116 .r116-combo-toolbar .ga-combination-actions{gap:8px!important}.r116-combo-toolbar button{font-size:12px!important;padding:8px 10px!important}html.reference116 #combination :is(.cp-heading,.hp-heading) h2{font-size:var(--studio-type-section)!important}html.reference116 #combination :is(#cp-cards,#hp-groups){flex-direction:column!important;gap:14px!important;overflow:visible!important;padding-bottom:24px!important}html.reference116 #combination :is(.cp-card,.hp-group){width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;min-height:0!important;padding:14px!important}html.reference116 #combination .ga-block-label{font-size:17px!important}.ga-block-open{min-height:70px!important}html.reference116 #combination .hp-phrase{height:70px!important}.hp-glyph{min-width:36px!important;padding:8px!important;font-size:26px!important}html.reference116 #combination :is(.cp-add,.hp-add-next){width:100%!important;min-width:0!important;min-height:46px!important;height:46px!important}}html.reference116[data-theme=dark] :is(.r116-hero-art img,.r116-reading-portrait img,.e115-room-portrait img){mix-blend-mode:normal!important;border-radius:4px!important}html.reference116[data-theme=dark] #rud-score [data-hand=R]{fill:#ff8c84!important}@media (prefers-reduced-motion:reduce){html.reference116 *,html.reference116 *:before,html.reference116 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}}}@media print{#wf-fill-editor[data-inline]{display:none!important}}@layer reference116{@media screen{html.editorial115.design111[data-theme] body #wf-projector{position:fixed!important;inset:0!important;top:var(--visible-top,0px)!important;width:100%!important;height:100vh!important;height:var(--visible-height,100vh)!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;padding:24px 4vw!important;box-sizing:border-box!important;background:var(--studio-paper)!important;color:var(--studio-ink)!important;overflow:hidden;z-index:10000}html.editorial115.design111[data-theme] body #wf-projector[open]{display:flex!important;flex-direction:column!important;gap:16px}#wf-projector::backdrop{background:var(--studio-paper)}.projector-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;flex:none}.projector-head span{font-size:12px!important;letter-spacing:.08em}.projector-head h2{font-size:26px!important;margin:8px 0 0}.projector-exit{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;white-space:nowrap}.projector-score{flex:1!important;min-height:0!important;overflow:auto!important;display:flex!important;flex-direction:column!important;justify-content:safe center}html.editorial115.design111[data-theme] body #wf-projector #wf-score{padding:0!important;border:0!important;width:100%!important;background:transparent!important;min-height:0!important;pointer-events:none}html.editorial115.design111[data-theme] body #wf-projector :is(.wf-meter-hit,.wf-note-target,.wf-beat-zone,.wf-loop-cell,.wf-beat-label,.wf-append,.wf-remove-bar,.wf-copy-bar){display:none!important}html.editorial115.design111[data-theme] body #wf-projector .wf-system{display:flex!important;min-width:100%!important;justify-content:center!important;gap:0}html.editorial115.design111[data-theme] body #wf-projector #wf-score .wf-canvas{flex:1!important;max-width:none!important;min-width:0!important;width:auto!important}html.editorial115.design111[data-theme] body #wf-projector .wf-canvas>svg{width:100%!important;height:auto!important;max-height:65vh}.projector-bottom{display:flex!important;align-items:center!important;justify-content:center!important;gap:28px!important;min-height:64px!important;flex:none}.projector-position{font-size:16px!important;font-variant-numeric:tabular-nums!important;color:var(--studio-muted)}html.reference116 #workshop #wf-projector #wf-score{padding:0!important;border:0!important;min-height:0!important;background:transparent!important}html.reference116 #workshop #wf-projector .wf-canvas>svg{min-width:0!important;max-height:none!important}}}@layer responsive118{html.reference116{--studio-success:#257446;--studio-warning:#99620c;--studio-error:#be3029}html.reference116[data-theme=dark]{--studio-success:#9ad4ae;--studio-warning:#edca8f;--studio-error:#ffb2ab}html.reference116 :is(#bpm,.ga-tempo-value,.j-inline-minutes input,#j-chart-total,.e115-rud-count,.ga-progress-count,.wf-score-tempo120){font-variant-numeric:tabular-nums!important}html.reference116 #combination :is(.ga-labelled-action){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;min-width:76px!important;padding-inline:14px!important;white-space:nowrap!important}html.reference116 #combination .ga-labelled-action::after{content:none!important}html.reference116 .ga-labelled-action .ga-action-label{display:inline!important;font-size:13px!important;line-height:1.3!important}html.reference116 #library .library-deck-stage{height:auto!important;min-height:320px!important;overflow:hidden!important}html.reference116 #library .library-deck-cards{position:relative!important;height:auto!important}html.reference116 #library .library-reading-card[data-offset="0"]{position:relative!important;inset:auto!important;height:auto!important;min-height:320px!important}html.reference116 #library .library-card-open{height:auto!important;min-height:320px!important}html.reference116 #library .library-card-title{padding-right:36px!important;overflow-wrap:anywhere!important}html.reference116 #library .library-card-bottom{padding-top:24px!important}html.reference116 #library .library-card-favorite{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}html.reference116 #library .library-card-action{margin-right:48px!important}html.reference116 #garden-share-dialog{background:var(--studio-paper)!important;color:var(--studio-ink)!important;border-color:var(--studio-line)!important;border-radius:12px!important;box-shadow:0 12px 40px #0002!important}@media (max-width:700px),(pointer:coarse){html.reference116 :is(.ga-help-trigger,.library-deck-tabs button,.ga-block-grip,.wf-measure-grip){min-height:44px!important;min-width:44px!important}html.reference116 #library .library-deck-stage,html.reference116 #library .library-reading-card[data-offset="0"],html.reference116 #library .library-card-open{min-height:280px!important}html.reference116 #library .library-card-title{padding-right:0!important}html.reference116 #library .library-card-favorite{bottom:0!important}}@media (prefers-reduced-motion:reduce){html.reference116 *,html.reference116 *::before,html.reference116 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}}html.reference116 body{--knowledge123-link:#1353bb}html.reference116[data-theme=dark] body{--knowledge123-link:#abc8ff}html.reference116 body #world.knowledge123-enabled{overflow:clip;min-width:0}html.reference116 body #world.knowledge123-searching:before{display:none}.knowledge123-search,.knowledge123-surface{position:relative;z-index:1;width:min(1120px,100%);box-sizing:border-box;margin-inline:auto;background:var(--studio-paper,#fff);color:var(--studio-ink,#101215)}html.reference116 body #world .knowledge123-search{width:auto;max-width:520px;margin:0;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none}.knowledge123-drawer>summary{display:flex;width:max-content;margin-left:auto;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;color:var(--studio-blue,#1353bb);font-size:14px;padding:0 8px 0 0}.knowledge123-search-short{display:none}.knowledge123-drawer>summary::-webkit-details-marker{display:none}.knowledge123-drawer>summary:after{content:"\ff0b";font-size:16px}.knowledge123-drawer[open]>summary:after{content:"\2212"}.knowledge123-drawer>summary svg{width:17px;height:17px}.knowledge123-search-body{padding:16px 0 0;max-width:960px}.world-heading[data-search-open]{align-items:start}.world-heading[data-search-open] .knowledge123-search{grid-column:1/-1;max-width:none}.world-heading[data-search-open] .knowledge123-drawer>summary{margin-left:0}.knowledge123-search>.knowledge123-map{position:static;justify-content:flex-end;font-size:13px;margin-top:4px}.knowledge123-intro{display:flex;gap:28px;align-items:center;justify-content:space-between;margin-bottom:16px}.knowledge123-eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.5;color:var(--studio-muted,#617083)}html.reference116 body #world .knowledge123-intro h2{font-family:inherit;font-size:clamp(20px,2.2vw,28px);line-height:1.3;letter-spacing:-.035em;margin:4px 0 0;color:inherit}.knowledge123-map,.knowledge123-back,.knowledge123-return{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--knowledge123-link,#1353bb);font-size:13px;text-decoration:none}.knowledge123-map{flex-shrink:0}.knowledge123-map svg{width:18px;height:18px}.knowledge123-form{display:flex;gap:0;align-items:stretch;border:1px solid var(--studio-ink,#101215);border-radius:4px;overflow:hidden;max-width:860px}html.reference116 body #world .knowledge123-form input{width:100%;min-width:0;border:0;border-radius:0;box-shadow:none;font:inherit;font-size:16px;padding:12px 16px;min-height:50px}html.reference116 body #world .knowledge123-submit{display:flex;align-items:center;justify-content:center;gap:7px;min-width:88px;flex-shrink:0;border:0;border-radius:0;font:inherit;font-size:14px;font-weight:700;box-shadow:none;padding:12px 18px}.knowledge123-submit svg{width:18px;height:18px}.knowledge123-form:focus-within{outline:2px solid var(--knowledge123-link,#1353bb);outline-offset:3px}.knowledge123-topics{display:flex;flex-wrap:wrap;gap:2px 15px;margin:8px 0 2px}html.reference116 body #world .knowledge123-topics button{min-height:40px;padding:5px 0;border:0;border-bottom:1px solid transparent;border-radius:0;font-size:13px;box-shadow:none}.knowledge123-topics button:hover{text-decoration:underline;text-underline-offset:4px}.knowledge123-filters{margin-top:0}.knowledge123-filters summary{display:flex;align-items:center;gap:4px;min-height:40px;cursor:pointer;width:max-content;font-size:13px;color:var(--studio-muted,#617083)}.knowledge123-filters summary:before{content:"\ff0b";font-size:15px;margin-right:4px}.knowledge123-filters[open] summary:before{content:"\2212"}.knowledge123-filter-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.knowledge123-filter-fields label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--studio-muted,#617083);min-width:0}html.reference116 body #world .knowledge123-filter-fields select{min-width:0;width:100%;min-height:44px;font-family:inherit;font-size:14px;border:1px solid var(--studio-line,#d6d9df);border-radius:3px;box-shadow:none;padding:8px 28px 8px 10px}.knowledge123-filters>p{font-size:12px;line-height:1.6;color:var(--studio-muted,#617083);margin:12px 0 0}.knowledge123-current{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--studio-muted,#617083)}html.reference116 body #world .knowledge123-current button{flex-shrink:0;padding:5px 0;min-height:36px;border:0;font-size:12px}html.reference116 body #world .knowledge123-surface{padding:28px 0 64px;min-height:300px;max-width:none;background:transparent}.knowledge123-results-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}html.reference116 body #world .knowledge123-results-head h2{font-size:22px;line-height:1.3;margin:0;font-family:inherit;color:inherit;letter-spacing:-.025em}.knowledge123-results-head>span{font-size:12px;color:var(--studio-muted,#617083)}.knowledge123-topic{border-block:1px solid var(--studio-line,#d6d9df);padding:18px 0;margin:18px 0 12px;max-width:860px}.knowledge123-topic h3{font-size:20px;line-height:1.4;margin:6px 0 8px;color:var(--studio-ink,#101215)}.knowledge123-topic p{font-size:14px;line-height:1.8;margin:6px 0;color:var(--studio-muted,#617083)}.knowledge123-topic>div{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:8px}html.reference116 body #world .knowledge123-topic button{min-height:44px;padding:8px 0;box-shadow:none;border:0;border-radius:0;font-size:13px;line-height:1.5;text-align:left;white-space:normal}.knowledge123-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;list-style:none;margin:0;padding:0}.knowledge123-result{margin:0;padding:0;min-width:0;border-bottom:1px solid var(--studio-line,#d6d9df)}html.reference116 body #world .knowledge123-result>button{display:flex;position:relative;flex-direction:column;align-items:flex-start;gap:7px;width:100%;text-align:left;padding:21px 28px 23px 0;min-height:152px;border:0;border-radius:0;box-shadow:none;font-family:inherit;white-space:normal}.knowledge123-result-type{font-size:11px;color:var(--knowledge123-link,#1353bb);line-height:1.5}.knowledge123-result strong{font-size:19px;line-height:1.35;font-weight:750;overflow-wrap:anywhere}.knowledge123-summary{font-size:13px;line-height:1.65;color:var(--studio-muted,#617083);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.knowledge123-reasons{font-size:11px;color:var(--studio-muted,#617083);line-height:1.5}.knowledge123-arrow{position:absolute;right:0;top:48px;font-size:18px;color:var(--knowledge123-link,#1353bb)}html.reference116 body #world .knowledge123-result>button:hover strong{color:var(--knowledge123-link,#1353bb)}html.reference116 body #world .knowledge123-more{display:block;min-height:44px;margin:24px auto 0;border:1px solid var(--studio-line,#d6d9df);border-radius:3px;box-shadow:none;padding:10px 26px}.knowledge123-empty{padding:32px 0 50px;max-width:520px}.knowledge123-empty p{font-size:15px;line-height:1.7;color:var(--studio-muted,#617083)}.knowledge123-detail{max-width:900px;margin:auto}.knowledge123-back{margin-bottom:18px}html.reference116 body #world .knowledge123-detail-title h2{font-family:inherit;font-size:var(--studio-type-detail,34px);font-weight:800;letter-spacing:-.035em;line-height:1.25;margin:10px 0 12px;color:inherit;overflow-wrap:anywhere}.knowledge123-detail-title>p{font-size:15px;line-height:1.7;color:var(--studio-muted,#617083);max-width:720px;margin:8px 0}.knowledge123-detail-title>[lang=en]{font-size:13px}.knowledge123-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:23px 0 26px}html.reference116 body #world .knowledge123-actions>button,html.reference116 body #world .knowledge123-actions>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box;border:1px solid var(--studio-line,#d6d9df);border-radius:3px;padding:10px 16px;font:inherit;font-size:14px;text-decoration:none;box-shadow:none}html.reference116 body #world .knowledge123-actions>.knowledge123-primary{border-color:var(--knowledge123-link,#1353bb);font-weight:700}html.reference116 body #world .knowledge123-actions>.knowledge123-play{border-color:var(--studio-action-red,#d72922);min-width:96px;font-weight:700}.knowledge123-actions svg{width:18px;height:18px}.knowledge123-audio-status{font-size:12px;color:var(--studio-muted,#617083)}.knowledge123-score-meta{font-size:12px;color:var(--studio-muted,#617083);border-top:1px solid var(--studio-line,#d6d9df);padding-top:18px}.knowledge123-variants{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}html.reference116 body #world .knowledge123-variants button{min-height:44px;min-width:70px;border:1px solid var(--studio-line,#d6d9df);border-radius:3px;padding:8px 15px;font-size:14px}html.reference116 body #world .knowledge123-variants button[aria-pressed=true]{border-color:var(--knowledge123-link,#1353bb)}.knowledge123-score{background:#fff;color:#101215;overflow:hidden;margin:10px 0 0;max-width:100%}.knowledge123-score .score-scroll{overscroll-behavior-x:contain;padding-bottom:8px;max-width:100%}.knowledge123-score .score-canvas{width:100%}.knowledge123-score .bar-caption{padding:8px 12px 0;color:#5e6b77;font-size:11px}.knowledge123-score .bar-caption span{display:none}.knowledge123-scroll-hint{font-size:11px;color:var(--studio-muted,#617083);margin:8px 0 20px}.knowledge123-original{font-size:16px;line-height:1.9;max-width:760px;overflow-wrap:anywhere;border-top:1px solid var(--studio-line,#d6d9df);padding-top:24px}.knowledge123-original h3{font-size:22px;line-height:1.4;margin:32px 0 12px}.knowledge123-original p{line-height:1.9;margin:12px 0}.knowledge123-original img{max-width:100%;height:auto}.knowledge123-original table{display:block;max-width:100%;overflow:auto}.knowledge123-original a,.knowledge123-sources a{color:var(--knowledge123-link,#1353bb);text-underline-offset:3px}html.reference116 body #world .knowledge123-original .source-marker{display:inline-flex;align-items:center;justify-content:center;vertical-align:baseline;min-width:36px;min-height:36px;margin-inline:3px;padding:3px 6px;border:0;border-radius:3px;font-size:12px;font-weight:700;box-shadow:none;cursor:pointer}.knowledge123-original .source-marker[aria-expanded=true]{text-decoration:underline;text-underline-offset:3px}.knowledge123-original .source-explanation{border-left:2px solid var(--knowledge123-link,#1353bb);padding:12px 16px;margin:0 0 22px;font-size:13px;line-height:1.7;color:var(--studio-muted,#617083);overflow-wrap:anywhere}.knowledge123-guide{border-top:1px solid var(--studio-line,#d6d9df);margin-top:32px;padding-top:24px;max-width:780px;font-size:14px;line-height:1.85;color:var(--studio-ink,#101215)}.knowledge123-guide section{margin:20px 0}.knowledge123-guide h4,.knowledge123-original h4{font-family:inherit;font-size:16px;margin:0 0 7px;font-weight:750;color:inherit}.knowledge123-guide p,.knowledge123-guide li{font-size:14px;line-height:1.85;margin:6px 0;color:inherit}.knowledge123-guide ol{padding-left:1.5em;margin:8px 0}.knowledge123-guide-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-block:1px solid var(--studio-line,#d6d9df)}.knowledge123-sources summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:13px;color:var(--knowledge123-link,#1353bb)}.knowledge123-sources ul{padding-left:1.3em}.knowledge123-sources small{display:block;font-size:12px;color:var(--studio-muted,#617083)}.knowledge123-related{border-top:1px solid var(--studio-line,#d6d9df);padding-top:24px;margin-top:30px;max-width:900px}.knowledge123-related h3{font-family:inherit;font-weight:750;font-size:20px;line-height:1.4;margin:0 0 18px}.knowledge123-related h4{font-size:12px;color:var(--studio-muted,#617083);margin:18px 0 8px}.knowledge123-related ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.knowledge123-related li{min-width:0;border-bottom:1px solid var(--studio-line,#d6d9df);padding:0;margin:0}html.reference116 body .knowledge123-related button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;width:100%;padding:14px 0;min-height:70px;border:0;border-radius:0;box-shadow:none;white-space:normal;font-family:inherit}.knowledge123-related button>span{font-size:10px;color:var(--knowledge123-link,#1353bb)}.knowledge123-related strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.knowledge123-related small{font-size:12px;line-height:1.65;color:var(--studio-muted,#617083)}.knowledge123-enrichment .knowledge123-related ul{grid-template-columns:1fr}.knowledge123-enrichment .knowledge123-guide-pair{grid-template-columns:1fr;gap:0}.knowledge123-return{margin-bottom:14px}html.reference116 body .knowledge123-search :focus-visible,html.reference116 body .knowledge123-surface :focus-visible,html.reference116 body .knowledge123-enrichment :focus-visible{outline:2px solid var(--knowledge123-link,#1353bb);outline-offset:4px}@media (max-width:760px){.knowledge123-search-label{display:none}.knowledge123-search-short{display:inline}html.reference116 body #world .knowledge123-search{padding:0;max-width:none}.knowledge123-drawer>summary{margin-left:0}.knowledge123-search>.knowledge123-map{right:20px;font-size:12px}.knowledge123-search>.knowledge123-map svg{display:none}.knowledge123-drawer>summary{font-size:13px}.knowledge123-intro{gap:15px;align-items:flex-start}.knowledge123-intro .knowledge123-map{font-size:11px;min-height:38px}.knowledge123-intro .knowledge123-map svg{display:none}html.reference116 body #world .knowledge123-intro h2{font-size:21px;max-width:16em}.knowledge123-eyebrow{font-size:9px}.knowledge123-form{max-width:none}.knowledge123-topics{gap:0 17px}.knowledge123-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge123-filter-fields label:last-child{grid-column:1/-1}html.reference116 body #world .knowledge123-surface{padding:22px 0 45px}.knowledge123-results{grid-template-columns:1fr}.knowledge123-results-head{gap:12px}.knowledge123-results-head>span{font-size:11px}html.reference116 body #world .knowledge123-result>button{min-height:140px;padding-block:19px}.knowledge123-result strong{font-size:19px}.knowledge123-summary{font-size:14px}.knowledge123-reasons{font-size:11px}.knowledge123-related ul,.knowledge123-guide-pair{grid-template-columns:1fr}.knowledge123-guide-pair{gap:0}.knowledge123-guide-pair section+section{margin-top:0}.knowledge123-original{font-size:16px;padding-top:18px}.knowledge123-actions{gap:9px}.knowledge123-audio-status{flex-basis:100%}.knowledge123-current{align-items:flex-start}.knowledge123-current>span{padding-top:9px;overflow-wrap:anywhere}.knowledge123-detail-title>p{font-size:14px}.knowledge123-back{margin-bottom:13px}.knowledge123-guide{margin-top:24px}.knowledge123-description{font-size:14px;line-height:1.7}}@media (min-width:761px) and (max-width:1200px){.knowledge123-results{gap:0 28px}.knowledge123-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}@layer responsive118{html.reference116 body #world.knowledge123-enabled>.world-search{display:none!important}html.reference116 body #world.knowledge123-searching>.world-layout,html.reference116 body #world.knowledge123-searching>.world-regions{display:none!important}html.reference116 body #world.knowledge123-searching{background:var(--studio-paper,#fff)!important;color:var(--studio-ink,#101215)!important}.knowledge123-search>.knowledge123-map[hidden]{display:none!important}.knowledge123-form>.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}html.reference116 body #world .knowledge123-form input{background:transparent!important;color:var(--studio-ink,#101215)!important}html.reference116 body #world .knowledge123-submit{background:#101215!important;color:#fff!important}html.reference116 body #world .knowledge123-submit :is(span,svg){color:inherit!important}html.reference116 body #world .knowledge123-topics button{background:transparent!important;color:var(--knowledge123-link,#1353bb)!important}html.reference116 body #world .knowledge123-filter-fields select{background:var(--studio-paper,#fff)!important;color:var(--studio-ink,#101215)!important}html.reference116 body #world .knowledge123-current button{background:none!important;color:var(--knowledge123-link,#1353bb)!important}html.reference116 body #world .knowledge123-topic button{background:transparent!important;color:var(--knowledge123-link,#1353bb)!important}html.reference116 body #world .knowledge123-result>button{background:transparent!important;color:var(--studio-ink,#101215)!important}html.reference116 body #world .knowledge123-more{background:transparent!important;color:var(--studio-ink,#101215)!important}html.reference116 body #world .knowledge123-actions>button,html.reference116 body #world .knowledge123-actions>a{background:transparent!important;color:var(--studio-ink,#101215)!important}html.reference116 body #world .knowledge123-actions>.knowledge123-primary{background:var(--studio-action-blue,#1353bb)!important;color:#fff!important}html.reference116 body #world .knowledge123-actions>.knowledge123-play{background:var(--studio-action-red,#d72922)!important;color:#fff!important}html.reference116 body #world .knowledge123-variants button{background:transparent!important;color:var(--studio-ink,#101215)!important}html.reference116 body #world .knowledge123-variants button[aria-pressed=true]{background:var(--studio-action-blue,#1353bb)!important;color:#fff!important}.knowledge123-score .score-scroll{overflow:visible!important;background:#fff!important;color:#101215!important;border:0!important;border-radius:0!important}.knowledge123-score .score-canvas{min-width:0!important;max-width:100%!important}.knowledge123-score svg{min-width:0!important;max-width:100%!important;width:100%!important;height:auto!important;color:#101215!important;filter:none!important}html.reference116 body #world .knowledge123-original .source-marker{background:transparent!important;color:var(--knowledge123-link,#1353bb)!important}.knowledge123-original .source-explanation[hidden]{display:none!important}.knowledge123-nature{color:var(--studio-muted,#617083)!important;font-size:12px!important}html.reference116 body .knowledge123-related button{background:transparent!important;color:var(--studio-ink,#101215)!important}.knowledge123-search [hidden],.knowledge123-surface[hidden],.knowledge123-return[hidden]{display:none!important}}