:root{--bg: #0f0f0f;--bg2: #161616;--bg3: #1e1e1e;--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.14);--text: #e8e4dc;--muted: #a89f98;--accent-gnr: #e8512a;--accent-oasis: #4a9eff;--accent-clapton: #c8a84b;--accent-vh: #cc3333;--accent-metal: #8844dd;--accent-mayer: #5a9eff;--accent-edge: #44d9dd;--accent-srv: #dd8844;--accent-gilmour: #d84aaa;--accent-clark-jr: #4add7a;--accent-rodgers: #dda844;--accent-wylde: #aa3344;--accent-satriani: #dddd44;--accent-hendrix: #9c27b0;--accent-knopfler: #00bcd4;--accent-bb-king: #ff9800;--accent-santana: #ff5722;--accent-beck: #673ab7;--accent-atkins: #8bc34a;--accent-buddy-guy: #e91e63;--accent-albert-king: #3f51b5;--on: #3ddc84;--off: #555;--plate: #e8a84a;--hall: #4a8ee8;--spring: #4ae8a8;--echo: #dd8844;--font-head: "Barlow Condensed", sans-serif;--font-body: "Barlow", sans-serif;--font-mono: "DM Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}*{box-sizing:border-box}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}button:focus-visible,input:focus-visible,[role=button]:focus-visible,a:focus-visible{outline:3px solid var(--accent-oasis);outline-offset:3px;box-shadow:0 0 0 4px #4a9eff33}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-oasis);color:var(--bg);padding:8px 16px;text-decoration:none;z-index:100;border-radius:0 0 4px;font-weight:600}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent}button,[role=button],a,input,select,textarea,label{touch-action:manipulation}button,[role=button]{user-select:none;-webkit-user-select:none}.contributions-card{overflow:hidden}.contributions-shell{margin-top:10px;padding:12px;border:1px solid var(--border2);border-radius:10px;background:#ffffff05;overflow-x:auto}.contributions-months{display:grid;grid-template-columns:repeat(var(--weeks),11px);column-gap:3px;margin:0 0 8px 24px;min-height:14px}.contributions-month{font-family:var(--font-mono);font-size:10px;letter-spacing:.02em;color:var(--muted);text-transform:lowercase;white-space:nowrap}.contributions-grid{display:grid;grid-template-columns:repeat(var(--weeks),11px);grid-template-rows:repeat(7,11px);grid-auto-flow:column;gap:3px;width:max-content;margin-left:24px}.contrib-cell{width:11px;height:11px;border-radius:2px;border:1px solid rgba(255,255,255,.05);background:#ffffff0d}.contrib-cell.level-0{background:#161b22;border-color:#30363d}.contrib-cell.level-1{background:#0e4429;border-color:#0e4429}.contrib-cell.level-2{background:#006d32;border-color:#006d32}.contrib-cell.level-3{background:#26a641;border-color:#26a641;box-shadow:none}.contrib-cell.level-4{background:#39d353;border-color:#39d353;box-shadow:none}.contrib-cell.is-pad{opacity:.35}.contributions-legend{margin-top:10px;display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.contributions-meta{margin:10px 0 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}@media (max-width: 900px){.contributions-shell{overflow-x:auto;padding-bottom:10px}.contributions-months,.contributions-grid{margin-left:0}}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.app-top-chrome{position:sticky;top:0;z-index:100}.main-container{max-width:1400px;margin:0 auto;padding:32px 24px 80px;width:100%;flex:1}.header{background:linear-gradient(180deg,#161616fa,#0f0f0ff5);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px 40px 18px;display:flex;flex-direction:column;gap:14px}.header-main-row{width:100%;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.header-search-row{width:100%;max-width:1400px;margin:0 auto}.header h1{font-family:var(--font-head);font-size:28px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;margin:0}.header-kicker{margin:0 0 2px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-oasis);font-weight:700}.header-home-btn{border:none;background:transparent;color:inherit;padding:0;margin:0;cursor:pointer;text-align:left;font:inherit}.header-home-btn:hover h1{color:var(--accent-oasis)}.header-actions{display:flex;gap:12px;align-items:center}.header-sync-status{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--border2);background:var(--bg3);border-radius:999px;padding:6px 10px;white-space:nowrap}.header-sync-status--syncing{color:var(--accent-oasis);border-color:#4a9eff66}.header-sync-status--error-transient,.header-sync-status--error-permission,.header-sync-status--error-other{color:var(--accent-clapton);border-color:#c8a84b73}.language-toggle{display:flex;gap:6px;align-items:center}.lang-btn{min-width:44px;padding:8px 10px}.lang-btn.active{border-color:var(--accent-oasis);color:var(--text);background:#4a9eff26}.clear-btn{padding:8px 16px;border-radius:6px;border:1px solid var(--border2);background:var(--bg3);color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;transition:all .15s ease-out}.clear-btn:hover{color:var(--text);border-color:var(--accent-clapton);background:#c8a84b14}.clear-btn:active{transform:scale(.98)}.burger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--border2);background:var(--bg3);color:var(--muted);cursor:pointer;flex-shrink:0;transition:border-color .15s,background .15s}.burger-btn:hover{border-color:var(--accent-oasis);color:var(--text)}.burger-btn.has-user{border-color:var(--accent-oasis);background:#4a9eff1f}.burger-icon{display:flex;flex-direction:column;gap:4px;width:16px}.burger-icon span{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}.burger-btn.open .burger-icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger-btn.open .burger-icon span:nth-child(2){opacity:0}.burger-btn.open .burger-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.burger-avatar{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--accent-oasis);letter-spacing:.04em}.auth-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#00000073}.auth-drawer{position:fixed;top:0;right:0;bottom:0;z-index:200;width:300px;max-width:90vw;padding:24px 20px;display:flex;flex-direction:column;gap:20px;background:var(--bg2);border-left:1px solid var(--border2);transform:translate(100%);transition:transform .25s ease-out;overflow-y:auto}.auth-drawer--open{transform:translate(0)}.auth-drawer-close{align-self:flex-end;padding:6px 10px;font-size:14px}.drawer-nav{display:flex;flex-direction:column;gap:4px}.drawer-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.drawer-nav-item:hover{background:var(--bg3);border-color:var(--border2)}.drawer-nav-icon{font-size:18px;flex-shrink:0;width:28px;text-align:center}.drawer-nav-text{display:flex;flex-direction:column;gap:2px}.drawer-nav-label{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.drawer-nav-desc{font-size:11px;color:var(--muted);line-height:1.4}.auth-user-info{display:flex;flex-direction:column;gap:12px;padding-top:8px}.auth-avatar{width:64px;height:64px;border-radius:50%;border:2px solid var(--accent-oasis);object-fit:cover}.auth-welcome{margin:0;font-size:15px;color:var(--text)}.auth-email{margin:0;font-family:var(--font-mono);font-size:11px;color:var(--muted);word-break:break-all}.auth-signin-panel{display:flex;flex-direction:column;gap:14px;padding-top:8px}.auth-pitch{margin:0;font-size:14px;color:var(--text);line-height:1.5}.auth-local-note{margin:0;font-size:12px;color:var(--muted);line-height:1.55;border-top:1px solid var(--border2);padding-top:12px}.drawer-settings{margin-top:auto;padding-top:20px;border-top:1px solid var(--border2);display:flex;flex-direction:column;gap:10px}.drawer-settings-label{margin:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.drawer-lang-picker{display:flex;flex-direction:column;gap:8px}.drawer-lang-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;border:1px solid var(--border2);background:var(--bg3);color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;cursor:pointer;transition:border-color .15s,color .15s,background .15s;width:100%}.drawer-lang-flag{font-size:20px;line-height:1}.drawer-lang-name{font-size:13px;letter-spacing:.04em}.drawer-lang-btn:hover{border-color:var(--accent-oasis);color:var(--text)}.drawer-lang-btn.active{border-color:var(--accent-oasis);background:#4a9eff1f;color:var(--accent-oasis)}.auth-signin-label{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.auth-sync-note{margin:0;font-size:12px;color:var(--accent-oasis);line-height:1.5}.auth-action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:8px;border:1px solid var(--border2);background:var(--bg3);color:var(--text);font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:border-color .15s,background .15s}.auth-action-btn:hover{border-color:var(--accent-oasis);background:#4a9eff14}.auth-google-btn{border-color:#4285f466}.auth-signout-btn{margin-top:8px;color:var(--muted)}.google-icon{width:18px;height:18px;flex-shrink:0}.app-footer{border-top:2px solid var(--border2);background:linear-gradient(135deg,var(--bg2) 0%,var(--bg3) 100%);padding:40px;margin-top:60px}.footer-content{max-width:1400px;margin:0 auto;font-family:var(--font-mono);font-size:12px;color:var(--muted);line-height:1.8}.footer-content p{margin:0;padding:8px 0}.footer-content strong{color:var(--text);font-weight:700;letter-spacing:.02em}.footer-content p:first-child{font-size:13px;color:var(--text);opacity:.95}.footer-content p:nth-child(2){border-left:3px solid var(--accent-gnr);margin-top:12px!important;font-size:11px;background:#e8512a0d;padding:12px;border-radius:4px}@media (max-width: 768px){.app-footer{padding:24px 20px}.footer-content{font-size:11px}}.controls-section{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.results-search-shell{padding:14px;border:1px solid var(--border2);border-radius:10px;background:#ffffff05}.landing-intro{display:flex;flex-direction:column;gap:16px;margin:24px auto 0;max-width:900px;padding:28px;border:1px solid var(--border2);border-radius:14px;background:radial-gradient(circle at top right,rgba(74,158,255,.18),transparent 45%),radial-gradient(circle at bottom left,rgba(232,81,42,.14),transparent 40%),var(--bg2)}.landing-kicker{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-oasis);font-weight:700}.landing-title{margin:0;font-family:var(--font-head);font-size:34px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}.landing-description{margin:0;max-width:none;color:var(--muted);font-size:16px;line-height:1.65}.landing-gear{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--border2);border-radius:10px;background:#ffffff08;max-width:520px}.landing-gear h3{margin:0 0 2px;font-family:var(--font-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-oasis)}.landing-gear p{margin:0;font-size:14px;color:var(--text)}.landing-gear strong{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.landing-journey{display:flex;flex-direction:column;gap:12px}.landing-journey-kicker{margin:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-oasis);opacity:.75}.landing-journey h3{margin:0;font-family:var(--font-condensed, var(--font-mono));font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.landing-journey-milestones{display:flex;flex-direction:column;gap:6px}.journey-milestone{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.journey-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);white-space:nowrap;flex-shrink:0}.journey-value{font-size:13px;color:var(--text);line-height:1.4}.journey-milestone--highlight .journey-value{font-family:var(--font-mono);font-size:13px;color:var(--accent-oasis);font-weight:500}.journey-duration{letter-spacing:.02em}.journey-milestone--challenge{padding-top:4px;border-top:1px solid var(--border2);margin-top:2px}.journey-milestone--challenge .journey-value{color:var(--text)}.journey-wip{font-size:12px;opacity:.85;vertical-align:middle}.journey-tag{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border2);border-radius:4px;padding:1px 5px;vertical-align:middle;margin-left:4px;opacity:.8}.landing-journey-gear{display:flex;flex-direction:column;gap:3px;padding-top:10px;border-top:1px solid var(--border2)}.journey-gear-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-oasis);margin-bottom:2px;opacity:.75}.landing-journey-gear span{font-size:13px;color:var(--text)}.landing-journey-gear strong{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:4px}.landing-section-list{display:flex;gap:8px;flex-wrap:wrap}.landing-section-list span{border:1px solid var(--border2);border-radius:999px;padding:4px 10px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:#ffffff05}.landing-search-note{margin:0;font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.03em}.landing-shortcuts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.home-band-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px}@media (max-width: 900px){.home-band-grid{grid-template-columns:1fr}}.home-band-card{border:1px solid var(--border2);border-radius:12px;padding:16px;background:linear-gradient(150deg,#ffffff08,#ffffff03);display:grid;gap:10px}.home-band-card-full{grid-column:1 / -1}.practice-home-card{background:radial-gradient(circle at top right,rgba(232,81,42,.16),transparent 42%),radial-gradient(circle at bottom left,rgba(74,158,255,.12),transparent 38%),linear-gradient(150deg,#ffffff08,#ffffff03)}.home-band-kicker{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-oasis);font-weight:700}.home-band-card h3{margin:0;font-family:var(--font-head);font-size:24px;line-height:1.1;letter-spacing:.03em;text-transform:uppercase}.home-band-card p{margin:0;color:var(--muted)}.home-band-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.learning-path-strip{display:grid;gap:6px}.learning-path-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.learning-path-pills{display:flex;flex-wrap:wrap;gap:8px}.learning-pill,.learning-pill-btn{border:1px solid rgba(74,158,255,.35);background:#4a9eff1f;color:var(--accent-oasis);border-radius:999px;padding:3px 9px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.learning-pill.muted{color:var(--muted);border-color:var(--border2);background:#ffffff08}.learning-pill-btn{cursor:pointer;transition:all .15s ease-out}.learning-pill-btn:hover{border-color:var(--accent-oasis);transform:translateY(-1px)}.practice-home-pill{border-color:#e8512a59;background:#e8512a1f;color:var(--accent-gnr)}.practice-home-pill:hover{border-color:var(--accent-gnr)}.exercise-home-card{background:radial-gradient(circle at top left,rgba(46,204,113,.14),transparent 45%),radial-gradient(circle at bottom right,rgba(74,158,255,.1),transparent 40%),linear-gradient(150deg,#ffffff08,#ffffff03)}.landing-quick-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0;padding:16px;background:linear-gradient(135deg,#4a9eff14,#4a9eff0a);border:1px solid rgba(74,158,255,.15);border-radius:8px}.home-band-card .landing-quick-filters{margin:0}.quick-filters-label{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-oasis)}.quick-filter-btn{padding:8px 14px;border:1px solid var(--border2);background:var(--bg2);color:var(--text);border-radius:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .15s ease-out}.quick-filter-btn:hover{background:var(--bg3);transform:translateY(-1px);box-shadow:0 2px 8px #4a9eff33}.quick-filter-btn.active{border-color:var(--accent-oasis);color:var(--accent-oasis);background:#4a9eff1f}.quick-filter-btn:active{transform:translateY(0)}.quick-filter-btn.mode-clean{border-color:#4caf5066;color:#4caf50}.quick-filter-btn.mode-clean:hover{border-color:#4caf50;background:#4caf501a}.quick-filter-btn.mode-crunch{border-color:#ff980066;color:#ff9800}.quick-filter-btn.mode-crunch:hover{border-color:#ff9800;background:#ff98001a}.quick-filter-btn.mode-lead{border-color:#4a9eff66;color:#4a9eff}.quick-filter-btn.mode-lead:hover{border-color:#4a9eff;background:#4a9eff1a}.quick-filter-btn.mode-higain{border-color:#f4433666;color:#f44336}.quick-filter-btn.mode-higain:hover{border-color:#f44336;background:#f443361a}.landing-live-results{margin-top:24px;display:flex;flex-direction:column;gap:20px}.results-jump-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.results-jump-btn{border:1px solid var(--border2);background:var(--bg2);color:var(--muted);border-radius:999px;padding:6px 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .15s ease-out}.results-jump-btn:hover{color:var(--text);border-color:var(--accent-oasis)}.results-jump-btn.active{color:var(--accent-oasis);border-color:var(--accent-oasis);background:#4a9eff1f}@media (max-width: 768px){.controls-section{gap:18px;margin-bottom:24px}.landing-intro{margin-top:12px;padding:20px}.landing-live-results{margin-top:18px}.home-band-grid{grid-template-columns:1fr}.home-band-card h3{font-size:20px}.practice-hero{flex-direction:column}.practice-layout,.practice-chord-stage,.practice-section-meta{grid-template-columns:1fr}.landing-title{font-size:26px}}.daily-exercise-card{grid-column:1 / -1;position:relative;overflow:hidden;border-color:#4a9eff73;box-shadow:inset 0 0 24px #2ecc711a,0 0 0 1px #4a9eff24,0 10px 26px #0006;background:radial-gradient(circle at 14% 12%,rgba(74,158,255,.28),transparent 42%),radial-gradient(circle at 88% 88%,rgba(46,204,113,.2),transparent 48%),linear-gradient(132deg,#08142ce0,#061e1adb 55%,#081228eb)}.daily-exercise-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,#fff0 0,#fff0 3px,#4a9eff0f 3px,#4a9eff0f 4px);pointer-events:none}.daily-exercise-card>*{position:relative;z-index:1}.daily-exercise-card .home-band-kicker{color:#4a9eff;text-shadow:0 0 10px rgba(74,158,255,.55)}.daily-exercise-card h3{font-size:20px;color:#f9f6ff;text-shadow:0 0 18px rgba(74,158,255,.35),0 0 8px rgba(46,204,113,.22)}.daily-ex-idle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.daily-ex-idle-left,.daily-ex-idle-right{display:grid;gap:10px;align-content:start}.daily-ex-idle-grid .daily-ex-actions{grid-column:1 / -1}.daily-ex-subtitle{font-size:13px;color:var(--muted);margin:0}.daily-ex-meta-row{display:grid;grid-template-columns:1fr;gap:8px}.daily-ex-meta-item{display:flex;flex-direction:row;align-items:baseline;gap:8px}.daily-ex-meta-label{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.daily-ex-meta-value{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--fg)}.daily-ex-meta-value small{font-size:10px;font-weight:400;color:var(--muted);margin-left:2px}.daily-ex-tip{border-left:2px solid var(--accent-oasis);padding-left:10px;display:grid;gap:3px}.daily-ex-tip-label{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-oasis)}.daily-ex-tip-text{font-size:12px;color:var(--muted);margin:0;font-style:italic}.daily-ex-section-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.daily-ex-feeling-row{display:grid;gap:6px}.daily-ex-feeling-btns{display:flex;gap:6px;flex-wrap:wrap}.daily-ex-feeling-btn{padding:5px 14px;border-radius:999px;border:1px solid var(--border2);background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;letter-spacing:.04em}.daily-ex-feeling-btn:hover{border-color:var(--border);color:var(--fg)}.daily-ex-feeling-btn--easy.active{border-color:#2ecc71;color:#2ecc71;background:#2ecc711a}.daily-ex-feeling-btn--good.active{border-color:#4a9eff;color:#4a9eff;background:#4a9eff1a}.daily-ex-feeling-btn--hard.active{border-color:#f39c12;color:#f39c12;background:#f39c121a}.daily-ex-optional-row{display:grid;gap:8px}.daily-ex-optional-label{display:grid;gap:4px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.daily-ex-input{background:var(--bg2);border:1px solid var(--border2);border-radius:6px;padding:6px 10px;font-size:13px;color:var(--fg);font-family:var(--font-body);width:100%;box-sizing:border-box}.daily-ex-input:focus{outline:none;border-color:var(--accent-oasis)}.daily-ex-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.daily-ex-done-btn{padding:7px 16px;border-radius:8px;background:transparent;color:var(--muted);border:1px solid var(--border2);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:border-color .15s,color .15s;letter-spacing:.04em}.daily-ex-done-btn:hover{border-color:var(--border);color:var(--fg)}.daily-ex-done-btn:disabled{opacity:.35;cursor:default}.daily-ex-full-session-btn{flex:1;padding:14px 24px;border-radius:10px;background:var(--accent-oasis);color:#000;border:none;font-family:var(--font-mono);font-size:15px;font-weight:800;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;transition:opacity .15s,transform .1s;box-shadow:0 4px 16px #00c89640}.daily-ex-full-session-btn:hover{opacity:.9;transform:translateY(-1px)}@keyframes daily-card-done-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.daily-exercise-card--done{animation:daily-card-done-in .25s ease-out;background:radial-gradient(circle at top right,rgba(46,204,113,.12),transparent 45%),linear-gradient(150deg,#ffffff08,#ffffff03)}.daily-ex-done-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.daily-ex-done-header h3{margin:0;font-size:18px}.daily-ex-feeling-badge{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:3px 10px;border:1px solid var(--border2);color:var(--muted)}.daily-ex-feeling-easy{border-color:#2ecc71;color:#2ecc71}.daily-ex-feeling-good{border-color:#4a9eff;color:#4a9eff}.daily-ex-feeling-hard{border-color:#f39c12;color:#f39c12}.daily-ex-completed-msg{font-size:13px;color:var(--muted);margin:0}.daily-ex-done-meta{font-family:var(--font-mono);font-size:12px;color:var(--muted);margin:0}.daily-ex-done-notes{font-size:12px;color:var(--muted);font-style:italic;margin:0}.daily-ex-done-delta{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--fg);margin:0}.daily-ex-done-suggested{font-family:var(--font-mono);font-size:11px;color:var(--accent-oasis);margin:0}.daily-ex-streak{font-family:var(--font-mono);font-size:11px;color:var(--muted);margin:0;letter-spacing:.04em}.daily-ex-yesterday{font-family:var(--font-mono);font-size:10px;color:var(--muted);opacity:.65;margin:0;letter-spacing:.02em}.daily-ex-reopen-btn{align-self:start;padding:4px 12px;border-radius:6px;background:transparent;border:1px solid var(--border2);color:var(--muted);font-family:var(--font-mono);font-size:10px;cursor:pointer;letter-spacing:.04em;transition:border-color .15s,color .15s;width:fit-content}.daily-ex-reopen-btn:hover{border-color:var(--border);color:var(--fg)}.daily-ex-lasttime{display:grid;gap:5px}.daily-ex-lasttime-label{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.daily-ex-lasttime-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.daily-ex-lasttime-bpm{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.daily-ex-lasttime-bpm strong{color:var(--fg)}.daily-ex-lasttime-date{font-family:var(--font-mono);font-size:10px;color:var(--muted);opacity:.55}.daily-ex-lasttime-never{font-size:11px;color:var(--muted);font-style:italic}.daily-ex-bpm-row{display:flex;align-items:center;gap:12px}.daily-ex-bpm-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex-shrink:0}.daily-ex-bpm-input{background:var(--bg2);border:1px solid var(--border2);border-radius:6px;padding:6px 12px;font-size:20px;font-family:var(--font-mono);font-weight:700;color:var(--fg);width:90px;box-sizing:border-box;text-align:center}.daily-ex-bpm-input:focus{outline:none;border-color:var(--accent-oasis)}.daily-ex-suggested{font-family:var(--font-mono);font-size:10px;color:var(--muted);margin:0;letter-spacing:.04em}.daily-ex-suggested strong{color:var(--fg)}.daily-ex-note-toggle{align-self:start;background:transparent;border:none;color:var(--muted);font-family:var(--font-mono);font-size:10px;cursor:pointer;padding:0;letter-spacing:.04em;opacity:.55;transition:opacity .15s;text-align:left}.daily-ex-note-toggle:hover{opacity:1}.daily-ex-note-input{font-size:12px}.exercise-progress-row{display:flex;flex-wrap:wrap;gap:8px}.exercise-progress-pill{border:1px solid var(--border2);background:#ffffff08;color:var(--muted);border-radius:999px;padding:3px 9px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;line-height:1.2}.exercise-progress-pill:before,.exercise-progress-pill:after{content:none!important;display:none!important}.exercise-home-columns{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.exercise-home-stacked{grid-template-columns:1fr}@media (max-width: 620px){.exercise-home-columns{grid-template-columns:1fr}}.exercise-list{display:grid;gap:8px}.exercise-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border2);border-radius:8px;background:#ffffff05;color:var(--text);font-size:13px}.exercise-check-btn{width:16px;height:16px;flex:0 0 auto;border:1px solid var(--border2);border-radius:4px;background:var(--bg3);display:inline-grid;place-content:center;cursor:pointer;padding:0}.exercise-check-indicator{width:8px;height:8px;border-radius:2px;transform:scale(0);transition:transform .12s ease-out;background:var(--accent-oasis)}.exercise-check-btn.checked .exercise-check-indicator{transform:scale(1)}.exercise-check-btn:focus-visible{outline:2px solid var(--accent-oasis);outline-offset:2px}.exercise-item span{line-height:1.35}.exercise-technique-plan{border:1px solid var(--border2);border-radius:10px;padding:10px 12px;background:#ffffff05}.exercise-technique-plan summary{cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-oasis)}.exercise-technique-meta{margin:12px 0 0;color:var(--muted);font-size:13px}.exercise-technique-block{margin-top:10px}.exercise-technique-block h4{margin:0 0 6px;font-family:var(--font-head);font-size:15px;letter-spacing:.03em;text-transform:uppercase}.exercise-technique-block ul{margin:0;padding-left:18px;color:var(--muted);font-size:13px;display:grid;gap:4px}.exercise-technique-checklist{margin:12px 0 2px;font-size:13px;color:var(--text)}.exercise-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.exercise-type-card{border:1px solid var(--border2);border-radius:10px;padding:12px;background:#ffffff05;display:grid;gap:8px}.exercise-type-card h4{margin:0;font-family:var(--font-head);font-size:18px;letter-spacing:.03em;text-transform:uppercase}.exercise-type-card ul{margin:0;padding-left:18px;color:var(--muted);font-size:13px;display:grid;gap:4px}.landing-guide-btn{width:fit-content;padding:8px 14px;border-radius:999px;border:1px solid var(--border2);background:var(--bg3);color:var(--text);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .15s ease-out}.landing-guide-btn:hover{border-color:var(--accent-oasis);color:var(--accent-oasis)}.landing-guide-btn.is-active{border-color:#22c55ecc;color:#b8ffd6}.technique-guided-mode{display:flex;flex-direction:column;gap:16px}.technique-guided-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.practice-kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#fbbf24d1}.practice-subtitle{margin:6px 0 0;color:var(--muted)}.practice-progress-bar{height:8px;border-radius:999px;background:#1118278c;overflow:hidden}.practice-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#facc15f2,#f97316f2);transition:width .35s ease}.technique-guided-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.technique-stat-card{border:1px solid var(--border2);border-radius:12px;background:#0f172a94;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.technique-stat-card span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.technique-stat-card strong{font-size:14px;color:var(--text)}.technique-guided-layout{display:grid;grid-template-columns:2fr 1fr;gap:12px}.technique-guided-main,.technique-guided-side{border:1px solid var(--border2);border-radius:12px;background:#0f172a94;padding:12px}.technique-guided-main h2{margin:0}.technique-phase-meta{margin:6px 0 12px;color:var(--muted);font-size:13px}.technique-phase-list{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--text)}.technique-phase-progress{margin-top:12px;display:grid;gap:6px}.technique-phase-progress span{font-size:12px;color:var(--muted)}.technique-phase-progress-track{height:8px;border-radius:999px;background:#1e293bbf;overflow:hidden}.technique-phase-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#22c55ef2,#3b82f6f2)}.technique-complete-msg{margin-top:12px;margin-bottom:0;color:#90f0c2;font-weight:600}.technique-complete-panel{margin-top:12px;border:1px solid rgba(34,197,94,.35);border-radius:12px;background:#14532d33;padding:10px;display:grid;gap:10px}.technique-feeling-row{padding:4px 0}.technique-feeling-row .daily-ex-section-label{font-size:12px;margin-bottom:6px;display:block;color:var(--fg)}.technique-feeling-row .daily-ex-feeling-btn{font-size:13px;padding:10px 20px}.daily-exercise-card--active{display:flex;flex-direction:column;align-items:center;gap:20px;padding-block:28px}.daily-ex-active-bpm{display:flex;align-items:center;gap:16px;margin-block:4px}.daily-ex-countdown-block{display:flex;flex-direction:column;align-items:center;gap:8px;padding-block:8px}.daily-ex-countdown-num{font-size:80px;font-weight:700;font-family:var(--font-mono);line-height:1;color:var(--accent);animation:countdown-pulse 1s ease-in-out infinite}.daily-ex-countdown-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}@keyframes countdown-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}.daily-ex-bpm-hero-block{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:90px}.daily-ex-bpm-hero{font-size:56px;font-weight:700;font-family:var(--font-mono);line-height:1;color:var(--fg)}.daily-ex-bpm-hero-label{font-size:11px;font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.daily-ex-bpm-step{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border2);background:transparent;color:var(--fg);font-family:var(--font-mono);font-size:14px;cursor:pointer;transition:background .12s,border-color .12s;flex-shrink:0}.daily-ex-bpm-step--large{width:48px;height:48px;font-size:16px}.daily-ex-bpm-step:hover{background:var(--border2);border-color:var(--border)}.daily-ex-timer{font-size:20px;font-family:var(--font-mono);color:var(--muted);letter-spacing:.06em;margin:0}.daily-ex-duration-indicator{width:min(360px,100%);display:grid;gap:5px}.daily-ex-duration-indicator.is-done{color:#22c55ef2}.daily-ex-duration-timer{display:inline-block;text-align:center;white-space:nowrap;max-width:100%}.daily-ex-duration-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.daily-ex-duration-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.daily-ex-duration-value{font-family:var(--font-mono);font-size:12px;color:var(--fg);letter-spacing:.03em}.daily-ex-duration-track{width:100%;height:4px;border-radius:999px;overflow:hidden;background:#94a3b829}.daily-ex-duration-track span{display:block;height:100%;width:0;border-radius:inherit;transition:width .35s ease;background:linear-gradient(90deg,#4a9effe6,#22c55ed9)}.daily-ex-duration-done{margin:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:#22c55ef2;text-transform:uppercase}.daily-ex-end-btn{width:100%;padding:12px 20px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:13px;font-weight:600;cursor:pointer;letter-spacing:.04em;transition:opacity .15s}.daily-ex-end-btn:hover{opacity:.88}.daily-ex-cancel-btn{background:none;border:none;color:var(--muted);font-family:var(--font-mono);font-size:11px;cursor:pointer;letter-spacing:.04em;padding:0;transition:color .15s}.daily-ex-cancel-btn:hover{color:var(--fg)}.daily-ex-metro-toggle{width:100%;padding:9px 16px;border-radius:8px;border:1px solid var(--border2);background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.daily-ex-metro-toggle:hover{border-color:var(--border);color:var(--fg)}.daily-ex-metro-toggle--on{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb, 99,102,241),.08)}.daily-ex-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%}.daily-ex-start-btn{width:100%;padding:12px 20px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:13px;font-weight:600;cursor:pointer;letter-spacing:.04em;transition:opacity .15s}.daily-ex-start-btn:hover{opacity:.88}.daily-ex-full-session-link{background:none;border:none;color:var(--muted);font-family:var(--font-mono);font-size:11px;cursor:pointer;letter-spacing:.04em;padding:4px 0;text-align:center;transition:color .15s}.daily-ex-full-session-link:hover{color:var(--fg)}.daily-exercise-card--feedback{display:flex;flex-direction:column;gap:16px}.daily-ex-feedback-title{font-size:18px;font-weight:600;margin:0}.daily-ex-quality-btns{display:flex;flex-direction:column;gap:8px}.daily-ex-quality-btn{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:12px 16px;border-radius:10px;border:2px solid var(--border2);background:transparent;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--fg);cursor:pointer;transition:border-color .15s,background .15s;gap:2px}.daily-ex-quality-btn .daily-ex-quality-detail{font-size:11px;color:var(--muted);font-weight:400}.daily-ex-quality-btn--easy.active,.daily-ex-quality-btn--easy:hover{border-color:#22c55e;background:#22c55e14}.daily-ex-quality-btn--good.active,.daily-ex-quality-btn--good:hover{border-color:#eab308;background:#eab30814}.daily-ex-quality-btn--hard.active,.daily-ex-quality-btn--hard:hover{border-color:#ef4444;background:#ef444414}.daily-ex-feedback-bpm-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--border2);gap:12px}.daily-ex-bpm-label{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.daily-ex-bpm-stepper{display:flex;align-items:center;gap:10px}.daily-ex-feedback-done-btn{width:100%;padding:16px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-family:var(--font-mono);font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.05em;box-shadow:0 4px 16px #22c55e59,0 0 0 1px #22c55e80;transition:transform .12s,box-shadow .12s,opacity .15s}.daily-ex-feedback-done-btn:disabled{opacity:.35;cursor:default;background:var(--border2);box-shadow:none}.daily-ex-feedback-done-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 20px #22c55e73,0 0 0 1px #22c55e99}.daily-ex-feedback-done-btn:not(:disabled):active{transform:translateY(0)}.daily-ex-reward-banner{background:linear-gradient(135deg,#22c55e2e,#4a9eff1f);border:1px solid rgba(34,197,94,.45);border-radius:8px;padding:10px 14px;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#4ade80;text-align:center;letter-spacing:.04em;animation:reward-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes reward-pop{0%{opacity:0;transform:scale(.88) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.technique-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.technique-summary-item{border:1px solid var(--border2);border-radius:8px;padding:8px;display:grid;gap:4px}.technique-summary-item span{font-size:11px;color:var(--muted)}.technique-summary-item strong{font-size:14px;color:var(--text)}.technique-notes-title{margin:0;font-size:13px;letter-spacing:.03em;text-transform:uppercase}.technique-note-fields{display:grid;gap:8px}.technique-note-fields label{display:grid;gap:5px}.technique-note-fields label span{font-size:11px;color:var(--muted)}.technique-note-fields input,.technique-note-fields textarea{width:100%;border:1px solid var(--border2);border-radius:8px;background:#0f172ab3;color:var(--text);padding:8px;font:inherit}.technique-note-fields textarea{resize:vertical}.technique-summary-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.technique-saved-note{font-family:var(--font-mono);font-size:11px;color:#b8ffd6}.technique-guided-side h3{margin-top:0;margin-bottom:10px}.technique-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.technique-control-grid .landing-guide-btn:disabled{opacity:.5;cursor:not-allowed}.technique-phase-queue{display:grid;gap:7px}.technique-mistake-box{border:1px solid var(--border2);border-radius:10px;padding:8px;margin-bottom:12px;display:grid;gap:8px}.technique-mistake-box strong{color:var(--text)}.technique-mistake-actions{margin-bottom:0}.technique-metronome{margin-top:14px;padding-top:12px;border-top:1px solid var(--border2);display:grid;gap:8px}.technique-metronome h3{margin:0}.technique-metronome-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.technique-metronome-bpm{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.technique-metronome-slider{width:100%;accent-color:var(--accent-oasis)}.technique-countin-status{margin:2px 0 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:#d7ffe9}.session-beat-indicator{display:flex;justify-content:center;gap:10px;margin:2px 0 4px}.session-beat-dot{width:8px;height:8px;border-radius:50%;background:var(--border2);transition:background 80ms ease,transform 80ms ease}.session-beat-dot.active{background:#22c55e73;transform:scale(1.35)}.session-beat-dot.active.accent{background:#22c55ed9;transform:scale(1.5)}.technique-beat-indicator{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.technique-beat-chip{border:1px solid var(--border2);border-radius:8px;padding:7px 0;text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--muted);background:#ffffff05}.technique-beat-chip.active{color:#d7ffe9;border-color:#22c55ed9;background:#16653480}.technique-queue-item{border:1px solid var(--border2);background:#0206177a;border-radius:10px;padding:9px 10px;color:var(--text);text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer}.technique-queue-item.active{border-color:#facc15b3;background:#78350f4d}.technique-queue-item.done{border-color:#22c55e80}.technique-queue-item small{color:var(--muted);white-space:nowrap}.technique-guided-instructions{margin-top:4px;border-top:1px dashed rgba(148,163,184,.24);padding-top:10px;display:grid;gap:5px}.technique-guided-instructions p{margin:0;font-size:12px;line-height:1.5;color:#d1d5db9e}.technique-history-list{margin-top:4px;display:grid;gap:8px}.technique-history-filters{margin-top:6px;display:flex;flex-wrap:wrap;gap:8px}.technique-history-filter-btn{padding:6px 10px;font-size:10px}.technique-history-item{border:1px solid rgba(148,163,184,.24);border-radius:10px;padding:8px;background:#0f172a59;display:grid;gap:4px}.technique-history-item p{margin:0;font-size:11px;color:#d1d5dbbd}@media (max-width: 1100px){.technique-guided-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.technique-guided-layout{grid-template-columns:1fr}}@media (max-width: 620px){.technique-guided-stats,.technique-control-grid,.technique-summary-grid{grid-template-columns:1fr}}.landing-theory-btn{display:inline-block;width:fit-content;padding:8px 14px;border-radius:999px;border:1px solid var(--border2);background:var(--bg3);color:var(--muted);text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:all .15s ease-out;margin-left:8px}.landing-theory-btn:hover{border-color:var(--accent-oasis);color:var(--accent-oasis)}.exercise-progress-chart{padding:12px 0 4px;border-top:1px solid var(--border);margin-top:12px}.exercise-progress-chart--empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 0}.chart-empty-msg{color:var(--muted);font-size:13px;text-align:center;margin:0}.chart-exercise-title{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.chart-period-selector{display:flex;gap:6px;margin-bottom:10px}.chart-period-btn{padding:3px 10px;border-radius:999px;border:1px solid var(--border2);background:transparent;color:var(--muted);font-size:11px;font-weight:600;font-family:var(--font-mono);cursor:pointer;transition:border-color .15s,color .15s}.chart-period-btn.active,.chart-period-btn:hover{border-color:var(--accent);color:var(--accent)}.chart-summary-row{display:flex;gap:16px;margin-bottom:8px}.chart-summary-item{display:flex;flex-direction:column;gap:1px}.chart-summary-label{font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.chart-summary-val{font-size:13px;font-weight:600;font-family:var(--font-mono);color:var(--fg)}.chart-tooltip{background:var(--bg3, #1e1e1e);border:1px solid var(--border, #333);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono)}.chart-tooltip-date{font-size:10px;color:var(--muted)}.chart-tooltip-bpm{font-size:15px;font-weight:700;color:var(--fg)}.chart-tooltip-unit{font-size:11px;font-weight:400;color:var(--muted)}.chart-tooltip-feeling{font-size:11px;font-weight:600;letter-spacing:.04em}.daily-ex-history-toggle{background:none;border:1px solid var(--border2);border-radius:999px;color:var(--muted);font-size:11px;font-family:var(--font-mono);font-weight:600;padding:4px 12px;cursor:pointer;transition:border-color .15s,color .15s;letter-spacing:.04em}.daily-ex-history-toggle:hover,.daily-ex-history-toggle.active{border-color:var(--accent);color:var(--accent)}.exercise-progress-section{background:radial-gradient(circle at top left,rgba(74,158,255,.1),transparent 48%),linear-gradient(150deg,#ffffff08,#ffffff03);border-color:#4a9eff38}.progress-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.progress-card-header-text{display:grid;gap:4px}.progress-card-toggle{flex-shrink:0;display:flex;align-items:center;gap:6px;background:#4a9eff1a;border:1px solid rgba(74,158,255,.3);border-radius:8px;color:var(--accent-oasis);font-size:12px;font-family:var(--font-mono);font-weight:700;padding:7px 14px;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;transition:background .15s,border-color .15s;white-space:nowrap;align-self:center}.progress-card-toggle:hover{background:#4a9eff2e;border-color:#4a9eff8c}.progress-card-toggle.active{background:#4a9eff26;border-color:var(--accent-oasis)}.progress-card-toggle-arrow{font-size:10px;opacity:.7}.progress-card-charts{display:grid;gap:12px;margin-top:4px}.next-practice-card{border:1px solid rgba(46,204,113,.35);border-radius:10px;padding:12px;background:radial-gradient(circle at top right,rgba(46,204,113,.18),transparent 48%),#2ecc710f;display:grid;gap:8px}.next-practice-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.next-practice-head h4{margin:0;font-size:15px}.next-practice-severity{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border);border-radius:999px;padding:3px 9px;color:var(--muted)}.next-practice-severity-high{border-color:#ff6b5e99;color:#ff6b5e}.next-practice-severity-medium{border-color:#ffc31299;color:#ffc312}.next-practice-severity-low{border-color:#4a9eff99;color:#4a9eff}.next-practice-title,.next-practice-reason,.next-practice-cta{margin:0}.next-practice-title{font-size:15px}.next-practice-reason{font-size:13px;color:var(--muted)}.next-practice-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.next-practice-meta span{font-family:var(--font-mono);font-size:11px;color:var(--muted);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:2px 8px}.next-practice-focus{display:flex;gap:8px;flex-wrap:wrap}.next-practice-focus span{border:1px solid rgba(46,204,113,.35);background:#2ecc711a;color:#8cf4bf;border-radius:999px;padding:2px 8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.next-practice-cta{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8cf4bf}.weekly-rollup{border:1px solid rgba(74,158,255,.25);border-radius:10px;padding:12px;background:#4a9eff14;display:grid;gap:10px}.weekly-rollup-header{display:flex;align-items:center;justify-content:space-between}.weekly-rollup-header h4{margin:0;font-size:15px}.weekly-rollup-week{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.04em}.weekly-rollup-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.weekly-rollup-stat{display:grid;gap:2px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px}.weekly-rollup-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-family:var(--font-mono)}.weekly-rollup-stat strong{font-size:16px;line-height:1.2}.weekly-rollup-feeling{display:grid;gap:6px}.weekly-rollup-bars{display:flex;width:100%;height:10px;border-radius:999px;overflow:hidden;background:#ffffff0f}.weekly-rollup-bar{height:100%}.weekly-rollup-bar-easy{background:#2bc870}.weekly-rollup-bar-good{background:#4a9eff}.weekly-rollup-bar-hard{background:#ff6b5e}.weekly-rollup-legend{margin:0;color:var(--muted);font-size:12px}.comparison-chart{border:1px solid rgba(200,168,75,.26);border-radius:10px;padding:12px;display:grid;gap:10px;background:#c8a84b0f}.comparison-chart-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.comparison-chart-head h4{margin:0;font-size:15px}.comparison-chart-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.comparison-control{display:grid;gap:4px}.comparison-control span{font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-mono)}.comparison-control select{width:100%;border:1px solid var(--border);border-radius:8px;background:#ffffff0a;color:var(--fg);padding:8px;font-size:13px}.comparison-chart-legend{margin:0;display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px}.comparison-chart-legend span{display:inline-flex;align-items:center;gap:6px}.legend-swatch{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-swatch-a{background:#4a9eff}.legend-swatch-b{background:#c8a84b}@media (max-width: 640px){.progress-card-header{flex-direction:column;align-items:flex-start}.progress-card-toggle{align-self:flex-start}.next-practice-head{flex-direction:column;align-items:flex-start}.weekly-rollup-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-chart-head{align-items:flex-start;flex-direction:column}.comparison-chart-controls{grid-template-columns:1fr}}.exercise-progress-section{padding:16px!important}.search-container{width:100%;display:flex;flex-direction:column;gap:10px}.search-container--compact{gap:8px}.header-search-row .search-container--compact{padding-top:2px}.search-input-row{display:flex;gap:10px;align-items:stretch}.search-container--compact .search-input-row{gap:8px}.search-container--compact .search-scope-switch{gap:6px}.search-container--compact .search-scope-btn{padding:5px 10px;font-size:10px}.search-scope-switch{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.search-scope-btn{border:1px solid var(--border2);background:var(--bg2);color:var(--muted);border-radius:999px;padding:6px 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .15s ease-out}.search-scope-btn:hover{color:var(--text);border-color:var(--accent-oasis)}.search-scope-btn.active{color:var(--accent-oasis);border-color:var(--accent-oasis);background:#4a9eff1f;box-shadow:0 0 10px #4a9eff2e}.search-input{width:100%;padding:14px 18px;background:var(--bg2);border:1px solid var(--border2);border-radius:10px;color:var(--text);font-family:var(--font-body);font-size:15px;transition:all .15s ease-out}.search-container--compact .search-input{min-height:44px;padding:11px 14px;font-size:14px;background:#ffffff08}.search-input::placeholder{color:var(--muted)}.search-input:focus{outline:none;border-color:var(--accent-oasis);background:var(--bg3);box-shadow:0 0 0 3px #4a9eff1a}.search-actions{display:flex;justify-content:flex-start}.search-container--compact .search-actions{flex:0 0 auto}.search-submit-btn{padding:10px 16px;border-radius:999px;border:1px solid var(--accent-oasis);background:#4a9eff1f;color:var(--accent-oasis);cursor:pointer;font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transition:all .15s ease-out}.search-container--compact .search-submit-btn{min-width:88px;padding:0 14px}.search-submit-btn:hover{background:#4a9eff33;color:var(--text);transform:translateY(-1px)}.search-submit-btn:active{transform:translateY(0)}.filter-scope-notice{padding:10px 14px;margin-top:12px;background:#4a9eff14;border:1px solid rgba(74,158,255,.2);border-radius:6px;font-size:12px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em}.filter-scope-notice strong{color:var(--accent-oasis);font-weight:600}.filter-reset-notice{padding:9px 14px;margin-top:8px;background:#e8512a14;border:1px solid rgba(232,81,42,.25);border-radius:6px;font-size:12px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em}.filter-panel{display:flex;flex-direction:column;gap:20px}.filter-panel-title{font-family:var(--font-mono);font-size:12px;color:var(--text);text-transform:uppercase;letter-spacing:.08em;font-weight:700}@media (max-width: 768px){.filter-panel{gap:16px}}.filter-group{display:flex;flex-direction:column;gap:10px}.filter-scope-hint{margin:0 0 10px;padding:8px 10px;border:1px solid rgba(74,158,255,.3);background:#4a9eff14;border-radius:8px;color:var(--text);font-family:var(--font-mono);font-size:11px;letter-spacing:.03em}.filter-group-label{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.artist-search-input{padding:8px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--font-body);font-size:12px;transition:all .15s ease-out}.artist-search-input::placeholder{color:var(--muted)}.artist-search-input:focus{outline:none;border-color:var(--accent-oasis);background:var(--bg3);box-shadow:0 0 8px #4a9eff26}.artist-search-wrap{position:relative}.artist-search-clear{display:inline-block;position:absolute;right:4px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px 8px;font-size:16px;transition:color .15s ease-out}.artist-search-clear:hover{color:var(--accent-oasis)}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border2);background:transparent;color:var(--muted);cursor:pointer;transition:all .15s ease-out;display:inline-flex;align-items:center;gap:6px}.filter-btn:hover{background:var(--bg3);color:var(--text);border-color:var(--accent-oasis);transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff26}.filter-btn:active{transform:translateY(0)}.filter-btn.active{background:var(--bg3);color:var(--accent-oasis);border-color:var(--accent-oasis);border-width:2px;font-weight:700;box-shadow:0 0 12px #4a9eff33}.filter-btn.disabled{opacity:.5;cursor:not-allowed;background:var(--bg2);color:var(--muted);border-color:var(--border)}.filter-btn.disabled:hover{background:var(--bg2);color:var(--muted);border-color:var(--border);transform:none}.filter-checkmark{font-weight:900;color:var(--accent-oasis);font-size:14px;display:inline-flex;align-items:center;justify-content:center;min-width:16px}.filter-count{font-family:var(--font-mono);font-size:10px;font-weight:700;background:#4a9eff33;color:var(--accent-oasis);padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.mode-clean.active{color:var(--on);border-color:var(--on)}.mode-crunch.active{color:var(--accent-oasis);border-color:var(--accent-oasis)}.mode-lead.active{color:var(--accent-gnr);border-color:var(--accent-gnr)}.mode-higain.active{color:var(--accent-metal);border-color:var(--accent-metal)}.mode-special.active{color:var(--accent-vh);border-color:var(--accent-vh)}.artist-btn-accent-gnr.active{color:var(--accent-gnr);border-color:var(--accent-gnr)}.artist-btn-accent-oasis.active{color:var(--accent-oasis);border-color:var(--accent-oasis)}.artist-btn-accent-clapton.active{color:var(--accent-clapton);border-color:var(--accent-clapton)}.artist-btn-accent-vh.active{color:var(--accent-vh);border-color:var(--accent-vh)}.artist-btn-accent-metal.active{color:var(--accent-metal);border-color:var(--accent-metal)}.genre-btn.genre-rock.active{color:#e8512a;border-color:#e8512a;background:#e8512a1f}.genre-btn.genre-blues.active{color:#4a9eff;border-color:#4a9eff;background:#4a9eff1f}.genre-btn.genre-metal.active{color:#84d;border-color:#84d;background:#8844dd1f}.genre-btn.genre-alternative.active{color:#44d9dd;border-color:#44d9dd;background:#44d9dd1f}.genre-btn.genre-funk.active{color:#dda844;border-color:#dda844;background:#dda8441f}.genre-btn.genre-fusion.active{color:#d84aaa;border-color:#d84aaa;background:#d84aaa1f}.genre-btn.genre-country.active{color:#8bc34a;border-color:#8bc34a;background:#8bc34a1f}.genre-btn.genre-psychedelic-rock.active{color:#9c27b0;border-color:#9c27b0;background:#9c27b01f}.genre-btn.genre-latin-rock.active{color:#ff5722;border-color:#ff5722;background:#ff57221f}.genre-btn.genre-default.active{color:#7a7570;border-color:#7a7570;background:#7a75701f}.ampera-btn.ampera-classic.active{color:#c8a84b;border-color:#c8a84b;background:#c8a84b1f}.ampera-btn.ampera-modern.active{color:#4a9eff;border-color:#4a9eff;background:#4a9eff1f}.ampera-btn.ampera-boutique.active{color:#e8512a;border-color:#e8512a;background:#e8512a1f}.ampera-btn.ampera-default.active{color:#7a7570;border-color:#7a7570;background:#7a75701f}.results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.result-count{font-family:var(--font-mono);font-size:13px;color:var(--muted)}.results-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 16px;background:linear-gradient(135deg,#4a9eff14,#4a9eff0a);border:1px solid rgba(74,158,255,.15);border-radius:8px;gap:16px}.result-count-badge{font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--accent-oasis);letter-spacing:.04em;text-transform:uppercase;flex:1}.clear-all-btn{padding:8px 12px;background:transparent;border:1px solid var(--accent-oasis);color:var(--accent-oasis);border-radius:4px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .15s ease-out;white-space:nowrap}.clear-all-btn:hover{background:#4a9eff1a;transform:translateY(-1px)}.clear-all-btn:active{transform:translateY(0)}.search-domain-section{margin-bottom:28px}.search-domain-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.search-domain-header h2{margin:0;font-family:var(--font-head);font-size:16px;letter-spacing:.07em;text-transform:uppercase}.search-domain-header span{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.song-results-grid,.theory-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.session-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.exercise-results-grid{display:grid;grid-template-columns:1fr;gap:14px}.session-results-grid .daily-exercise-card,.exercise-results-grid .daily-exercise-card{grid-column:auto}.theory-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px;cursor:pointer;transition:all .15s ease-out}.theory-card:hover{border-color:var(--accent-oasis);background:var(--bg3);transform:translateY(-2px)}.song-result-card{padding:18px;gap:12px;border-left:4px solid var(--accent-oasis)}.song-card-badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.practice-ready-badge{border:1px solid rgba(232,81,42,.35);background:#e8512a1f;color:var(--accent-gnr);border-radius:999px;padding:3px 8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.theory-card h3{margin:0;font-family:var(--font-head);font-size:16px;letter-spacing:.04em;text-transform:uppercase}.song-result-actions{margin-top:10px;display:flex;flex-direction:column;gap:8px}.song-detail-actions{margin-top:0}.song-chords-preview{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.song-chord-pill{border:1px solid rgba(74,158,255,.35);background:#4a9eff1f;color:var(--accent-oasis);border-radius:999px;padding:4px 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.03em}.song-focus-pill{border-color:#e8512a59;background:#e8512a1f;color:var(--accent-gnr)}.song-preset-btn{display:block;border:1px solid var(--border2);background:var(--bg3);color:var(--text);border-radius:8px;padding:8px 10px;font-family:var(--font-body);font-size:12px;text-align:left;text-decoration:none;cursor:pointer;transition:all .15s ease-out}.song-preset-btn:hover{border-color:var(--accent-oasis);color:var(--accent-oasis)}.practice-launch-btn{border-color:#e8512a59;color:var(--accent-gnr)}.practice-launch-btn:hover{border-color:var(--accent-gnr);color:var(--accent-gnr)}.report-correction-btn{border-color:#4a9eff59;color:var(--accent-oasis)}.report-correction-btn:hover{border-color:var(--accent-oasis);color:var(--accent-oasis)}.theory-card p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.theory-tags{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.theory-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.theory-meta-pill{border-radius:999px;padding:2px 8px;border:1px solid rgba(232,81,42,.35);background:#e8512a1f;color:var(--accent-gnr);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.theory-meta-pill.muted{border-color:var(--border2);background:#ffffff08;color:var(--muted)}.theory-tags span{border:1px solid rgba(74,158,255,.35);background:#4a9eff1a;color:var(--accent-oasis);border-radius:999px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px}.theory-detail-section p{margin:0;color:var(--text)}.theory-content{display:flex;flex-direction:column;gap:10px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px}.theory-content p{margin:0;color:var(--text);line-height:1.6}.active-filters{background:#4a9eff0d;border:1px solid rgba(74,158,255,.15);border-radius:8px;padding:12px 16px;margin-bottom:20px;animation:slideUp .3s ease-out}.active-filters-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg3);border:1px solid var(--accent-oasis);border-radius:16px;animation:slideUp .3s ease-out}.filter-pill-label{font-family:var(--font-mono);font-size:11px;color:var(--text);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.filter-pill-close{background:none;border:none;color:var(--accent-oasis);cursor:pointer;font-size:16px;font-weight:700;padding:0;margin:0;transition:all .15s ease-out;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.filter-pill-close:hover{color:var(--accent-gnr);transform:scale(1.2)}.filter-pill-close:active{transform:scale(.95)}mark{background:#e8512a4d;color:var(--accent-gnr);font-weight:600;padding:2px 4px;border-radius:3px;transition:all .15s ease-out}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.chords-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.chord-diagram-wrapper{display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:1.1rem 1.1rem 1rem;background:linear-gradient(160deg,#1a2130db,#121824f2);border:1px solid rgba(148,163,184,.22);border-radius:14px;text-align:center;transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out;animation:slideUp .4s ease-out forwards}.chord-diagram-wrapper:hover{transform:translateY(-3px);border-color:#74acff73;box-shadow:0 10px 26px #04081073}.chord-diagram-title{margin:0;font-size:1.45rem;font-weight:700;color:var(--text);letter-spacing:.02em}.chord-accent-default{--chord-accent: var(--accent-oasis);--chord-accent-rgb: 74, 158, 255}.chord-accent-c{--chord-accent: #1aa86b;--chord-accent-rgb: 26, 168, 107}.chord-accent-csharp{--chord-accent: #2081b8;--chord-accent-rgb: 32, 129, 184}.chord-accent-d{--chord-accent: #3498db;--chord-accent-rgb: 52, 152, 219}.chord-accent-dsharp{--chord-accent: #5d7fa8;--chord-accent-rgb: 93, 127, 168}.chord-accent-e{--chord-accent: #e8512a;--chord-accent-rgb: 232, 81, 42}.chord-accent-f{--chord-accent: #d84b2d;--chord-accent-rgb: 216, 75, 45}.chord-accent-fsharp,.chord-accent-g{--chord-accent: #e67e22;--chord-accent-rgb: 230, 126, 34}.chord-accent-gsharp{--chord-accent: #eca829;--chord-accent-rgb: 236, 168, 41}.chord-accent-a{--chord-accent: #f1c40f;--chord-accent-rgb: 241, 196, 15}.chord-accent-asharp{--chord-accent: #c9b51b;--chord-accent-rgb: 201, 181, 27}.chord-accent-b{--chord-accent: #2ecc71;--chord-accent-rgb: 46, 204, 113}.chord-quality-major{--chord-accent-lightness: 100%;--chord-accent-saturation: 100%}.chord-quality-minor,.chord-quality-min7{filter:brightness(.72) saturate(.85)}.chord-quality-dominant{filter:brightness(1.08)}.chord-quality-diminished{filter:brightness(.58) saturate(.7)}.chord-quality-half-dim{filter:brightness(.65) saturate(.75)}.chord-quality-augmented{filter:brightness(1.12) saturate(1.1)}.chord-quality-maj7{filter:brightness(1.05)}.chord-quality-sus{filter:brightness(.88)}.chord-quality-sixth{filter:brightness(1.02)}.chord-quality-dominant:after{content:" ◆";font-size:.75em;opacity:.7;margin-left:2px}.chord-quality-half-dim:after{content:" ◦";font-size:.75em;opacity:.7;margin-left:2px}.chord-quality-diminished:after{content:" °";font-size:.75em;opacity:.7;margin-left:2px}.chord-quality-augmented:after{content:" ↗";font-size:.75em;opacity:.7;margin-left:2px}.chord-quality-sus:after{content:" ◊";font-size:.75em;opacity:.7;margin-left:2px}.chord-quality-maj7:after{content:" △";font-size:.75em;opacity:.7;margin-left:2px}.chord-diagram-title[class*=chord-accent-],.practice-current-chord-name[class*=chord-accent-],.practice-next-value[class*=chord-accent-],.practice-chord-fallback h3[class*=chord-accent-],.chord-symbol[class*=chord-accent-],.manuscript-measure[class*=chord-accent-]{color:var(--chord-accent)}.learning-pill[class*=chord-accent-],.song-chord-pill[class*=chord-accent-],.chord-pill[class*=chord-accent-]{color:var(--chord-accent);border-color:rgba(var(--chord-accent-rgb),.35);background:rgba(var(--chord-accent-rgb),.12)}.chord-pill[class*=chord-accent-]:hover{border-color:var(--chord-accent);box-shadow:0 2px 8px rgba(var(--chord-accent-rgb),.18)}.chord-root-string{margin:-1px 0 4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#a8b6cc}.chord-diagram-svg{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:inset 0 1px #ffffff0d,0 4px 12px #0006}.chord-string-legend{margin-top:3px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;width:100%}.chord-string-legend-item{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#d7e1ee;font-family:var(--font-mono);font-size:10px;letter-spacing:.03em}.chord-string-dot{width:8px;height:8px;border-radius:999px;box-shadow:0 0 0 1px #ffffff40}.chord-string-short{font-weight:700}.chord-string-long{color:#9aa7bd}.chord-type{margin:.4rem 0 0;padding:5px 10px;border-radius:999px;font-size:.75rem;color:#d7e2f3;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#637b9e38;border:1px solid rgba(148,163,184,.3)}.chord-subsection-title{margin:8px 0 12px;font-family:var(--font-head);font-size:15px;letter-spacing:.06em;text-transform:uppercase}.barre-section{margin-top:20px;padding-top:14px;border-top:1px solid var(--border2)}.barre-subsection+.barre-subsection{margin-top:18px}.barre-root-title{margin:0 0 10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-oasis)}.muted-indicator,.open-indicator,.finger-number,.string-label{font-family:DM Mono,monospace}.string-label{font-weight:700;letter-spacing:.02em}.chord-diagram-wrapper:nth-child(1){animation-delay:.05s}.chord-diagram-wrapper:nth-child(2){animation-delay:.1s}.chord-diagram-wrapper:nth-child(3){animation-delay:.15s}.chord-diagram-wrapper:nth-child(4){animation-delay:.2s}.chord-diagram-wrapper:nth-child(5){animation-delay:.25s}.chord-diagram-wrapper:nth-child(6){animation-delay:.3s}.chord-diagram-wrapper:nth-child(7){animation-delay:.35s}.preset-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:18px;cursor:pointer;transition:all .2s ease-out;display:flex;flex-direction:column;gap:12px;text-align:left;font-family:var(--font-body);font-size:15px;color:var(--text);font-weight:400;animation:slideUp .4s ease-out forwards}.preset-card:nth-child(1){animation-delay:.05s}.preset-card:nth-child(2){animation-delay:.1s}.preset-card:nth-child(3){animation-delay:.15s}.preset-card:nth-child(4){animation-delay:.2s}.preset-card:nth-child(5){animation-delay:.25s}.preset-card:nth-child(6){animation-delay:.3s}.preset-card:nth-child(7){animation-delay:.35s}.preset-card:nth-child(n+8){animation-delay:.4s}.preset-card:hover{border-color:var(--accent-oasis);background:var(--bg3);transform:translateY(-4px);box-shadow:0 8px 24px #4a9eff26}.preset-card-gnr{border-left:4px solid var(--accent-gnr)}.preset-card-gnr:hover{border-color:var(--accent-gnr);box-shadow:0 0 12px #e8512a33}.preset-card-oasis{border-left:4px solid var(--accent-oasis)}.preset-card-oasis:hover{border-color:var(--accent-oasis);box-shadow:0 0 12px #4a9eff33}.preset-card-clapton{border-left:4px solid var(--accent-clapton)}.preset-card-clapton:hover{border-color:var(--accent-clapton);box-shadow:0 0 12px #c8a84b33}.preset-card-vh{border-left:4px solid var(--accent-vh)}.preset-card-vh:hover{border-color:var(--accent-vh);box-shadow:0 0 12px #c333}.preset-card-metal{border-left:4px solid var(--accent-metal)}.preset-card-metal:hover{border-color:var(--accent-metal);box-shadow:0 0 12px #84d3}.preset-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.preset-card-title{flex:1}.preset-card-title h3{font-family:var(--font-head);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text);margin:0 0 4px;line-height:1.3;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.original-star{color:#ffeb3b;font-size:16px;line-height:1}.preset-card-artist{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-card-badge{padding:4px 8px;background:var(--bg3);border:1px solid var(--border2);border-radius:4px;font-family:var(--font-mono);font-size:10px;color:var(--text);text-transform:uppercase;white-space:nowrap}.badge-clean{background:#3ddc8426;color:var(--on);border-color:var(--on)}.badge-crunch{background:#4a9eff26;color:var(--accent-oasis);border-color:var(--accent-oasis)}.badge-lead{background:#e8512a26;color:var(--accent-gnr);border-color:var(--accent-gnr)}.badge-hi\ gain{background:#8844dd26;color:var(--accent-metal);border-color:var(--accent-metal)}.badge-special{background:#cc333326;color:var(--accent-vh);border-color:var(--accent-vh)}.preset-card-meta{display:flex;flex-wrap:wrap;gap:8px}.preset-card-meta-item{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.preset-card-meta-item strong{color:var(--text)}.preset-card-description{font-size:12px;color:var(--muted);border-top:1px solid var(--border);padding-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.8em}.preset-view-expanded{display:flex;flex-direction:column;gap:24px;width:100%;animation:fadeIn .2s ease-out}.preset-controls{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);animation:slideInLeft .3s ease-out;flex-wrap:wrap}.preset-counter{font-family:var(--font-mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:0 12px;border-left:1px solid var(--border);border-right:1px solid var(--border)}.preset-nav-buttons{display:flex;gap:8px;margin-left:auto}.nav-arrow-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--border2);background:var(--bg2);color:var(--muted);font-size:16px;font-weight:700;cursor:pointer;transition:all .15s ease-out;font-family:var(--font-mono)}.nav-arrow-btn:hover:not(:disabled){background:var(--bg3);color:var(--accent-oasis);border-color:var(--accent-oasis);transform:translateY(-2px)}.nav-arrow-btn:active:not(:disabled){transform:translateY(0)}.nav-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.back-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid var(--border2);background:var(--bg2);color:var(--muted);font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .15s ease-out;width:fit-content;margin-bottom:12px;animation:slideInLeft .3s ease-out}.back-button:hover{background:var(--bg3);color:var(--accent-oasis);border-color:var(--accent-oasis);transform:translate(-2px)}.back-button:active{transform:translate(0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto;display:none}.modal-content{display:none}.preset-detail h2{font-family:var(--font-head);font-size:24px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;color:var(--text)}.preset-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.meta-item{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.meta-item strong{color:var(--text)}.preset-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.detail-section{display:flex;flex-direction:column;gap:10px}.detail-section.full-width{grid-column:1 / -1}.detail-section h3{font-family:var(--font-head);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0}.settings-list{display:flex;flex-direction:column;gap:8px}.settings-list div{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:13px;color:var(--muted)}.settings-list strong{color:var(--text)}.detail-section p{font-size:13px;color:var(--text);margin:0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.tag{font-family:var(--font-head);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;background:var(--bg3);border:1px solid var(--border2);border-radius:12px;color:var(--muted)}.effect-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px;background:var(--bg3);border-radius:6px;border:1px solid var(--border);border-left:3px solid var(--text);transition:all .2s}.effect-plate{border-left-color:var(--plate);background:#e8a84a14}.effect-plate .effect-name{color:var(--plate)}.effect-hall{border-left-color:var(--hall);background:#4a8ee814}.effect-hall .effect-name{color:var(--hall)}.effect-spring{border-left-color:var(--spring);background:#4ae8a814}.effect-spring .effect-name{color:var(--spring)}.effect-echo{border-left-color:var(--echo);background:#dd884414}.effect-echo .effect-name{color:var(--echo)}.effect-chorus{border-left-color:#b8f;background:#aa64ff14}.effect-chorus .effect-name{color:#b8f}.effect-name{font-family:var(--font-head);font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text);min-width:100px;transition:all .2s}.effect-value{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.effect-params{display:flex;flex-direction:column;gap:4px;text-align:right;margin-top:6px}.param{display:flex;gap:8px;justify-content:flex-end;font-family:var(--font-mono);font-size:11px}.param-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.param-val{color:var(--text);font-weight:500}.preset-detail{display:flex;flex-direction:column;gap:24px;width:100%;max-width:900px;animation:fadeIn .3s ease-out}.preset-header-section{display:flex;align-items:flex-start;gap:20px;margin-bottom:12px}.preset-number{font-family:var(--font-mono);font-size:40px;font-weight:500;line-height:1;min-width:60px;color:var(--accent-gnr)}.preset-title-block h1{font-family:var(--font-head);font-size:28px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;color:var(--accent-gnr);line-height:1.2;display:flex;align-items:center;gap:8px}.preset-subtitle{font-family:var(--font-mono);font-size:12px;color:var(--muted);margin:0;text-transform:uppercase;letter-spacing:.04em}.guitar-info-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.guitar-info-item{display:flex;align-items:center;gap:6px}.guitar-info-label{font-family:var(--font-mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.guitar-info-val{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text);background:var(--bg3);border:1px solid var(--border2);border-radius:6px;padding:2px 8px}.guitar-info-sep{width:1px;height:30px;background:var(--border2)}.section-header{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:12px}.scale-note{font-family:var(--font-mono);font-size:11px;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 12px;margin-bottom:12px;display:inline-block;text-transform:uppercase;letter-spacing:.04em}.cabinet-meta{display:flex;flex-direction:column;gap:5px;margin:10px 0;padding:10px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:8px}.cabinet-meta-row{display:flex;align-items:baseline;gap:8px}.cabinet-meta-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);min-width:68px;flex-shrink:0}.cabinet-meta-value{font-size:13px;color:var(--text);line-height:1.4}.cabinet-meta-code{font-family:var(--font-mono);font-size:12px;color:var(--accent)}.cabinet-meta-origin{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:10px;border:1px solid currentColor}.origin-american{color:#4a9eff}.origin-british{color:#c8a84b}.origin-modern{color:#e8512a}.origin-boutique{color:#b8f}.origin-yamaha{color:#4ae8a8}.cabinet-desc{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.5}.amp-section,.cabinet-section{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.effects-section{background:transparent;border:none;padding:0}.yamaha-definitions-section{margin-top:2px;padding:16px 18px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(135deg,#4a9eff17,#4a9eff08),var(--bg3)}.yamaha-definitions-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.yamaha-definition-item{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--border2);border-radius:8px;background:#ffffff05}.yamaha-definition-name{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-oasis)}.yamaha-definition-text{font-size:12px;line-height:1.45;color:var(--text)}.effects-list{display:flex;flex-direction:column;gap:12px}.effect-item{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 14px;background:var(--bg3);border-radius:6px;border:1px solid var(--border);border-left:2px solid var(--text);transition:all .2s ease-out;animation:slideUp .4s ease-out}.effect-item:hover{border-color:var(--accent-oasis);box-shadow:0 2px 8px #4a9eff1a}.effect-left{flex:1;display:flex;flex-direction:column;gap:6px}.effect-right{display:flex;align-items:center}.effect-name{font-family:var(--font-head);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.effect-type-tag{display:inline-block;font-family:var(--font-mono);font-size:9px;padding:2px 7px;border-radius:4px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;width:fit-content}.effect-plate{border-left-color:var(--plate)}.effect-plate .effect-type-tag{background:#e8a84a26;color:var(--plate);border:1px solid rgba(232,168,74,.3)}.effect-hall{border-left-color:var(--hall)}.effect-hall .effect-type-tag{background:#4a8ee826;color:var(--hall);border:1px solid rgba(74,142,232,.3)}.effect-spring{border-left-color:var(--spring)}.effect-spring .effect-type-tag{background:#4ae8a826;color:var(--spring);border:1px solid rgba(74,232,168,.3)}.effect-echo{border-left-color:var(--echo)}.effect-echo .effect-type-tag{background:#dd884426;color:var(--echo);border:1px solid rgba(221,136,68,.3)}.effect-chorus{border-left-color:#b8f}.effect-chorus .effect-type-tag{background:#aa64ff26;color:#b8f;border:1px solid rgba(170,100,255,.3)}.effect-default{border-left-color:var(--accent-oasis)}.effect-desc{font-size:12px;color:var(--muted);line-height:1.5}.effect-params{display:flex;flex-wrap:wrap;gap:16px;margin-top:6px}.param{display:flex;flex-direction:column;gap:2px;text-align:center}.param-label{font-family:var(--font-mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.param-val{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text)}.effect-status{font-family:var(--font-mono);font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.status-on{background:#3ddc841f;color:var(--on);border:1px solid rgba(61,220,132,.25);padding:4px 12px}.status-off{background:#ffffff0a;color:var(--off);border:1px solid rgba(255,255,255,.08);padding:4px 12px}.status-solo,.status-solos-only{background:#e8a84a1f;color:var(--plate);border:1px solid rgba(232,168,74,.25);padding:4px 12px}.preset-footer{border-top:1px solid var(--border);padding-top:16px;margin-top:16px;font-family:var(--font-mono);font-size:11px;color:var(--muted);text-align:center}.preset-footer p{margin:0;line-height:1.6}.disclaimer-note{margin-top:8px;font-size:11px;line-height:1.55;color:var(--muted)}.empty-state h3{font-family:var(--font-head);font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:8px}.empty-state p{font-family:var(--font-mono);font-size:12px}.preset-tabs{display:flex;gap:8px;margin:24px 0;padding:12px;background:var(--bg2);border-radius:8px;flex-wrap:wrap;justify-content:center}.preset-tab-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:10px 16px;border-radius:6px;cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:all .2s ease}.preset-tab-btn:hover:not(.disabled){background:var(--bg);border-color:var(--border2)}.preset-tab-btn.active{background:var(--accent-gnr);color:#fff;border-color:var(--accent-gnr)}.preset-tab-btn.disabled{opacity:.4;cursor:not-allowed}.story-section{display:flex;flex-direction:column;gap:24px}.story-subsection{display:flex;flex-direction:column;gap:12px}.story-subsection .section-header{margin-bottom:8px}.story-subsection p{color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.7;margin:0}.equipment-section{display:flex;flex-direction:column}.equipment-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:12px}.equipment-column{display:flex;flex-direction:column;gap:16px;background:var(--bg3);padding:16px;border-radius:8px;border:1px solid var(--border)}.equipment-column .section-header{margin-bottom:8px}.equipment-item{display:flex;flex-direction:column;gap:6px}.equipment-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-weight:600}.equipment-value{font-family:var(--font-body);font-size:14px;color:var(--text)}@media (max-width: 768px){.equipment-comparison{grid-template-columns:1fr}}.tips-section{display:flex;flex-direction:column}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:12px}.tip-card{background:var(--bg3);border:1px solid var(--border);border-left:3px solid var(--accent-gnr);padding:16px;border-radius:6px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.tip-card:hover{border-color:var(--border2);box-shadow:0 4px 12px #e8512a1a}.tip-technique{font-family:var(--font-head);font-size:14px;font-weight:700;text-transform:uppercase;color:var(--accent-gnr);letter-spacing:.05em}.tip-description{font-family:var(--font-body);font-size:13px;color:var(--text);line-height:1.6;margin:0}.chords-section{display:flex;flex-direction:column;gap:24px}.chord-info-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;background:var(--bg3);padding:16px;border-radius:8px;border:1px solid var(--border)}.chord-info-item{display:flex;flex-direction:column;gap:6px}.chord-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-weight:600}.chord-value{font-family:var(--font-body);font-size:15px;color:var(--text);font-weight:600}.chord-progression{display:flex;flex-direction:column;gap:12px}.chord-progression .section-header{margin-bottom:4px}.chords-list{display:flex;gap:8px;flex-wrap:wrap}.chord-pill{background:var(--bg3);border:1px solid var(--border);color:var(--accent-gnr);padding:8px 14px;border-radius:20px;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.05em;transition:all .2s ease}.chord-pill:hover{background:var(--bg);border-color:var(--accent-gnr);box-shadow:0 2px 8px #e8512a26}.guitar-tab-section{display:flex;flex-direction:column;gap:12px}.guitar-tab-section .section-header{margin-bottom:4px}.guitar-tab{background:var(--bg3);border:1px solid var(--border);border-left:3px solid var(--accent-gnr);padding:16px;border-radius:6px;font-family:var(--font-mono);font-size:12px;color:var(--text);line-height:1.8;overflow-x:auto;margin:0}@media (max-width: 480px){.guitar-tab{font-size:11px;padding:12px}}.strumming-pattern-section{display:flex;flex-direction:column;gap:12px;background:var(--bg3);padding:16px;border-radius:8px;border:1px solid var(--border)}.strumming-pattern-section .section-header{margin-bottom:4px}.strumming-info{display:grid;grid-template-columns:1fr 1fr;gap:16px}.strumming-item{display:flex;flex-direction:column;gap:6px}.pattern-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-weight:600}.pattern-value{font-family:var(--font-mono);font-size:14px;color:var(--accent-gnr);font-weight:700}.strumming-description{font-family:var(--font-body);font-size:13px;color:var(--text);line-height:1.6;margin:0}.song-sections{display:flex;flex-direction:column;gap:12px}.song-sections .section-header{margin-bottom:4px}.sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.section-card{background:var(--bg3);border:1px solid var(--border);border-left:3px solid var(--accent-gnr);padding:14px;border-radius:6px;display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.section-card:hover{border-color:var(--border2);box-shadow:0 2px 8px #0003}.section-name{font-family:var(--font-head);font-size:12px;font-weight:700;text-transform:uppercase;color:var(--accent-gnr);letter-spacing:.05em}.section-detail{display:flex;justify-content:space-between;gap:8px}.detail-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:600}.detail-value{font-family:var(--font-mono);font-size:11px;color:var(--text)}.section-notes{font-family:var(--font-body);font-size:12px;color:var(--muted);line-height:1.5;margin:0}@media (max-width: 768px){.strumming-info,.sections-grid{grid-template-columns:1fr}}.lead-sheet-visual{display:flex;flex-direction:column;gap:20px;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 100%);padding:24px;border-radius:8px;border:1px solid var(--border)}.lead-sheet-title-header{font-family:var(--font-head);font-size:18px;font-weight:700;text-transform:uppercase;color:var(--accent-gnr);letter-spacing:.1em;text-align:center;padding-bottom:12px;border-bottom:2px solid var(--border2)}.lead-sheet-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.chart-disclaimer-badge{border:1px solid rgba(232,81,42,.42);background:#e8512a21;color:var(--accent-gnr);border-radius:999px;padding:4px 10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.lead-sheet-source-meta{display:flex;flex-wrap:wrap;gap:10px;padding-top:2px;border-top:1px dashed rgba(255,255,255,.12);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--muted)}.lead-sheet-source-meta span{display:inline-flex;align-items:center;gap:4px}.lead-sheet-source-meta strong{color:var(--text);font-weight:600}.manuscript-sheet{position:relative;overflow:visible;background:linear-gradient(180deg,#ffffff0d,#ffffff04),repeating-linear-gradient(to bottom,transparent 0,transparent 16px,rgba(255,255,255,.02) 16px,rgba(255,255,255,.02) 17px);border:1px solid rgba(226,230,238,.24);border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff0f,0 8px 24px #0000002e;padding:22px 24px 18px 16px}.manuscript-sheet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 18% 6%,rgba(255,255,255,.08),transparent 44%)}.manuscript-title{font-family:var(--font-head);font-size:38px;line-height:1;text-align:center;color:#eef0f5eb;text-shadow:0 1px 0 rgba(0,0,0,.25);margin-bottom:16px}.manuscript-title-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.manuscript-title-wrap .manuscript-title{margin-bottom:0}.manuscript-row{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:10px;margin-bottom:16px}.manuscript-label{font-family:var(--font-body);font-size:17px;color:#eceff4db;transform:translateY(-1px);text-transform:lowercase}.manuscript-staff{position:relative;min-height:60px;border-left:2px solid rgba(225,229,238,.66);border-right:2px solid rgba(225,229,238,.66);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 10px,rgba(228,232,239,.44) 10px,rgba(228,232,239,.44) 11px,transparent 11px,transparent 20px);padding:3px 0}.manuscript-staff.has-repeat-start{border-left-color:transparent}.manuscript-staff.has-repeat-end{border-right-color:transparent}.manuscript-line-content{position:relative;display:flex;align-items:center;min-height:54px;width:100%;padding:0 8px}.manuscript-measures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:54px;width:100%;flex:1}.manuscript-measure{border-right:1px solid rgba(228,232,239,.74);display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 8px;font-family:Segoe Print,Bradley Hand,cursive;font-size:30px;line-height:1;color:#eceff4e6;text-shadow:0 1px 0 rgba(0,0,0,.22)}.manuscript-measure.compound{font-size:26px;letter-spacing:.01em}.manuscript-measure:last-child{border-right:0}.manuscript-measure.slash{font-size:40px;letter-spacing:.04em}.manuscript-row:nth-of-type(odd) .manuscript-measure{transform:rotate(-.8deg)}.manuscript-row:nth-of-type(2n) .manuscript-measure{transform:rotate(.55deg)}.manuscript-repeat,.manuscript-repeat-start{position:absolute;font-family:Segoe Print,Bradley Hand,cursive;font-size:22px;color:#edf0f5db}.manuscript-repeat-inline{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;min-width:28px;font-family:Segoe Print,Bradley Hand,cursive;font-size:25px;line-height:1;color:#edf0f5e6;text-shadow:0 1px 0 rgba(0,0,0,.22);transform:translateY(-50%)}.manuscript-repeat-inline.start{left:0;transform:translateY(-50%)}.manuscript-repeat-inline.end{right:0;transform:translateY(-50%);min-width:auto;white-space:nowrap}.manuscript-repeat-inline.end.repeat-count{width:0;min-width:0;overflow:visible;justify-content:flex-start;font-size:20px}.manuscript-repeat-inline.end.repeat-count .repeat-end-main{white-space:nowrap}.manuscript-repeat-inline.end.repeat-count .repeat-end-multiplier{margin-left:10px;white-space:nowrap;font-size:.9em}.manuscript-repeat-inline.end.repeat-note{right:0;transform:translateY(-50%);min-width:auto;white-space:nowrap;font-size:14px;line-height:1.1}.staff-system{display:flex;gap:8px;margin-bottom:16px}.staff-section-label{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.05em;writing-mode:vertical-lr;text-orientation:mixed;display:flex;align-items:center;justify-content:center;min-width:40px;padding:0 8px}.staff-lines-container{flex:1;position:relative;min-height:120px}.staff-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.staff-line{stroke:var(--border2);stroke-width:1}.measures-row{display:flex;align-items:flex-start;justify-content:space-around;position:relative;padding:12px 20px;height:100%}.measure-cell{display:flex;flex-direction:column;align-items:center;flex:1;max-width:120px;position:relative}.chord-symbol{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--accent-gnr);text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;min-height:20px}.measure-number{font-family:var(--font-mono);font-size:10px;color:var(--muted);margin-top:8px;font-weight:600}.measure-content{font-size:16px;color:var(--text);text-align:center;margin-top:2px;font-family:var(--font-body)}.staff-bar-range{font-family:var(--font-mono);font-size:10px;color:var(--muted);text-align:right;padding-right:8px;letter-spacing:.05em}.legend-notation{display:flex;gap:20px;justify-content:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--muted)}@media (max-width: 768px){.lead-sheet-visual{padding:16px;gap:12px}.measures-row{padding:8px 12px}.chord-symbol{font-size:12px;margin-bottom:16px}.measure-content{font-size:14px}.legend-notation{flex-wrap:wrap;gap:12px;font-size:10px}.manuscript-row{grid-template-columns:58px 1fr;margin-bottom:12px}.manuscript-title{font-size:29px;margin-bottom:10px}.manuscript-label{font-size:13px}.manuscript-staff{min-height:48px}.manuscript-measures{min-height:42px}.manuscript-line-content{min-height:42px;padding:0 6px}.manuscript-measure{font-size:21px;padding:0 4px}.manuscript-measure.compound{font-size:18px}.manuscript-measure.slash{font-size:30px}.manuscript-repeat,.manuscript-repeat-start{font-size:16px}.manuscript-repeat-inline{min-width:20px;font-size:19px}.manuscript-repeat-inline.start{left:0;transform:translateY(-50%)}.manuscript-repeat-inline.end{right:0;transform:translateY(-50%)}.manuscript-repeat-inline.end.repeat-count{width:0;min-width:0;font-size:14px}.manuscript-repeat-inline.end.repeat-count .repeat-end-multiplier{margin-left:7px}.manuscript-repeat-inline.end.repeat-note{right:4px;font-size:11px}}.genre-btn,.ampera-btn,.effect-btn{background:transparent;border:2px solid var(--border);color:var(--text);padding:8px 14px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;font-family:var(--font-mono);font-weight:600}.genre-btn:hover,.ampera-btn:hover,.effect-btn:hover{border-color:var(--text);transform:translateY(-2px)}.genre-btn.active,.ampera-btn.active,.effect-btn.active{background:#ffffff14;transform:scale(1.05)}.effect-btn{min-width:auto;width:auto}.similar-presets-section{margin-top:40px;padding:24px;background:linear-gradient(135deg,#e8512a0d,#e8512a05);border:1px solid rgba(232,81,42,.15);border-radius:12px}.similar-presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.similar-preset-card{background:var(--bg2);border:2px solid var(--border);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;flex-direction:column;gap:8px;font-family:var(--font-body)}.similar-preset-card:hover{border-color:var(--accent-gnr);background:var(--bg3);transform:translateY(-4px);box-shadow:0 8px 16px #e8512a26}.similar-preset-artist{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.similar-preset-song{font-size:14px;font-weight:700;color:var(--text)}.similar-preset-mode{font-size:11px;color:var(--accent-gnr);font-weight:700;text-transform:uppercase}.similar-preset-genre{font-size:11px;color:var(--muted);margin-top:4px}@media (max-width: 768px){.similar-presets-grid{grid-template-columns:1fr}.similar-preset-card{padding:12px}}.resources-section{display:flex;flex-direction:column}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}.resource-link{background:var(--bg3);border:1px solid var(--border);color:var(--accent-gnr);padding:16px;border-radius:6px;text-decoration:none;text-align:center;font-family:var(--font-body);font-size:13px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.resource-link:hover{background:var(--bg);border-color:var(--accent-gnr);text-decoration:underline}.resource-link:focus{outline:2px solid var(--accent-gnr);outline-offset:2px}@media print{*{margin:0;padding:0}body{background:#fff}.guia-page{padding:0}.guia-container{max-width:100%;padding:20mm;height:auto;min-height:0}.guia-page-section,.guia-page-header,.guia-page-grid,.guia-page-footer{page-break-inside:avoid}}@media (max-width: 1024px){.guia-container{padding:30px 20px}.guia-page-grid{grid-template-columns:1fr;gap:20px}.guia-page-header h1{font-size:22px}.guia-page-section h2{font-size:12px}.guia-page-section p{font-size:10px}}.practice-mode{display:grid;gap:20px}.practice-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.practice-kicker{margin:0 0 4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-oasis)}.practice-hero h1{margin:0;font-family:var(--font-head);font-size:34px;line-height:1.1;letter-spacing:.04em;text-transform:uppercase}.practice-subtitle{margin:6px 0 0;font-family:var(--font-mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.practice-session-tip{margin:10px 0 0;padding:8px 10px;border:1px solid rgba(74,158,255,.36);background:#4a9eff1a;border-radius:8px;color:#d7ecff;font-family:var(--font-mono);font-size:11px;letter-spacing:.03em}.practice-progress-bar{width:100%;height:10px;border-radius:999px;background:#ffffff0f;overflow:hidden;border:1px solid var(--border2)}.practice-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-gnr),var(--accent-oasis))}.practice-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:20px}.practice-main-card,.practice-side-card,.practice-chord-fallback,.practice-mode-empty{border:1px solid var(--border2);border-radius:14px;background:var(--bg2);padding:18px}.practice-section-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.practice-meta-label,.practice-next-label,.practice-chord-fallback-label,.practice-feedback-title{display:block;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px}.practice-section-meta strong,.practice-next-value{font-family:var(--font-head);font-size:18px;letter-spacing:.03em}.practice-current-chord-panel{display:grid;gap:10px}.practice-current-label{margin:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.practice-current-chord-name{margin:0;font-family:var(--font-head);font-size:56px;line-height:.95;text-transform:uppercase;letter-spacing:.03em}.practice-next-value{font-size:34px;line-height:1}.practice-chord-stage{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.practice-next-card{border:1px solid var(--border2);border-radius:12px;background:#ffffff08;padding:14px;display:grid;gap:10px}.practice-next-notes,.practice-chord-fallback p,.practice-feedback p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.practice-chord-fallback h3{margin:0;font-family:var(--font-head);font-size:28px;letter-spacing:.04em;text-transform:uppercase}.practice-transport,.practice-feedback-actions{display:flex;flex-wrap:wrap;gap:10px}.practice-side-card{display:grid;gap:16px;align-content:start}.practice-toggle-row{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;color:var(--text)}.practice-speed-control{border:1px solid var(--border2);border-radius:10px;background:#ffffff08;padding:10px 12px;display:grid;gap:8px}.practice-speed-header{display:flex;justify-content:space-between;align-items:center}.practice-speed-header strong{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em}.practice-speed-slider{width:100%}.practice-speed-scale{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.practice-feedback{border:1px solid var(--border2);border-radius:12px;background:#ffffff08;padding:14px}.practice-score-row{margin-top:10px;padding-top:10px;border-top:1px solid var(--border2);display:grid;gap:6px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.practice-session-summary{display:grid;gap:8px;padding:12px 14px;border:1px solid rgba(74,158,255,.35);border-radius:12px;background:#4a9eff1a}.practice-session-summary p{margin:0;color:var(--text);font-size:13px}.practice-feedback.correct{border-color:#4caf5059;background:#4caf5014}.practice-feedback.close{border-color:#c8a84b59;background:#c8a84b14}.practice-feedback.retry{border-color:#e8512a59;background:#e8512a14}.practice-mobile-bar{display:none}.practice-song-chords{display:grid;gap:10px;padding:12px 14px;border:1px solid var(--border2);border-radius:12px;background:var(--bg2)}.practice-song-chords-label{margin:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.practice-song-chords-list{display:flex;flex-wrap:wrap;gap:8px}.song-chord-pill.is-current{border-color:var(--accent-oasis);box-shadow:0 0 0 2px #4a9eff33;transform:translateY(-1px)}.practice-mic-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.practice-mic-status{display:grid;gap:2px}.practice-mic-status strong{font-family:var(--font-head);font-size:14px;text-transform:uppercase;letter-spacing:.04em}.practice-confidence-row{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border2);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.practice-correct-btn{border-color:#4caf5059;color:#7fd184}.practice-retry-btn{border-color:#e8512a59;color:var(--accent-gnr)}.practice-mode-empty h2{margin:0 0 8px;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em}.practice-mode-empty p{margin:0 0 16px;color:var(--muted)}.practice-home-card{position:relative;overflow:hidden;border-color:#00f4ff73;box-shadow:inset 0 0 24px #ff17701f,0 0 0 1px #ff177024,0 10px 26px #0006;background:radial-gradient(circle at 14% 12%,rgba(255,23,112,.3),transparent 42%),radial-gradient(circle at 88% 88%,rgba(0,244,255,.24),transparent 48%),linear-gradient(132deg,#1d0f36d1,#061a30db 55%,#14082eeb)}.practice-home-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,#fff0 0,#fff0 3px,#00f4ff14 3px,#00f4ff14 4px);pointer-events:none}.practice-home-card>*{position:relative;z-index:1}.practice-home-card .home-band-kicker{color:#00f4ff;text-shadow:0 0 10px rgba(0,244,255,.55)}.practice-home-card h3{color:#f9f6ff;text-shadow:0 0 18px rgba(255,23,112,.38),0 0 8px rgba(0,244,255,.24)}.practice-home-card .learning-path-label{color:#ebf1ffb8}.practice-home-card .landing-guide-btn{border-color:#00f4ff94;color:#f2ffff;background:linear-gradient(145deg,#1a143bd9,#05283fc7);box-shadow:inset 0 0 0 1px #ff177059}.practice-home-card .landing-guide-btn:hover{border-color:#ff1770;color:#ffe6f2;box-shadow:0 0 14px #ff177059,inset 0 0 0 1px #00f4ff40}.practice-home-pill{border-color:#ff1770b3;background:#ff177024;color:#ffd8ea;box-shadow:inset 0 0 0 1px #ff177047}.practice-home-pill:hover{border-color:#00f4ff;color:#d8feff}.song-result-card{position:relative;overflow:hidden;border:1px solid rgba(0,244,255,.34);border-left:4px solid #00f4ff;background:linear-gradient(150deg,#10142aed,#0e1b2bd6 45%,#2d0c34db);box-shadow:inset 0 0 0 1px #ff177029,0 6px 20px #0206126b}.song-result-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff0 0,#fff0 5px,#00f4ff0d 5px,#00f4ff0d 6px)}.song-result-card:hover{border-color:#ff1770ad;transform:translateY(-3px);box-shadow:0 0 16px #00f4ff42,0 0 26px #ff17703d,inset 0 0 0 1px #ff177033}.practice-ready-badge{border-color:#ff1770b8;background:#ff177029;color:#ffd9ea;text-shadow:0 0 8px rgba(255,23,112,.45);box-shadow:inset 0 0 0 1px #ff17704d}.practice-launch-btn{border-color:#ff1770a3;color:#ffd9ea;background:linear-gradient(145deg,#2b0c37e0,#121f3ad6);box-shadow:inset 0 0 0 1px #ff177042}.practice-launch-btn:hover{border-color:#00f4ff;color:#d8feff;box-shadow:0 0 14px #00f4ff52,inset 0 0 0 1px #00f4ff57}.practice-mode.karaoke-arcade{--arcade-cyan: #00f4ff;--arcade-pink: #ff1770;--arcade-ink: #090d1f;--arcade-panel: #0f1630;position:relative;overflow:hidden;border:1px solid rgba(0,244,255,.3);border-radius:16px;padding:16px;background:radial-gradient(circle at 16% 10%,rgba(255,23,112,.16),transparent 40%),radial-gradient(circle at 85% 88%,rgba(0,244,255,.14),transparent 42%),linear-gradient(170deg,#0c0e1ef5,#070c18fa)}.practice-mode.karaoke-arcade:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff0 0,#fff0 3px,#00f4ff0d 3px,#00f4ff0d 4px);opacity:.75}.practice-mode.karaoke-arcade:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,244,255,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(255,23,112,.04) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at center,#000 42%,transparent 100%);mask-image:radial-gradient(circle at center,#000 42%,transparent 100%)}.practice-mode.karaoke-arcade>*{position:relative;z-index:1}.karaoke-arcade .practice-kicker{color:var(--arcade-cyan);text-shadow:0 0 10px rgba(0,244,255,.45)}.karaoke-arcade .practice-hero h1{color:#f9fbff;text-shadow:0 0 16px rgba(255,23,112,.34),0 0 12px rgba(0,244,255,.28)}.karaoke-arcade .practice-subtitle{color:#e3eeffc7}.karaoke-arcade .practice-session-tip{border-color:#00f4ff73;background:#00f4ff1f;color:#d8feff}.karaoke-arcade .practice-progress-bar{border-color:#00f4ff59;background:#060a1ad1}.karaoke-arcade .practice-progress-bar span{background:linear-gradient(90deg,var(--arcade-cyan),var(--arcade-pink));box-shadow:0 0 12px #00f4ff59,0 0 18px #ff177047}.karaoke-arcade .practice-main-card,.karaoke-arcade .practice-side-card,.karaoke-arcade .practice-chord-fallback,.karaoke-arcade .practice-mode-empty,.karaoke-arcade .practice-next-card,.karaoke-arcade .practice-feedback,.karaoke-arcade .practice-song-chords,.karaoke-arcade .practice-session-summary{border-color:#00f4ff54;background:linear-gradient(165deg,#121831e0,#0a1021eb);box-shadow:inset 0 0 0 1px #ff177029,0 8px 20px #02050f57}.karaoke-arcade .practice-current-chord-name,.karaoke-arcade .practice-next-value{text-shadow:0 0 14px rgba(0,244,255,.38),0 0 18px rgba(255,23,112,.32)}.karaoke-arcade .practice-meta-label,.karaoke-arcade .practice-next-label,.karaoke-arcade .practice-chord-fallback-label,.karaoke-arcade .practice-feedback-title,.karaoke-arcade .practice-song-chords-label{color:#c4e8ffc2}.karaoke-arcade .practice-speed-control{border-color:#00f4ff54;background:linear-gradient(165deg,#121831e0,#0a1021eb);box-shadow:inset 0 0 0 1px #ff177029}.karaoke-arcade .practice-next-notes,.karaoke-arcade .practice-feedback p,.karaoke-arcade .practice-chord-fallback p{color:#dce6f5c7}.karaoke-arcade .song-chord-pill.is-current{border-color:var(--arcade-cyan);background:#00f4ff2e;box-shadow:0 0 0 2px #00f4ff40,0 0 14px #00f4ff4d}.karaoke-arcade .landing-guide-btn,.karaoke-arcade .song-preset-btn,.karaoke-arcade .back-button{border-color:#00f4ff6b;color:#e9f9ff;background:linear-gradient(150deg,#151d3ce6,#0d142aeb);box-shadow:inset 0 0 0 1px #ff177033}.karaoke-arcade .landing-guide-btn:hover,.karaoke-arcade .song-preset-btn:hover,.karaoke-arcade .back-button:hover{border-color:var(--arcade-pink);color:#ffdcec;box-shadow:0 0 14px #ff17704d,inset 0 0 0 1px #00f4ff40}.karaoke-arcade .practice-feedback.correct{border-color:#00f4ff73;background:#00f4ff1f}.karaoke-arcade .practice-feedback.close{border-color:#ffc60073;background:#ffc6001a}.karaoke-arcade .practice-feedback.retry{border-color:#ff177080;background:#ff17701f}@media (max-width: 1023px){.practice-mode.karaoke-arcade{border-radius:12px;padding:12px}.karaoke-arcade .practice-mobile-bar{border-color:#00f4ff59;background:linear-gradient(170deg,#080d1ff0,#0d0921f0);box-shadow:0 0 14px #00f4ff38}.karaoke-arcade .practice-mobile-bar .landing-guide-btn{border-color:#00f4ff59;background:#081226e6;color:#e9f9ff}}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.countdown-container{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center}.countdown-number{font-family:var(--font-head);font-size:140px;font-weight:900;line-height:1;text-align:center;letter-spacing:-.08em;animation:countdown-pulse 1s ease-out forwards}.countdown-number.countdown-4,.countdown-number.countdown-3{color:#00f4ff;text-shadow:0 0 24px rgba(0,244,255,.48),0 0 48px rgba(0,244,255,.28)}.countdown-number.countdown-2{color:#ffc800;text-shadow:0 0 24px rgba(255,200,0,.48),0 0 48px rgba(255,200,0,.28)}.countdown-number.countdown-1{color:#ff1770;text-shadow:0 0 24px rgba(255,23,112,.48),0 0 48px rgba(255,23,112,.28)}.countdown-number.countdown-go{font-size:120px;color:#4ade80;text-shadow:0 0 28px rgba(74,222,128,.58),0 0 56px rgba(74,222,128,.35);animation:countdown-go .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes countdown-pulse{0%{transform:scale(.4) rotate(-8deg);opacity:0}50%{transform:scale(1.08)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes countdown-go{0%{transform:scale(.3) rotate(12deg);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1) rotate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.countdown-number,.countdown-number.countdown-go{animation:none!important;transform:none!important}}.lyrics-display{border:1px solid var(--border2);border-radius:12px;background:#ffffff08;padding:16px;display:grid;gap:12px;margin-top:16px;animation:slideUp .3s ease-out}.lyrics-section-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.lyrics-text{font-family:var(--font-body);font-size:13px;line-height:1.7;color:var(--text);display:flex;flex-direction:column;gap:6px}.lyrics-text p{margin:0}.karaoke-arcade .lyrics-display{border-color:#00f4ff54;background:linear-gradient(165deg,#121831e0,#0a1021eb);box-shadow:inset 0 0 0 1px #ff177029,0 8px 20px #02050f57}.karaoke-arcade .lyrics-text{color:#f8fcff}.karaoke-arcade .lyrics-section-label{color:#c4e8ffc2}.tools-hub{--yt-red: #ff0000;--yt-red-deep: #c80000;--yt-red-bright: #ff3030;--yt-grad: linear-gradient(135deg, #ff0000 0%, #c80000 100%);--yt-grad-hover: linear-gradient(135deg, #ff3030 0%, #e00000 100%);--card-shadow: 0 14px 40px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--card-highlight: inset 0 1px 0 rgba(255, 255, 255, .06)}@keyframes yt-loop-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes yt-loop-region-stripe{0%{background-position:0 0}to{background-position:32px 0}}@keyframes yt-loop-playhead-pulse{0%,to{box-shadow:0 0 6px #3ddc84a6,0 0 12px #3ddc8459}50%{box-shadow:0 0 10px #3ddc84f2,0 0 20px #3ddc8480}}@keyframes yt-loop-player-glow{0%,to{box-shadow:0 14px 40px #0009,0 0 0 1px #ff00002e,0 0 32px #ff00001a}50%{box-shadow:0 14px 40px #0009,0 0 0 1px #ff000047,0 0 48px #ff00002e}}.tools-hub{display:flex;flex-direction:column;gap:20px;max-width:780px;margin:0 auto;padding:4px 0 32px}.yt-loop-url-card,.yt-loop-controls-card,.yt-loop-saved-card{position:relative;background:var(--bg2);border:1px solid var(--border2);border-radius:16px;padding:24px 26px;box-shadow:var(--card-shadow),var(--card-highlight);animation:yt-loop-fade-up .45s ease-out both}.yt-loop-url-card{overflow:hidden;background:radial-gradient(ellipse 600px 200px at 0% 0%,rgba(255,0,0,.22),transparent 60%),radial-gradient(circle at 100% 100%,rgba(255,0,0,.1),transparent 50%),linear-gradient(180deg,rgba(255,0,0,.04),transparent 40%),var(--bg2);border-color:#ff000047}.yt-loop-url-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--yt-grad);opacity:.85}.yt-loop-url-card .home-band-kicker{color:var(--yt-red-bright);text-shadow:0 0 12px rgba(255,0,0,.4)}.yt-loop-url-card h3{font-family:var(--font-head);font-size:28px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:4px 0 8px;background:linear-gradient(135deg,#fff,#ffe5e5,#ff6060);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 30px rgba(255,0,0,.15)}.yt-loop-desc{color:var(--muted);font-size:13px;margin:0 0 18px;max-width:60ch}.yt-loop-url-row{display:flex;flex-direction:column;gap:7px}.yt-loop-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.yt-loop-sublabel{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.yt-loop-url-input-row{display:flex;gap:8px;align-items:stretch}.yt-loop-url-input{flex:1;background:linear-gradient(180deg,var(--bg3),rgba(0,0,0,.4));border:1px solid var(--border2);border-radius:9px;color:var(--text);font-family:var(--font-body);font-size:14px;padding:11px 14px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff08,inset 0 2px 6px #00000040}.yt-loop-url-input:focus{outline:none;border-color:#ff00008c;box-shadow:inset 0 2px 6px #00000040,0 0 0 3px #ff00002e}.yt-loop-input-error{border-color:#ef4444!important}.yt-loop-load-btn{background:var(--yt-grad);border:none;border-radius:9px;color:#fff;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:11px 22px;white-space:nowrap;box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0003,0 4px 14px #ff000059;transition:transform .15s,box-shadow .2s,background .2s}.yt-loop-load-btn:hover:not(:disabled){background:var(--yt-grad-hover);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 8px 22px #ff00008c}.yt-loop-load-btn:active:not(:disabled){transform:translateY(0)}.yt-loop-load-btn:disabled{opacity:.35;cursor:default}.yt-loop-error{color:#ef4444;font-size:12px;font-family:var(--font-mono);margin:2px 0 0}.yt-loop-player-wrap{position:relative;border-radius:16px;overflow:hidden;background:#000;border:1px solid rgba(255,0,0,.32);aspect-ratio:16 / 9;animation:yt-loop-fade-up .5s ease-out .05s both,yt-loop-player-glow 4s ease-in-out infinite}.yt-loop-player-inner,.yt-loop-player-mount{width:100%;height:100%}.yt-loop-player-inner iframe{width:100%;height:100%;border:none;display:block}.yt-loop-player-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(circle at 50% 40%,rgba(255,0,0,.16),transparent 50%),#080808d1;color:#ffd5d5;font-size:12px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:1rem}.yt-loop-player-spinner{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:var(--yt-red);box-shadow:0 0 10px #ff000073;animation:yt-loop-spin .85s linear infinite}@keyframes yt-loop-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.yt-loop-player-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;background:var(--bg2);color:#ef4444;font-size:13px;font-family:var(--font-mono);padding:1rem;text-align:center}.yt-loop-controls-card{display:flex;flex-direction:column;gap:22px;background:radial-gradient(ellipse 500px 180px at 100% 0%,rgba(255,0,0,.06),transparent 60%),var(--bg2);animation-delay:.1s}.yt-loop-timeline-inline{padding:2px 0 16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2px}.yt-loop-transport{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.yt-loop-transport-btn{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--border2);border-radius:9px;color:var(--text);cursor:pointer;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.05em;padding:9px 18px;box-shadow:inset 0 1px #ffffff0a;transition:background .15s,border-color .15s,transform .12s}.yt-loop-transport-btn:hover{background:linear-gradient(180deg,#ff000024,#ff00000d);border-color:#ff000073;transform:translateY(-1px)}.yt-loop-play{background:var(--yt-grad);border-color:#f009;color:#fff;min-width:124px;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000002e,0 4px 14px #ff000059}.yt-loop-play:hover{background:var(--yt-grad-hover);border-color:#f00c;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,0 8px 22px #ff00008c}.yt-loop-loop-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-left:auto;-webkit-user-select:none;user-select:none;transition:color .15s}.yt-loop-loop-toggle:hover{color:var(--text)}.yt-loop-loop-toggle input[type=checkbox]{accent-color:var(--on);width:15px;height:15px;cursor:pointer}.yt-loop-active-badge{background:linear-gradient(135deg,#3ddc8440,#3ddc841f);border:1px solid rgba(61,220,132,.5);border-radius:999px;color:var(--on);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 12px;box-shadow:0 0 10px #3ddc8440,inset 0 1px #ffffff14}.yt-loop-speed-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;background:linear-gradient(180deg,#ffffff0a,#ffffff04);border:1px solid var(--border2);border-radius:12px;box-shadow:inset 0 1px #ffffff08}.yt-loop-speed-chips{display:flex;gap:6px;flex-wrap:wrap}.yt-loop-speed-chip{background:transparent;border:1px solid var(--border2);border-radius:7px;color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:12px;font-weight:700;padding:6px 14px;transition:background .15s,border-color .15s,color .15s,transform .12s}.yt-loop-speed-chip.active{background:var(--yt-grad);border-color:#f009;color:#fff;box-shadow:0 3px 10px #ff00004d,inset 0 1px #fff3}.yt-loop-speed-chip:not(.active):hover{border-color:#f006;color:var(--text);background:#ff00000f;transform:translateY(-1px)}.yt-loop-range-fieldset{border:1px solid var(--border2);border-radius:12px;padding:16px 18px;margin:0;background:linear-gradient(180deg,#ffffff0a,#ffffff04);box-shadow:inset 0 1px #ffffff08}.yt-loop-range-fieldset legend{padding:0 6px;color:var(--muted)}.yt-loop-range-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.yt-loop-time-group{display:flex;flex-direction:column;gap:6px}.yt-loop-time-controls{display:flex;align-items:center;gap:4px}.yt-loop-time-input{background:linear-gradient(180deg,var(--bg3),rgba(0,0,0,.45));border:1px solid var(--border2);border-radius:8px;color:var(--text);font-family:var(--font-mono);font-size:16px;font-weight:700;padding:8px;text-align:center;width:84px;box-shadow:inset 0 2px 5px #0000004d;transition:border-color .2s,box-shadow .2s}.yt-loop-time-input:focus{outline:none;border-color:#ff00008c;box-shadow:inset 0 2px 5px #0000004d,0 0 0 3px #ff00002e}.yt-loop-name-input{width:100%;text-align:left;font-family:var(--font-body);font-size:14px;font-weight:400}.yt-loop-nudge-btn{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--border2);border-radius:7px;color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:700;padding:6px 9px;transition:background .12s,color .12s,transform .1s}.yt-loop-nudge-btn:hover{background:linear-gradient(180deg,#ff00002e,#ff00000d);color:#ff5050;border-color:#ff000080}.yt-loop-nudge-btn:active{transform:scale(.94)}.yt-loop-setpoint-btn{align-self:flex-start;background:#ff000014;border:1px solid rgba(255,0,0,.45);border-radius:7px;color:#ff6464;cursor:pointer;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.yt-loop-setpoint-btn:hover{background:#ff00002e;border-color:var(--yt-red);color:#ff8080;box-shadow:0 0 12px #ff00004d}.yt-loop-save-trigger-btn{align-self:flex-start;background:transparent;border:1px dashed var(--border2);border-radius:8px;color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:7px 14px;transition:border-color .15s,color .15s}.yt-loop-save-trigger-btn:hover{border-color:#ff000080;color:#ff6464;background:#ff00000d}.yt-loop-save-form{display:flex;flex-direction:column;gap:8px}.yt-loop-save-actions{display:flex;gap:8px}.yt-loop-save-btn{background:var(--yt-grad);border:none;border-radius:9px;color:#fff;cursor:pointer;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:9px 20px;box-shadow:inset 0 1px #ffffff38,0 4px 14px #ff000059;transition:transform .15s,box-shadow .2s,background .2s}.yt-loop-save-btn:hover{background:var(--yt-grad-hover);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,0 8px 22px #ff00008c}.yt-loop-cancel-btn{background:transparent;border:1px solid var(--border2);border-radius:8px;color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:8px 14px;transition:border-color .15s,color .15s}.yt-loop-cancel-btn:hover{border-color:var(--muted);color:var(--text)}.yt-loop-saved-card{background:radial-gradient(ellipse 400px 200px at 100% 0%,rgba(255,0,0,.08),transparent 55%),var(--bg2);animation-delay:.15s}.yt-loop-saved-title{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.yt-loop-saved-title:before{content:"";display:block;width:16px;height:2px;background:var(--yt-grad);border-radius:1px}.yt-loop-empty{color:var(--muted);font-size:13px;margin:0}.yt-loop-saved-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.yt-loop-saved-item{position:relative;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#ffffff0a,#ffffff04);border:1px solid var(--border2);border-radius:11px;padding:11px 14px 11px 18px;gap:12px;overflow:hidden;transition:border-color .18s,background .18s,transform .18s}.yt-loop-saved-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--yt-grad);opacity:0;transition:opacity .18s}.yt-loop-saved-item:hover{border-color:#f006;background:linear-gradient(180deg,#ff000012,#ff000005);transform:translate(2px)}.yt-loop-saved-item:hover:before{opacity:1}.yt-loop-saved-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.yt-loop-saved-label{font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-loop-saved-info{color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.03em}.yt-loop-saved-actions{display:flex;gap:6px;flex-shrink:0}.yt-loop-load-preset-btn{background:linear-gradient(135deg,#ff00002e,#ff000014);border:1px solid rgba(255,0,0,.4);border-radius:7px;color:#ff6464;cursor:pointer;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;transition:background .15s,box-shadow .15s,color .15s}.yt-loop-load-preset-btn:hover{background:var(--yt-grad);color:#fff;box-shadow:0 4px 14px #ff000073}.yt-loop-delete-preset-btn{background:transparent;border:1px solid var(--border2);border-radius:6px;color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:12px;font-weight:700;padding:5px 9px;line-height:1;transition:border-color .15s,color .15s}.yt-loop-delete-preset-btn:hover{border-color:#ef4444;color:#ef4444}.yt-loop-timeline-card{padding:18px 26px 10px;background:radial-gradient(ellipse 600px 180px at 50% 130%,rgba(255,0,0,.16),transparent 60%),linear-gradient(180deg,rgba(255,0,0,.04),transparent 50%),var(--bg2);border-color:#ff000038;animation-delay:.08s}.yt-timeline-wrap{padding:0;user-select:none;-webkit-user-select:none}.yt-timeline-rail{position:relative;height:8px;background:linear-gradient(180deg,#00000073,#ffffff0a);border:1px solid rgba(255,255,255,.05);border-radius:4px;margin:12px 0 42px;cursor:crosshair;box-shadow:inset 0 2px 4px #0006}.yt-timeline-region{position:absolute;inset-block:-1px;background:linear-gradient(135deg,#ff000073,#c8000052),repeating-linear-gradient(45deg,transparent 0,transparent 8px,rgba(255,255,255,.05) 8px,rgba(255,255,255,.05) 16px);border-left:2px solid var(--yt-red);border-right:2px solid var(--yt-red);border-radius:3px;pointer-events:none;box-shadow:inset 0 1px #ffffff26,0 0 14px #f006;animation:yt-loop-region-stripe 1.6s linear infinite}.yt-timeline-playhead{position:absolute;top:-6px;bottom:-6px;width:2px;background:var(--on);border-radius:1px;transform:translate(-50%);pointer-events:none;animation:yt-loop-playhead-pulse 1.4s ease-in-out infinite}.yt-timeline-playhead:before,.yt-timeline-playhead:after{content:"";position:absolute;left:50%;width:8px;height:8px;background:var(--on);border-radius:50%;transform:translate(-50%);box-shadow:0 0 8px #3ddc84b3}.yt-timeline-playhead:before{top:-4px}.yt-timeline-playhead:after{bottom:-4px}.yt-timeline-handle{position:absolute;top:50%;transform:translate(-50%);margin-top:-13px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:grab;z-index:3;touch-action:none}.yt-timeline-handle:active{cursor:grabbing}.yt-timeline-pip{width:12px;height:26px;background:transparent;flex-shrink:0;transition:transform .14s ease-out,filter .14s;border-top:3px solid currentColor;border-bottom:3px solid currentColor}.yt-timeline-pip--a{color:#ff2020;border-left:3px solid currentColor;filter:drop-shadow(0 0 6px rgba(255,0,0,.7))}.yt-timeline-pip--b{color:#ff7070;border-right:3px solid currentColor;filter:drop-shadow(0 0 6px rgba(255,96,96,.65))}.yt-timeline-handle:hover .yt-timeline-pip,.yt-timeline-handle:active .yt-timeline-pip{transform:scale(1.2)}.yt-timeline-handle:hover .yt-timeline-pip--a,.yt-timeline-handle:active .yt-timeline-pip--a{filter:drop-shadow(0 0 10px rgba(255,0,0,1))}.yt-timeline-handle:hover .yt-timeline-pip--b,.yt-timeline-handle:active .yt-timeline-pip--b{filter:drop-shadow(0 0 10px rgba(255,96,96,1))}.yt-timeline-tag{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.05em;white-space:nowrap;padding:3px 8px;border-radius:5px;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.yt-timeline-tag--a{background:linear-gradient(180deg,#ff000040,#c8000026);color:#ff6060;border:1px solid rgba(255,0,0,.5);box-shadow:0 2px 8px #ff000040}.yt-timeline-tag--b{background:linear-gradient(180deg,#ff606038,#ff30301f);color:#ff9090;border:1px solid rgba(255,96,96,.45);box-shadow:0 2px 8px #ff606033}.yt-timeline-edge-labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--muted);margin-top:-36px;pointer-events:none}@media (max-width: 560px){.yt-loop-url-card,.yt-loop-controls-card,.yt-loop-saved-card{padding:16px}.yt-loop-range-row{grid-template-columns:1fr;gap:14px}.yt-loop-transport{flex-wrap:wrap}.yt-loop-loop-toggle{margin-left:0;width:100%;justify-content:flex-start}.yt-loop-url-input-row{flex-direction:column}.yt-loop-play{flex:1;justify-content:center}}@media (max-width: 767px){.main-container{padding-left:12px;padding-right:12px}.search-scope-switch{display:none}.landing-intro{border:none;border-radius:0;margin-left:-12px;margin-right:-12px;padding:20px 12px;background:none;max-width:none}}@media (max-width: 479px){.main-container{padding:20px 12px 60px}.header{padding:14px 14px 12px;flex-direction:column;align-items:flex-start;gap:10px}.header-main-row{flex-direction:row;align-items:center;gap:10px}.header h1{font-size:18px;line-height:1.2;letter-spacing:.02em}.header-search-row{width:100%}.search-input-row{flex-direction:column}.search-container--compact .search-submit-btn{min-height:40px;width:100%}.clear-btn{width:100%;padding:10px 14px}.header-actions .clear-btn{width:auto}.controls-section{gap:16px}.filter-options{gap:6px}.filter-btn{padding:8px 12px;font-size:11px;min-height:40px}.active-filters{padding:10px 12px;margin-bottom:16px}.active-filters-list{gap:6px}.filter-pill{padding:5px 10px;font-size:10px}.search-input{padding:12px 14px;font-size:16px}.search-scope-switch{gap:6px}.search-scope-btn{padding:7px 10px;font-size:10px}.results-jump-btn,.search-scope-btn,.chord-pill,.song-chord-pill{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 12px}.song-results-grid,.session-results-grid,.theory-results-grid{grid-template-columns:1fr}.preset-grid,.chords-grid{grid-template-columns:1fr;gap:12px}.preset-card{padding:14px}.song-result-card{padding:12px;gap:8px}.song-result-card .preset-card-title h3{font-size:13px;margin-bottom:2px}.song-result-card .preset-card-artist{font-size:10px}.song-result-card .preset-card-meta{gap:6px}.song-result-card .preset-card-meta-item{font-size:11px}.song-result-actions{margin-top:6px;gap:6px}.song-chords-preview{gap:6px;padding-top:6px}.preset-card-header{gap:8px}.preset-card-title h3{font-size:12px}.preset-card-badge{padding:3px 6px;font-size:9px}.preset-card-description{font-size:11px}.filter-group-label{font-size:10px}.back-button{padding:8px 12px;font-size:11px}.preset-counter{font-size:11px;padding:0 8px}.nav-arrow-btn{width:36px;height:36px;font-size:14px}.preset-controls{gap:12px;padding:10px 0}.preset-detail h1{font-size:20px}.preset-number{font-size:28px;min-width:48px}.preset-detail-grid{grid-template-columns:1fr;gap:16px}.preset-tabs{gap:6px;padding:8px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.preset-tab-btn{white-space:nowrap;font-size:10px;padding:8px 12px;min-height:40px}.results-jump-nav,.search-scope-switch{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.results-jump-btn,.search-scope-btn{white-space:nowrap;min-height:38px}.chord-diagram-wrapper{padding:.95rem;gap:.55rem}.chord-diagram-svg{width:100%;max-width:220px;height:auto}.chord-string-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}.practice-hero h1{font-size:26px}.practice-layout,.practice-chord-stage{grid-template-columns:1fr;gap:12px}.practice-section-meta{grid-template-columns:1fr;gap:10px;margin-bottom:12px}.practice-next-card{padding:12px}.practice-subtitle{font-size:11px;line-height:1.45}.practice-session-tip{font-size:10px;line-height:1.4}.practice-song-chords{padding:10px;gap:8px}.practice-song-chords-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.practice-main-card,.practice-side-card,.practice-chord-fallback,.practice-mode-empty{padding:12px}.practice-current-chord-name{font-size:40px}.practice-next-value{font-size:24px}.practice-transport,.practice-feedback-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.practice-side-card .practice-transport{display:none}.practice-mode{padding-bottom:88px}.practice-mobile-bar{position:fixed;left:12px;right:12px;bottom:10px;z-index:120;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;border:1px solid var(--border2);border-radius:12px;background:#0f0f0ff0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.practice-mobile-bar .landing-guide-btn{min-height:42px;padding:8px 6px;font-size:11px;letter-spacing:.04em}.effects-list{gap:8px}.effect-item{padding:10px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start}.effect-left{min-width:0}.effect-params{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:4px;text-align:left;justify-content:flex-start}.param{justify-content:flex-start;font-size:11px}.settings-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px}.settings-list div{flex-direction:column;gap:2px;text-align:center;padding:8px 4px;background:var(--bg);border-radius:8px;justify-content:flex-start}.settings-list span{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.settings-list strong{font-size:18px}.preset-subtitle{font-size:10px}.scale-note{font-size:10px;padding:4px 10px}.yamaha-definitions-list{grid-template-columns:1fr}.cabinet-meta-label{min-width:58px}.param{font-size:11px}.app-footer{padding:16px 12px}.footer-content{font-size:10px}}@media (min-width: 480px) and (max-width: 767px){.main-container{padding:24px 16px 70px}.landing-intro{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.header{padding:18px 16px 14px;flex-direction:column;align-items:flex-start;gap:10px}.header-main-row{flex-direction:row;align-items:center;gap:10px}.header h1{font-size:20px;line-height:1.2}.header-search-row{width:100%}.search-input-row{flex-direction:row}.clear-btn{width:100%}.header-actions .clear-btn{width:auto}.filter-options{gap:8px}.filter-btn{padding:6px 12px;font-size:12px;min-height:44px}.results-jump-btn,.search-scope-btn,.chord-pill,.song-chord-pill{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px}.preset-grid,.chords-grid{grid-template-columns:1fr;gap:14px}.preset-card{padding:16px}.song-result-card{padding:14px;gap:9px}.song-result-card .preset-card-title h3{font-size:13px}.song-result-card .preset-card-meta-item{font-size:11px}.song-result-actions{margin-top:7px;gap:7px}.song-chords-preview{gap:7px;padding-top:7px}.detail-section{gap:8px}.preset-detail-grid{grid-template-columns:1fr;gap:18px}.preset-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.preset-tab-btn{white-space:nowrap;min-height:42px}.chord-diagram-svg{width:100%;max-width:220px;height:auto}.chord-string-legend{grid-template-columns:repeat(3,minmax(0,1fr))}.results-jump-nav,.search-scope-switch{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.results-jump-btn,.search-scope-btn{white-space:nowrap;min-height:40px}.practice-hero h1{font-size:30px}.practice-layout,.practice-chord-stage{grid-template-columns:1fr;gap:14px}.practice-section-meta{grid-template-columns:1fr;gap:10px;margin-bottom:12px}.practice-next-card{padding:12px}.practice-current-chord-name{font-size:48px}.practice-next-value{font-size:30px}.practice-song-chords{padding:10px 12px}.practice-song-chords-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.practice-side-card .practice-transport{display:none}.practice-mode{padding-bottom:94px}.practice-mobile-bar{position:fixed;left:16px;right:16px;bottom:12px;z-index:120;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;border:1px solid var(--border2);border-radius:12px;background:#0f0f0ff0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.practice-mobile-bar .landing-guide-btn{min-height:44px;padding:8px;font-size:11px;letter-spacing:.04em}.effect-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start}.effect-left{min-width:0}.effect-params{flex-direction:row;flex-wrap:wrap;gap:12px;text-align:left;justify-content:flex-start}.param{justify-content:flex-start}.settings-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px}.settings-list div{flex-direction:column;gap:2px;text-align:center;padding:8px 4px;background:var(--bg);border-radius:8px;justify-content:flex-start}.settings-list span{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.settings-list strong{font-size:18px}.scale-note{font-size:10px;padding:4px 10px}}@media (min-width: 768px) and (max-width: 1023px){.main-container{padding:28px 20px 75px}.header{padding:24px 20px 18px}.header-main-row,.header-search-row{max-width:100%}.header h1{font-size:24px}.preset-grid{grid-template-columns:repeat(2,1fr);gap:16px}.preset-detail-grid{grid-template-columns:1fr 1fr}.filter-options{gap:8px}.filter-btn{padding:6px 12px;font-size:12px;min-height:44px}.practice-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:16px;align-items:start}.practice-chord-stage{grid-template-columns:minmax(0,1fr) 220px;gap:14px}.practice-side-card{gap:12px;padding:14px;position:sticky;top:88px}.practice-section-meta{margin-bottom:14px;gap:10px}.practice-current-chord-name{font-size:48px}.practice-next-value{font-size:28px}.practice-speed-control,.practice-feedback{padding:12px}}@media (min-width: 1024px) and (max-width: 1439px){.main-container{padding:32px 28px 80px}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.preset-detail-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1440px){.main-container{padding:40px 32px 100px}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.preset-detail-grid{grid-template-columns:1fr 1fr;gap:28px}}@media (max-width: 1023px){button:not(.exercise-check-btn),[role=button],.filter-btn,.clear-btn,.back-button{min-height:44px;min-width:44px}.exercise-check-btn{position:relative}.exercise-check-btn:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px}}@media (max-width: 767px){.search-input,.search-container--compact .search-input,.artist-search-input,.daily-ex-input,.daily-ex-bpm-input,.technique-note-fields input,.technique-note-fields textarea{font-size:16px}}@media (min-width: 480px) and (max-width: 767px){.session-results-grid{grid-template-columns:1fr}}@media (max-width: 600px){.daily-ex-idle-grid{grid-template-columns:1fr}}@media (hover: none) and (pointer: coarse){.preset-card:active{opacity:.82;transform:translateY(-2px)}.theory-card:active{opacity:.82;transform:translateY(-1px)}.home-band-card:active{opacity:.88}.exercise-item:active{background:#ffffff0d}.landing-guide-btn:active,.quick-filter-btn:active,.search-scope-btn:active,.filter-btn:active,.results-jump-btn:active{opacity:.7;transform:scale(.97)}.daily-ex-full-session-btn:active,.daily-ex-start-btn:active,.daily-ex-end-btn:active,.daily-ex-feedback-done-btn:active{opacity:.85;transform:scale(.98)}}@media (max-width: 767px){.results-jump-nav,.search-scope-switch,.landing-shortcuts,.landing-section-list{scrollbar-width:none}.results-jump-nav::-webkit-scrollbar,.search-scope-switch::-webkit-scrollbar,.landing-shortcuts::-webkit-scrollbar,.landing-section-list::-webkit-scrollbar{display:none}}@media (max-width: 767px){.daily-ex-bpm-step{width:48px;height:48px;font-size:16px}.daily-ex-bpm-step--large{width:56px;height:56px;font-size:20px}}@media (max-width: 767px){.exercise-item{min-height:48px;padding:10px 12px}}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-ext-400-normal-C2zvOubV.woff2) format("woff2"),url(/assets/dm-mono-latin-ext-400-normal-1aZr6b2b.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2) format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-ext-500-normal-BtRyHRi6.woff2) format("woff2"),url(/assets/dm-mono-latin-ext-500-normal-Dw3M13d8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2) format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-condensed-vietnamese-400-normal-Dq9fsqrz.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-400-normal-BHpO_q_4.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-condensed-latin-ext-400-normal-DPMBkgfB.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-400-normal-DN7qpd_C.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-condensed-latin-400-normal-Dc2u_eUW.woff2) format("woff2"),url(/assets/barlow-condensed-latin-400-normal-BXL2z6Kg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-vietnamese-500-normal-DjeaNLFD.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-500-normal-CsrJDWc5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-ext-500-normal-yA5ONLQ9.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-500-normal-B1RE8WP7.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2) format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-vietnamese-900-normal-Dt_hWMjt.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-900-normal-swJS2L_Y.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-latin-ext-900-normal-BgjSW1bu.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-900-normal-CoV-fQpy.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-latin-900-normal-SFh9ViAc.woff2) format("woff2"),url(/assets/barlow-condensed-latin-900-normal-Bz1RFETY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/barlow-vietnamese-300-normal-C-vF8s9W.woff2) format("woff2"),url(/assets/barlow-vietnamese-300-normal-C78rbeCN.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/barlow-latin-ext-300-normal-0BBo-pVS.woff2) format("woff2"),url(/assets/barlow-latin-ext-300-normal-DpgRkAuy.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/barlow-latin-300-normal-DTgcxP_Z.woff2) format("woff2"),url(/assets/barlow-latin-300-normal-Sl273xH3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2) format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2) format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2) format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2) format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2) format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2) format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}