: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-version{margin:4px 0 0;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.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;inset: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-version{margin:6px 2px 0;padding-top:12px;border-top:1px solid var(--border2);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:right}.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)}.auth-minor-actions{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border2)}.auth-minor-sep{color:var(--muted);font-size:10px;opacity:.5}.auth-minor-btn{background:none;border:none;padding:0;font-size:11px;color:var(--muted);cursor:pointer;opacity:.7;text-decoration:underline;text-underline-offset:2px;transition:opacity .15s,color .15s}.auth-minor-btn:hover{opacity:1}.auth-minor-btn--danger:hover{color:var(--error, #e05252)}.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:24px 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.7}.footer-summary{margin:0;font-size:12px;text-align:center;color:var(--muted)}.footer-summary a{color:inherit;text-decoration:underline}.footer-legal{margin-top:12px;border-top:1px solid var(--border2);padding-top:12px}.footer-legal>summary{cursor:pointer;list-style:none;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);-webkit-user-select:none;user-select:none;padding:4px 0;text-align:center}.footer-legal>summary::-webkit-details-marker{display:none}.footer-legal>summary:before{content:"▸ ";display:inline-block;transition:transform .15s ease}.footer-legal[open]>summary:before{transform:rotate(90deg)}.footer-legal>summary:hover,.footer-legal>summary:focus-visible{color:var(--text);outline:none}.footer-legal__body{margin-top:12px}.footer-legal__body p{margin:0;padding:8px 0;font-size:12px}.footer-legal__body p.disclaimer-note{border-left:3px solid var(--accent-gnr);padding:12px;margin-top:8px;font-size:11px;background:#e8512a0d;border-radius:4px}.footer-legal__body strong{color:var(--text);font-weight:700;letter-spacing:.02em}.footer-legal__body a{color:inherit;text-decoration:underline}@media (max-width: 768px){.app-footer{padding:18px 20px}.footer-content,.footer-summary,.footer-legal__body p{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}.journey-tag strong{color:var(--text);font-weight:600;margin-right:2px}.journey-goal-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.journey-goal-meta .journey-tag{margin-left:0;opacity:1}.journey-tag--remaining{color:var(--text);border-color:var(--accent-oasis, #4a9eff)}.journey-tag--far{color:#74d39c;border-color:#74d39c8c}.journey-tag--near{color:#e8c46b;border-color:#e8c46b99}.journey-tag--soon{color:#f0a060;border-color:#f0a060b3}.journey-tag--overdue{color:#f06060;border-color:#f06060bf;background:#f0606014}.journey-milestone--empty{display:flex;flex-direction:column;gap:4px}.journey-empty-cta{align-self:flex-start;background:transparent;border:1px dashed var(--border2);color:var(--muted);border-radius:4px;padding:4px 8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;cursor:pointer;transition:color .12s ease,border-color .12s ease}.journey-empty-cta:hover,.journey-empty-cta:focus-visible{color:var(--text);border-color:var(--accent-oasis, #4a9eff);outline:none}.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}.progress-view{display:flex;flex-direction:column;gap:18px;margin-top:8px}.progress-view-header{display:flex;flex-direction:column;gap:6px;padding:4px 4px 0}.progress-view-header h2{margin:0;font-family:var(--font-head);font-size:clamp(22px,3vw,30px);letter-spacing:.01em}.progress-view-desc{margin:0;color:var(--muted);font-size:13px;max-width:60ch}.progress-goal-line{margin:.5rem 0 0;font-size:13px;color:var(--text);max-width:60ch}.progress-goal-line strong{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:.4rem}.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{display:contents}.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;inset:0;background:repeating-linear-gradient(0deg,#fff0 0 3px,#4a9eff0f 3px 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-why{border-left:2px solid var(--accent-amber, #d4a24c);padding-left:10px;display:grid;gap:3px}.daily-ex-why-label{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-amber, #d4a24c)}.daily-ex-why-text{font-size:13px;color:var(--text);margin:0;line-height:1.45}.daily-ex-howto{border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:8px;padding:8px 12px;background:var(--surface-2, rgba(255, 255, 255, .02))}.daily-ex-howto>summary{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);cursor:pointer;list-style:none;padding:2px 0;-webkit-user-select:none;user-select:none}.daily-ex-howto>summary::-webkit-details-marker{display:none}.daily-ex-howto>summary:before{content:"▾ ";display:inline-block;margin-right:4px;transition:transform .15s ease}.daily-ex-howto:not([open])>summary:before{content:"▸ "}.daily-ex-howto-list{margin:8px 0 4px;padding-left:22px;display:grid;gap:4px}.daily-ex-howto-list li{font-size:12.5px;color:var(--text);line-height:1.45}.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}.next-practice-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px}.next-practice-play-btn{appearance:none;border:1px solid rgba(46,204,113,.55);background:#2ecc7126;color:#8cf4bf;font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding:8px 14px;border-radius:999px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .05s ease}.next-practice-play-btn:hover{background:#2ecc7147;border-color:#2ecc71d9}.next-practice-play-btn:active{transform:translateY(1px)}.next-practice-play-btn:focus-visible{outline:2px solid #8cf4bf;outline-offset:2px}.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-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}.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}.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;inset: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)}.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}.preset-detail{display:flex;flex-direction:column;gap:18px;width:100%;max-width:1200px;margin:0 auto;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}.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}.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}.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;inset: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}}.tone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;width:100%}@media (max-width: 600px){.tone-grid{grid-template-columns:1fr;gap:12px}}.tone-card{--card-accent: var(--accent-oasis, #4a9eff);--card-accent-soft: rgba(74, 158, 255, .18);position:relative;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:18px 18px 16px;cursor:pointer;transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out,background .18s ease-out;display:flex;flex-direction:column;gap:14px;text-align:left;font-family:var(--font-body, "Barlow", sans-serif);font-size:14px;color:var(--text);font-weight:400;animation:toneCardIn .42s ease-out both;overflow:hidden}.tone-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--card-accent);border-radius:14px 0 0 14px}.tone-card:hover,.tone-card:focus-visible{border-color:var(--card-accent);background:var(--bg3, #1e1e1e);transform:translateY(-3px);box-shadow:0 12px 28px #00000059,0 0 0 1px var(--card-accent-soft) inset;outline:none}.tone-card:focus-visible{box-shadow:0 0 0 2px var(--card-accent),0 12px 28px #00000059}@keyframes toneCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tone-card--gnr{--card-accent: var(--accent-gnr, #e8512a);--card-accent-soft: rgba(232, 81, 42, .18)}.tone-card--oasis{--card-accent: var(--accent-oasis, #4a9eff);--card-accent-soft: rgba(74, 158, 255, .18)}.tone-card--clapton{--card-accent: var(--accent-clapton, #c8a84b);--card-accent-soft: rgba(200, 168, 75, .18)}.tone-card--vh{--card-accent: var(--accent-vh, #cc3333);--card-accent-soft: rgba(204, 51, 51, .18)}.tone-card--metal{--card-accent: var(--accent-metal, #8844dd);--card-accent-soft: rgba(136, 68, 221, .18)}.tone-card--mayer{--card-accent: var(--accent-mayer, #6dd3ce);--card-accent-soft: rgba(109, 211, 206, .18)}.tone-card--edge{--card-accent: var(--accent-edge, #ff6b9d);--card-accent-soft: rgba(255, 107, 157, .18)}.tone-card--srv{--card-accent: var(--accent-srv, #d4a574);--card-accent-soft: rgba(212, 165, 116, .18)}.tone-card--gilmour{--card-accent: var(--accent-gilmour, #9c88ff);--card-accent-soft: rgba(156, 136, 255, .18)}.tone-card--clark-jr{--card-accent: var(--accent-clark-jr, #00b894);--card-accent-soft: rgba(0, 184, 148, .18)}.tone-card--rodgers{--card-accent: var(--accent-rodgers, #fd79a8);--card-accent-soft: rgba(253, 121, 168, .18)}.tone-card--wylde{--card-accent: var(--accent-wylde, #ffd93d);--card-accent-soft: rgba(255, 217, 61, .18)}.tone-card--satriani{--card-accent: var(--accent-satriani, #74b9ff);--card-accent-soft: rgba(116, 185, 255, .18)}.tone-card--hendrix{--card-accent: var(--accent-hendrix, #fdcb6e);--card-accent-soft: rgba(253, 203, 110, .18)}.tone-card--knopfler{--card-accent: var(--accent-knopfler, #b2bec3);--card-accent-soft: rgba(178, 190, 195, .18)}.tone-card--bb-king{--card-accent: var(--accent-bb-king, #e17055);--card-accent-soft: rgba(225, 112, 85, .18)}.tone-card--santana{--card-accent: var(--accent-santana, #ff7675);--card-accent-soft: rgba(255, 118, 117, .18)}.tone-card--beck{--card-accent: var(--accent-beck, #a29bfe);--card-accent-soft: rgba(162, 155, 254, .18)}.tone-card--atkins{--card-accent: var(--accent-atkins, #dfe6e9);--card-accent-soft: rgba(223, 230, 233, .18)}.tone-card--buddy-guy{--card-accent: var(--accent-buddy-guy, #00cec9);--card-accent-soft: rgba(0, 206, 201, .18)}.tone-card--albert-king{--card-accent: var(--accent-albert-king, #6c5ce7);--card-accent-soft: rgba(108, 92, 231, .18)}.tone-card__top{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:flex-start}.tone-card__monogram{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--card-accent-soft),rgba(0,0,0,.4));border:1px solid var(--card-accent);color:var(--text);font-family:var(--font-head, "Barlow Condensed", sans-serif);font-weight:700;font-size:16px;letter-spacing:.02em;display:grid;place-items:center;text-transform:uppercase}.tone-card__heading{min-width:0}.tone-card__artist{font-family:var(--font-mono, "DM Mono", monospace);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--card-accent);margin:0 0 4px;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tone-card__star{color:#ffd93d;font-size:12px;line-height:1}.tone-card__name{font-family:var(--font-head, "Barlow Condensed", sans-serif);font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text);margin:0 0 2px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tone-card__song{font-size:12px;color:var(--muted);margin:0;font-style:italic;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.tone-card__mode{font-family:var(--font-mono, "DM Mono", monospace);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border:1px solid var(--border2);border-radius:4px;color:var(--text);background:var(--bg);white-space:nowrap;align-self:flex-start}.tone-card__mode--clean{color:var(--on, #3ddc84);border-color:#3ddc8466;background:#3ddc8414}.tone-card__mode--crunch{color:var(--accent-oasis, #4a9eff);border-color:#4a9eff66;background:#4a9eff14}.tone-card__mode--lead{color:var(--accent-gnr, #e8512a);border-color:#e8512a66;background:#e8512a14}.tone-card__mode--hi-gain{color:var(--accent-metal, #8844dd);border-color:#84d6;background:#8844dd14}.tone-card__mode--special{color:var(--accent-vh, #cc3333);border-color:#c336;background:#cc333314}.tone-card__knobs{display:flex;gap:14px;padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.tone-card__meta{display:flex;flex-wrap:wrap;gap:6px}.tone-card__chip{font-family:var(--font-mono, "DM Mono", monospace);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:var(--bg);border:1px solid var(--border);color:var(--text)}.tone-card__chip--ghost{color:var(--muted);background:transparent}.tone-card__tags{display:flex;flex-wrap:wrap;gap:6px}.tone-card__tag{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--card-accent-soft);color:var(--text);border:1px solid transparent;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tone-card__tag--more{background:transparent;border-color:var(--border2);color:var(--muted)}.tone-knob{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px}.tone-knob__svg{display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.tone-knob__label{font-family:var(--font-mono, "DM Mono", monospace);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:2px}.tone-knob__value{font-family:var(--font-mono, "DM Mono", monospace);font-size:12px;color:var(--text);background:var(--bg);padding:2px 8px;border-radius:4px;border:1px solid var(--border);font-weight:500;letter-spacing:.02em;text-align:center;min-width:56px}.tone-knob-mini{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.tone-knob-mini__label{font-family:var(--font-mono, "DM Mono", monospace);font-size:9px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.tone-detail{--hero-accent: var(--accent-oasis, #4a9eff);--hero-accent-soft: rgba(74, 158, 255, .16);display:flex;flex-direction:column;gap:24px}.tone-detail--gnr{--hero-accent: var(--accent-gnr, #e8512a);--hero-accent-soft: rgba(232, 81, 42, .16)}.tone-detail--oasis{--hero-accent: var(--accent-oasis, #4a9eff);--hero-accent-soft: rgba(74, 158, 255, .16)}.tone-detail--clapton{--hero-accent: var(--accent-clapton, #c8a84b);--hero-accent-soft: rgba(200, 168, 75, .16)}.tone-detail--vh{--hero-accent: var(--accent-vh, #cc3333);--hero-accent-soft: rgba(204, 51, 51, .16)}.tone-detail--metal{--hero-accent: var(--accent-metal, #8844dd);--hero-accent-soft: rgba(136, 68, 221, .16)}.tone-detail--mayer{--hero-accent: var(--accent-mayer, #6dd3ce);--hero-accent-soft: rgba(109, 211, 206, .16)}.tone-detail--edge{--hero-accent: var(--accent-edge, #ff6b9d);--hero-accent-soft: rgba(255, 107, 157, .16)}.tone-detail--srv{--hero-accent: var(--accent-srv, #d4a574);--hero-accent-soft: rgba(212, 165, 116, .16)}.tone-detail--gilmour{--hero-accent: var(--accent-gilmour, #9c88ff);--hero-accent-soft: rgba(156, 136, 255, .16)}.tone-detail--clark-jr{--hero-accent: var(--accent-clark-jr, #00b894);--hero-accent-soft: rgba(0, 184, 148, .16)}.tone-detail--rodgers{--hero-accent: var(--accent-rodgers, #fd79a8);--hero-accent-soft: rgba(253, 121, 168, .16)}.tone-detail--wylde{--hero-accent: var(--accent-wylde, #ffd93d);--hero-accent-soft: rgba(255, 217, 61, .16)}.tone-detail--satriani{--hero-accent: var(--accent-satriani, #74b9ff);--hero-accent-soft: rgba(116, 185, 255, .16)}.tone-detail--hendrix{--hero-accent: var(--accent-hendrix, #fdcb6e);--hero-accent-soft: rgba(253, 203, 110, .16)}.tone-detail--knopfler{--hero-accent: var(--accent-knopfler, #b2bec3);--hero-accent-soft: rgba(178, 190, 195, .16)}.tone-detail--bb-king{--hero-accent: var(--accent-bb-king, #e17055);--hero-accent-soft: rgba(225, 112, 85, .16)}.tone-detail--santana{--hero-accent: var(--accent-santana, #ff7675);--hero-accent-soft: rgba(255, 118, 117, .16)}.tone-detail--beck{--hero-accent: var(--accent-beck, #a29bfe);--hero-accent-soft: rgba(162, 155, 254, .16)}.tone-detail--atkins{--hero-accent: var(--accent-atkins, #dfe6e9);--hero-accent-soft: rgba(223, 230, 233, .16)}.tone-detail--buddy-guy{--hero-accent: var(--accent-buddy-guy, #00cec9);--hero-accent-soft: rgba(0, 206, 201, .16)}.tone-detail--albert-king{--hero-accent: var(--accent-albert-king, #6c5ce7);--hero-accent-soft: rgba(108, 92, 231, .16)}.tone-detail__hero{position:relative;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 100% 0%,var(--hero-accent-soft),transparent 50%),radial-gradient(circle at 0% 100%,rgba(0,0,0,.45),transparent 60%),var(--bg2);border:1px solid var(--border2);border-left:4px solid var(--hero-accent)}.tone-detail__hero-inner{padding:28px 32px}.tone-detail__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--font-mono, "DM Mono", monospace);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.tone-detail__mode-pill{font-family:var(--font-mono, "DM Mono", monospace);font-size:10px;letter-spacing:.12em;padding:4px 10px;border-radius:4px;border:1px solid var(--border2);color:var(--text);background:var(--bg)}.tone-detail__mode-pill--clean{color:var(--on, #3ddc84);border-color:#3ddc8480;background:#3ddc841a}.tone-detail__mode-pill--crunch{color:var(--accent-oasis);border-color:#4a9eff80;background:#4a9eff1a}.tone-detail__mode-pill--lead{color:var(--accent-gnr);border-color:#e8512a80;background:#e8512a1a}.tone-detail__mode-pill--hi-gain{color:var(--accent-metal);border-color:#8844dd80;background:#8844dd1a}.tone-detail__mode-pill--special{color:var(--accent-vh);border-color:#cc333380;background:#cc33331a}.tone-detail__kicker-sep{color:var(--border2)}.tone-detail__kicker-text{color:var(--muted)}.tone-detail__kicker-original{color:#ffd93d}.tone-detail__title{font-family:var(--font-head, "Barlow Condensed", sans-serif);font-size:clamp(28px,4.5vw,42px);font-weight:900;letter-spacing:.03em;text-transform:uppercase;color:var(--text);margin:0 0 4px;line-height:1.05}.tone-detail__song{font-family:var(--font-head, "Barlow Condensed", sans-serif);font-size:clamp(16px,2vw,20px);font-weight:400;font-style:italic;color:var(--muted);margin:0 0 12px;line-height:1.3}.tone-detail__inspired{font-size:13px;color:var(--muted);margin:0}.tone-detail__inspired strong{color:var(--hero-accent);font-weight:600}.tone-detail__panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}@media (max-width: 900px){.tone-detail__panel{grid-template-columns:1fr}}.tone-panel{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:20px 22px}.tone-panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.tone-panel__title{font-family:var(--font-head, "Barlow Condensed", sans-serif);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin:0}.tone-panel__hint{font-family:var(--font-mono, "DM Mono", monospace);font-size:10px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.tone-knobs{display:flex;flex-wrap:wrap;gap:18px 20px;justify-content:flex-start;align-items:flex-start;padding:8px 0 4px}.tone-guitar-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--border)}.tone-guitar-row__item{display:flex;align-items:baseline;gap:8px;font-size:12px}.tone-guitar-row__label{font-family:var(--font-mono, "DM Mono", monospace);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tone-guitar-row__val{font-family:var(--font-mono, "DM Mono", monospace);font-size:12px;color:var(--text)}.tone-cabinet__name{font-family:var(--font-head, "Barlow Condensed", sans-serif);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text);margin-bottom:12px;line-height:1.2}.tone-cabinet__list{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}.tone-cabinet__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;padding:6px 0;border-bottom:1px dashed var(--border)}.tone-cabinet__row:last-child{border-bottom:none}.tone-cabinet__row dt{font-family:var(--font-mono, "DM Mono", monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}.tone-cabinet__row dd{margin:0;color:var(--text);text-align:right}.tone-cabinet__code{font-family:var(--font-mono, "DM Mono", monospace);font-size:12px}.tone-cabinet__origin{font-family:var(--font-mono, "DM Mono", monospace);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:4px;border:1px solid var(--border2);color:var(--text);background:var(--bg)}.tone-cabinet__origin--american{color:var(--accent-oasis, #4a9eff);border-color:#4a9eff80}.tone-cabinet__origin--british{color:var(--accent-gnr, #e8512a);border-color:#e8512a80}.tone-cabinet__origin--modern{color:var(--accent-metal, #8844dd);border-color:#8844dd80}.tone-cabinet__origin--boutique{color:var(--accent-clapton, #c8a84b);border-color:#c8a84b80}.tone-cabinet__origin--yamaha{color:var(--accent-mayer, #6dd3ce);border-color:#6dd3ce80}.tone-cabinet__desc{font-size:13px;color:var(--muted);line-height:1.55;margin:0}.tone-section{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:20px 22px}.tone-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.tone-section__title{font-family:var(--font-head, "Barlow Condensed", sans-serif);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin:0}.tone-effects{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.tone-effect{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s ease,opacity .15s ease}.tone-effect--off{opacity:.55}.tone-effect--on{border-color:#4a9eff4d}.tone-effect__head{display:flex;align-items:center;gap:8px}.tone-effect__led{width:10px;height:10px;border-radius:50%;background:#2a2a2a;border:1px solid #1a1a1a;box-shadow:inset 0 1px 2px #0009;flex-shrink:0}.tone-effect--on .tone-effect__led{background:var(--on, #3ddc84);border-color:#3ddc8499;box-shadow:0 0 6px #3ddc8499,inset 0 1px 2px #ffffff4d}.tone-effect__name{font-family:var(--font-head, "Barlow Condensed", sans-serif);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text);flex:1}.tone-effect__type{font-family:var(--font-mono, "DM Mono", monospace);font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:3px;background:var(--bg2);border:1px solid var(--border2);color:var(--muted)}.tone-effect__status{font-family:var(--font-mono, "DM Mono", monospace);font-size:9px;letter-spacing:.1em;color:var(--muted)}.tone-effect--on .tone-effect__status{color:var(--on, #3ddc84)}.tone-effect__desc{font-size:12px;color:var(--muted);margin:0;line-height:1.4}.tone-effect__params{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px;margin:0;padding-top:8px;border-top:1px dashed var(--border2)}.tone-effect__param{display:flex;flex-direction:column;gap:2px}.tone-effect__param dt{font-family:var(--font-mono, "DM Mono", monospace);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0}.tone-effect__param dd{margin:0;font-family:var(--font-mono, "DM Mono", monospace);font-size:12px;color:var(--text);font-weight:500}.tone-tags{display:flex;flex-wrap:wrap;gap:6px}.tone-tag{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--border2);color:var(--text)}.tone-collapse{background:var(--bg2);border:1px solid var(--border);border-radius:14px;overflow:hidden}.tone-collapse[open]{background:var(--bg2)}.tone-collapse__summary{padding:16px 22px;cursor:pointer;font-family:var(--font-head, "Barlow Condensed", sans-serif);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text);list-style:none;display:flex;align-items:center;gap:10px;user-select:none;transition:background .15s ease}.tone-collapse__summary::-webkit-details-marker{display:none}.tone-collapse__summary:before{content:"▸";color:var(--muted);font-size:12px;transition:transform .2s ease;display:inline-block}.tone-collapse[open]>.tone-collapse__summary:before{transform:rotate(90deg);color:var(--hero-accent, var(--accent-oasis))}.tone-collapse__summary:hover{background:var(--bg3, #1e1e1e)}.tone-collapse>*:not(summary){padding:0 22px 20px}.tone-definitions{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding-top:14px!important}.tone-definitions__row{display:grid;grid-template-columns:110px 1fr;gap:14px;font-size:13px;line-height:1.5}@media (max-width: 600px){.tone-definitions__row{grid-template-columns:1fr;gap:2px}}.tone-definitions__row dt{font-family:var(--font-head, "Barlow Condensed", sans-serif);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin:0}.tone-definitions__row dd{margin:0;color:var(--muted)}.tone-story{display:flex;flex-direction:column;gap:18px;border-top:1px solid var(--border);padding-top:14px!important}.tone-story__block h3{font-family:var(--font-head, "Barlow Condensed", sans-serif);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--hero-accent);margin:0 0 6px}.tone-story__block p{font-size:14px;line-height:1.6;color:var(--text);margin:0}.tone-equipment{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--border);padding-top:14px!important}@media (max-width: 700px){.tone-equipment{grid-template-columns:1fr}}.tone-equipment__col h3{font-family:var(--font-head, "Barlow Condensed", sans-serif);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--hero-accent);margin:0 0 10px}.tone-equipment__row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--border);font-size:13px}.tone-equipment__row span:first-child{font-family:var(--font-mono, "DM Mono", monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tone-equipment__row span:last-child{color:var(--text);text-align:right}.tone-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.tone-tip{background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--hero-accent);border-radius:8px;padding:12px 14px}.tone-tip__technique{font-family:var(--font-head, "Barlow Condensed", sans-serif);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin:0 0 6px}.tone-tip__desc{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.tone-resources{display:flex;flex-wrap:wrap;gap:10px}.tone-resource{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg);border:1px solid var(--border2);border-radius:8px;color:var(--text);text-decoration:none;font-size:13px;transition:all .15s ease}.tone-resource:hover{background:var(--bg3, #1e1e1e);border-color:var(--hero-accent);color:var(--hero-accent);transform:translateY(-1px)}.tone-resource__icon{font-size:16px}.tone-similar{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tone-similar__card{--s-accent: var(--accent-oasis, #4a9eff);background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--s-accent);border-radius:10px;padding:14px;cursor:pointer;text-align:left;font-family:var(--font-body);color:var(--text);transition:all .15s ease;display:flex;flex-direction:column;gap:4px}.tone-similar__card:hover{background:var(--bg3, #1e1e1e);border-color:var(--s-accent);transform:translateY(-2px);box-shadow:0 6px 14px #0000004d}.tone-similar__card--gnr{--s-accent: var(--accent-gnr, #e8512a)}.tone-similar__card--oasis{--s-accent: var(--accent-oasis, #4a9eff)}.tone-similar__card--clapton{--s-accent: var(--accent-clapton, #c8a84b)}.tone-similar__card--vh{--s-accent: var(--accent-vh, #cc3333)}.tone-similar__card--metal{--s-accent: var(--accent-metal, #8844dd)}.tone-similar__card--mayer{--s-accent: var(--accent-mayer, #6dd3ce)}.tone-similar__card--edge{--s-accent: var(--accent-edge, #ff6b9d)}.tone-similar__card--srv{--s-accent: var(--accent-srv, #d4a574)}.tone-similar__card--gilmour{--s-accent: var(--accent-gilmour, #9c88ff)}.tone-similar__card--clark-jr{--s-accent: var(--accent-clark-jr, #00b894)}.tone-similar__card--rodgers{--s-accent: var(--accent-rodgers, #fd79a8)}.tone-similar__card--wylde{--s-accent: var(--accent-wylde, #ffd93d)}.tone-similar__card--satriani{--s-accent: var(--accent-satriani, #74b9ff)}.tone-similar__card--hendrix{--s-accent: var(--accent-hendrix, #fdcb6e)}.tone-similar__card--knopfler{--s-accent: var(--accent-knopfler, #b2bec3)}.tone-similar__card--bb-king{--s-accent: var(--accent-bb-king, #e17055)}.tone-similar__card--santana{--s-accent: var(--accent-santana, #ff7675)}.tone-similar__card--beck{--s-accent: var(--accent-beck, #a29bfe)}.tone-similar__card--atkins{--s-accent: var(--accent-atkins, #dfe6e9)}.tone-similar__card--buddy-guy{--s-accent: var(--accent-buddy-guy, #00cec9)}.tone-similar__card--albert-king{--s-accent: var(--accent-albert-king, #6c5ce7)}.tone-similar__artist{font-family:var(--font-mono, "DM Mono", monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--s-accent)}.tone-similar__name{font-family:var(--font-head, "Barlow Condensed", sans-serif);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text);line-height:1.2}.tone-similar__song{font-size:12px;color:var(--muted);font-style:italic}.tone-similar__meta{display:flex;gap:6px;font-family:var(--font-mono, "DM Mono", monospace);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:4px}.tone-footer{margin-top:12px;padding:16px 0;border-top:1px solid var(--border);font-size:11px;color:var(--muted);line-height:1.5}.tone-footer p{margin:0 0 6px}.tone-footer p:last-child{margin:0}.tone-footer__note{font-size:10px;opacity:.85}@media (max-width: 700px){.tone-detail__hero-inner{padding:22px 20px}.tone-panel,.tone-section{padding:16px 18px}.tone-collapse__summary{padding:14px 18px}.tone-collapse>*:not(summary){padding:0 18px 16px}}.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;inset:0;background:repeating-linear-gradient(0deg,#fff0 0 3px,#00f4ff14 3px 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;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff0 0 5px,#00f4ff0d 5px 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;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff0 0 3px,#00f4ff0d 3px 4px);opacity:.75}.practice-mode.karaoke-arcade:after{content:"";position:absolute;inset: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;inset: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;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-how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;margin:0 0 20px;padding:0}.yt-loop-how-step{position:relative;display:flex;align-items:flex-start;gap:10px;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--border2);border-radius:11px;padding:12px 13px;transition:border-color .18s,transform .18s}.yt-loop-how-step:hover{border-color:#ff000059;transform:translateY(-1px)}.yt-loop-how-num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--yt-grad);color:#fff;font-family:var(--font-mono);font-size:13px;font-weight:800;box-shadow:0 2px 10px #f006,inset 0 1px #ffffff4d}.yt-loop-how-text{display:flex;flex-direction:column;gap:2px;min-width:0}.yt-loop-how-title{font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--text)}.yt-loop-how-detail{font-family:var(--font-body);font-size:11.5px;color:var(--muted);line-height:1.35}@media (max-width: 540px){.yt-loop-how-it-works{grid-template-columns:1fr}}.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;inset: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;inset: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-position-chip{display:inline-flex;align-items:baseline;gap:6px;background:#00000059;border:1px solid var(--border2);border-radius:8px;padding:6px 10px;margin-left:auto;font-family:var(--font-mono);letter-spacing:.04em}.yt-loop-position-label{color:var(--muted);font-size:9.5px;font-weight:700;text-transform:uppercase}.yt-loop-position-value{color:#ffd5d5;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.yt-loop-position-total{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.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-hint{margin:8px 0 0;color:var(--muted);font-size:11.5px;line-height:1.4;font-style:italic}.yt-loop-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border2);border-radius:10px;background:#00000038;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.yt-loop-shortcuts-label{font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.yt-loop-shortcut{display:inline-flex;align-items:center;gap:6px;color:var(--text)}.yt-loop-shortcut kbd{font-family:var(--font-mono);font-size:10.5px;font-weight:700;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border:1px solid var(--border2);border-bottom-width:2px;border-radius:5px;padding:2px 7px;color:#ffd5d5;box-shadow:inset 0 1px #ffffff0f;min-width:18px;text-align:center}.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-empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 16px 18px;border:1px dashed var(--border2);border-radius:12px;background:#ffffff04;text-align:center}.yt-loop-empty-icon{font-size:28px;line-height:1;opacity:.55}.yt-loop-empty-state .yt-loop-empty{color:var(--text);font-size:13px;font-weight:600}.yt-loop-empty-hint{color:var(--muted);font-size:12px;margin:0;max-width:38ch;line-height:1.4}.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-note{margin-top:4px;background:#ffffff05;border:1px solid transparent;border-radius:6px;color:var(--text);font-family:var(--font-body);font-size:12px;padding:4px 7px;width:100%;min-width:0;transition:background .15s,border-color .15s}.yt-loop-saved-note::placeholder{color:var(--muted);opacity:.7;font-style:italic}.yt-loop-saved-note:hover{background:#ffffff0a;border-color:var(--border2)}.yt-loop-saved-note:focus{background:#ffffff0f;border-color:#f006;outline:none}.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-share-preset-btn{background:transparent;border:1px solid var(--border2);border-radius:7px;color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;transition:border-color .15s,color .15s,background .15s}.yt-loop-share-preset-btn:hover{border-color:#fff6;color:var(--text);background:#ffffff0a}.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;-webkit-user-select:none;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}}.profile-page{max-width:880px;margin:0 auto;padding:1.5rem 1rem 4rem;display:flex;flex-direction:column;gap:1.5rem}.profile-header{display:flex;flex-direction:column;gap:.4rem}.profile-kicker{text-transform:uppercase;font-size:.75rem;letter-spacing:.12em;color:var(--accent, #d4af37);margin:0}.profile-header h2{margin:0;font-size:1.8rem}.profile-intro{margin:0;color:var(--muted, #aaa);font-size:.95rem}.profile-warning{margin:.4rem 0 0;padding:.6rem .8rem;border-radius:6px;background:#ffc83c14;border:1px solid rgba(255,200,60,.4);color:#f6d36b;font-size:.9rem}.profile-section{background:var(--card-bg, rgba(255, 255, 255, .04));border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.1rem 1.2rem}.profile-section-title{margin:0 0 .8rem;font-size:1.05rem;font-weight:600;letter-spacing:.02em}.profile-section-body{display:flex;flex-direction:column;gap:.8rem}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;align-items:start}.profile-field{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.profile-field--grow{grid-column:span 2}@media (max-width: 600px){.profile-field--grow{grid-column:auto}}.profile-field span{color:var(--muted, #aaa);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.profile-field input,.profile-field select{background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:inherit;padding:.55rem .7rem;font-size:.95rem;font-family:inherit}.profile-field input[type=date]{cursor:pointer;color-scheme:dark}.profile-field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer;opacity:.85}.profile-field input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.profile-field input:focus,.profile-field select:focus{outline:2px solid var(--accent, #d4af37);outline-offset:1px}.profile-field-hint{display:block;margin-top:.3rem;min-height:1.05rem;color:var(--muted, #aaa);font-size:.78rem;letter-spacing:.02em;text-transform:none}.profile-field-hint--far{color:#74d39c}.profile-field-hint--near{color:#e8c46b}.profile-field-hint--soon{color:#f0a060}.profile-field-hint--overdue{color:#f06060;font-weight:600}.profile-list--compact .profile-list-item{padding:.5rem .7rem}.profile-completed-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.profile-completed-name{font-weight:500;text-decoration:line-through;text-decoration-color:#ffffff59}.profile-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.profile-list-item{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.7rem .8rem;background:#ffffff05;display:flex;flex-direction:column;gap:.5rem}.profile-list-item--done{opacity:.7}.profile-list-item--done .profile-field input{text-decoration:line-through}.profile-row-actions{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}.profile-row-btn{appearance:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:inherit;padding:.4rem .75rem;font-size:.82rem;border-radius:6px;cursor:pointer;font-family:inherit}.profile-row-btn:hover{background:#ffffff1f}.profile-row-btn--danger{border-color:#ff505066;color:#ff8a8a}.profile-row-btn--danger:hover{background:#ff50501f}.profile-tag{display:inline-block;background:#50c87826;border:1px solid rgba(80,200,120,.4);color:#7be0a3;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.profile-add-btn{appearance:none;background:transparent;border:1px dashed rgba(255,255,255,.2);color:inherit;padding:.55rem .85rem;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.9rem;align-self:flex-start}.profile-add-btn:hover{border-color:var(--accent, #d4af37);color:var(--accent, #d4af37)}.profile-empty{margin:0;color:var(--muted, #aaa);font-size:.9rem;font-style:italic}.profile-save-bar{position:sticky;bottom:0;display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;padding:.8rem 0;background:linear-gradient(to top,var(--bg, #181818) 60%,transparent)}.profile-save-btn{appearance:none;background:var(--accent, #d4af37);color:#111;border:none;padding:.65rem 1.2rem;font-size:.95rem;font-weight:600;border-radius:6px;cursor:pointer;font-family:inherit}.profile-save-btn:disabled{opacity:.45;cursor:not-allowed}.profile-saved-flash{color:#7be0a3;font-size:.88rem}.profile-save-status{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted, #aaa);min-height:1rem}.profile-save-status--saving{color:#e8c46b}.profile-save-status--saved{color:#74d39c}.profile-save-status--pending{color:#a89f98}.profile-save-status--error{color:#f06060}.start-guide{max-width:900px;margin:0 auto;padding:0 0 64px;color:var(--text)}.start-welcome{display:flex;flex-direction:column;gap:14px;padding:32px 28px;margin:0 0 32px;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)}.start-welcome-kicker{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-oasis);font-weight:700}.start-welcome-greeting{margin:0;font-family:var(--font-head, var(--font-condensed));font-size:32px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.start-welcome-body{margin:0;color:var(--muted);font-size:16px;line-height:1.65;max-width:64ch}.start-welcome-signoff{margin:4px 0 0;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--text);opacity:.85}.start-guide-header{margin:0 0 28px;padding:0 4px}.start-guide-kicker{margin:0 0 8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-oasis);font-weight:700}.start-guide-title{margin:0 0 12px;font-family:var(--font-head, var(--font-condensed));font-size:28px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.start-guide-intro{margin:0;color:var(--muted);font-size:15px;line-height:1.65;max-width:64ch}.start-guide-loop{margin:0 0 32px;padding:18px 20px;border:1px solid var(--border2);border-radius:12px;background:#ffffff05}.start-guide-loop-title{margin:0 0 12px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-oasis)}.start-guide-loop-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.start-guide-loop-list li{font-family:var(--font-mono);font-size:13px;color:var(--text);line-height:1.55}.start-guide-sections{list-style:none;margin:0 0 40px;padding:0;display:grid;gap:14px}.start-guide-section{padding:20px 22px;border:1px solid var(--border2);border-radius:12px;background:var(--bg2);transition:border-color .18s ease,transform .18s ease}.start-guide-section:hover{border-color:#4a9eff66;transform:translateY(-1px)}.start-guide-section-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.start-guide-section-icon{font-size:26px;line-height:1}.start-guide-section-title{margin:0;font-family:var(--font-condensed, var(--font-head));font-size:18px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text)}.start-guide-section-body{margin:0 0 14px;color:var(--muted);font-size:15px;line-height:1.6}.start-guide-cta{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border2);color:var(--text);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:9px 16px;border-radius:8px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.start-guide-cta:hover{border-color:var(--accent-oasis);color:var(--accent-oasis);background:#4a9eff0f}.start-guide-cta--primary{background:var(--accent-oasis);border-color:var(--accent-oasis);color:#0f0f0f;font-weight:700;padding:12px 22px;font-size:13px}.start-guide-cta--primary:hover{background:transparent;color:var(--accent-oasis)}.start-guide-outro{text-align:center;padding:36px 20px 0;border-top:1px solid var(--border)}.start-guide-outro h3{margin:0 0 10px;font-family:var(--font-head, var(--font-condensed));font-size:24px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.start-guide-outro p{margin:0 0 22px;color:var(--muted);font-size:15px;line-height:1.6}@media (max-width: 600px){.start-welcome{padding:24px 20px}.start-welcome-greeting{font-size:26px}.start-guide-title{font-size:22px}.start-guide-section{padding:16px}.start-guide-section-title{font-size:16px}.start-guide-loop{padding:14px 16px}}@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:minmax(0,1fr) minmax(0,1.6fr)}}@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:minmax(0,1fr) minmax(0,1.6fr);gap:22px}}@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;inset:-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}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--color-bg, #0f172a);color:var(--color-text, #f8fafc)}.error-boundary__card{max-width:32rem;width:100%;padding:2rem;border-radius:.75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000059}.error-boundary__title{margin:0 0 .75rem;font-size:1.5rem}.error-boundary__message{margin:0 0 1rem;line-height:1.5;opacity:.85}.error-boundary__detail{margin:0 0 1.25rem;padding:.75rem 1rem;border-radius:.5rem;background:#00000059;font-size:.85rem;white-space:pre-wrap;word-break:break-word;max-height:8rem;overflow:auto}.error-boundary__button{appearance:none;border:0;padding:.65rem 1.25rem;border-radius:.5rem;font-weight:600;cursor:pointer;background:#f59e0b;color:#0f172a}.error-boundary__button:hover{background:#fbbf24}.error-boundary__button:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}@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}