:root{--dwp-primary:#c47a44;--dwp-secondary:#033f63;--dwp-accent:#b57829;--dwp-background:#f4f1ec;--dwp-surface:#fff;--dwp-text:#212121;--dwp-muted-text:#565656;--dwp-border:#a4a4a4;--dwp-hover:#ce691c;--dwp-shadow:0 12px 34px #28262b1f}@font-face{font-family:AndasiaFallback;src:local("Andasia");font-display:swap}.dwp-app{font-family:Hind,system-ui,sans-serif;color:var(--dwp-text);background:var(--dwp-background);border-radius:24px;line-height:1.55;min-height:640px;overflow:hidden}.dwp-app *{box-sizing:border-box}.dwp-app h1,.dwp-app h2,.dwp-app h3,.dwp-app strong{font-family:Fraunces,Georgia,serif}.dwp-app h1{font-size:clamp(2rem,6vw,4.5rem);line-height:1;margin:.2em 0}.dwp-app button,.dwp-app .button{border:2px solid transparent;border-radius:999px;background:var(--dwp-primary);color:#fff;min-height:48px;padding:.65rem 1rem;font:700 1rem inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.dwp-app button:hover,.dwp-app .button:hover{background:var(--dwp-hover)}.dwp-app :focus-visible{outline:4px solid #1863dc;outline-offset:3px}.dwp-app button:disabled{opacity:.45}.dwp-app select,.dwp-app input,.dwp-app textarea{border:1px solid var(--dwp-border);border-radius:10px;background:var(--dwp-surface);color:var(--dwp-text);min-height:44px;padding:.45rem}.dwp-hero{padding:clamp(2rem,7vw,6rem);background:radial-gradient(circle at 88% 16%,#eaa36e 0 4%,transparent 4.3%),linear-gradient(135deg,#fff7ef,var(--dwp-background));position:relative}.dwp-hero:after{content:"♪  · ·  〽";position:absolute;right:6%;bottom:12%;font-size:2rem;color:#c47a4440}.dwp-kicker{font-family:AndasiaFallback,Georgia,serif;color:var(--dwp-primary);font-size:1.3rem}.dwp-prefs,.dwp-row,.dwp-actions,.dwp-variations,.dwp-tags{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.dwp-prefs{margin-top:2rem}.dwp-prefs label,.dwp-row label{font-weight:700}.dwp-app main:not(.dwp-practice){padding:clamp(1rem,4vw,3rem)}.dwp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem}.dwp-card,.dwp-panel,.dwp-exercise,.dwp-builder,.dwp-dashboard-view section{background:var(--dwp-surface);border:1px solid var(--dwp-border);border-radius:20px;padding:1.25rem;box-shadow:var(--dwp-shadow)}.dwp-card{display:flex;flex-direction:column}.dwp-card button{margin-top:auto}.dwp-icon{font-size:2.5rem;color:var(--dwp-primary)}.dwp-meta{color:var(--dwp-muted-text)}.dwp-actions{justify-content:center;margin:2rem}.dwp-pattern-builder{display:grid;grid-template-columns:repeat(8,1fr);gap:.4rem;margin:1rem 0}.dwp-pattern-builder label{display:flex;flex-direction:column;text-align:center}.dwp-practice-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--dwp-secondary);color:#fff;padding:1rem clamp(1rem,4vw,3rem)}.dwp-practice-head h1{font-size:clamp(1.6rem,4vw,2.8rem)}.dwp-practice-head button{background:transparent;border-color:#fff}.dwp-practice{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.8fr);gap:1rem;padding:1rem}.dwp-practice aside{display:grid;gap:1rem;align-content:start}.dwp-tags span{border-radius:999px;background:#f1dfd2;padding:.25rem .7rem;color:#613719}.dwp-instructions{font-size:1.1rem;margin:1.2rem 0}.dwp-tip{border-left:6px solid var(--dwp-accent);padding:1rem;background:#fff8e8;margin:1rem 0;color:#352511}.dwp-notes{display:grid;margin-top:1rem;font-weight:700}.dwp-notes textarea{min-height:90px}.dwp-beats{display:flex;gap:.5rem;justify-content:center;margin:1rem}.dwp-beat{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--dwp-primary);font-style:normal}.dwp-beat.active{background:var(--dwp-primary);color:#fff;transform:scale(1.08)}.dwp-beat.accent{border-width:5px}.dwp-bpm{display:grid;grid-template-columns:48px 1fr 48px;gap:.5rem;text-align:center}.dwp-bpm input{width:90px;font-size:1.3rem}.dwp-panel>input[type=range]{width:100%}.dwp-big{display:flex;justify-content:space-around;font-size:1.5rem;margin:1rem}.dwp-nav{display:flex;justify-content:space-between;padding:1rem;position:sticky;bottom:0;background:#f4f1ecf2;backdrop-filter:blur(10px);z-index:5}.dwp-chords{display:flex;gap:1rem;overflow:auto;padding:1rem 0}.dwp-chord{min-width:150px;text-align:center;margin:0;border:2px solid var(--dwp-border);border-radius:12px;padding:.5rem}.dwp-chord figcaption{font:700 1.25rem Fraunces,serif}.dwp-string-labels{display:grid;grid-template-columns:repeat(4,1fr);padding:0 9px}.dwp-chord svg path{stroke:currentColor;fill:none;stroke-width:2}.dwp-chord svg .nut{stroke-width:7}.dwp-chord svg .finger{fill:var(--dwp-primary);stroke:none}.dwp-chord svg text{text-anchor:middle;fill:currentColor;font:12px sans-serif}.dwp-chord svg .finger+text{fill:#fff}.dwp-chord svg .open{fill:none;stroke:var(--dwp-primary);stroke-width:2}.dwp-alt,.dwp-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.dwp-tab{font:700 1rem ui-monospace,monospace;background:#28262b;color:#fff;padding:1rem;border-radius:12px;overflow:auto}.dwp-tab>div{white-space:nowrap;letter-spacing:.2em}.dwp-playhead{position:relative;display:flex;justify-content:space-around}.dwp-playhead:after{content:"";position:absolute;left:var(--step,0);top:0;width:3px;height:100%;background:#eaa36e}.dwp-rhythm{text-align:center;font-size:2rem;padding:1rem;overflow:auto}.dwp-rhythm>div{display:flex;justify-content:space-around;min-width:420px}.dwp-fretboard{background:#805634;padding:.8rem;border-radius:12px;color:#fff;overflow:auto}.dwp-fretboard>div{display:grid;grid-template-columns:30px repeat(13,42px);border-bottom:2px solid #eee;min-width:590px}.dwp-fretboard i{height:40px;border-right:1px solid #ddd;display:grid;place-items:center;font-style:normal}.dwp-fretboard i.on{background:var(--dwp-primary);border-radius:50%;font-size:.72rem}#level{width:100%;height:20px}.dwp-record audio{width:100%}.dwp-feedback{background:#fff8e8;color:#292013;border-radius:14px;padding:1rem;margin-top:1rem}.dwp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.dwp-stats article{background:var(--dwp-secondary);color:#fff;padding:1.5rem;border-radius:18px;display:grid}.dwp-stats strong{font-size:2.5rem}.dwp-dashboard-view{display:grid;gap:1rem;padding:2rem}.dwp-app.dark{--dwp-background:#28262b;--dwp-surface:#353239;--dwp-text:#fff;--dwp-muted-text:#ddd;--dwp-border:#6c6870;--dwp-shadow:none}.dwp-app.dark .dwp-hero{background:linear-gradient(135deg,#353239,#28262b)}
@media(max-width:850px){.dwp-practice{grid-template-columns:1fr}.dwp-practice-head{align-items:flex-start;flex-wrap:wrap}.dwp-pattern-builder{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){.dwp-app{border-radius:0}.dwp-prefs{display:grid}.dwp-cards{grid-template-columns:1fr}.dwp-practice{padding:.5rem}.dwp-row button{flex:1}.dwp-pattern-builder{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.dwp-app *{transition:none!important;animation:none!important}}

/* Wide-layout and pattern-builder overflow correction. */
.dwp-app{width:min(1600px,calc(100vw - 32px));max-width:none;position:relative;left:50%;margin-left:0;margin-right:0;transform:translateX(-50%)}
.dwp-pattern-builder{grid-template-columns:repeat(8,minmax(0,1fr));gap:.65rem;max-width:100%}
.dwp-pattern-builder label{min-width:0}
.dwp-pattern-builder select{display:block;width:100%;max-width:100%;min-width:0;font-size:clamp(.78rem,1.05vw,1rem);padding-inline:.45rem}
@media(max-width:1100px){.dwp-pattern-builder{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.dwp-app{width:100vw;left:50%}.dwp-pattern-builder{grid-template-columns:repeat(2,minmax(0,1fr))}}

.dwp-sound{margin:1.35rem 0;padding:1.25rem;border:1px solid var(--dwp-border);border-radius:18px;background:linear-gradient(135deg,#fff8e8,var(--dwp-surface));box-shadow:var(--dwp-shadow)}
.dwp-sound h2{margin:.1rem 0}.dwp-sound p{margin:.3rem 0 1rem}.dwp-sound-now{display:flex;justify-content:space-between;gap:1rem;align-items:center}.dwp-sound-now span{color:var(--dwp-muted-text)}
.dwp-sound-progress{height:10px;background:#ddd;border-radius:999px;overflow:hidden;margin:.75rem 0 1rem}.dwp-sound-progress i{display:block;width:0;height:100%;background:var(--dwp-primary);border-radius:inherit}
.dwp-sound .dwp-row{align-items:end}.dwp-sound .dwp-row label{display:grid;gap:.15rem}.dwp-chord.current{border-color:var(--dwp-primary);background:#fff8e8;box-shadow:0 0 0 3px #c47a4433}
.dwp-app.dark .dwp-sound{background:linear-gradient(135deg,#443527,var(--dwp-surface))}.dwp-app.dark .dwp-chord.current{background:#443527}

/* Unified practice control studio. */
.dwp-practice aside{display:block;background:var(--dwp-surface);border:1px solid var(--dwp-border);border-radius:20px;padding:1.25rem;box-shadow:var(--dwp-shadow)}
.dwp-practice aside>.dwp-panel{border:0;border-radius:0;box-shadow:none;padding:0 0 1.35rem;margin:0 0 1.35rem;border-bottom:1px solid var(--dwp-border)}
.dwp-practice aside>.dwp-panel:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.dwp-practice aside>.dwp-panel h2{padding-top:.25rem}
.dwp-chord-picker,.dwp-fingerstyle-library{border:1px solid var(--dwp-border);border-radius:14px;padding:1rem;margin:1rem 0;background:var(--dwp-background)}
.dwp-chord-picker summary{font:700 1.15rem Fraunces,Georgia,serif;cursor:pointer}.dwp-chord-picker>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:.35rem;max-height:240px;overflow:auto;margin:1rem 0;padding:.25rem}
.dwp-chord-picker label{display:flex;align-items:center;gap:.35rem;border:1px solid var(--dwp-border);border-radius:9px;padding:.35rem;background:var(--dwp-surface)}
.dwp-fingerstyle-library label{display:grid;gap:.35rem;font-weight:700}.dwp-fingerstyle-library select{width:min(100%,420px);font:700 1.05rem ui-monospace,monospace}
#ri{font-weight:700;color:#a33b2b;margin-top:.75rem}#rt{display:block;font:700 1.5rem ui-monospace,monospace;margin:.35rem 0}

.dwp-scale-chooser{border:1px solid var(--dwp-border);border-radius:14px;padding:1rem;margin:1rem 0;background:var(--dwp-background)}.dwp-scale-chooser>div{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.dwp-scale-chooser label{display:grid;gap:.25rem;font-weight:700}.dwp-scale-chooser p{font:700 1rem ui-monospace,monospace;overflow-wrap:anywhere}
.dwp-tab-order{font:600 .8rem Hind,system-ui,sans-serif!important;letter-spacing:0!important;color:#eaa36e;margin-bottom:.5rem}.dwp-tab-notes{display:flex!important;justify-content:space-around;letter-spacing:0!important;font:600 .75rem Hind,system-ui,sans-serif!important;color:#eaa36e}.dwp-scale-tab>div:not(.dwp-tab-notes):not(.dwp-tab-order){letter-spacing:.08em}
.dwp-fretboard i.position{box-shadow:inset 0 0 0 2px #eaa36e}.dwp-fretboard i.on.position{background:var(--dwp-primary);color:#fff}.dwp-fingerstyle-library{margin-bottom:1rem}

/* Simplified variation controls and restrained card styling. */
#easy,#hard{display:none!important}
.dwp-card:hover{border-color:var(--dwp-primary);transform:translateY(-3px);box-shadow:0 16px 42px #28262b29}.dwp-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.dwp-card h2,.dwp-builder h2,.dwp-sound h2{position:relative}.dwp-card h2:after,.dwp-builder h2:after,.dwp-sound h2:after{content:"";display:block;width:46px;height:3px;border-radius:9px;background:linear-gradient(90deg,var(--dwp-primary),var(--dwp-accent));margin-top:.35rem}
@media(prefers-reduced-motion:reduce){.dwp-card:hover{transform:none}}