: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;--streak: #ffa53c;--error: #e05252;--accent-amber: #d4a24c;--journey-far: #74d39c;--journey-near: #e8c46b;--journey-soon: #f0a060;--journey-overdue: #f06060;--mode-clean: #4caf50;--mode-crunch: #ff9800;--mode-higain: #f44336;--off: #555;--plate: #e8a84a;--hall: #4a8ee8;--spring: #4ae8a8;--echo: #dd8844;--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%);--color-bg: var(--bg);--color-text: var(--text);--white-a02: rgba(255, 255, 255, .02);--white-a03: rgba(255, 255, 255, .03);--white-a04: rgba(255, 255, 255, .04);--white-a05: rgba(255, 255, 255, .05);--white-a06: rgba(255, 255, 255, .06);--white-a07: rgba(255, 255, 255, .07);--white-a08: rgba(255, 255, 255, .08);--white-a10: rgba(255, 255, 255, .1);--white-a12: rgba(255, 255, 255, .12);--oasis-a04: rgba(74, 158, 255, .04);--oasis-a06: rgba(74, 158, 255, .06);--oasis-a08: rgba(74, 158, 255, .08);--oasis-a10: rgba(74, 158, 255, .1);--oasis-a12: rgba(74, 158, 255, .12);--oasis-a14: rgba(74, 158, 255, .14);--oasis-a15: rgba(74, 158, 255, .15);--oasis-a18: rgba(74, 158, 255, .18);--oasis-a20: rgba(74, 158, 255, .2);--oasis-a22: rgba(74, 158, 255, .22);--oasis-a28: rgba(74, 158, 255, .28);--oasis-a30: rgba(74, 158, 255, .3);--oasis-a35: rgba(74, 158, 255, .35);--oasis-a45: rgba(74, 158, 255, .45);--oasis-a50: rgba(74, 158, 255, .5);--gnr-a12: rgba(232, 81, 42, .12);--gnr-a25: rgba(232, 81, 42, .25);--gnr-a35: rgba(232, 81, 42, .35);--fg: var(--text);--black-a35: rgba(0, 0, 0, .35);--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 var(--oasis-a20)}@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}html{overflow-x:hidden}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]{-webkit-user-select:none;user-select:none}.contributions-card{min-width:0}.tracker-calendar-card{grid-column:1 / -1}.tracker-calendar-title{margin:2px 0 0;font-family:var(--font-head);font-size:20px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);line-height:1.2}.tracker-calendar-desc{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.5}.tracker-heatmap-block{grid-column:1 / -1;display:flex;flex-direction:column}.tracker-heatmap-block>.exercise-home-card{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.tracker-heatmap-block .contributions-card{border-top-left-radius:0;border-top-right-radius:0;border-top:none;padding-top:12px}.tracker-heatmap-block.is-week-complete .contributions-card{border-left:3px solid rgba(46,204,113,.7)}.contributions-shell{margin-top:10px;padding:12px 0 14px;overflow-x:auto;overflow-y:visible;width:100%;min-width:0}.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 var(--white-a05);background:var(--white-a05)}.contrib-cell.level-0{background:#0d1a12;border-color:#1a3025}.contrib-cell.level-1{background:#0d3020;border-color:#0d3020}.contrib-cell.level-2{background:#0f5535;border-color:#0f5535}.contrib-cell.level-3{background:#1a9055;border-color:#1a9055;box-shadow:none}.contrib-cell.level-4{background:var(--on);border-color:var(--on);box-shadow:none}.contrib-cell.is-pad{opacity:.35}.contrib-cell.is-streak{outline:1px solid rgba(255,165,60,.85);outline-offset:1px;box-shadow:0 0 4px #ff8c288c}.contributions-streak{color:var(--streak);font-weight:600;letter-spacing:.04em}.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:20px 24px 80px;width:100%;flex:1;animation:page-fade-in .22s ease-out both}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.nav-progress-bar{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--on);z-index:200;transform-origin:left;animation:nav-progress-slide 1.2s ease-in-out infinite}@keyframes nav-progress-slide{0%{transform:scaleX(.05)}50%{transform:scaleX(.65)}to{transform:scaleX(.9)}}.page-spinner-wrap{display:flex;align-items:center;justify-content:center;min-height:50vh}@keyframes page-spin{to{transform:rotate(360deg)}}.page-spinner{width:26px;height:26px;border:2px solid var(--border2);border-top-color:var(--accent-oasis);border-radius:50%;animation:page-spin .75s linear infinite}.save-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:50px;background:linear-gradient(135deg,#3ddc842e,#22a0601f);border:1px solid rgba(61,220,132,.4);color:var(--on);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 8px 28px #00000073,0 0 0 1px #3ddc841a;z-index:500;pointer-events:none;animation:save-toast-in .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes save-toast-in{0%{opacity:0;transform:translate(-50%) translateY(16px) scale(.88)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.header{background:linear-gradient(180deg,#161616fa,#0f0f0ff5);border-bottom:1px solid var(--white-a08);-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;-webkit-user-select:none;user-select:none}.header-kicker{margin:0 0 2px;font-family:var(--font-mono);font-size:10px;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}.header-breadcrumb-home{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:color .12s ease}.header-breadcrumb-home:hover{color:var(--text)}.header-breadcrumb-sep{display:inline;color:var(--border2);margin:0 3px}.header-breadcrumb-current{display:inline;color:var(--text)}.header-title-row{display:flex;align-items:center;gap:12px}.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-tagline{margin:0 0 2px;font-family:var(--font-mono);font-size:10px;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:.7}.header-tagline--breadcrumb{opacity:1}.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}.streak-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--streak);border:1px solid rgba(255,165,60,.45);background:#ff8c2814;border-radius:999px;padding:6px 10px;white-space:nowrap;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.streak-chip:hover,.streak-chip:focus-visible{background:#ff8c2829;border-color:#ffa53cbf;transform:translateY(-1px)}.streak-chip-flame{font-size:13px;line-height:1}@media (max-width: 540px){.streak-chip--header .streak-chip-text{display:none}}.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:var(--oasis-a15)}.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:var(--oasis-a12)}.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:16px;display:flex;flex-direction:column;gap:12px;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:2px}.drawer-nav-item{display:flex;align-items:center;gap:12px;width:100%;.drawer-nav-icon--learn{color:var(--error);text-shadow:0 0 10px rgba(224,82,82,.45)}padding:7px 10px;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:16px;flex-shrink:0;width:24px;text-align:center}.drawer-nav-text{display:flex;flex-direction:column;gap:1px}.drawer-nav-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.drawer-nav-desc{font-size:10px;color:var(--muted);line-height:1.35}.auth-user-slim{display:flex;align-items:center;gap:10px;padding:2px 0 14px;border-bottom:1px solid var(--border);margin-bottom:4px}.auth-avatar-sm{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border2)}.auth-avatar-initials{width:30px;height:30px;border-radius:50%;background:var(--bg3);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--muted);flex-shrink:0}.auth-user-slim-name{flex:1;font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-signout-sm{padding:5px 10px;border-radius:6px;border:1px solid var(--border2);background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s}.auth-signout-sm:hover{border-color:#ffffff38;color:var(--text)}.auth-user-info{display:flex;flex-direction:column;gap:12px;padding-top:4px}.auth-user-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px 16px;border-radius:12px;background:var(--bg3);border:1px solid var(--border2);text-align:center}.auth-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-quick-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:8px;border:1px solid var(--border2);background:var(--bg3);color:var(--text);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:border-color .15s,background .15s,color .15s;text-align:center}.auth-quick-btn:hover{border-color:#ffffff38;background:#ffffff0d;color:var(--text)}.auth-avatar{width:72px;height:72px;border-radius:50%;border:2px solid var(--accent-clapton);object-fit:cover;flex-shrink:0;margin-bottom:4px}.auth-welcome{margin:0;font-size:16px;color:var(--text)}.auth-signin-panel{display:flex;flex-direction:column;gap:14px;padding-top:8px}.auth-pitch-card{padding:12px;border-radius:10px;background:var(--bg3);border:1px solid var(--border2)}.auth-pitch{margin:0;font-size:13px;color:var(--text);line-height:1.55}.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{padding-top:12px;border-top:1px solid var(--border2);display:flex;flex-direction:column;gap:6px}.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:4px}.drawer-lang-btn{display:flex;align-items:center;gap:10px;padding:7px 12px;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:var(--oasis-a12);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;text-align:center}.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:var(--oasis-a08)}.auth-google-btn{border-color:#4285f466}.auth-signout-btn{margin-top:8px;color:var(--muted)}.auth-signout-pill{margin-top:8px;padding:7px 28px;border-radius:20px;border:1px solid var(--border2);background:transparent;color:var(--muted);font-size:13px;font-family:var(--font-body);cursor:pointer;align-self:stretch;transition:border-color .15s,background .15s,color .15s}.auth-signout-pill:hover{border-color:var(--accent-oasis);background:var(--oasis-a08);color:var(--text)}.drawer-data-actions{display:flex;flex-direction:column;gap:4px}.drawer-data-btn{display:flex;align-items:center;padding:7px 12px;border-radius:8px;border:1px solid var(--border2);background:var(--bg3);color:var(--muted);font-size:12px;font-family:var(--font-body);cursor:pointer;text-align:left;transition:border-color .15s,background .15s,color .15s}.drawer-data-btn:hover{border-color:var(--border);color:var(--text)}.drawer-data-btn--danger{color:var(--error);border-color:#e0525240}.drawer-data-btn--danger:hover{border-color:#e0525299;background:#e0525212;color:var(--error)}.drawer-confirm-overlay{position:fixed;inset:0;z-index:230;background:radial-gradient(circle at 75% 25%,rgba(224,82,82,.12),transparent 50%),#0009;display:flex;align-items:center;justify-content:center;padding:16px}.drawer-confirm-modal{width:min(380px,100%);border-radius:12px;border:1px solid rgba(224,82,82,.34);background:radial-gradient(ellipse 280px 120px at 100% 0%,rgba(224,82,82,.1),transparent 62%),var(--bg2);box-shadow:0 14px 40px #00000073,inset 0 1px #ffffff0f;padding:14px;display:flex;flex-direction:column;gap:8px}.drawer-confirm-kicker{margin:0;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--error)}.drawer-confirm-body{margin:0;font-family:var(--font-body);font-size:13px;color:var(--text);line-height:1.45}.drawer-confirm-actions{display:flex;gap:8px;margin-top:2px}.drawer-confirm-actions .drawer-data-btn{flex:1;justify-content:center}.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}}.drawer-legal{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0 4px}.drawer-legal-link{background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:2px 0;transition:color .15s}.drawer-legal-link:hover{color:var(--text)}.drawer-legal-sep{font-size:10px;color:var(--border2)}.legal-page{max-width:680px;margin:0 auto;padding:32px 24px 80px}.legal-header{margin-bottom:32px}.legal-title{font-family:var(--font-head);font-size:28px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin:0 0 6px}.legal-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.legal-section{margin-bottom:28px}.legal-section-heading{font-family:var(--font-head);font-size:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin:0 0 8px}.legal-section-body{font-family:var(--font-body);font-size:13px;color:var(--muted);line-height:1.65;margin:0}.controls-section{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.landing-intro{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:900px;padding:0;border:none;border-radius:0;background:none}.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:28px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}.landing-description{margin:0;max-width:none;color:var(--muted);font-size:15px;line-height:1.65}.landing-gear{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--border2);border-radius:10px;background:var(--white-a03);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:13px;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{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;background:radial-gradient(ellipse 700px 260px at 0% 0%,rgba(200,168,75,.52),transparent 58%),radial-gradient(ellipse 400px 240px at 100% 100%,rgba(255,165,60,.36),transparent 55%),radial-gradient(ellipse 300px 200px at 50% 110%,rgba(200,168,75,.14),transparent 55%),var(--bg2);border-color:#c8a84b94;box-shadow:0 6px 28px #00000059,0 0 80px #c8a84b24,inset 0 1px #ffdc642e}.landing-journey:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#c8a84b33,#ffd250f2,#ffa53ce6 70%,#c8a84b26)}.landing-journey-kicker{margin:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-clapton);text-shadow:0 0 12px rgba(200,168,75,.6),0 0 30px rgba(200,168,75,.22);opacity:1}.landing-journey h3{margin:0;font-family:var(--font-head);font-size:18px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#fff,#ffe8a0,#d4a830);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.landing-journey-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.journey-milestone--challenge,.journey-milestone--empty{grid-column:1 / -1}@media (max-width: 480px){.landing-journey-milestones{grid-template-columns:1fr}}.journey-milestone{display:flex;flex-direction:column;gap:2px}.journey-milestone:not(.journey-milestone--challenge):not(.journey-milestone--empty){align-items:flex-start}.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-clapton);font-weight:600;text-shadow:0 0 12px rgba(200,168,75,.5)}.journey-duration{letter-spacing:.02em}.journey-milestone--challenge{padding-top:4px;border-top:1px solid rgba(200,168,75,.22);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:#c8a84b8c}.journey-tag--far{color:var(--journey-far);border-color:#74d39c8c}.journey-tag--near{color:var(--journey-near);border-color:#e8c46b99}.journey-tag--soon{color:var(--journey-soon);border-color:#f0a060b3}.journey-tag--overdue{color:var(--journey-overdue);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(--accent-clapton);border-color:#c8a84b8c;outline:none}.landing-journey-gear{display:flex;flex-wrap:wrap;column-gap:24px;row-gap:3px;padding-top:10px;border-top:1px solid var(--border2)}.journey-gear-label{flex:0 0 100%;font-family:var(--font-mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-clapton);text-shadow:0 0 10px rgba(200,168,75,.45);margin-bottom:2px;opacity:1}@media (max-width: 480px){.landing-journey-gear{flex-direction:column}}.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:var(--white-a02)}.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:14px;padding:20px;background:linear-gradient(150deg,var(--white-a03),rgba(255,255,255,.01));display:grid;gap:10px;box-shadow:0 4px 24px #00000052,inset 0 1px #ffffff0a}.home-band-card-full{grid-column:1 / -1}@keyframes daily-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes daily-glow{0%,to{box-shadow:0 4px 24px #00000052,inset 0 1px #ffffff0a,0 0 0 1px #4a9eff2e,0 0 14px #4a9eff24}50%{box-shadow:0 4px 24px #00000052,inset 0 1px #ffffff0a,0 0 0 1px #4a9eff6b,0 0 28px #4a9eff47}}.daily-exercise-card{animation:daily-fade-up .45s ease-out both}.daily-exercise-card:not(.daily-exercise-card--done){border-color:#4a9eff59;animation:daily-fade-up .45s ease-out both,daily-glow 4s ease-in-out infinite}@keyframes pg-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pg-dashboard{display:flex;flex-direction:column;gap:14px;width:100%;max-width:820px;margin:0 auto;padding:4px 0 60px;animation:pg-fade-up .4s ease-out both;overflow-x:hidden}.pg-section-divider{display:flex;align-items:center;gap:10px;margin:6px 0 0}.pg-section-divider:before,.pg-section-divider:after{content:"";flex:1;height:1px;background:var(--border)}.pg-section-divider-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.pg-week-card{position:relative;overflow:hidden;background:radial-gradient(ellipse 500px 200px at 100% 0%,rgba(61,220,132,.1),transparent 55%),var(--bg2);border:1px solid var(--border2);border-radius:18px;padding:20px 22px 18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 28px #00000047,inset 0 1px #ffffff0a}.pg-week-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(135deg,var(--on) 0%,rgba(61,220,132,.25) 100%)}.pg-week-card--blue{background:radial-gradient(ellipse 500px 200px at 100% 0%,rgba(74,158,255,.1),transparent 55%),var(--bg2)}.pg-week-card--blue:before{background:linear-gradient(135deg,var(--accent-oasis) 0%,rgba(74,158,255,.25) 100%)}.pg-week-card--blue .pg-routine-bar-count{color:var(--accent-oasis)}.pg-week-card--blue .pg-routine-bar-fill{background:linear-gradient(90deg,var(--accent-oasis) 0%,rgba(74,158,255,.55) 100%);box-shadow:0 0 8px #4a9eff4d}.pg-week-card-inline{border-top:1px solid var(--border);margin-top:4px;padding-top:20px}.pg-week-card-inline .pg-routine-bar-count{color:var(--accent-oasis)}.pg-week-card-inline .pg-routine-bar-fill{background:linear-gradient(90deg,var(--accent-oasis) 0%,#2d7dd2 100%);box-shadow:0 0 8px #4a9eff66}.pg-week-card-cols{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.pg-week-card-col-main{display:flex;flex-direction:column;gap:14px;min-width:0}.pg-week-card-col-stats{display:flex;align-items:center;padding-left:20px;border-left:1px solid var(--border)}@media (max-width: 560px){.pg-week-card-cols{grid-template-columns:1fr}.pg-week-card-col-stats{border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:12px}}.pg-routine-bar-wrap{display:flex;flex-direction:column;gap:6px}.pg-routine-bar-labels{display:flex;justify-content:space-between;align-items:baseline}.pg-routine-bar-title{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pg-routine-bar-count{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--on);letter-spacing:.05em}.pg-routine-bar-track{height:6px;background:#ffffff12;border-radius:99px;overflow:hidden}.pg-routine-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--on) 0%,rgba(61,220,132,.6) 100%);box-shadow:0 0 8px #3ddc8459;transition:width .5s ease-out}.pg-week-mini-stats{display:flex;gap:20px;flex-wrap:wrap}.pg-week-mini-stat{display:flex;flex-direction:column;gap:2px}.pg-week-mini-value{font-family:var(--font-mono);font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1;color:var(--accent-oasis);font-variant-numeric:tabular-nums}.pg-week-mini-value--bpm{color:var(--on)}.pg-week-mini-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pg-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 760px){.pg-stats-row{grid-template-columns:repeat(2,1fr)}}.pg-hero{display:flex;flex-direction:column;gap:12px}.pg-hero-identity{display:flex;align-items:center;gap:1rem}.pg-hero-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.pg-avatar--initials{background:#3ddc841f!important;border-color:#3ddc8473!important;color:var(--on)!important;box-shadow:0 0 18px #3ddc8440!important}.pg-kicker{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}.pg-hero-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pg-hero-heading{margin:0;flex:1;font-family:var(--font-head);font-size:28px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--on);line-height:1.1}.pg-playing-for{font-size:13px;color:var(--muted);margin:0;line-height:1.4}.pg-playing-for strong{color:var(--text);font-weight:600}.pg-habit-chain{display:flex;gap:8px;align-items:flex-end}.pg-habit-day{display:flex;flex-direction:column;align-items:center;gap:5px}.pg-habit-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--white-a12);background:var(--bg3);transition:background .2s,border-color .2s}.pg-habit-dot--done{background:var(--on);border-color:#3ddc8480;box-shadow:0 0 6px #3ddc8473}.pg-habit-dot--today:not(.pg-habit-dot--done){border-color:#fff6;background:var(--white-a07)}.pg-habit-dot--future{opacity:.3}.pg-habit-dow{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.pg-streak-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pg-streak-badge{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;background:linear-gradient(135deg,#ffa53c38,#ff8c001c);border:1px solid rgba(255,165,60,.42);border-radius:8px;color:var(--streak);padding:4px 10px;white-space:nowrap;box-shadow:0 0 12px #ffa53c26}.pg-compound-msg{font-size:12px;color:var(--muted);font-style:italic;margin:0}.pg-goal-line{font-size:13px;color:var(--muted);margin:0;border-top:1px solid var(--border);padding-top:8px;line-height:1.5}.pg-goal-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-oasis);margin-right:4px}.pg-goal-remaining{color:var(--text);font-style:normal}.pg-stat-card{background:var(--bg2);border:1px solid var(--border2);border-radius:14px;padding:16px 14px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 16px #00000040;transition:transform .16s,box-shadow .16s;min-width:0}.pg-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--black-a35)}.pg-stat-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pg-stat-value{font-family:var(--font-mono);font-size:28px;font-weight:700;letter-spacing:-.01em;line-height:1;font-variant-numeric:tabular-nums}.pg-stat-unit{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:var(--muted)}.pg-stat-card--streak .pg-stat-value{color:var(--streak)}.pg-stat-card--days .pg-stat-value{color:var(--accent-oasis)}.pg-stat-card--sessions .pg-stat-value{color:var(--text)}.pg-stat-card--weeks .pg-stat-value,.pg-stat-card--bpm .pg-stat-value{color:var(--on)}.pg-card{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 28px #00000047,inset 0 1px 0 var(--white-a04)}.pg-section-kicker{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-oasis);margin:0}.pg-card-title{font-family:var(--font-head);font-size:18px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text);margin:0;line-height:1.2}.pg-trend-chart-wrap{display:flex;flex-direction:column;gap:6px;overflow:hidden;min-width:0}.pg-trend-legend{display:flex;gap:16px;justify-content:flex-end}.pg-trend-legend-sessions,.pg-trend-legend-bpm{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.pg-trend-legend-sessions:before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;background:#4a9eff80}.pg-trend-legend-bpm:before{content:"";display:inline-block;width:10px;height:3px;border-radius:99px;background:var(--on)}.pg-chart-tip{display:flex;flex-direction:column;gap:4px;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:8px 12px;font-family:var(--font-mono);font-size:11px;box-shadow:0 4px 16px #00000073}.pg-chart-tip-week{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pg-chart-tip-row{display:flex;justify-content:space-between;gap:16px;color:var(--text)}.pg-chart-tip-row strong{color:var(--on)}.pg-recommend-card{position:relative;overflow:hidden;background:radial-gradient(ellipse 400px 180px at 0% 0%,rgba(74,158,255,.14),transparent 55%),var(--bg2);border:1px solid var(--border2);border-radius:16px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 28px #00000047,inset 0 1px 0 var(--white-a04)}.pg-recommend-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(135deg,var(--accent-oasis) 0%,var(--accent-edge) 100%)}.pg-recommend-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pg-recommend-body{flex:1;min-width:0}.pg-recommend-exercise{font-family:var(--font-head);font-size:22px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text);margin:4px 0 0;line-height:1.2}.pg-recommend-reason{font-size:13px;color:var(--muted);margin:6px 0 0;line-height:1.5}.pg-severity-badge{flex-shrink:0;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:5px;border:1px solid;white-space:nowrap;margin-top:4px}.pg-severity-badge--high{color:var(--journey-overdue);border-color:#f0606073;background:#f060601a}.pg-severity-badge--medium{color:var(--streak);border-color:#ffa53c61;background:#ffa53c17}.pg-severity-badge--low{color:var(--on);border-color:#3ddc8459;background:#3ddc8414}.pg-recommend-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.pg-recommend-meta>span{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--muted)}.pg-focus-tag{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:2px 7px;background:var(--white-a03)}.pg-play-btn{align-self:flex-start;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:10px 20px;border-radius:10px;border:1px solid rgba(74,158,255,.5);background:linear-gradient(135deg,var(--accent-oasis) 0%,rgba(74,158,255,.7) 100%);color:#fff;cursor:pointer;box-shadow:inset 0 1px #ffffff38,0 4px 14px var(--oasis-a35);transition:transform .14s,box-shadow .18s}.pg-play-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,0 8px 22px #4a9eff80}.pg-play-btn:active{transform:scale(.97)}.pg-bests-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.pg-best-row{display:grid;grid-template-columns:26px 1fr 100px 50px;align-items:center;gap:10px}@media (max-width: 480px){.pg-best-row{grid-template-columns:22px 1fr 56px 42px}}.pg-best-rank{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted)}.pg-best-row--gold .pg-best-rank{color:var(--streak)}.pg-best-name{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-best-bar-track{height:6px;border-radius:99px;background:var(--white-a07);overflow:hidden}.pg-best-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,rgba(61,220,132,.55),var(--on));transition:width .6s cubic-bezier(.34,1.56,.64,1)}.pg-best-row--gold .pg-best-bar-fill{background:linear-gradient(90deg,rgba(255,165,60,.55),var(--streak))}.pg-best-bpm{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--on);text-align:right;font-variant-numeric:tabular-nums}.pg-best-row--gold .pg-best-bpm{color:var(--streak)}.pg-charts-section{gap:18px}.pg-empty{background:var(--bg2);border:1px dashed var(--white-a10);border-radius:16px;padding:52px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.pg-empty-icon{color:var(--muted);opacity:.45}.pg-empty-title{font-family:var(--font-head);font-size:18px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0}.pg-empty-hint{font-size:13px;color:var(--muted);max-width:400px;margin:0;line-height:1.5;opacity:.75}.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-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.progress-view-title-row h2{margin:0;font-family:var(--font-head);font-size:clamp(22px,3vw,30px);letter-spacing:.01em}.progress-share-trigger{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:1px solid rgba(74,158,255,.3);background:linear-gradient(135deg,var(--oasis-a10),rgba(40,100,200,.06));color:var(--accent-oasis);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:background .16s,border-color .16s,transform .12s,box-shadow .16s;box-shadow:0 1px 8px var(--oasis-a10),inset 0 1px 0 var(--white-a06);white-space:nowrap}.progress-share-trigger:hover{background:linear-gradient(135deg,var(--oasis-a20),rgba(40,100,200,.12));border-color:#4a9eff8c;transform:translateY(-1px);box-shadow:0 4px 16px var(--oasis-a22),inset 0 1px 0 var(--white-a10)}.progress-share-trigger:active{transform:scale(.97)}@keyframes psc-fade-up{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.psc-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.psc-card{position:relative;width:100%;max-width:440px;background:radial-gradient(circle at 10% 10%,var(--oasis-a10),transparent 45%),radial-gradient(circle at 90% 90%,rgba(61,220,132,.06),transparent 45%),var(--bg2);border:1px solid var(--oasis-a22);border-radius:18px;padding:22px 22px 20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 60px #0000008c,0 2px 8px #0000004d,inset 0 1px 0 var(--white-a06);animation:psc-fade-up .35s cubic-bezier(.22,1,.36,1) both}.psc-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-oasis),var(--on));border-radius:18px 18px 0 0}.psc-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;border:1px solid var(--border2);background:var(--white-a04);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .14s,color .14s}.psc-close:hover{background:#ffffff17;color:var(--text)}.psc-kicker{margin:0;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-oasis);text-shadow:0 0 10px var(--oasis-a35)}.psc-hero-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.psc-name-col{display:flex;align-items:center;gap:10px}.psc-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-oasis) 0%,var(--on) 100%);color:var(--bg);font-family:var(--font-head);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.psc-name{margin:0;font-family:var(--font-head);font-size:20px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text);line-height:1.1}.psc-playing-for{margin:0;font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.04em}.psc-streak-badge{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,165,60,.4);background:linear-gradient(135deg,#ffa53c24,#ff781414);box-shadow:0 0 16px #ffa53c29,inset 0 1px 0 var(--white-a06);flex-shrink:0;line-height:1.1}.psc-streak-fire{font-size:18px;line-height:1}.psc-streak-count{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--streak);line-height:1.1}.psc-streak-label{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffa53ca6}.psc-compound{margin:-4px 0 0;font-size:12px;color:var(--muted);line-height:1.45}.psc-section-label{display:block;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;opacity:.75}.psc-week-row{display:flex;align-items:center;gap:6px}.psc-day-col{display:flex;flex-direction:column;align-items:center;gap:3px}.psc-dot{width:11px;height:11px;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);background:transparent;display:block;transition:background .15s}.psc-dot--done{background:var(--on);border-color:#3ddc848c;box-shadow:0 0 6px #3ddc8480}.psc-dot--today{border-color:var(--accent-oasis)}.psc-dot--today.psc-dot--done{border-color:var(--on)}.psc-dot--future{opacity:.25}.psc-dow{font-family:var(--font-mono);font-size:8px;font-weight:600;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.psc-week-count{margin-left:auto;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--on);letter-spacing:.04em;padding:2px 8px;border-radius:5px;background:#3ddc841a;border:1px solid rgba(61,220,132,.28)}.psc-stats-grid{display:flex;gap:8px;flex-wrap:wrap}.psc-stat{flex:1;min-width:52px;display:flex;flex-direction:column;align-items:center;padding:8px 6px;border-radius:10px;background:var(--white-a03);border:1px solid var(--border2)}.psc-stat strong{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--text);line-height:1.1;font-variant-numeric:tabular-nums}.psc-stat span{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:2px}.psc-bests-list{display:flex;flex-direction:column;gap:7px}.psc-best-row{display:flex;align-items:center;gap:8px}.psc-best-name{font-size:12px;color:var(--text);white-space:nowrap;min-width:120px;max-width:140px;overflow:hidden;text-overflow:ellipsis}.psc-best-bar-wrap{flex:1;height:4px;background:var(--white-a07);border-radius:99px;overflow:hidden}.psc-best-bar{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent-oasis),var(--on));min-width:6px;transition:width .5s ease}.psc-best-bpm{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--on);min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.psc-best-bpm:after{content:" BPM";font-size:9px;color:var(--muted);font-weight:500}.psc-goal-text{margin:0;font-size:13px;color:var(--text);line-height:1.4}.psc-goal-remaining{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.psc-actions{display:flex;flex-direction:column;gap:6px;padding-top:4px;border-top:1px solid var(--border)}.psc-actions-row{display:flex;gap:8px;flex-wrap:wrap}.psc-copy-btn{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:9px 16px;border-radius:9px;border:1px solid var(--oasis-a35);background:linear-gradient(135deg,var(--oasis-a12),rgba(40,100,200,.07));color:var(--accent-oasis);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;box-shadow:0 2px 10px #4a9eff24,inset 0 1px 0 var(--white-a06);transition:background .18s,border-color .18s,color .18s,transform .14s,box-shadow .18s}.psc-copy-btn:hover{background:linear-gradient(135deg,var(--oasis-a22),rgba(40,100,200,.14));border-color:#4a9eff99;transform:translateY(-1px);box-shadow:0 6px 18px #4a9eff47,inset 0 1px 0 var(--white-a10)}.psc-copy-btn:active{transform:scale(.97)}.psc-copy-btn--copied{border-color:#3ddc8473;background:linear-gradient(135deg,#3ddc8429,#22a06017);color:var(--on);box-shadow:0 2px 12px #3ddc8438,inset 0 1px 0 var(--white-a08)}.psc-img-btn{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:9px 16px;border-radius:9px;border:1px solid rgba(61,220,132,.35);background:linear-gradient(135deg,#3ddc841a,#22a0600f);color:var(--on);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;box-shadow:0 2px 10px #3ddc841f,inset 0 1px 0 var(--white-a06);transition:background .18s,border-color .18s,color .18s,transform .14s,box-shadow .18s,opacity .18s}.psc-img-btn:hover:not(:disabled){background:linear-gradient(135deg,#3ddc8433,#22a0601f);border-color:#3ddc8499;transform:translateY(-1px);box-shadow:0 6px 18px #3ddc843d,inset 0 1px 0 var(--white-a10)}.psc-img-btn:active:not(:disabled){transform:scale(.97)}.psc-img-btn:disabled{opacity:.55;cursor:default}.psc-img-btn--copied{border-color:#3ddc848c;background:linear-gradient(135deg,#3ddc8433,#22a0601f);box-shadow:0 2px 14px #3ddc8447,inset 0 1px 0 var(--white-a08)}.psc-hint{margin:0;font-size:11px;color:var(--muted);opacity:.7}@media (max-width: 480px){.psc-card{padding:18px 16px 16px;gap:14px}.psc-stats-grid{gap:6px}.psc-stat strong{font-size:15px}.psc-best-name{min-width:90px;max-width:100px}}.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,var(--oasis-a12),transparent 38%),linear-gradient(150deg,var(--white-a03),rgba(255,255,255,.01))}.learning-home-card{background:linear-gradient(150deg,var(--white-a03),rgba(255,255,255,.01))}.looper-home-card{position:relative;background:radial-gradient(circle at 0% 0%,rgba(255,0,0,.12),transparent 45%),radial-gradient(circle at 100% 100%,rgba(200,0,0,.08),transparent 45%),var(--bg2);border-color:#ff000038;overflow:hidden}.looper-home-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--yt-grad);border-radius:12px 12px 0 0}.looper-home-kicker{color:var(--yt-red-bright)!important;text-shadow:0 0 10px rgba(255,0,0,.35)}.looper-home-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.looper-home-feature{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:#ff00000f;border:1px solid rgba(255,0,0,.16);border-radius:10px}.looper-home-feature-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--yt-red-bright)}.looper-home-feature-desc{font-size:12px;color:var(--muted);line-height:1.4}.looper-home-btn{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:10px 20px;border-radius:10px;border:1px solid rgba(255,0,0,.45);background:var(--yt-grad);color:#fff;cursor:pointer;box-shadow:inset 0 1px #ffffff2e,0 4px 14px #ff00004d;transition:background .18s,transform .14s,box-shadow .18s}.looper-home-btn:hover{background:var(--yt-grad-hover);transform:translateY(-1px);box-shadow:0 8px 22px #ff000073}.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-card p.home-band-kicker{color:var(--accent-oasis)}.home-band-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.landing-journey .landing-guide-btn{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:9px 16px;border-radius:9px;border:1px solid rgba(200,168,75,.7);background:linear-gradient(135deg,#c8a84b,#b89040,#d4a830);color:#1a1000;cursor:pointer;box-shadow:0 4px 14px #c8a84b61,inset 0 1px #ffe6784d;transition:background .18s,border-color .18s,transform .14s,box-shadow .18s}.landing-journey .landing-guide-btn:hover{background:linear-gradient(135deg,#d4b050,#c8a030,#e0b840);border-color:#c8a84be6;color:#1a1000;transform:translateY(-1px);box-shadow:0 8px 22px #c8a84b8c,inset 0 1px #ffe6784d}.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 var(--oasis-a35);background:var(--oasis-a12);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:var(--white-a03)}.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:var(--gnr-a35);background:var(--gnr-a12);color:var(--accent-gnr)}.practice-home-pill:hover{border-color:var(--accent-gnr)}.exercise-home-card{position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(46,204,113,.14),transparent 45%),radial-gradient(circle at bottom right,var(--oasis-a10),transparent 40%),linear-gradient(150deg,var(--white-a03),rgba(255,255,255,.01))}.exercise-home-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(135deg,var(--on) 0%,rgba(61,220,132,.25) 100%)}.exercise-home-card.is-week-complete{border-left:3px solid var(--on);box-shadow:0 8px 28px #3ddc843d,inset 5px 0 16px #3ddc8447,inset 0 1px 0 var(--white-a06)}.landing-quick-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0;padding:16px;background:linear-gradient(135deg,var(--oasis-a08),rgba(74,158,255,.04));border:1px solid var(--oasis-a15);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 var(--oasis-a20)}.quick-filter-btn.active{border-color:var(--accent-oasis);color:var(--accent-oasis);background:var(--oasis-a12)}.quick-filter-btn:active{transform:translateY(0)}.quick-filter-btn.mode-clean{border-color:#4caf5066;color:var(--mode-clean)}.quick-filter-btn.mode-clean:hover{border-color:var(--mode-clean);background:#4caf501a}.quick-filter-btn.mode-crunch{border-color:#ff980066;color:var(--mode-crunch)}.quick-filter-btn.mode-crunch:hover{border-color:var(--mode-crunch);background:#ff98001a}.quick-filter-btn.mode-lead{border-color:#4a9eff66;color:var(--accent-oasis)}.quick-filter-btn.mode-lead:hover{border-color:var(--accent-oasis);background:var(--oasis-a10)}.quick-filter-btn.mode-higain{border-color:#f4433666;color:var(--mode-higain)}.quick-filter-btn.mode-higain:hover{border-color:var(--mode-higain);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:var(--oasis-a12)}@media (max-width: 768px){.controls-section{gap:18px;margin-bottom:24px}.landing-intro{margin-top:4px;padding:16px}.landing-live-results{margin-top:18px}.home-band-grid{grid-template-columns:1fr;gap:12px}.home-band-card{padding:14px 12px}.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}}.pg-milestones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.pg-milestone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border-radius:12px;background:var(--bg3);border:1px solid var(--border);opacity:.45;text-align:center;transition:opacity .2s,border-color .2s}.pg-milestone--unlocked{opacity:1;border-color:#3ddc8459;background:linear-gradient(135deg,#3ddc841a,#22a0600d)}.pg-milestone-icon{font-size:26px;line-height:1}.pg-milestone-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.pg-milestone--unlocked .pg-milestone-label{color:var(--on)}.pg-milestone-date{font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:#3ddc84a6}.pg-milestone-progress{font-family:var(--font-mono);font-size:10px;color:var(--muted)}@media (max-width: 520px){.pg-hero{gap:8px}.pg-hero-title-row{flex-wrap:wrap;gap:8px}.progress-share-trigger{align-self:flex-start}.pg-stats-row{gap:8px}.pg-stat-card{padding:14px 12px}.pg-stat-value{font-size:22px}.pg-recommend-top{flex-direction:column;gap:10px}.pg-severity-badge{align-self:flex-start}.pg-milestones-grid{grid-template-columns:repeat(2,1fr)}.pg-card{padding:16px 14px 14px}}@media (max-width: 380px){.pg-stat-value{font-size:18px}.pg-milestones-grid{grid-template-columns:1fr}}@media (max-width: 520px){.home-band-card{padding:12px 10px;gap:8px}.home-band-grid{gap:10px}.home-band-card>p:not(.home-band-kicker){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.looper-home-features{display:none}.practice-home-card .learning-path-strip:last-of-type{display:none}}.home-continue-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;margin:8px 0 4px;background:#00000038;border:1px solid var(--border2);border-radius:12px}.home-continue-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;flex-shrink:0}.home-continue-actions{display:flex;gap:8px;flex-wrap:wrap}.home-continue-btn{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:7px 14px;border-radius:8px;border:1px solid rgba(74,158,255,.35);background:#4a9eff14;color:var(--accent-oasis);cursor:pointer;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .16s,border-color .16s,transform .14s}.home-continue-btn:hover{background:#4a9eff2e;border-color:#4a9eff99;transform:translateY(-1px)}.home-continue-btn--song{border-color:#ff000059;background:#ff000012;color:var(--yt-red-bright)}.home-continue-btn--song:hover{background:#ff000024;border-color:#ff00008c}.home-week-band{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 14px;margin:0 0 4px;background:#3ddc840d;border:1px solid rgba(61,220,132,.18);border-radius:10px}.home-week-band-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--on);opacity:.7;white-space:nowrap;flex-shrink:0}.home-week-band-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.home-week-band-stat{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.home-week-band-stat strong{font-weight:700;color:var(--on)}.home-week-band-dot{font-family:var(--font-mono);font-size:11px;color:var(--border2)}.home-greeting-card{display:flex;flex-direction:column;gap:12px;padding:0}.home-greeting-headline{margin:0;font-family:var(--font-head);font-size:28px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);line-height:1.1}.home-greeting-meta{margin:0;font-family:var(--font-mono);font-size:11px;color:var(--muted);line-height:1.6;letter-spacing:.02em}.home-greeting-meta strong{color:var(--text);font-weight:700}.home-greeting-continue{display:flex;flex-direction:column;gap:8px}.home-greeting-continue-label{margin:0;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.home-greeting-today{margin:0;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.75}.home-greeting-actions{display:flex;gap:12px;flex-wrap:wrap}.home-greeting-item{display:flex;flex-direction:column;gap:4px}.home-greeting-item-type{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:.7}.home-greeting-btn{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .16s,border-color .16s,transform .14s}.home-greeting-btn--ex{border:1px solid rgba(74,158,255,.35);background:#4a9eff17;color:var(--accent-oasis)}.home-greeting-btn--ex:hover{background:#4a9eff33;border-color:#4a9eff99;transform:translateY(-1px)}.home-greeting-btn--song{border:1px solid rgba(255,0,0,.35);background:#ff000012;color:var(--yt-red-bright)}.home-greeting-btn--song:hover{background:#ff000024;border-color:#ff00008c;transform:translateY(-1px)}@media (max-width: 520px){.home-greeting-headline{font-size:22px}}.ex-page-intro .home-greeting-headline{color:var(--accent-oasis)}.ex-page-intro{margin-bottom:8px}.ex-intro-entities{display:flex;flex-direction:column;gap:10px;margin-top:4px}.ex-intro-entity{border-left:2px solid var(--border2);padding-left:10px;display:flex;flex-direction:column;gap:3px}.ex-entity-tag{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-oasis)}@media (min-width: 520px){.ex-intro-entities{flex-direction:row;gap:20px}.ex-intro-entity{flex:1}}#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 #3ddc841a,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(61,220,132,.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:var(--accent-oasis);text-shadow:0 0 10px rgba(74,158,255,.55)}.daily-exercise-card h3{font-size:20px;color:#f9f6ff;text-shadow:0 0 18px var(--oasis-a35),0 0 8px rgba(61,220,132,.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-panel{border:1px solid var(--border2);border-radius:12px;padding:12px;background:#02061761}.daily-ex-panel-title{margin:0;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.session-idle-step .daily-ex-panel-title{color:#4a9effbf;letter-spacing:.1em}.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:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.daily-ex-meta-value{font-family:var(--font-mono);font-size:18px;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:10px;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);padding-left:10px;display:grid;gap:3px}.daily-ex-why-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-amber)}.daily-ex-why-text{font-size:13px;color:var(--text);margin:0;line-height:1.45}.daily-ex-howto{border:1px solid var(--border, var(--white-a08));border-radius:8px;padding:8px 12px;background:var(--surface-2, var(--white-a02))}.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:var(--on);color:var(--on);background:#3ddc841a}.daily-ex-feeling-btn--good.active{border-color:var(--accent-oasis);color:var(--accent-oasis);background:var(--oasis-a10)}.daily-ex-feeling-btn--hard.active{border-color:var(--streak);color:var(--streak);background:#ffa53c1a}.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;outline:none;color:var(--text);transition:border-color .15s}.daily-ex-input:focus{border-color:#4a9eff80;box-shadow:0 0 0 3px #4a9eff1a}.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:linear-gradient(135deg,var(--accent-oasis) 0%,rgba(74,158,255,.7) 100%);color:#fff;border:1px solid var(--oasis-a45);font-family:var(--font-mono);font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px var(--oasis-a30),inset 0 1px #ffffff2e}.daily-ex-full-session-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px var(--oasis-a45),inset 0 1px #ffffff2e}@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 .35s cubic-bezier(.22,1,.36,1);border-left:3px solid rgba(61,220,132,.45);background:radial-gradient(circle at top right,rgba(61,220,132,.06),transparent 50%),radial-gradient(circle at bottom left,rgba(74,158,255,.05),transparent 50%),var(--bg2)}@keyframes et-banner-in{0%{opacity:0;transform:scaleY(.45) translateY(-14px)}68%{opacity:1;transform:scaleY(1.06) translateY(3px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes et-check-burst{0%{transform:scale(0) rotate(-20deg);opacity:0;box-shadow:0 0 #3ddc8400}55%{transform:scale(1.55) rotate(10deg);opacity:1;box-shadow:0 0 0 14px #3ddc8438,0 0 52px #3ddc84b3}75%{transform:scale(.86) rotate(-5deg)}90%{transform:scale(1.07) rotate(1deg)}to{transform:scale(1) rotate(0);box-shadow:0 0 18px #3ddc8473,0 0 36px #3ddc8433}}@keyframes et-check-glow{0%{box-shadow:0 0 12px #3ddc8459,0 0 26px #3ddc8429}to{box-shadow:0 0 26px #3ddc84b8,0 0 52px #3ddc8452}}.daily-ex-success-hero{display:flex;align-items:center;gap:14px;transform-origin:top;animation:et-banner-in .52s cubic-bezier(.34,1.56,.64,1) .12s both}.exercise-home-card .daily-ex-success-check{animation:et-check-burst .68s cubic-bezier(.34,1.56,.64,1) .22s both,et-check-glow 2.2s ease-in-out .9s infinite alternate}.daily-ex-success-check{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:#3ddc8417;border:2px solid rgba(61,220,132,.32);color:#3ddc84e6;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:success-check-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes success-check-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.daily-ex-success-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.daily-ex-success-kicker{margin:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#3ddc84cc;font-weight:700}.daily-ex-success-headline{margin:0;font-family:var(--font-head);font-size:18px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text);line-height:1.2}.daily-ex-success-exname{margin:0;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-band-card p.daily-ex-success-kicker{color:#3ddc84cc}.home-band-card p.daily-ex-success-headline,.home-band-card p.daily-ex-success-exname{color:var(--text)}.daily-ex-done-stats{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0 2px;border-top:1px solid rgba(61,220,132,.14)}.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:#3ddc8466;color:#3ddc84d1}.daily-ex-feeling-good{border-color:var(--accent-oasis);color:var(--accent-oasis)}.daily-ex-feeling-hard{border-color:var(--streak);color:var(--streak)}.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:#3ddc84c7;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:10px;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:var(--white-a03);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}.tracker-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px}.tracker-routine-title{margin:0;flex:1}.tracker-streak-badge{font-family:var(--font-mono);font-size:13px;font-weight:700;color:#ffa53c;background:#ff8c281a;border:1px solid rgba(255,165,60,.35);border-radius:20px;padding:4px 10px;white-space:nowrap;flex-shrink:0;line-height:1.3}.habit-chain{display:flex;gap:6px;align-items:flex-end;margin:12px 0 4px}.habit-chain-day{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.habit-chain-dot{width:100%;aspect-ratio:1;max-width:34px;border-radius:7px;background:var(--white-a05);border:1px solid var(--white-a10);transition:background .2s,border-color .2s;display:block}.habit-chain-dot.is-done{background:#4ecca34d;border-color:#4ecca38c}.habit-chain-dot.is-today{border-color:var(--accent-oasis);box-shadow:0 0 0 1px var(--accent-oasis)}.habit-chain-dot.is-done.is-today{background:#4ecca380;border-color:var(--accent-oasis);box-shadow:0 0 7px #4ecca359}.habit-chain-dot.is-future{opacity:.25}.tracker-empty-state{padding:12px 0 4px;display:flex;flex-direction:column;gap:6px}.tracker-empty-headline{font-size:13px;font-weight:600;color:var(--text);margin:0}.tracker-empty-body{font-size:12px;color:var(--muted);line-height:1.55;margin:0}.habit-chain-dow{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}@media (max-width: 360px){.habit-chain{gap:3px}.habit-chain-dow{font-size:9px;letter-spacing:0}}@keyframes et-card-glow{0%{box-shadow:0 0 0 2px #3ddc8424,0 4px 22px #3ddc841a}to{box-shadow:0 0 0 3px #3ddc8452,0 8px 36px #3ddc8442}}.exercise-home-card.is-week-complete{border-left:3px solid rgba(61,220,132,.45);background:radial-gradient(circle at top right,rgba(61,220,132,.07),transparent 50%),radial-gradient(circle at bottom left,rgba(74,158,255,.05),transparent 50%),var(--bg2);animation:et-card-glow 2.4s ease-in-out infinite alternate}@keyframes et-celebrate-card{0%{transform:scale(1)}14%{transform:scale(1.034)}32%{transform:scale(.979)}55%{transform:scale(1.013)}75%{transform:scale(.996)}to{transform:scale(1)}}@keyframes et-glow-burst{0%{box-shadow:0 0 0 5px #3ddc848c,0 16px 56px #3ddc8499}25%{box-shadow:0 0 0 4px #ffc83c70,0 14px 50px #ffbe286b}65%{box-shadow:0 0 0 3px #3ddc8447,0 8px 36px #3ddc8438}to{box-shadow:0 0 0 2px #3ddc8424,0 4px 22px #3ddc841a}}@keyframes et-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.exercise-home-card.is-week-complete.is-week-just-done{position:relative;overflow:hidden;animation:et-celebrate-card .72s cubic-bezier(.34,1.56,.64,1) both,et-glow-burst 4s ease-out both}.exercise-home-card.is-week-complete.is-week-just-done:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,transparent 27%,rgba(255,255,255,.15) 50%,transparent 73%,transparent 100%);animation:et-shimmer 1.1s ease-out .28s both;pointer-events:none;border-radius:inherit}@keyframes tracker-week-success-glow{0%{box-shadow:0 4px 16px #3ddc8438,inset 0 1px 0 var(--white-a08),inset 5px 0 12px #3ddc8442}to{box-shadow:0 8px 28px #3ddc846b,inset 0 1px 0 var(--white-a12),inset 5px 0 18px #3ddc846b}}.tracker-week-success{display:flex;align-items:center;gap:12px;margin:10px 0;padding:12px 14px;border-radius:12px;border:1px solid rgba(61,220,132,.45);border-left:3px solid var(--on);background:linear-gradient(135deg,#3ddc842e,#22a06014);animation:tracker-week-success-glow 1.8s ease-in-out infinite alternate}.tracker-week-success-icon{width:26px;height:26px;color:var(--on);flex-shrink:0;filter:drop-shadow(0 0 8px rgba(61,220,132,.55))}.tracker-week-success-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.tracker-week-success-title{font-family:var(--font-head);font-size:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--on);line-height:1.15}.tracker-week-success-subtitle{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#3ddc84b8}.tracker-compound-msg{font-family:var(--font-mono);font-size:11px;color:#ffa53cd9;letter-spacing:.03em;margin:4px 0 12px;padding-left:1px}.tracker-progress-bars{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 16px}.tracker-progress-item{display:flex;flex-direction:column;gap:5px}.tracker-progress-labels{display:flex;justify-content:space-between;align-items:baseline}.tracker-progress-labels>span:first-child{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.tracker-progress-count{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text)}.tracker-bar-track{height:6px;border-radius:999px;background:var(--white-a07);overflow:hidden}.tracker-bar-fill{height:100%;border-radius:999px;transition:width .4s ease;min-width:0}.tracker-bar-fill--daily{background:linear-gradient(90deg,rgba(61,220,132,.6),var(--on))}.tracker-bar-fill--weekly{background:linear-gradient(90deg,var(--accent-oasis),#6ab8ff)}.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;min-height:44px;border:1px solid var(--border2);border-radius:8px;background:var(--white-a02);color:var(--text);font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}label.exercise-item:hover{background:#ffffff0d;border-color:#ffffff1f}.exercise-item--auto{border-style:dashed;opacity:.95}.exercise-item--auto .exercise-auto-pill{margin-left:auto;padding:2px 8px;border-radius:999px;border:1px solid var(--border2);background:var(--white-a03);color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.exercise-item--auto.is-done{border-left:2px solid rgba(61,220,132,.45);background:#3ddc840a}.exercise-item--auto.is-done .exercise-auto-pill{border-color:#4ecca366;color:var(--accent-oasis);background:#4ecca31f}.exercise-check-static{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}.exercise-check-static.checked .exercise-check-indicator{transform:scale(1)}.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:var(--white-a02)}.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:var(--white-a02);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}.session-progress{width:100%;display:grid;gap:10px;border:1px solid var(--border2);border-radius:12px;background:var(--bg3);padding:10px 12px}.session-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.session-progress-head strong{color:var(--text);font-size:13px}.session-progress-bar{height:8px;border-radius:999px;background:#1118278c;overflow:hidden}.session-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#4ecca3f2,#4a9efff2);transition:width .25s ease}.session-progress-steps{display:grid;gap:5px}.session-progress-step{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--muted)}.session-progress-step-mark{width:16px;text-align:center;flex:0 0 16px}.session-progress-step.is-done{color:#3ddc84a6}.session-progress-step.is-current{color:var(--text)}.session-progress-step.is-upcoming{opacity:.75}.session-progress-step-text{line-height:1.35}.session-current-step{border:1px solid var(--border2);border-radius:12px;padding:12px;background:var(--bg3);display:grid;gap:6px}.session-current-step-title{margin:0;font-family:var(--font-head);font-size:24px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.15}.session-current-step-meta{margin:0;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.session-instructions{display:grid;gap:8px;border:1px solid var(--border2);border-radius:12px;background:var(--bg3);padding:12px}.session-instruction-phase{border-top:1px dashed var(--border);padding-top:8px;display:grid;gap:4px}.session-instruction-phase:first-of-type{border-top:0;padding-top:0}.session-instruction-phase-title{margin:0;font-weight:600;color:var(--accent-oasis);font-size:12px}.session-instruction-goal{margin:0;font-size:12px;line-height:1.45;color:#e0f2fef2}.session-instruction-list{margin:0;padding-left:18px;display:grid;gap:4px}.session-instruction-list li{margin:0;font-size:12px;line-height:1.45;color:#d1d5dbd1}.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:#ffa53cd1}.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:10px;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:68px;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--jump{width:36px;height:36px;font-size:12px;opacity:.45;border-color:#ffffff12}.daily-ex-bpm-step--jump:hover{opacity:.85;background:#ffffff0f;border-color:var(--border2)}.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:#ffffff14}.daily-ex-duration-track span{display:block;height:100%;width:0;border-radius:inherit;transition:width .35s ease;background:linear-gradient(90deg,#4a9effe6,#3ddc84d9)}.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}.session-start-btn{position:relative;padding:14px 22px;border-radius:10px;border:1px solid rgba(74,158,255,.45);background:linear-gradient(135deg,#2f80ed,#56ccf2);color:#fff;font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 16px #2f80ed47,inset 0 1px #ffffff2e;transition:transform .15s ease,box-shadow .15s ease}.session-start-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #2f80ed66,inset 0 1px #ffffff2e}.session-start-btn:focus-visible{outline:2px solid var(--accent-oasis);outline-offset:2px}.session-start-btn:active{transform:translateY(0);box-shadow:0 4px 14px #2f80ed47,inset 0 1px #ffffff1a}.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-family:var(--font-head);font-size:22px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.15;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:15px 18px;border-radius:12px;border:1.5px solid var(--border2);background:#ffffff05;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--fg);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;gap:3px;box-shadow:inset 0 1px #ffffff0a}.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:var(--on);background:#3ddc8417;box-shadow:inset 0 1px #3ddc8414,0 0 0 1px #3ddc841f}.daily-ex-quality-btn--good.active,.daily-ex-quality-btn--good:hover{border-color:#eab308;background:#eab30817;box-shadow:inset 0 1px #eab30814,0 0 0 1px #eab3081f}.daily-ex-quality-btn--hard.active,.daily-ex-quality-btn--hard:hover{border-color:var(--yt-red-bright);background:#ef444417;box-shadow:inset 0 1px #ef444414,0 0 0 1px #ef44441f}.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,var(--on) 0%,#1a9955 100%);color:#fff;font-family:var(--font-mono);font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.05em;box-shadow:0 4px 16px #3ddc8459,0 0 0 1px #3ddc8480;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)}@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:var(--white-a02)}.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 var(--border);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 var(--border2);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);border:1px solid var(--border);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}.exercise-progress-section{background:radial-gradient(circle at top left,var(--oasis-a10),transparent 48%),linear-gradient(150deg,var(--white-a03),rgba(255,255,255,.01));border-color:var(--oasis-a22)}.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:var(--oasis-a10);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:var(--oasis-a18);border-color:#4a9eff8c}.progress-card-toggle.active{background:var(--oasis-a15);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(61,220,132,.35);border-radius:10px;padding:12px;background:radial-gradient(circle at top right,rgba(61,220,132,.18),transparent 48%),#3ddc840f;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:var(--accent-oasis)}.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 var(--white-a12);border-radius:999px;padding:2px 8px}.next-practice-bpm-reason{border:1px solid rgba(74,158,255,.38)!important;background:#4a9eff1a!important;color:#4a9eff!important;border-radius:999px;padding:2px 8px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.next-practice-focus{display:flex;gap:8px;flex-wrap:wrap}.next-practice-focus span{border:1px solid rgba(61,220,132,.35);background:#3ddc841a;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(61,220,132,.55);background:#3ddc8426;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:#3ddc8447;border-color:#3ddc84d9}.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:var(--oasis-a08);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:var(--white-a02);border:1px solid var(--white-a08);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:var(--white-a06)}.weekly-rollup-bar{height:100%}.weekly-rollup-bar-easy{background:#2bc870}.weekly-rollup-bar-good{background:var(--accent-oasis)}.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:var(--white-a04);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:var(--accent-oasis)}.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}.daily-ex-lasttime-compact{display:grid;gap:6px}.session-idle-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.session-idle-title{margin:0;font-family:var(--font-head);font-size:26px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.1}.session-idle-duration{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.07em;white-space:nowrap;flex-shrink:0;padding:4px 10px;border-radius:999px;background:#4a9eff1a;border:1px solid rgba(74,158,255,.22);color:var(--accent-oasis)}.session-step-chips{display:flex;flex-wrap:wrap;gap:6px}.session-step-chip{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid var(--border2);background:var(--white-a03);font-size:11px;color:var(--muted);transition:border-color .2s,background .2s,color .2s}.session-step-chip.is-current{border-color:#4a9eff99;color:#bfdbfef2;background:var(--oasis-a10)}.session-step-chip.is-done{border-color:#3ddc844d;color:#3ddc84a6;background:#3ddc840f}.session-step-chip-idx{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.04em;opacity:.75}.session-step-chip-name{font-size:11px}.session-idle-step{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--border2)}.session-idle-step-divider{margin:4px 0;border:none;border-top:1px solid var(--border)}.session-idle-step-name-row{display:flex;align-items:center;gap:10px}.session-idle-step-name{margin:0;font-family:var(--font-head);font-size:18px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1.2;color:var(--text)}.session-active-header{display:grid;gap:4px}.session-active-actions{display:flex;flex-direction:column;gap:8px}.session-done-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:0;background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#3ddc84b8;transition:color .15s}.session-done-toggle:hover{color:var(--on)}.session-done-summary{display:grid;gap:8px;margin-top:10px}.session-done-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);padding:6px 0;border-bottom:1px solid var(--border)}.session-done-row:last-child{border-bottom:none;padding-bottom:0}.session-done-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-done-row-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.session-progress-compact{display:grid;gap:6px}.session-progress-compact-track{display:flex;gap:4px}.session-progress-compact-seg{flex:1;height:5px;border-radius:999px;background:var(--white-a08);transition:background .25s ease}.session-progress-compact-seg.is-done{background:linear-gradient(90deg,#4ecca3e6,#4a9effe6)}.session-progress-compact-seg.is-current{background:#4a9eff73;box-shadow:0 0 6px var(--oasis-a35)}.session-progress-compact-row{display:flex;justify-content:space-between;align-items:center}.session-progress-compact-step,.session-progress-compact-count{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}@keyframes practice-overlay-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.practice-overlay{position:fixed;inset:0;z-index:1000;background:var(--bg);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;animation:practice-overlay-in .22s cubic-bezier(.22,1,.36,1) both}.practice-overlay-inner{flex:1;display:flex;flex-direction:column;width:100%;max-width:600px;margin:0 auto;padding:24px 20px env(safe-area-inset-bottom,32px);min-height:100dvh;min-height:100vh;box-sizing:border-box}.practice-overlay .home-band-card.daily-exercise-card{background:transparent;border:none;box-shadow:none;border-radius:0;padding:0;display:flex;flex-direction:column;gap:20px;flex:1}.practice-overlay .daily-ex-bpm-hero{font-size:clamp(64px,18vw,96px)}.practice-overlay .session-current-step-title,.practice-overlay .session-idle-title{font-size:clamp(22px,5vw,32px)}.practice-overlay .session-active-actions{margin-top:auto}.practice-overlay .daily-ex-end-btn,.practice-overlay .daily-ex-cancel-btn,.practice-overlay .daily-ex-feedback-done-btn{width:100%}.practice-overlay .session-progress-compact{margin-top:auto;padding-top:16px}.session-summary{margin-top:16px;border-radius:12px;overflow:hidden;border:1px solid rgba(61,220,132,.16);background:linear-gradient(180deg,rgba(61,220,132,.04) 0%,transparent 35%),var(--bg3)}.session-summary-stats{display:flex;gap:0;border-bottom:1px solid rgba(61,220,132,.12)}.session-summary-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 8px;border-right:1px solid rgba(61,220,132,.1)}.session-summary-stat:last-child{border-right:none}.session-summary-stat-value{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--text)}.session-summary-stat--streak .session-summary-stat-value{color:var(--streak)}.session-summary-stat-label{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.session-summary-rows{display:flex;flex-direction:column}.session-summary-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--border);gap:8px}.session-summary-row:last-child{border-bottom:none}.session-summary-row-left{display:flex;align-items:center;gap:8px;min-width:0}.session-summary-row-step{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--muted);min-width:18px}.session-summary-row-name{font-family:var(--font-body);font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-summary-row-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.session-summary-row-bpm{font-family:var(--font-mono);font-size:11px;font-weight:700;color:#3ddc84c7}@keyframes milestone-toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.milestone-toast-stack{position:fixed;bottom:24px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.milestone-toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,#3ddc8433,#22a0601f);border:1px solid rgba(61,220,132,.45);box-shadow:0 8px 28px #3ddc8440,0 2px 8px #00000059;pointer-events:auto;animation:milestone-toast-in .35s cubic-bezier(.34,1.56,.64,1) both;min-width:240px;max-width:320px}.milestone-toast__icon{font-size:24px;flex-shrink:0}.milestone-toast__text{display:flex;flex-direction:column;gap:2px;flex:1}.milestone-toast__kicker{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#3ddc84bf}.milestone-toast__label{font-family:var(--font-head);font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--on);text-shadow:0 0 12px rgba(61,220,132,.4)}.milestone-toast__desc{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.milestone-toast__close{background:none;border:none;cursor:pointer;color:var(--muted);font-size:16px;padding:0;line-height:1;flex-shrink:0}.milestone-toast__close:hover{color:var(--text)}.ex-apply-panel{margin:16px 0 8px;padding:14px 16px;background:var(--bg3);border:1px solid var(--border2);border-radius:12px}.ex-apply-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yt-red-bright);margin:0 0 10px}.ex-apply-songs{display:flex;flex-direction:column;gap:6px}.ex-apply-song-btn{display:flex;align-items:baseline;gap:8px;padding:9px 12px;border-radius:9px;border:1px solid var(--border2);background:linear-gradient(180deg,#ffffff0d,#ffffff05);color:var(--text);cursor:pointer;text-align:left;transition:background .16s,border-color .16s,transform .13s}.ex-apply-song-btn:hover{background:#ff000014;border-color:#ff000052;transform:translate(2px)}.ex-apply-song-name{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text)}.ex-apply-song-artist{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:var(--muted)}.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:var(--oasis-a12);box-shadow:0 0 10px var(--oasis-a18)}.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:var(--white-a03)}.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 var(--oasis-a10)}.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:var(--oasis-a12);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:var(--oasis-a20);color:var(--text);transform:translateY(-1px)}.search-submit-btn:active{transform:translateY(0)}.filter-scope-notice{padding:10px 14px;margin-top:12px;background:var(--oasis-a08);border:1px solid var(--oasis-a20);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:var(--gnr-a12);border:1px solid var(--gnr-a25);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:var(--oasis-a08);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 var(--oasis-a15)}.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-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border2);background:transparent;color:var(--muted);cursor:pointer;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out,transform .15s ease-out,box-shadow .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 var(--oasis-a15)}.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 var(--oasis-a20)}.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:var(--oasis-a20);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:var(--accent-gnr);border-color:var(--accent-gnr);background:var(--gnr-a12)}.genre-btn.genre-blues.active{color:var(--accent-oasis);border-color:var(--accent-oasis);background:var(--oasis-a12)}.genre-btn.genre-metal.active{color:var(--accent-metal);border-color:var(--accent-metal);background:#8844dd1f}.genre-btn.genre-alternative.active{color:var(--accent-edge);border-color:var(--accent-edge);background:#44d9dd1f}.genre-btn.genre-funk.active{color:var(--accent-rodgers);border-color:var(--accent-rodgers);background:#dda8441f}.genre-btn.genre-fusion.active{color:var(--accent-gilmour);border-color:var(--accent-gilmour);background:#d84aaa1f}.genre-btn.genre-country.active{color:var(--accent-atkins);border-color:var(--accent-atkins);background:#8bc34a1f}.genre-btn.genre-psychedelic-rock.active{color:var(--accent-hendrix);border-color:var(--accent-hendrix);background:#9c27b01f}.genre-btn.genre-latin-rock.active{color:var(--accent-santana);border-color:var(--accent-santana);background:#ff57221f}.genre-btn.genre-default.active{color:#7a7570;border-color:#7a7570;background:#7a75701f}.ampera-btn.ampera-classic.active{color:var(--accent-clapton);border-color:var(--accent-clapton);background:#c8a84b1f}.ampera-btn.ampera-modern.active{color:var(--accent-oasis);border-color:var(--accent-oasis);background:var(--oasis-a12)}.ampera-btn.ampera-boutique.active{color:#e8512a;border-color:#e8512a;background:var(--gnr-a12)}.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,var(--oasis-a08),rgba(74,158,255,.04));border:1px solid var(--oasis-a15);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:8px;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:var(--oasis-a10);transform:translateY(-1px)}.clear-all-btn:active{transform:translateY(0)}.search-domain-section{margin-bottom:28px}.results-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:80px;padding:24px 16px;border:1px dashed rgba(255,255,255,.1);border-radius:12px;text-align:center}.results-empty-title{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.results-empty-hint{font-family:var(--font-body);font-size:12px;color:var(--muted);opacity:.65}.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}.search-domain-title-row{display:flex;align-items:baseline;gap:8px}.search-domain-term{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--accent-oasis);opacity:.85}.song-results-grid,.theory-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.session-results-grid,.exercise-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,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)}.preset-card.song-result-card{position:relative;overflow:hidden;padding:18px;gap:12px;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}.preset-card.song-result-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff0 0 5px,#00f4ff0d 5px 6px)}.preset-card.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}.song-card-badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.practice-ready-badge{border:1px solid var(--gnr-a35);background:var(--gnr-a12);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;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:10px;gap:6px}.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 var(--oasis-a35);background:var(--oasis-a12);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:var(--gnr-a35);background:var(--gnr-a12);color:var(--accent-gnr)}.song-preset-btn{display:block;border:1px solid var(--border2);background:transparent;color:var(--text);border-radius:8px;padding:10px 14px;font-family:var(--font-mono);font-size:12px;text-align:left;text-decoration:none;cursor:pointer;transition:all .15s ease-out}.song-preset-btn:hover{border-color:#00f4ff73;color:#d8feff;background:#00f4ff0f}.practice-launch-btn{border:1px solid rgba(0,244,255,1);color:#e0faff;background:linear-gradient(145deg,#00a0c8c7,#0050a0b8);font-weight:600;box-shadow:0 0 18px #00f4ff73,inset 0 0 0 1px #ff177033}.practice-launch-btn:hover{border-color:#00f4ff;color:#fff;background:linear-gradient(145deg,#00bee6e0,#0064b4d1);box-shadow:0 0 26px #00f4ff8c,inset 0 0 0 1px #ff177047}.report-correction-btn{border-color:#4a9eff4d;color:var(--muted);font-size:12px}.report-correction-btn:hover{border-color:var(--accent-oasis);color:var(--accent-oasis)}.song-preset-btn--nav{display:flex;justify-content:space-between;align-items:center}.song-preset-arrow{opacity:.45;font-size:14px;transition:opacity .15s,transform .15s}.song-preset-btn--nav:hover .song-preset-arrow{opacity:1;transform:translate(3px)}.song-practice-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,var(--gnr-a12) 0%,rgba(232,81,42,.04) 100%);border:1px solid rgba(232,81,42,.32);border-radius:12px;padding:18px 20px}.song-practice-hero-text{display:flex;flex-direction:column;gap:4px;min-width:0}.song-practice-hero-kicker{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--accent-gnr);opacity:.85}.song-practice-hero-desc{font-size:13px;color:var(--muted);margin:0;line-height:1.4}.song-practice-hero-btn{flex-shrink:0;background:var(--accent-gnr);color:#fff;border:none;border-radius:8px;padding:11px 22px;font-family:var(--font-mono);font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;transition:background .15s,box-shadow .15s,transform .1s;box-shadow:0 2px 12px var(--gnr-a35)}.song-practice-hero-btn:hover{background:var(--accent-santana);box-shadow:0 4px 18px #e8512a80;transform:translateY(-1px)}.song-practice-hero-btn:active{transform:translateY(0)}.song-tone-row{display:flex;align-items:center;gap:12px;padding:4px 0}.song-tone-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--muted);flex-shrink:0}.song-tone-presets{display:flex;flex-wrap:wrap;gap:8px;flex:1}.song-tone-btn{display:inline-flex;align-items:center;gap:7px;background:var(--bg3);border:1px solid var(--border2);color:var(--text);border-radius:8px;padding:8px 12px;font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:border-color .15s,color .15s;text-decoration:none}.song-tone-btn:hover{border-color:var(--accent-oasis);color:var(--accent-oasis)}.song-tone-btn:hover .song-preset-arrow{opacity:1;transform:translate(3px)}.song-tone-icon{font-size:13px;opacity:.7}.tone-footer__correction-link{color:var(--muted);text-decoration:underline;text-underline-offset:2px;transition:color .15s}.tone-footer__correction-link:hover{color:var(--accent-oasis)}@media (max-width: 520px){.song-practice-hero{flex-direction:column;align-items:flex-start}.song-practice-hero-btn{width:100%;text-align:center}}.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 var(--gnr-a35);background:var(--gnr-a12);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:var(--white-a03);color:var(--muted)}.theory-tags span{border:1px solid var(--oasis-a35);background:var(--oasis-a10);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 var(--oasis-a15);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: var(--on);--chord-accent-rgb: 61, 220, 132}.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 var(--white-a12);border-radius:8px;box-shadow:inset 0 1px 0 var(--white-a05),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-songs-link{margin-top:8px;padding:4px 12px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-oasis);background:var(--oasis-a08);border:1px solid rgba(74,158,255,.25);border-radius:999px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.chord-songs-link:hover,.chord-songs-link:focus-visible{background:#4a9eff29;border-color:var(--accent-oasis);color:#cfe2ff;outline:none}.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:var(--font-mono)}.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 var(--oasis-a15)}.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:.08em;font-weight:700}.chord-value{font-family:var(--font-body);font-size:18px;color:var(--text);font-weight:700}.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:9px 16px;border-radius:22px;font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:.05em;transition:all .2s ease}.chord-pill[class*=chord-accent-]{color:var(--chord-accent);border-color:rgba(var(--chord-accent-rgb),.4);background:rgba(var(--chord-accent-rgb),.1)}.chord-pill:hover{background:var(--bg);border-color:var(--accent-gnr);box-shadow:0 2px 8px #e8512a26}.chord-pill[class*=chord-accent-]:hover{background:rgba(var(--chord-accent-rgb),.18);border-color:var(--chord-accent);box-shadow:0 2px 10px rgba(var(--chord-accent-rgb),.22)}.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}.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;margin-top:14px;padding-top:12px;border-top:1px dashed var(--white-a12);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,var(--white-a05),rgba(255,255,255,.015)),repeating-linear-gradient(to bottom,transparent 0,transparent 16px,var(--white-a02) 16px,var(--white-a02) 17px);border:1px solid rgba(226,230,238,.24);border-radius:10px;box-shadow:inset 0 0 0 1px var(--white-a06),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%,var(--white-a08),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:var(--white-a08);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}}.song-warmup-strip{margin:28px 0 0;padding:18px 22px;background:var(--bg3);border:1px solid rgba(61,220,132,.22);border-radius:14px}.song-warmup-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--on);margin:0 0 12px}.song-warmup-exercises{display:flex;flex-wrap:wrap;gap:8px}.song-warmup-btn{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:8px 14px;border-radius:8px;border:1px solid rgba(61,220,132,.3);background:#3ddc8414;color:var(--on);cursor:pointer;transition:background .16s,border-color .16s,transform .14s}.song-warmup-btn:hover{background:#3ddc842e;border-color:#3ddc8480;transform:translateY(-1px)}.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);--card-accent-soft: var(--oasis-a18);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);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);transform:translateY(-3px);box-shadow:0 12px 28px var(--black-a35),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 var(--black-a35)}@keyframes toneCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tone-card--gnr{--card-accent: var(--accent-gnr);--card-accent-soft: rgba(232, 81, 42, .18)}.tone-card--oasis{--card-accent: var(--accent-oasis);--card-accent-soft: var(--oasis-a18)}.tone-card--clapton{--card-accent: var(--accent-clapton);--card-accent-soft: rgba(200, 168, 75, .18)}.tone-card--vh{--card-accent: var(--accent-vh);--card-accent-soft: rgba(204, 51, 51, .18)}.tone-card--metal{--card-accent: var(--accent-metal);--card-accent-soft: rgba(136, 68, 221, .18)}.tone-card--mayer{--card-accent: var(--accent-mayer);--card-accent-soft: rgba(109, 211, 206, .18)}.tone-card--edge{--card-accent: var(--accent-edge);--card-accent-soft: rgba(255, 107, 157, .18)}.tone-card--srv{--card-accent: var(--accent-srv);--card-accent-soft: rgba(212, 165, 116, .18)}.tone-card--gilmour{--card-accent: var(--accent-gilmour);--card-accent-soft: rgba(156, 136, 255, .18)}.tone-card--clark-jr{--card-accent: var(--accent-clark-jr);--card-accent-soft: rgba(0, 184, 148, .18)}.tone-card--rodgers{--card-accent: var(--accent-rodgers);--card-accent-soft: rgba(253, 121, 168, .18)}.tone-card--wylde{--card-accent: var(--accent-wylde);--card-accent-soft: rgba(255, 217, 61, .18)}.tone-card--satriani{--card-accent: var(--accent-satriani);--card-accent-soft: rgba(116, 185, 255, .18)}.tone-card--hendrix{--card-accent: var(--accent-hendrix);--card-accent-soft: rgba(253, 203, 110, .18)}.tone-card--knopfler{--card-accent: var(--accent-knopfler);--card-accent-soft: rgba(178, 190, 195, .18)}.tone-card--bb-king{--card-accent: var(--accent-bb-king);--card-accent-soft: rgba(225, 112, 85, .18)}.tone-card--santana{--card-accent: var(--accent-santana);--card-accent-soft: rgba(255, 118, 117, .18)}.tone-card--beck{--card-accent: var(--accent-beck);--card-accent-soft: rgba(162, 155, 254, .18)}.tone-card--atkins{--card-accent: var(--accent-atkins);--card-accent-soft: rgba(223, 230, 233, .18)}.tone-card--buddy-guy{--card-accent: var(--accent-buddy-guy);--card-accent-soft: rgba(0, 206, 201, .18)}.tone-card--albert-king{--card-accent: var(--accent-albert-king);--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);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);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:var(--streak);font-size:12px;line-height:1}.tone-card__name{font-family:var(--font-head);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);font-size:10px;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);border-color:#3ddc8466;background:#3ddc8414}.tone-card__mode--crunch{color:var(--accent-oasis);border-color:#4a9eff66;background:var(--oasis-a08)}.tone-card__mode--lead{color:var(--accent-gnr);border-color:#e8512a66;background:#e8512a14}.tone-card__mode--hi-gain{color:var(--accent-metal);border-color:#84d6;background:#8844dd14}.tone-card__mode--special{color:var(--accent-vh);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);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-family:var(--font-mono);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}@media (max-width: 420px){.tone-knob{min-width:60px}.tone-knob__label{font-size:9px}.tone-knob__value{font-size:11px;min-width:44px}}.tone-knob__svg{display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.tone-knob__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:2px}.tone-knob__value{font-family:var(--font-mono);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);font-size:10px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.tone-detail{--hero-accent: var(--accent-oasis);--hero-accent-soft: rgba(74, 158, 255, .16);display:flex;flex-direction:column;gap:24px}.tone-detail--gnr{--hero-accent: var(--accent-gnr);--hero-accent-soft: rgba(232, 81, 42, .16)}.tone-detail--oasis{--hero-accent: var(--accent-oasis);--hero-accent-soft: rgba(74, 158, 255, .16)}.tone-detail--clapton{--hero-accent: var(--accent-clapton);--hero-accent-soft: rgba(200, 168, 75, .16)}.tone-detail--vh{--hero-accent: var(--accent-vh);--hero-accent-soft: rgba(204, 51, 51, .16)}.tone-detail--metal{--hero-accent: var(--accent-metal);--hero-accent-soft: rgba(136, 68, 221, .16)}.tone-detail--mayer{--hero-accent: var(--accent-mayer);--hero-accent-soft: rgba(109, 211, 206, .16)}.tone-detail--edge{--hero-accent: var(--accent-edge);--hero-accent-soft: rgba(255, 107, 157, .16)}.tone-detail--srv{--hero-accent: var(--accent-srv);--hero-accent-soft: rgba(212, 165, 116, .16)}.tone-detail--gilmour{--hero-accent: var(--accent-gilmour);--hero-accent-soft: rgba(156, 136, 255, .16)}.tone-detail--clark-jr{--hero-accent: var(--accent-clark-jr);--hero-accent-soft: rgba(0, 184, 148, .16)}.tone-detail--rodgers{--hero-accent: var(--accent-rodgers);--hero-accent-soft: rgba(253, 121, 168, .16)}.tone-detail--wylde{--hero-accent: var(--accent-wylde);--hero-accent-soft: rgba(255, 217, 61, .16)}.tone-detail--satriani{--hero-accent: var(--accent-satriani);--hero-accent-soft: rgba(116, 185, 255, .16)}.tone-detail--hendrix{--hero-accent: var(--accent-hendrix);--hero-accent-soft: rgba(253, 203, 110, .16)}.tone-detail--knopfler{--hero-accent: var(--accent-knopfler);--hero-accent-soft: rgba(178, 190, 195, .16)}.tone-detail--bb-king{--hero-accent: var(--accent-bb-king);--hero-accent-soft: rgba(225, 112, 85, .16)}.tone-detail--santana{--hero-accent: var(--accent-santana);--hero-accent-soft: rgba(255, 118, 117, .16)}.tone-detail--beck{--hero-accent: var(--accent-beck);--hero-accent-soft: rgba(162, 155, 254, .16)}.tone-detail--atkins{--hero-accent: var(--accent-atkins);--hero-accent-soft: rgba(223, 230, 233, .16)}.tone-detail--buddy-guy{--hero-accent: var(--accent-buddy-guy);--hero-accent-soft: rgba(0, 206, 201, .16)}.tone-detail--albert-king{--hero-accent: var(--accent-albert-king);--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);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.tone-detail__mode-pill{font-family:var(--font-mono);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);border-color:#3ddc8480;background:#3ddc841a}.tone-detail__mode-pill--crunch{color:var(--accent-oasis);border-color:#4a9eff80;background:var(--oasis-a10)}.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:var(--accent-clapton)}.tone-detail__title{font-family:var(--font-head);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);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);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);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);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tone-guitar-row__val{font-family:var(--font-mono);font-size:12px;color:var(--text)}.tone-cabinet__name{font-family:var(--font-head);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);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);font-size:12px}.tone-cabinet__origin{font-family:var(--font-mono);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);border-color:#4a9eff80}.tone-cabinet__origin--british{color:var(--accent-gnr);border-color:#e8512a80}.tone-cabinet__origin--modern{color:var(--accent-metal);border-color:#8844dd80}.tone-cabinet__origin--boutique{color:var(--accent-clapton);border-color:#c8a84b80}.tone-cabinet__origin--yamaha{color:var(--accent-mayer);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);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);border-color:#3ddc8499;box-shadow:0 0 6px #3ddc8499,inset 0 1px 2px #ffffff4d}.tone-effect__name{font-family:var(--font-head);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);font-size:10px;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);font-size:10px;letter-spacing:.1em;color:var(--muted)}.tone-effect--on .tone-effect__status{color:var(--on)}.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);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);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);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;-webkit-user-select:none;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)}.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);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);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);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);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);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);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);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);border-color:var(--s-accent);transform:translateY(-2px);box-shadow:0 6px 14px #0000004d}.tone-similar__card--gnr{--s-accent: var(--accent-gnr)}.tone-similar__card--oasis{--s-accent: var(--accent-oasis)}.tone-similar__card--clapton{--s-accent: var(--accent-clapton)}.tone-similar__card--vh{--s-accent: var(--accent-vh)}.tone-similar__card--metal{--s-accent: var(--accent-metal)}.tone-similar__card--mayer{--s-accent: var(--accent-mayer)}.tone-similar__card--edge{--s-accent: var(--accent-edge)}.tone-similar__card--srv{--s-accent: var(--accent-srv)}.tone-similar__card--gilmour{--s-accent: var(--accent-gilmour)}.tone-similar__card--clark-jr{--s-accent: var(--accent-clark-jr)}.tone-similar__card--rodgers{--s-accent: var(--accent-rodgers)}.tone-similar__card--wylde{--s-accent: var(--accent-wylde)}.tone-similar__card--satriani{--s-accent: var(--accent-satriani)}.tone-similar__card--hendrix{--s-accent: var(--accent-hendrix)}.tone-similar__card--knopfler{--s-accent: var(--accent-knopfler)}.tone-similar__card--bb-king{--s-accent: var(--accent-bb-king)}.tone-similar__card--santana{--s-accent: var(--accent-santana)}.tone-similar__card--beck{--s-accent: var(--accent-beck)}.tone-similar__card--atkins{--s-accent: var(--accent-atkins)}.tone-similar__card--buddy-guy{--s-accent: var(--accent-buddy-guy)}.tone-similar__card--albert-king{--s-accent: var(--accent-albert-king)}.tone-similar__artist{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--s-accent)}.tone-similar__name{font-family:var(--font-head);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);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}.tone-related-songs{display:flex;flex-direction:column;gap:6px}.tone-related-song{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;background:#ffffff0a;border:1px solid var(--border2);cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.tone-related-song:hover{background:#ffffff14;border-color:#ffffff38}.tone-related-song__name{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text)}.tone-related-song__artist{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}@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}}.tone-detail__print-btn{display:inline-flex;align-items:center;gap:5px;margin-top:14px;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.tone-detail__print-btn:hover{background:#ffffff1a;border-color:#ffffff40;color:var(--text)}@media print{body{background:#fff;color:#111}.app-header,.app-nav,.tone-footer,.tone-detail__print-btn,.tone-section:has(.tone-tag),.tone-tips,.tone-similar{display:none!important}.tone-detail{background:#fff!important;border:none!important;box-shadow:none!important;max-width:100%!important;padding:0!important}.tone-detail__hero{background:#fff!important;border-bottom:2px solid #111!important;box-shadow:none!important}.tone-detail__hero:before{display:none!important}.tone-detail__title{background:none!important;-webkit-text-fill-color:#111!important;color:#111!important;font-size:24px!important}.tone-detail__kicker-text,.tone-detail__inspired,.tone-detail__song{color:#444!important}.tone-detail__panel{display:block!important}.tone-panel,.tone-section{box-shadow:none!important;border:1px solid #ddd!important;background:#fff!important;page-break-inside:avoid}.tone-knob__svg{filter:none!important}.tone-knob__label,.tone-knob__value{color:#111!important;background:#f5f5f5!important;border-color:#ccc!important}details{display:block!important}details>summary{list-style:none}details>*:not(summary){display:block!important}}.practice-mode{--arcade-cyan: #00f4ff;--arcade-pink: #ff1770;--arcade-cyan-soft: #d8feff;--arcade-pink-soft: #ffd9ea;--arcade-pink-soft-alt: #ffd8ea;--arcade-cyan-a05: rgba(0, 244, 255, .05);--arcade-cyan-a08: rgba(0, 244, 255, .08);--arcade-cyan-a12: rgba(0, 244, 255, .12);--arcade-cyan-a14: rgba(0, 244, 255, .14);--arcade-cyan-a16: rgba(0, 244, 255, .16);--arcade-cyan-a18: rgba(0, 244, 255, .18);--arcade-cyan-a20: rgba(0, 244, 255, .2);--arcade-cyan-a22: rgba(0, 244, 255, .22);--arcade-cyan-a24: rgba(0, 244, 255, .24);--arcade-cyan-a25: rgba(0, 244, 255, .25);--arcade-cyan-a26: rgba(0, 244, 255, .26);--arcade-cyan-a28: rgba(0, 244, 255, .28);--arcade-cyan-a30: rgba(0, 244, 255, .3);--arcade-cyan-a32: rgba(0, 244, 255, .32);--arcade-cyan-a33: rgba(0, 244, 255, .33);--arcade-cyan-a34: rgba(0, 244, 255, .34);--arcade-cyan-a35: rgba(0, 244, 255, .35);--arcade-cyan-a38: rgba(0, 244, 255, .38);--arcade-cyan-a40: rgba(0, 244, 255, .4);--arcade-cyan-a42: rgba(0, 244, 255, .42);--arcade-cyan-a45: rgba(0, 244, 255, .45);--arcade-cyan-a48: rgba(0, 244, 255, .48);--arcade-cyan-a50: rgba(0, 244, 255, .5);--arcade-cyan-a55: rgba(0, 244, 255, .55);--arcade-cyan-a58: rgba(0, 244, 255, .58);--arcade-cyan-a60: rgba(0, 244, 255, .6);--arcade-pink-a04: rgba(255, 23, 112, .04);--arcade-pink-a10: rgba(255, 23, 112, .1);--arcade-pink-a12: rgba(255, 23, 112, .12);--arcade-pink-a14: rgba(255, 23, 112, .14);--arcade-pink-a15: rgba(255, 23, 112, .15);--arcade-pink-a16: rgba(255, 23, 112, .16);--arcade-pink-a20: rgba(255, 23, 112, .2);--arcade-pink-a24: rgba(255, 23, 112, .24);--arcade-pink-a26: rgba(255, 23, 112, .26);--arcade-pink-a28: rgba(255, 23, 112, .28);--arcade-pink-a30: rgba(255, 23, 112, .3);--arcade-pink-a32: rgba(255, 23, 112, .32);--arcade-pink-a34: rgba(255, 23, 112, .34);--arcade-pink-a35: rgba(255, 23, 112, .35);--arcade-pink-a38: rgba(255, 23, 112, .38);--arcade-pink-a45: rgba(255, 23, 112, .45);--arcade-pink-a48: rgba(255, 23, 112, .48);--arcade-pink-a50: rgba(255, 23, 112, .5);--arcade-pink-a60: rgba(255, 23, 112, .6);--arcade-pink-a64: rgba(255, 23, 112, .64);--arcade-pink-a65: rgba(255, 23, 112, .65);--arcade-pink-a68: rgba(255, 23, 112, .68);--arcade-pink-a70: rgba(255, 23, 112, .7);--arcade-pink-a72: rgba(255, 23, 112, .72);display:grid;gap:16px}.practice-kicker{margin:0;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:28px;line-height:1.1;letter-spacing:.04em;text-transform:uppercase}.practice-subtitle{margin:0;font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.practice-exit-btn{flex-shrink:0;background:transparent;border:1px solid var(--border2);color:var(--muted);border-radius:8px;padding:8px 14px;font-family:var(--font-mono);font-size:12px;cursor:pointer;letter-spacing:.04em;transition:border-color .15s,color .15s}.practice-exit-btn:hover{border-color:var(--arcade-pink-a60);color:var(--arcade-pink-soft-alt)}.practice-progress-bar{width:100%;height:6px;border-radius:999px;background:var(--white-a06);overflow:hidden;border:1px solid var(--border2)}.practice-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--arcade-pink),var(--arcade-cyan));display:grid;gap:16px}.practice-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px}.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-main-card{position:relative;overflow:hidden}@keyframes practice-stripe-flow{0%{background-position:0 0}to{background-position:200% 0}}.practice-main-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--arcade-pink),var(--arcade-cyan));opacity:.35;transition:opacity .3s}.practice-main-card--playing:before{opacity:1;background:linear-gradient(90deg,var(--arcade-pink) 0%,var(--arcade-cyan) 50%,var(--arcade-pink) 100%);background-size:200% 100%;animation:practice-stripe-flow 4s linear infinite}.practice-section-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.practice-section-tag{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--arcade-cyan);background:var(--arcade-cyan-a08);border:1px solid var(--arcade-cyan-a28);border-radius:99px;padding:3px 10px;flex-shrink:0}.practice-beat-counter{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.practice-section-meta>div{display:flex;flex-direction:column;gap:2px}.practice-rhythm-band{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 24px;border-radius:12px;background:#ffffff06;border:1px solid var(--border)}.practice-beat-dots{display:flex;gap:12px;align-items:center;justify-content:center}.practice-beat-dot{width:14px;height:14px;border-radius:50%;background:var(--border2);transition:background .08s,box-shadow .08s,transform .08s}.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:2px}.practice-section-meta strong{font-family:var(--font-head);font-size:16px;letter-spacing:.03em}.practice-chord-stage{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:20px;align-items:start}.practice-current-chord-panel{display:grid;gap:8px}@keyframes practice-chord-in{0%{opacity:0;transform:translateY(8px);text-shadow:0 0 0px currentColor;filter:saturate(.5) brightness(.8)}40%{opacity:1;transform:translateY(0);text-shadow:0 0 120px currentColor,0 0 60px currentColor;filter:saturate(3) brightness(1.8)}to{opacity:1;transform:translateY(0);text-shadow:0 0 60px currentColor;filter:saturate(1.2) brightness(1)}}.practice-current-chord-name{margin:0;font-family:var(--font-head);font-size:96px;line-height:.9;text-transform:uppercase;letter-spacing:.02em;animation:practice-chord-in .5s cubic-bezier(.22,1,.36,1) both;text-shadow:0 0 60px currentColor;filter:saturate(1.2);transition:filter .25s,opacity .25s}@keyframes practice-chord-glow-pulse{0%,to{text-shadow:0 0 60px currentColor,0 0 30px currentColor;filter:saturate(1.4) brightness(1.1)}50%{text-shadow:0 0 100px currentColor,0 0 60px currentColor,0 0 20px currentColor;filter:saturate(2) brightness(1.4)}}.practice-current-chord-name--anticipating{opacity:.6;filter:saturate(.7);transition:opacity .25s,filter .25s}.practice-chord-progress{height:3px;border-radius:99px;background:#ffffff1a;overflow:hidden;margin-top:10px}.practice-chord-progress-fill{display:block;height:100%;border-radius:99px;background:currentColor;transition:width .12s linear;opacity:.75}@keyframes practice-anticipate-pulse{0%,to{box-shadow:0 0 #c8a84b00}50%{box-shadow:0 0 0 6px #c8a84b38}}.practice-chord-stage--anticipating{border-radius:12px;outline:2px solid rgba(200,168,75,.45);outline-offset:3px;animation:practice-anticipate-pulse .55s ease-in-out infinite}.practice-strum-row{display:none}.practice-strum-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.55;margin-bottom:4px}.practice-beat-cells{display:flex;gap:20px;align-items:flex-start;justify-content:center}.practice-beat-cell{display:flex;flex-direction:column;align-items:center;gap:10px;transition:opacity .08s,transform .08s}.practice-beat-cell--played{opacity:.35}.practice-beat-cell--active{opacity:1;transform:scale(1.18)}.practice-beat-cell--upcoming{opacity:.14}.practice-beat-dot{width:14px;height:14px;border-radius:50%;background:var(--border2);flex-shrink:0}.practice-beat-cell--played .practice-beat-dot{background:var(--arcade-cyan);opacity:.5}.practice-beat-cell--active .practice-beat-dot{background:var(--arcade-cyan);box-shadow:0 0 14px var(--arcade-cyan-a60),0 0 5px var(--arcade-cyan)}.practice-strum-arrow{font-size:36px;line-height:1;color:#fffc}.practice-beat-cell--active .practice-strum-arrow{text-shadow:0 0 20px var(--arcade-cyan-a60),0 0 8px var(--arcade-cyan);color:#fff}.practice-beat-cell--played .practice-strum-arrow{color:#ffffff59}.practice-beat-cell--upcoming .practice-strum-arrow{color:#ffffff24}.practice-section-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.practice-section-pill{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:99px;border:1px solid var(--border2);background:var(--white-a03);color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.practice-section-pill:hover{border-color:var(--arcade-cyan-a45);color:var(--arcade-cyan-soft);background:var(--arcade-cyan-a08)}.practice-section-pill--active{border-color:var(--arcade-cyan-a55);color:var(--arcade-cyan);background:var(--arcade-cyan-a12);box-shadow:0 0 8px var(--arcade-cyan-a30)}.practice-streak-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;background:linear-gradient(135deg,#3ddc8429,#22a06017);border:1px solid rgba(61,220,132,.38);border-radius:5px;color:var(--on);padding:2px 7px;box-shadow:0 0 8px #3ddc842e}@keyframes practice-next-card-pulse{0%,to{box-shadow:0 0 #c8a84b00,inset 0 0 #c8a84b00;border-color:#c8a84b80}50%{box-shadow:0 0 28px 6px #c8a84b59,inset 0 0 18px #c8a84b1f;border-color:#c8a84b}}@keyframes practice-next-arrow-bounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.practice-next-card{border:1px solid var(--border2);border-radius:12px;background:var(--white-a03);padding:14px;display:grid;gap:8px;opacity:.5;transition:opacity .2s,border-color .2s,transform .25s}.practice-chord-stage--anticipating .practice-next-card{opacity:1;transform:scale(1.1);background:#c8a84b0f;animation:practice-next-card-pulse .55s ease-in-out infinite}.practice-chord-stage--anticipating .practice-next-label{color:#c8a84b;animation:practice-next-arrow-bounce .55s ease-in-out infinite}.practice-chord-stage--anticipating .practice-next-value{font-size:52px;text-shadow:0 0 50px currentColor,0 0 20px currentColor;filter:saturate(2) brightness(1.3)}.practice-next-value{font-family:var(--font-head);font-size:36px;line-height:1;letter-spacing:.02em}.practice-stage-feedback{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.practice-manual-btn{border-radius:10px;padding:14px 16px;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .15s}.practice-manual-btn--correct{background:#4caf5024;border:1px solid rgba(76,175,80,.45);color:#7fd184}.practice-manual-btn--correct:hover{background:#4caf503d;box-shadow:0 0 12px #4caf5040}.practice-manual-btn--retry{background:#e8512a1a;border:1px solid var(--gnr-a35);color:var(--accent-gnr)}.practice-manual-btn--retry:hover{background:#e8512a33}.practice-side-card{display:flex;flex-direction:column;gap:12px;align-content:start}.practice-side-divider{height:1px;background:var(--border);margin:2px 0}.practice-transport-group{display:flex;flex-direction:column;gap:8px}.practice-shortcut-hint{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--muted);opacity:.55;text-align:center;margin:0}.practice-transport-btn{display:inline-flex;align-items:center;gap:6px;background:var(--white-a04);border:1px solid var(--border2);color:var(--text);border-radius:8px;padding:9px 14px;font-size:15px;cursor:pointer;transition:border-color .15s,color .15s,box-shadow .15s;font-family:var(--font-mono)}.practice-transport-btn span{font-size:12px;letter-spacing:.04em}.practice-transport-btn:hover{border-color:var(--arcade-cyan);color:var(--arcade-cyan-soft);box-shadow:0 0 10px var(--arcade-cyan-a20)}.practice-transport-btn--primary{background:var(--arcade-cyan-a08);border-color:var(--arcade-cyan-a40);color:var(--arcade-cyan-soft);font-size:18px;padding:10px 16px;width:100%;justify-content:center}.practice-transport-btn--primary:hover{background:var(--arcade-cyan-a16);box-shadow:0 0 16px var(--arcade-cyan-a30)}.practice-transport-nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.practice-transport-nav .practice-transport-btn{justify-content:center;padding:8px}.practice-toggles{display:grid;gap:6px}.practice-toggle-row{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;color:var(--text);cursor:pointer;padding:4px 2px}.practice-speed-control{border:1px solid var(--border2);border-radius:10px;background:var(--white-a03);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-mic-row{display:flex;align-items:center;gap:10px}.practice-mic-btn{flex:1;background:var(--white-a04);border:1px solid var(--border2);color:var(--muted);border-radius:8px;padding:8px 12px;font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:all .15s}.practice-mic-btn--on{border-color:var(--arcade-pink-a60);color:var(--arcade-pink-soft-alt);background:var(--arcade-pink-a10);box-shadow:0 0 10px var(--arcade-pink-a15)}.practice-mic-btn:hover{border-color:var(--arcade-cyan-a50);color:var(--arcade-cyan-soft)}.practice-mic-confidence{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--arcade-cyan);min-width:38px;text-align:right}.practice-feedback{border:1px solid var(--border2);border-radius:12px;background:var(--white-a03);padding:10px 12px}.practice-feedback.correct{border-color:#4caf5059;background:#4caf5014}.practice-feedback.close{border-color:#c8a84b59;background:#c8a84b14}.practice-feedback.retry{border-color:var(--gnr-a35);background:#e8512a14}.practice-score-compact{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:12px;color:var(--muted)}.practice-score-compact strong{color:var(--text)}.practice-score-detail{margin-left:auto;font-size:10px;opacity:.6}.practice-transport,.practice-feedback-actions,.practice-score-row,.practice-session-tip,.practice-mic-controls,.practice-mic-status,.practice-confidence-row{display:contents}.practice-session-summary{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--oasis-a35);border-radius:12px;background:var(--oasis-a10)}.practice-session-summary p{margin:0;color:var(--text);font-size:13px}.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(--arcade-cyan);box-shadow:0 0 0 2px var(--arcade-cyan-a25),0 0 8px var(--arcade-cyan-a20);transform:translateY(-1px)}.practice-chord-fallback{display:grid;gap:8px;padding:16px}.practice-chord-fallback h3{margin:0;font-family:var(--font-head);font-size:28px;letter-spacing:.04em;text-transform:uppercase}.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-next-notes,.practice-chord-fallback p,.practice-feedback p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.practice-home-card{--arcade-cyan: #00f4ff;--arcade-pink: #ff1770;--arcade-cyan-soft: #d8feff;--arcade-pink-soft-alt: #ffd8ea;--arcade-cyan-a12: rgba(0, 244, 255, .12);--arcade-cyan-a18: rgba(0, 244, 255, .18);--arcade-cyan-a20: rgba(0, 244, 255, .2);--arcade-cyan-a24: rgba(0, 244, 255, .24);--arcade-cyan-a25: rgba(0, 244, 255, .25);--arcade-cyan-a34: rgba(0, 244, 255, .34);--arcade-cyan-a45: rgba(0, 244, 255, .45);--arcade-cyan-a55: rgba(0, 244, 255, .55);--arcade-cyan-a58: rgba(0, 244, 255, .58);--arcade-pink-a12: rgba(255, 23, 112, .12);--arcade-pink-a14: rgba(255, 23, 112, .14);--arcade-pink-a20: rgba(255, 23, 112, .2);--arcade-pink-a28: rgba(255, 23, 112, .28);--arcade-pink-a35: rgba(255, 23, 112, .35);--arcade-pink-a38: rgba(255, 23, 112, .38);--arcade-pink-a45: rgba(255, 23, 112, .45);--arcade-pink-a70: rgba(255, 23, 112, .7);position:relative;overflow:hidden;border-color:var(--arcade-cyan-a45);box-shadow:inset 0 0 24px var(--arcade-pink-a12),0 0 0 1px var(--arcade-pink-a14),0 10px 26px #0006;background:radial-gradient(circle at 16% 14%,var(--arcade-pink-a45),transparent 46%),radial-gradient(circle at 84% 84%,var(--arcade-cyan-a34),transparent 52%),radial-gradient(circle at 55% -8%,var(--arcade-cyan-a18),transparent 36%),linear-gradient(132deg,#220d42e6,#061c38e6 56%,#12082ef2)}.practice-home-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 3px,var(--arcade-cyan-a12) 3px,var(--arcade-cyan-a12) 4px);opacity:.58;mix-blend-mode:screen;pointer-events:none}.practice-home-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,var(--arcade-pink-a20),transparent 42%),radial-gradient(circle at 80% 78%,var(--arcade-cyan-a20),transparent 48%);pointer-events:none}.practice-home-card>*{position:relative;z-index:1}.practice-home-card .home-band-kicker{color:var(--arcade-cyan);text-shadow:0 0 10px var(--arcade-cyan-a55)}.practice-home-card h3{color:#f9f6ff;text-shadow:0 0 18px var(--arcade-pink-a38),0 0 8px var(--arcade-cyan-a24)}.practice-home-card .learning-path-label{color:#ebf1ffb8}.practice-home-card .landing-guide-btn{border-color:var(--arcade-cyan-a58);color:#f2ffff;background:linear-gradient(145deg,#1a143bd9,#05283fc7);box-shadow:inset 0 0 0 1px var(--arcade-pink-a35)}.practice-home-card .landing-guide-btn:hover{border-color:var(--arcade-pink);color:#ffe6f2;background:linear-gradient(145deg,#260c48eb,#05283fe6);box-shadow:0 0 14px var(--arcade-pink-a35),inset 0 0 0 1px var(--arcade-cyan-a25)}.practice-home-card .landing-guide-btn--primary{border-color:var(--arcade-cyan);color:#e0faff;background:linear-gradient(145deg,#00a0c8c7,#0050a0b8);box-shadow:0 0 18px var(--arcade-cyan-a45),inset 0 0 0 1px var(--arcade-pink-a20)}.practice-home-card .landing-guide-btn--primary:hover{border-color:var(--arcade-cyan);color:#fff;background:linear-gradient(145deg,#00bee6e0,#0064b4d1);box-shadow:0 0 26px var(--arcade-cyan-a55),inset 0 0 0 1px var(--arcade-pink-a28)}.practice-home-pill{border-color:var(--arcade-pink-a70);background:var(--arcade-pink-a14);color:var(--arcade-pink-soft-alt);box-shadow:inset 0 0 0 1px var(--arcade-pink-a28)}.practice-home-pill:hover{border-color:var(--arcade-cyan);color:var(--arcade-cyan-soft)}.practice-mode.karaoke-arcade .song-result-card{position:relative;overflow:hidden;border:1px solid var(--arcade-cyan-a34);border-left:4px solid var(--arcade-cyan);background:linear-gradient(150deg,#10142aed,#0e1b2bd6 45%,#2d0c34db);box-shadow:inset 0 0 0 1px var(--arcade-pink-a16),0 6px 20px #0206126b}.practice-mode.karaoke-arcade .song-result-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 5px,var(--arcade-cyan-a05) 5px,var(--arcade-cyan-a05) 6px)}.practice-mode.karaoke-arcade .song-result-card:hover{border-color:var(--arcade-pink-a68);transform:translateY(-3px);box-shadow:0 0 16px var(--arcade-cyan-a26),0 0 26px var(--arcade-pink-a24),inset 0 0 0 1px var(--arcade-pink-a20)}.practice-mode.karaoke-arcade .practice-ready-badge{border-color:var(--arcade-pink-a72);background:var(--arcade-pink-a16);color:var(--arcade-pink-soft);text-shadow:0 0 8px var(--arcade-pink-a45);box-shadow:inset 0 0 0 1px var(--arcade-pink-a30)}.practice-mode.karaoke-arcade .practice-launch-btn{border-color:var(--arcade-pink-a64);color:var(--arcade-pink-soft);background:linear-gradient(145deg,#2b0c37e0,#121f3ad6);box-shadow:inset 0 0 0 1px var(--arcade-pink-a26)}.practice-mode.karaoke-arcade .practice-launch-btn:hover{border-color:var(--arcade-cyan);color:var(--arcade-cyan-soft);box-shadow:0 0 14px var(--arcade-cyan-a32),inset 0 0 0 1px var(--arcade-cyan-a34)}.practice-mode.karaoke-arcade{--arcade-ink: #090d1f;--arcade-panel: #0f1630;position:relative;overflow:hidden;border:1px solid var(--arcade-cyan-a30);border-radius:16px;padding:16px;background:radial-gradient(circle at 16% 10%,var(--arcade-pink-a16),transparent 40%),radial-gradient(circle at 85% 88%,var(--arcade-cyan-a14),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,rgba(255,255,255,0) 0,rgba(255,255,255,0) 3px,var(--arcade-cyan-a05) 3px,var(--arcade-cyan-a05) 4px);opacity:.75}.practice-mode.karaoke-arcade:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--arcade-cyan-a05) 1px,transparent 1px),linear-gradient(0deg,var(--arcade-pink-a04) 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 var(--arcade-cyan-a45)}.karaoke-arcade .practice-hero h1{color:#f9fbff;text-shadow:0 0 16px var(--arcade-pink-a34),0 0 12px var(--arcade-cyan-a28)}.karaoke-arcade .practice-subtitle{color:#e3eeffc7}.karaoke-arcade .practice-session-tip{border-color:var(--arcade-cyan-a45);background:var(--arcade-cyan-a12);color:var(--arcade-cyan-soft)}.karaoke-arcade .practice-progress-bar{border-color:var(--arcade-cyan-a35);background:#060a1ad1}.karaoke-arcade .practice-progress-bar span{background:linear-gradient(90deg,var(--arcade-cyan),var(--arcade-pink));box-shadow:0 0 12px var(--arcade-cyan-a35),0 0 18px var(--arcade-pink-a28)}.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:var(--arcade-cyan-a33);background:linear-gradient(165deg,#121831e0,#0a1021eb);box-shadow:inset 0 0 0 1px var(--arcade-pink-a16),0 8px 20px #02050f57}.karaoke-arcade .practice-current-chord-name,.karaoke-arcade .practice-next-value{text-shadow:0 0 14px var(--arcade-cyan-a38),0 0 18px var(--arcade-pink-a32)}.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:var(--arcade-cyan-a33);background:linear-gradient(165deg,#121831e0,#0a1021eb);box-shadow:inset 0 0 0 1px var(--arcade-pink-a16)}.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:var(--arcade-cyan-a18);box-shadow:0 0 0 2px var(--arcade-cyan-a25),0 0 14px var(--arcade-cyan-a30)}.karaoke-arcade .landing-guide-btn,.karaoke-arcade .song-preset-btn,.karaoke-arcade .back-button{border-color:var(--arcade-cyan-a42);color:#e9f9ff;background:linear-gradient(150deg,#151d3ce6,#0d142aeb);box-shadow:inset 0 0 0 1px var(--arcade-pink-a20)}.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 var(--arcade-pink-a30),inset 0 0 0 1px var(--arcade-cyan-a25)}.karaoke-arcade .practice-feedback.correct{border-color:var(--arcade-cyan-a45);background:var(--arcade-cyan-a12)}.karaoke-arcade .practice-feedback.close{border-color:#ffc60073;background:#ffc6001a}.karaoke-arcade .practice-feedback.retry{border-color:var(--arcade-pink-a50);background:var(--arcade-pink-a12)}@media (max-width: 1023px){.practice-mode.karaoke-arcade{border-radius:12px;padding:12px}.karaoke-arcade .practice-mobile-bar{border-color:var(--arcade-cyan-a35);background:linear-gradient(170deg,#080d1ff0,#0d0921f0);box-shadow:0 0 14px var(--arcade-cyan-a22)}.karaoke-arcade .practice-mobile-bar .landing-guide-btn{border-color:var(--arcade-cyan-a35);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:var(--arcade-cyan);text-shadow:0 0 24px var(--arcade-cyan-a48),0 0 48px var(--arcade-cyan-a28)}.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:var(--arcade-pink);text-shadow:0 0 24px var(--arcade-pink-a48),0 0 48px var(--arcade-pink-a28)}.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}}.practice-countdown-stage{display:flex;align-items:center;justify-content:center;min-height:180px;padding:24px 0}.practice-countdown-number{font-family:var(--font-head);font-size:120px;font-weight:900;line-height:1;letter-spacing:-.06em;color:var(--arcade-cyan);text-shadow:0 0 40px var(--arcade-cyan-a60),0 0 80px var(--arcade-cyan-a28);animation:countdown-pulse 1s ease-out forwards}.practice-countdown-go{font-size:96px;color:#4ade80;text-shadow:0 0 30px rgba(74,222,128,.6),0 0 60px rgba(74,222,128,.32);animation:countdown-go .8s cubic-bezier(.34,1.56,.64,1) forwards}.lyrics-display{border:1px solid var(--border2);border-radius:12px;background:var(--white-a03);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:var(--arcade-cyan-a33);background:linear-gradient(165deg,#121831e0,#0a1021eb);box-shadow:inset 0 0 0 1px var(--arcade-pink-a16),0 8px 20px #02050f57}.karaoke-arcade .lyrics-text{color:#f8fcff}.karaoke-arcade .lyrics-section-label{color:#c4e8ffc2}.sp-library,.sp-practice{--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-hi: inset 0 1px 0 var(--white-a06)}@keyframes sp-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sp-player-glow{0%,to{box-shadow:var(--card-shadow, 0 14px 40px rgba(0,0,0,.45)),0 0 0 1px #ff00002e,0 0 32px #ff00001a}50%{box-shadow:var(--card-shadow, 0 14px 40px rgba(0,0,0,.45)),0 0 0 1px #ff000059,0 0 52px #ff000038}}@keyframes sp-done-glow{0%,to{box-shadow:inset 0 1px #ffffff38,0 4px 16px #3ddc8466}50%{box-shadow:inset 0 1px #ffffff4d,0 8px 28px #3ddc84b8}}@keyframes sp-shimmer{0%{background-position:-300px 0}to{background-position:300px 0}}@keyframes sp-chat-row-glow{0%,to{box-shadow:inset 0 0 0 1px #3ddc843d,inset 0 0 0 999px #3ddc840d,0 0 0 1px #3ddc8414,0 0 14px #3ddc8424}50%{box-shadow:inset 0 0 0 1px #3ddc8470,inset 0 0 0 999px #3ddc841a,0 0 0 1px #3ddc842e,0 0 26px #3ddc844d}}@keyframes sp-chat-row-sheen{0%{background-position:-140% 0}to{background-position:240% 0}}@keyframes sp-title-glow{0%,to{text-shadow:0 0 30px rgba(255,80,80,.18)}50%{text-shadow:0 0 50px rgba(255,80,80,.32)}}.sp-library,.sp-practice{display:flex;flex-direction:column;gap:16px;max-width:780px;margin:0 auto;padding:4px 0 40px;animation:sp-fade-up .4s ease-out both}.sp-loading{text-align:center;padding:80px 20px;color:var(--muted);font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase}.sp-error{color:var(--yt-red-bright);font-size:12px;font-family:var(--font-mono);margin:4px 0 0}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:11px 20px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .2s,background .15s,border-color .15s}.sp-btn:disabled{opacity:.35;cursor:default}.sp-btn:active:not(:disabled){transform:scale(.97)}.sp-btn--primary{background:var(--yt-grad);border-color:#ff000080;color:#fff;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000002e,0 4px 14px #ff000059}.sp-btn--primary:hover:not(:disabled){background:var(--yt-grad-hover);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,0 8px 22px #ff00008c}.sp-btn--ghost{background:linear-gradient(180deg,var(--white-a05),var(--white-a02));border-color:var(--border2);color:var(--muted);box-shadow:inset 0 1px 0 var(--white-a04)}.sp-btn--ghost:hover:not(:disabled){background:linear-gradient(180deg,rgba(255,255,255,.09),var(--white-a04));border-color:#ffffff38;color:var(--text)}.sp-btn--seek-back{background:linear-gradient(135deg,#3ddc841a,#22a0600a);border-color:#3ddc8459;color:var(--on);padding:8px 14px;border-width:1px;box-shadow:0 1px 8px #3ddc8429,inset 0 1px 0 var(--white-a08)}.sp-btn--seek-back:hover:not(:disabled){background:linear-gradient(135deg,#3ddc8426,#22a06014);border-color:#3ddc8485;color:var(--on)}.sp-btn--seek-forward{background:linear-gradient(135deg,#4a9eff1a,#2864c80a);border-color:#4a9eff57;color:var(--accent-oasis);padding:8px 14px;border-width:1px;box-shadow:0 1px 8px #4a9eff29,inset 0 1px 0 var(--white-a08)}.sp-btn--seek-forward:hover:not(:disabled){background:linear-gradient(135deg,#4a9eff29,#2864c814);border-color:#4a9eff85;color:var(--accent-oasis)}.sp-btn--danger{color:var(--yt-red-bright);border-color:#ff6b6b40}.sp-btn--danger:hover:not(:disabled){background:#ff6b6b1a;border-color:#ff6b6b80;color:var(--yt-red-bright)}.sp-add-song-card{position:relative;overflow:hidden;background:radial-gradient(ellipse 600px 200px at 0% 0%,rgba(255,0,0,.26),transparent 58%),radial-gradient(ellipse 280px 180px at 100% 100%,rgba(255,80,0,.12),transparent 55%),radial-gradient(circle at 50% 120%,rgba(255,0,0,.06),transparent 50%),var(--bg2);border:1px solid rgba(255,0,0,.34);border-radius:16px;padding:22px 20px 20px;box-shadow:var(--card-shadow),var(--card-hi),0 0 60px #ff00000f;display:flex;flex-direction:column;gap:14px}.sp-add-song-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--yt-grad)}.sp-add-song-kicker,.sp-add-song-title{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yt-red-bright);text-shadow:0 0 14px rgba(255,0,0,.55),0 0 30px rgba(255,0,0,.2)}.sp-add-song-heading{font-family:var(--font-head);font-size:26px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:2px 0 0;background:linear-gradient(135deg,#fff,#ffe5e5,#ff7070);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;line-height:1.1}.sp-add-song-desc{font-size:13px;color:var(--muted);margin:0}.sp-add-song-row{display:flex;flex-direction:column;gap:8px}.sp-add-song-input{width:100%;box-sizing:border-box;background:var(--black-a35);border:1px solid var(--border2);border-radius:10px;color:var(--text);font-family:var(--font-mono);font-size:13px;padding:12px 14px;outline:none;transition:border-color .15s,box-shadow .15s}.sp-add-song-input:focus{border-color:#ff000080;box-shadow:0 0 0 3px #ff00001f}.sp-add-song-input::placeholder{color:var(--muted);opacity:.7}.sp-add-song-row .sp-btn--primary{align-self:flex-start;min-width:96px}.sp-library-grid{display:grid;grid-template-columns:1fr;gap:12px}.sp-song-card{background:radial-gradient(ellipse 280px 120px at 100% 0%,rgba(255,0,0,.04),transparent 55%),var(--bg2);border:1px solid var(--border2);border-left:3px solid var(--yt-red);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--card-shadow),var(--card-hi);transition:border-color .22s,transform .18s,box-shadow .22s;animation:sp-fade-up .45s ease-out both}.sp-song-card:hover{border-color:#ff000057;border-left-color:var(--yt-red);transform:translateY(-2px);box-shadow:var(--card-shadow),var(--card-hi),0 0 32px #ff000014}.sp-song-card-top{display:flex;gap:12px;align-items:flex-start}.sp-song-thumb{width:100px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#000;border:1px solid rgba(255,0,0,.18)}.sp-song-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.sp-song-title{font-family:var(--font-head);font-size:16px;font-weight:700;letter-spacing:.02em;color:var(--text);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-song-last{font-size:11px;color:var(--muted);font-family:var(--font-mono)}.sp-song-stats{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.sp-song-stats-empty{opacity:.5}.sp-progress-bar{height:4px;background:var(--white-a07);border-radius:99px;overflow:hidden}.sp-progress-fill{height:100%;background:linear-gradient(90deg,#1e9c5c,var(--on),#7aedb4,var(--on),#1e9c5c);background-size:300px 100%;border-radius:99px;transition:width .5s ease;min-width:4px;animation:sp-shimmer 2.5s linear infinite}.sp-song-card-actions{display:flex;gap:8px;align-items:center}.sp-song-card-actions .sp-btn--primary{flex:1}.sp-empty-state{padding:36px 20px 28px;border:1.5px dashed var(--white-a10);border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--muted);background:radial-gradient(ellipse 380px 180px at 50% 0%,rgba(255,0,0,.05),transparent 60%),var(--bg2);animation:sp-fade-up .5s ease-out both}.sp-empty-icon{font-size:40px;line-height:1}.sp-empty-text{font-family:var(--font-head);font-size:20px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin:0}.sp-empty-hint{font-size:13px;max-width:34ch;line-height:1.5;text-align:center;margin:0}.sp-empty-cta{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--yt-red-bright);margin:0}.sp-how-steps{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;width:100%;max-width:340px;text-align:left}.sp-how-steps--compact{max-width:300px}.sp-how-step{display:flex;align-items:flex-start;gap:10px}.sp-how-step-num{font-family:var(--font-mono);font-size:10px;font-weight:900;background:#ff00001f;border:1px solid rgba(255,0,0,.32);border-radius:6px;color:var(--yt-red-bright);min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.sp-how-step-num--green{background:#3ddc841f;border-color:#3ddc8459;color:var(--on)}.sp-how-step-num--blue{background:var(--oasis-a10);border-color:#4a9eff52;color:var(--accent-oasis)}.sp-how-step-text{font-size:13px;color:var(--muted);line-height:1.45}.sp-practice-header{position:relative;overflow:hidden;background:radial-gradient(ellipse 600px 180px at 0% 50%,rgba(255,0,0,.13),transparent 60%),radial-gradient(ellipse 300px 200px at 100% 100%,rgba(255,80,0,.06),transparent 55%),var(--bg2);border:1px solid rgba(255,0,0,.22);border-radius:16px;padding:18px 20px;box-shadow:var(--card-shadow),var(--card-hi);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sp-practice-header:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--yt-grad)}.sp-back-btn{background:linear-gradient(180deg,var(--white-a06),var(--white-a02));border:1px solid var(--border2);border-radius:9px;color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:9px 14px;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px 0 var(--white-a04);transition:background .15s,border-color .15s,color .15s}.sp-back-btn:hover{background:linear-gradient(180deg,#ff00001a,#ff00000a);border-color:#f006;color:var(--text)}.sp-practice-title-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.sp-practice-title{font-family:var(--font-head);font-size:20px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0;background:linear-gradient(135deg,#fff,#ffe8e8 55%,#ff9090);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.sp-practice-progress{font-family:var(--font-mono);font-size:11px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:8px}.sp-practice-pct{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;background:linear-gradient(135deg,#3ddc842e,#22a0601a);border:1px solid rgba(61,220,132,.38);border-radius:5px;color:var(--on);padding:1px 6px;box-shadow:0 0 10px #3ddc8433}.sp-player-panel{background:radial-gradient(ellipse 600px 200px at 100% 0%,rgba(255,0,0,.1),transparent 55%),radial-gradient(ellipse 400px 200px at 0% 100%,rgba(255,0,0,.06),transparent 52%),var(--bg2);border:1px solid rgba(255,0,0,.28);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--card-shadow),var(--card-hi),0 0 60px #ff00000d}.sp-player-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:16px 16px 0 0;overflow:hidden;animation:sp-player-glow 4s ease-in-out infinite}.sp-player-host{width:100%;height:100%}.sp-player-host iframe{width:100%;height:100%;display:block;border:none}.sp-player-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 50% 40%,rgba(255,0,0,.14),transparent 50%),#080808d1;color:var(--text);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.sp-player-spinner{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:var(--yt-red);box-shadow:0 0 10px #ff000073;animation:sp-spin .85s linear infinite}.sp-player-overlay--error{background:#0a0505e6;color:var(--yt-red-bright);gap:0}.sp-transport{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-top:1px solid rgba(255,0,0,.12);background:linear-gradient(180deg,rgba(255,0,0,.05) 0%,transparent 100%),#0000001a}.sp-transport-left{flex:1;min-width:0}.sp-active-fragment-chip{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sp-active-label{font-family:var(--font-head);font-size:15px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.sp-active-range{font-family:var(--font-mono);font-size:11px;color:var(--muted);white-space:nowrap}.sp-active-speed{font-family:var(--font-mono);font-size:10px;background:var(--white-a07);border:1px solid var(--border2);border-radius:5px;padding:2px 7px;color:var(--muted)}.sp-active-fragment-chip--manual{border-left:3px solid var(--yt-red);padding-left:8px}.sp-active-fragment-chip--manual .sp-active-label{color:var(--yt-red-bright);text-shadow:0 0 10px rgba(255,0,0,.35)}.sp-transport-right{display:flex;align-items:center;gap:8px}.sp-shortcuts-note{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;margin:6px 14px 0;padding:0;border:none;background:transparent;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--muted);white-space:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none}.sp-shortcuts-note::-webkit-scrollbar{display:none}.sp-shortcuts-note>*{flex:0 0 auto}.sp-shortcuts-line{display:inline-block;min-width:max-content;white-space:nowrap}.sp-shortcuts-label{color:var(--text);font-weight:700}.sp-shortcuts-item{color:var(--muted)}.sp-shortcuts-sep{opacity:.5}.sp-quick-loop{display:none;border:1px solid var(--border2);border-radius:10px;background:var(--bg2);overflow:hidden}.sp-quick-loop--active{position:relative;border-color:#ff000073;background:linear-gradient(180deg,#ff00001f,#00000029);animation:sp-chat-row-glow 2.35s ease-in-out infinite}.sp-quick-loop--active .sp-quick-loop-toggle-label{color:var(--yt-red-bright)}.sp-quick-loop--active .sp-quick-loop-body{border-top-color:#ff000059}.sp-quick-loop--active:before{content:"";position:absolute;inset:1px 0;pointer-events:none;background:linear-gradient(110deg,#f000 26% 40%,#ff000042 50%,#f000 60% 74%);background-size:220% 100%;opacity:.7;animation:sp-chat-row-sheen 2.8s linear infinite}.sp-quick-loop-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:none;border-radius:0;padding:9px 12px;background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.sp-quick-loop-toggle-label{color:var(--muted)}.sp-quick-loop-toggle-action{display:inline-flex;align-items:center;gap:6px}.sp-quick-loop-toggle-range{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;border:1px solid rgba(255,0,0,.28);background:#ff00001a;color:#ffffffbf;font-size:9px;letter-spacing:.04em}.sp-quick-loop-toggle-arrow{font-size:9px;line-height:1;opacity:.85}.sp-quick-loop-body{border-top:1px solid var(--white-a08);padding:10px;background:transparent}.sp-quick-loop-hint{margin:0 0 8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:var(--muted)}.sp-quick-loop-mode-hint{margin:0 0 8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:#ffffff94}.sp-quick-loop-status{margin:0 0 8px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on);background:linear-gradient(135deg,#3ddc8424,#22a0600f);border:1px solid rgba(61,220,132,.34);border-radius:8px;padding:6px 8px}.sp-quick-loop-status-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sp-quick-loop-status-row .sp-quick-loop-status{margin:0;flex:1}.sp-quick-loop-pause-btn{padding:6px 10px;font-size:10px;letter-spacing:.06em;border-color:#ff000059;color:var(--yt-red-bright)}.sp-quick-loop-pause-btn:hover:not(:disabled){border-color:#ff000080;background:#ff00001f;color:#ffffffbf}.sp-quick-loop-ab-row{margin-top:0}.sp-quick-loop-actions{margin-top:8px;display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.sp-quick-loop-actions .sp-btn{flex:1;min-width:0}.sp-quick-loop-speed{margin-top:8px}.sp-repeat-toggle{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);-webkit-user-select:none;user-select:none;background:none;border:none;padding:0}.sp-repeat-toggle input{display:none}.sp-repeat-label{color:var(--muted);transition:color .2s;display:inline-flex;align-items:center;gap:5px}.sp-repeat-label:before{content:"";display:inline-block;width:32px;height:18px;background:var(--bg3);border:1px solid var(--border2);border-radius:999px;vertical-align:middle;position:relative;transition:background .22s,border-color .22s,box-shadow .22s}.sp-repeat-toggle input:checked~.sp-repeat-label{color:var(--on)}.sp-repeat-toggle input:checked~.sp-repeat-label:before{background:linear-gradient(135deg,var(--on),#22a060);border-color:#3ddc8499;box-shadow:0 0 8px #3ddc8459}.sp-mark-done-btn{background:linear-gradient(135deg,#2dae6a,#1a9955);border:1px solid rgba(61,220,132,.55);border-radius:10px;color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:11px 18px;align-self:stretch;cursor:pointer;white-space:nowrap;animation:sp-done-glow 1.8s ease-in-out infinite;transition:transform .15s,opacity .15s}.sp-mark-done-btn:hover{transform:translateY(-1px);opacity:.9}.sp-mark-done-btn:active{transform:scale(.97)}.sp-mark-done-btn--done{background:linear-gradient(180deg,var(--white-a06),var(--white-a02));border-color:var(--border2);color:var(--muted);animation:none;box-shadow:inset 0 1px 0 var(--white-a04)}.sp-mark-done-btn--done:hover{color:var(--text)}@keyframes sp-confetti-pop{0%{opacity:0;transform:translate(0) scale(.3) rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1) rotate(var(--rot))}}.sp-confetti-burst{position:relative;height:0;overflow:visible;pointer-events:none;z-index:2}.sp-confetti-dot{position:absolute;left:50%;top:0;width:7px;height:10px;border-radius:2px;opacity:0;transform-origin:center;box-shadow:0 0 8px #00000026;animation:sp-confetti-pop .95s cubic-bezier(.2,.75,.3,1) forwards}.sp-confetti-dot--1{--dx: -132px;--dy: 30px;--rot: -22deg;background:var(--on);animation-delay:0s}.sp-confetti-dot--2{--dx: -92px;--dy: 38px;--rot: 16deg;background:var(--accent-oasis);animation-delay:.02s}.sp-confetti-dot--3{--dx: -56px;--dy: 48px;--rot: -14deg;background:var(--streak);animation-delay:.03s}.sp-confetti-dot--4{--dx: -22px;--dy: 56px;--rot: 10deg;background:var(--yt-red-bright);animation-delay:.01s}.sp-confetti-dot--5{--dx: 22px;--dy: 56px;--rot: -10deg;background:var(--on);animation-delay:.01s}.sp-confetti-dot--6{--dx: 56px;--dy: 48px;--rot: 14deg;background:var(--accent-oasis);animation-delay:.03s}.sp-confetti-dot--7{--dx: 92px;--dy: 38px;--rot: -16deg;background:var(--streak);animation-delay:.02s}.sp-confetti-dot--8{--dx: 132px;--dy: 30px;--rot: 22deg;background:var(--yt-red-bright);animation-delay:0s}@keyframes sp-all-done-in{0%{opacity:0;transform:scaleY(.7)}to{opacity:1;transform:scaleY(1)}}.sp-all-done{display:flex;align-items:center;gap:14px;padding:18px 20px;background:linear-gradient(135deg,#3ddc842e,#22a0601a,#1a99550f),#00000014;border-top:1px solid rgba(61,220,132,.32);box-shadow:inset 0 1px #3ddc842e,0 -4px 24px #3ddc841f;transform-origin:top;animation:sp-all-done-in .35s cubic-bezier(.34,1.56,.64,1) both}.sp-all-done-icon{width:28px;height:28px;flex-shrink:0;color:var(--on);filter:drop-shadow(0 0 8px rgba(61,220,132,.6))}.sp-all-done-text{display:flex;flex-direction:column;gap:2px}.sp-all-done-badge{display:inline-block;align-self:flex-start;background:#3ddc8421;border:1px solid rgba(61,220,132,.35);color:#3ddc84e6;padding:.1rem .45rem;border-radius:999px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sp-all-done-title{font-family:var(--font-head);font-size:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--on);text-shadow:0 0 16px rgba(61,220,132,.45);line-height:1.2}.sp-all-done-sub{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;color:#3ddc84a6;text-transform:uppercase}.sp-fragment-panel{position:relative;background:radial-gradient(ellipse 520px 180px at 100% 0%,rgba(255,0,0,.07),transparent 58%),radial-gradient(ellipse 300px 150px at 0% 100%,rgba(61,220,132,.04),transparent 52%),var(--bg2);border:1px solid var(--border2);border-radius:16px;box-shadow:var(--card-shadow),var(--card-hi)}.sp-fragment-panel:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--yt-grad);border-radius:16px 16px 0 0;z-index:1}.sp-tip{position:relative}.sp-tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(4px);white-space:nowrap;background:var(--bg3);border:1px solid var(--border2);border-radius:6px;color:var(--text);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.04em;padding:5px 9px;pointer-events:none;opacity:0;transition:opacity .1s,transform .1s;z-index:20;box-shadow:0 4px 14px #0000008c}.sp-tip:hover:after,.sp-tip:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0);transition:opacity .15s .35s,transform .15s .35s}.sp-fragment-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--white-a06);background:linear-gradient(90deg,rgba(255,0,0,.07) 0%,transparent 65%),#ffffff03}.sp-section-heading{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yt-red-bright);text-shadow:0 0 12px rgba(255,48,48,.45);margin:0}.sp-sections-mode-hint{margin:0;padding:8px 16px 0;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:var(--muted)}.sp-no-fragments{padding:28px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.sp-no-fragments-icon{font-size:32px;line-height:1}.sp-no-fragments-title{font-family:var(--font-head);font-size:18px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin:0}.sp-no-fragments-cta{align-self:stretch}.sp-no-fragments-split-hint{margin:-4px 0 0;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);opacity:.85;text-align:center}.sp-fragment-list{display:flex;flex-direction:column}.sp-confirm-overlay{position:fixed;inset:0;z-index:1100;background:radial-gradient(circle at 50% 30%,rgba(255,0,0,.12),transparent 52%),#060606bd;display:flex;align-items:center;justify-content:center;padding:18px}.sp-confirm-modal{width:min(420px,100%);border-radius:14px;border:1px solid rgba(255,0,0,.32);background:radial-gradient(ellipse 340px 130px at 100% 0%,rgba(255,0,0,.12),transparent 58%),var(--bg2);box-shadow:var(--card-shadow),var(--card-hi),0 0 34px #ff000029;padding:16px;display:flex;flex-direction:column;gap:8px}.sp-confirm-kicker{margin:0;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yt-red-bright)}.sp-confirm-title{margin:0;font-family:var(--font-head);font-size:20px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.sp-confirm-body{margin:0;font-family:var(--font-body);font-size:13px;color:var(--muted)}.sp-confirm-actions{display:flex;gap:8px;margin-top:4px}.sp-confirm-actions .sp-btn{flex:1}.sp-fragment-row{position:relative;display:flex;align-items:center;gap:10px;padding:13px 16px;min-height:56px;border-bottom:1px solid var(--white-a05);border-left:3px solid transparent;cursor:pointer;transition:background .15s}.sp-fragment-row:last-child{border-bottom:none}.sp-fragment-row:hover{background:var(--white-a03)}.sp-fragment-row--active{background:#3ddc8412;border-left-color:var(--on);animation:sp-chat-row-glow 2.35s ease-in-out infinite}.sp-fragment-row--active:before{content:"";position:absolute;inset:1px 0;pointer-events:none;background:linear-gradient(110deg,#3ddc8400 26% 40%,#3ddc844d 50%,#3ddc8400 60% 74%);background-size:220% 100%;opacity:.72;animation:sp-chat-row-sheen 2.8s linear infinite}.sp-fragment-row--active:hover{background:#3ddc841a}.sp-fragment-row--done .sp-fragment-label{opacity:.45}.sp-fragment-row--done .sp-fragment-range{opacity:.35}.sp-fragment-num{font-family:var(--font-mono);font-size:10px;color:var(--muted);width:18px;text-align:right;flex-shrink:0}.sp-fragment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sp-fragment-label{font-family:var(--font-head);font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-fragment-notes{font-family:var(--font-mono);font-size:10px;color:var(--muted);opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-fragment-range{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.sp-fragment-dur{opacity:.65}.sp-fragment-badges{display:flex;align-items:center;gap:5px;flex-shrink:0}.sp-fragment-speed{font-family:var(--font-mono);font-size:10px;background:var(--white-a07);border:1px solid var(--border2);border-radius:5px;padding:2px 6px;color:var(--muted)}.sp-fragment-status{font-size:14px;color:var(--muted);line-height:1}.sp-fragment-status--done{color:var(--on)}.sp-fragment-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.sp-reorder-pair{display:none;flex-direction:column;gap:1px}.sp-reorder-btn{display:none}.sp-icon-btn,.sp-done-mini,.sp-reorder-btn,.sp-edit-btn,.sp-del-btn{width:28px;height:28px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,color .12s}.sp-done-mini{border-color:#3ddc8447;background:#3ddc8412;color:var(--on);font-weight:900}.sp-done-mini:hover{background:#3ddc842e}.sp-done-mini--done{background:transparent;border-color:var(--border2);color:var(--muted)}.sp-done-mini--done:hover{background:var(--white-a06);color:var(--text)}.sp-reorder-btn{height:13px;font-size:9px}.sp-reorder-btn:hover:not(:disabled){background:var(--white-a07);border-color:var(--border2);color:var(--text)}.sp-reorder-btn:disabled{opacity:.25;cursor:not-allowed}.sp-edit-btn:hover{background:var(--white-a07);border-color:var(--border2);color:var(--text)}.sp-del-btn:hover{background:#ff6b6b1f;border-color:#ff6b6b59;color:var(--yt-red-bright)}.sp-add-form{position:relative;padding:16px 14px;border-bottom:1px solid var(--white-a06);background:radial-gradient(ellipse 450px 140px at 0% 0%,rgba(255,0,0,.08),transparent 58%),radial-gradient(ellipse 220px 120px at 100% 100%,rgba(255,80,0,.05),transparent 55%),#ffffff05;display:flex;flex-direction:column;gap:12px}.sp-add-form-title{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yt-red-bright)}.sp-form-transport{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#00000047;border:1px solid var(--border2);border-radius:10px}.sp-form-playpause{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;border:1px solid var(--border2);background:linear-gradient(180deg,var(--white-a07),var(--white-a02));color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,transform .12s}.sp-form-playpause svg{width:14px;height:14px;display:block}.sp-form-playpause:hover{background:#ff000024;border-color:#f006;transform:scale(1.08)}.sp-form-playpause--playing{background:linear-gradient(135deg,#ff000038,#b4000024);border-color:#ff00008c;color:#fff}.sp-form-livetime{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--text);letter-spacing:.02em;font-variant-numeric:tabular-nums}.sp-form-livetime-hint{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.04em}.sp-add-label-input{width:100%;box-sizing:border-box;background:#0000004d;border:1px solid var(--border2);border-radius:10px;color:var(--text);font-family:var(--font-head);font-size:15px;font-weight:700;letter-spacing:.02em;padding:13px 14px;outline:none;transition:border-color .15s,box-shadow .15s}.sp-add-label-input:focus{border-color:#ff000073;box-shadow:0 0 0 3px #ff00001a}.sp-add-label-input::placeholder{color:var(--muted);opacity:.6;font-weight:400;font-family:var(--font-mono)}.sp-add-notes-input{width:100%;box-sizing:border-box;background:#00000038;border:1px solid var(--border2);border-radius:10px;color:var(--text);font-family:var(--font-mono);font-size:12px;padding:10px 14px;outline:none;resize:none;transition:border-color .15s,box-shadow .15s;line-height:1.5}.sp-add-notes-input:focus{border-color:#ff000059;box-shadow:0 0 0 3px #ff000014}.sp-add-notes-input::placeholder{color:var(--muted);opacity:.55}.sp-add-ab-row{display:flex;flex-direction:column;gap:8px}.sp-ab-arrow{display:none}.sp-add-ab-group{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0000002e;border:1px solid var(--border2);border-radius:10px;padding:8px 10px}.sp-nudge-group{display:flex;align-items:center;gap:4px;background:#00000040;border:1px solid var(--white-a08);border-radius:8px;padding:3px 4px}.sp-mark-btn{display:flex;flex-direction:column;align-items:center;gap:3px;font-family:var(--font-mono);font-size:10px;font-weight:900;letter-spacing:.1em;border-radius:8px;padding:8px 16px;min-width:96px;cursor:pointer;transition:opacity .15s,transform .12s;white-space:nowrap}.sp-mark-btn-label{text-transform:uppercase;letter-spacing:.1em}.sp-mark-btn-hint{font-size:11px;font-weight:700;letter-spacing:.02em;opacity:.75;font-variant-numeric:tabular-nums}.sp-restart-btn{font-family:var(--font-mono);font-size:16px;line-height:1;width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,var(--white-a07),var(--white-a02));border:1px solid var(--border2);color:var(--muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .12s;align-self:center}.sp-restart-btn:hover{background:#3ddc841f;border-color:#3ddc8466;color:var(--on);transform:rotate(-30deg) scale(1.1)}.sp-restart-btn:active{transform:rotate(-60deg) scale(.95)}.sp-mark-btn:hover{opacity:1;transform:translateY(-1px);filter:brightness(1.15)}.sp-mark-btn:active{transform:scale(.97)}.sp-mark-btn:disabled,.sp-nudge-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.sp-mark-btn--a{background:linear-gradient(135deg,#3ddc842e,#22a0601a);border:1.5px solid rgba(61,220,132,.45);color:var(--on);box-shadow:0 2px 12px #3ddc8438,inset 0 1px 0 var(--white-a08)}.sp-mark-btn--b{background:linear-gradient(135deg,#4a9eff29,#2864c817);border:1.5px solid rgba(74,158,255,.42);color:var(--accent-oasis);box-shadow:0 2px 12px var(--oasis-a18),inset 0 1px 0 var(--white-a08)}.sp-nudge-btn{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;min-width:38px;padding:7px 6px;border-radius:6px;background:linear-gradient(180deg,var(--white-a07),var(--white-a02));border:1px solid var(--white-a10);color:var(--muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .12s,box-shadow .15s;text-align:center}.sp-nudge-btn:hover{background:#ff000021;border-color:#ff000073;color:var(--text);box-shadow:0 0 8px #f003}.sp-nudge-btn:active{transform:scale(.95)}.sp-ab-time{font-family:var(--font-mono);font-size:13px;font-weight:700;min-width:46px;text-align:center;font-variant-numeric:tabular-nums}.sp-ab-time--a{color:var(--on)}.sp-ab-time--b{color:var(--accent-oasis)}.sp-toggle-done{appearance:none;display:flex;align-items:center;gap:6px;width:100%;background:#3ddc8414;border:1px solid rgba(61,220,132,.25);border-radius:10px;color:var(--on);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:10px 14px;cursor:pointer;margin-top:4px;transition:background .15s,border-color .15s}.sp-toggle-done:hover{background:#3ddc8424;border-color:#3ddc8466}.sp-add-speed-row{display:flex;align-items:center;gap:10px}.sp-add-speed-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-shrink:0}.sp-speed-slider-wrap{flex:1;display:flex;align-items:center;gap:10px}.sp-speed-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:99px;background:linear-gradient(to right,var(--on) 0%,var(--on) calc((var(--pct, 50)) * 1%),var(--white-a12) calc((var(--pct, 50)) * 1%),var(--white-a12) 100%);outline:none;cursor:pointer}.sp-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--on);border:2px solid var(--black-a35);box-shadow:0 0 0 3px #3ddc8433;cursor:pointer;transition:box-shadow .15s}.sp-speed-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--on);border:2px solid var(--black-a35);box-shadow:0 0 0 3px #3ddc8433;cursor:pointer}.sp-speed-slider:hover::-webkit-slider-thumb,.sp-speed-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 5px #3ddc844d}.sp-speed-slider:disabled{cursor:not-allowed;opacity:.5}.sp-speed-slider:disabled::-webkit-slider-thumb,.sp-speed-slider:disabled::-moz-range-thumb{cursor:not-allowed;box-shadow:none}.sp-speed-value{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--on);min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.sp-add-form-btns{display:flex;gap:8px}.sp-add-form-btns .sp-btn{flex:1}.sp-share-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:9px 14px;border-radius:9px;border:1px solid var(--oasis-a35);background:linear-gradient(135deg,var(--oasis-a12),rgba(40,100,200,.07));color:var(--accent-oasis);cursor:pointer;white-space:nowrap;box-shadow:0 2px 10px #4a9eff24,inset 0 1px 0 var(--white-a06);transition:background .18s,border-color .18s,color .18s,transform .14s,box-shadow .18s}.sp-share-btn:hover{background:linear-gradient(135deg,var(--oasis-a22),rgba(40,100,200,.14));border-color:#4a9eff99;transform:translateY(-1px);box-shadow:0 6px 18px #4a9eff47,inset 0 1px 0 var(--white-a10)}.sp-share-btn:active{transform:scale(.97)}.sp-share-btn--copied{border-color:#3ddc8473;background:linear-gradient(135deg,#3ddc8429,#22a06017);color:var(--on);box-shadow:0 2px 12px #3ddc8438,inset 0 1px 0 var(--white-a08)}@media (min-width: 520px){.sp-add-song-heading{font-size:32px}.sp-add-song-row{flex-direction:row;align-items:stretch}.sp-add-song-row .sp-btn--primary{align-self:auto;min-width:100px}.sp-library-grid{grid-template-columns:repeat(2,1fr);gap:14px}.sp-song-thumb{width:116px;height:66px}.sp-practice-title{font-size:24px}.sp-practice-header{padding:20px 22px}.sp-active-label{max-width:180px}.sp-reorder-pair,.sp-reorder-btn{display:flex}.sp-transport{flex-direction:row;align-items:center;gap:10px}.sp-transport-right{flex-shrink:0;gap:10px}.sp-mark-done-btn{white-space:nowrap}.sp-add-ab-row{flex-direction:row;align-items:center;gap:8px}.sp-add-ab-group{flex:1;justify-content:space-between}.sp-ab-arrow{display:block;color:var(--muted);font-size:14px;flex-shrink:0}.sp-add-form-btns .sp-btn{flex:unset}}@media (min-width: 760px){.sp-library,.sp-practice{gap:20px}.sp-practice{max-width:none;width:100%;margin:0}.sp-add-song-heading{font-size:36px}.sp-fragment-row{padding:12px 18px;min-height:52px}.sp-transport{padding:13px 18px}.sp-active-label{max-width:240px}.sp-quick-loop{display:block;margin:8px 14px 0}}.profile-page{max-width:840px;margin:0 auto;padding:1.5rem 1rem 5rem;display:flex;flex-direction:column;gap:1.25rem}.profile-hero{display:flex;flex-direction:column;gap:.9rem}.profile-hero-identity{display:flex;align-items:center;gap:1rem}.profile-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--white-a12);flex-shrink:0}.profile-avatar--initials{background:#c8a84b26;border-color:#c8a84b80;color:var(--accent-clapton);box-shadow:0 0 18px #c8a84b4d;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;font-family:var(--font-head);letter-spacing:.05em}.profile-hero-text{display:flex;flex-direction:column;gap:.15rem}.profile-kicker{text-transform:uppercase;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--accent-clapton);text-shadow:0 0 12px rgba(200,168,75,.55),0 0 28px rgba(200,168,75,.2);margin:0}.profile-hero-name{margin:0;font-family:var(--font-head);font-size:28px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-clapton);text-shadow:0 0 18px rgba(200,168,75,.35);line-height:1.1}.profile-hero-since{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--muted);line-height:1.6}.profile-signin-banner{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;padding:.65rem .9rem;border-radius:8px;background:var(--oasis-a10);border:1px solid var(--oasis-a35);font-size:13px;color:var(--accent-oasis)}.profile-signin-btn{appearance:none;background:#c8a84b1f;border:1px solid rgba(200,168,75,.4);color:var(--accent-clapton);padding:.35rem .75rem;border-radius:6px;cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.profile-signin-btn:hover{background:#c8a84b38}.profile-section{position:relative;overflow:hidden;background:radial-gradient(ellipse 700px 260px at 0% 0%,rgba(200,168,75,.52),transparent 58%),radial-gradient(ellipse 400px 240px at 100% 100%,rgba(255,165,60,.36),transparent 55%),radial-gradient(ellipse 300px 200px at 50% 110%,rgba(200,168,75,.14),transparent 55%),var(--bg2);border:1px solid rgba(200,168,75,.58);border-radius:12px;padding:1rem 1.1rem 1.2rem;box-shadow:0 6px 28px #00000059,0 0 80px #c8a84b24,inset 0 1px #ffdc642e}.profile-section:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#c8a84b33,#ffd250f2,#ffa53ce6 70%,#c8a84b26)}.profile-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.profile-section-title{margin:0;font-family:var(--font-head);font-size:20px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#e6c86eeb;text-shadow:0 0 18px rgba(200,168,75,.35);display:flex;align-items:center;gap:.4rem}.profile-section-icon{font-size:.95rem}.profile-section-body{display:flex;flex-direction:column;gap:.85rem}.profile-toggle-completed{appearance:none;background:#74d39c1a;border:1px solid rgba(116,211,156,.3);color:var(--journey-far);padding:.25rem .65rem;border-radius:999px;font-size:11px;font-family:var(--font-mono);font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;align-self:flex-start;margin-top:.4rem}.profile-toggle-completed:hover{background:#74d39c2e}.profile-field-label,.profile-field span{color:var(--muted);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.profile-field input,.profile-field select{background:var(--black-a35);border:1px solid rgba(200,168,75,.22);border-radius:6px;color:inherit;padding:.55rem .7rem;font-size:.9rem;font-family:inherit}.profile-field-hint{display:block;margin-top:.25rem;min-height:1rem;color:var(--muted);font-size:.75rem;letter-spacing:.02em}.profile-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}@keyframes profile-goal-celebration-in{0%{opacity:0;transform:scaleY(.74)}to{opacity:1;transform:scaleY(1)}}.profile-goal-celebration{display:flex;align-items:center;gap:12px;margin:0 0 .7rem;padding:.72rem .8rem;border:1px solid rgba(61,220,132,.34);border-radius:10px;background:linear-gradient(135deg,#3ddc8429,#22a06014),#0000001a;box-shadow:inset 0 1px #3ddc8433,0 8px 24px #0003;transform-origin:top;animation:profile-goal-celebration-in .35s cubic-bezier(.34,1.56,.64,1) both}.profile-goal-celebration-icon{width:24px;height:24px;color:var(--on);flex-shrink:0;filter:drop-shadow(0 0 8px rgba(61,220,132,.4))}.profile-goal-celebration-text{min-width:0;display:flex;flex-direction:column;gap:2px}.profile-goal-celebration-title{font-family:var(--font-head);font-size:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--on);line-height:1.1}.profile-goal-celebration-sub{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#3ddc84b3;line-height:1.35}.profile-goal-celebration-close{appearance:none;border:1px solid rgba(61,220,132,.36);background:#3ddc8414;color:var(--on);width:24px;height:24px;border-radius:6px;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease}.profile-goal-celebration-close:hover{background:#3ddc8429;border-color:#3ddc8480}.profile-goal-item{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem .5rem .6rem .6rem;border:1px solid var(--white-a08);border-radius:10px;background:var(--white-a02);transition:border-color .15s}.profile-goal-item:hover{border-color:#c8a84b4d}.profile-goal-item--done{opacity:.6}.profile-goal-check{flex-shrink:0;appearance:none;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:.55rem;transition:border-color .15s,background .15s;padding:0}.profile-goal-check:hover{border-color:var(--journey-far);background:#74d39c1a}.profile-goal-check--done{border-color:var(--journey-far);background:#74d39c26}.profile-goal-check--done:after{content:"✓";font-size:.7rem;color:var(--journey-far);line-height:1}.profile-goal-check-ring{display:none}.profile-goal-body{flex:1;display:flex;flex-direction:column;gap:.3rem;min-width:0}.profile-goal-name-input{background:transparent;border:none;color:inherit;font-family:inherit;font-size:.93rem;padding:.3rem .1rem;width:100%;min-width:0}.profile-goal-name-input:focus{outline:none;border-bottom:1px solid rgba(200,168,75,.7)}.profile-goal-name-input::placeholder{color:var(--muted);font-style:italic}.profile-goal-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.profile-goal-date-input{appearance:none;background:#00000040;border:1px solid var(--white-a10);border-radius:5px;color:var(--muted);font-size:.75rem;font-family:inherit;padding:.2rem .5rem;cursor:pointer;color-scheme:dark}.profile-goal-date-input:focus{outline:1px solid rgba(200,168,75,.7);box-shadow:0 0 0 3px #c8a84b1a}.profile-goal-date-input::-webkit-calendar-picker-indicator{filter:invert(.6);opacity:.7;cursor:pointer}.profile-goal-remaining{font-size:.74rem;letter-spacing:.02em}.profile-goal-delete{flex-shrink:0;appearance:none;background:transparent;border:none;color:#ffffff40;font-size:1.2rem;line-height:1;cursor:pointer;padding:.2rem .3rem;border-radius:4px;margin-top:.3rem;transition:color .15s,background .15s}.profile-goal-delete:hover{color:#ff8a8a;background:#ff50501a}.profile-list--completed-panel{margin-top:.5rem;padding-top:.6rem;border-top:1px solid var(--white-a07)}.profile-completed-name{font-size:.88rem;text-decoration:line-through;text-decoration-color:#ffffff4d;color:var(--muted)}.profile-past-gear{display:flex;flex-direction:column;gap:.5rem;padding-top:.6rem;border-top:1px solid var(--white-a07)}.profile-past-gear-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0}.profile-gear-item{display:flex;align-items:flex-start;gap:.6rem;padding:.55rem .4rem .55rem .55rem;border:1px solid var(--white-a07);border-radius:8px;background:#ffffff04}.profile-gear-type-chip{flex-shrink:0;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--white-a06);border-radius:4px;padding:.2rem .45rem;margin-top:.6rem;white-space:nowrap}.profile-gear-fields{flex:1;display:flex;flex-direction:column;gap:.3rem;min-width:0}.profile-gear-name-input{background:transparent;border:none;color:inherit;font-family:inherit;font-size:.9rem;padding:.3rem .1rem;width:100%}.profile-gear-name-input:focus{outline:none;border-bottom:1px solid rgba(200,168,75,.7)}.profile-gear-name-input::placeholder{color:var(--muted);font-style:italic}.profile-gear-row2{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.profile-gear-select{appearance:auto;background:#00000040;border:1px solid var(--white-a10);border-radius:5px;color:var(--text);font-size:.75rem;font-family:inherit;padding:.2rem .4rem;color-scheme:dark}.profile-gear-date-input{appearance:none;background:#00000040;border:1px solid var(--white-a10);border-radius:5px;color:var(--muted);font-size:.75rem;font-family:inherit;padding:.2rem .5rem;cursor:pointer;color-scheme:dark}.profile-gear-date-input::-webkit-calendar-picker-indicator{filter:invert(.6);opacity:.7;cursor:pointer}.profile-tag{display:inline-block;background:#50c87821;border:1px solid rgba(80,200,120,.35);color:#7be0a3;padding:.12rem .5rem;border-radius:999px;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.profile-add-btn{appearance:none;background:transparent;border:1px solid rgba(200,168,75,.4);color:var(--accent-clapton);padding:.5rem .85rem;border-radius:8px;cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;align-self:flex-start;transition:border-color .15s,color .15s,background .15s}.profile-empty{margin:0;color:var(--muted);font-size:.88rem;font-style:italic}.profile-save-pill{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:999px;font-size:.78rem;font-family:var(--font-mono, monospace);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s}.profile-save-pill[data-state=pending]{background:#28241ce0;border:1px solid rgba(168,159,152,.3);color:#a89f98}.profile-save-pill[data-state=saving]{background:#282414e0;border:1px solid rgba(232,196,107,.4);color:var(--journey-near)}.profile-save-pill[data-state=saved]{background:#14281ee0;border:1px solid rgba(116,211,156,.4);color:var(--journey-far)}.profile-save-pill[data-state=error]{background:#281414e0;border:1px solid rgba(240,96,96,.4);color:#f06060}@keyframes profile-spin{to{transform:rotate(360deg)}}.profile-save-spinner{display:inline-block;width:10px;height:10px;border:2px solid rgba(232,196,107,.3);border-top-color:var(--journey-near);border-radius:50%;animation:profile-spin .7s linear infinite}@media (max-width: 600px){.profile-save-pill{bottom:1rem;right:1rem;font-size:.72rem}}.profile-header{display:flex;flex-direction:column;gap:.4rem}.profile-header h2{margin:0;font-size:1.8rem}.profile-intro{margin:0;color:var(--muted);font-size:.95rem}.profile-warning{margin:.4rem 0 0;padding:.6rem .8rem;border-radius:6px;background:#c8a84b14;border:1px solid rgba(200,168,75,.35);color:var(--accent-clapton);font-size:.9rem}.profile-section-title{margin:0 0 .8rem;font-family:var(--font-head);font-size:20px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#e6c86eeb;text-shadow:0 0 18px rgba(200,168,75,.35)}.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);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.profile-field input,.profile-field select{background:var(--black-a35);border:1px solid rgba(200,168,75,.22);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 rgba(200,168,75,.7);outline-offset:1px;box-shadow:0 0 0 4px #c8a84b1f}.profile-field-hint{display:block;margin-top:.3rem;min-height:1.05rem;color:var(--muted);font-size:.78rem;letter-spacing:.02em;text-transform:none}.profile-field-hint--far{color:var(--journey-far)}.profile-field-hint--near{color:var(--journey-near)}.profile-field-hint--soon{color:var(--journey-soon)}.profile-field-hint--overdue{color:var(--journey-overdue);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 var(--white-a08);border-radius:8px;padding:.7rem .8rem;background:var(--white-a02);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:var(--white-a06);border:1px solid rgba(255,255,255,.15);color:inherit;padding:.4rem .75rem;font-size:11px;border-radius:8px;cursor:pointer;font-family:var(--font-mono);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.profile-row-btn:hover{background:var(--white-a12)}.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 solid rgba(200,168,75,.4);color:var(--accent-clapton);padding:.55rem .85rem;border-radius:8px;cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;align-self:flex-start;transition:border-color .15s,color .15s,background .15s}.profile-add-btn:hover{border-color:#c8a84bbf;color:#e8c85a;background:#c8a84b12}.profile-empty{margin:0;color:var(--muted);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) 60%,transparent)}.profile-save-btn{appearance:none;background:linear-gradient(135deg,#b89040,#d4a830 40%,#e8c052,#b89040);color:#1a1000;border:none;padding:.65rem 1.2rem;font-size:.95rem;font-weight:700;border-radius:6px;cursor:pointer;box-shadow:0 4px 14px #c8a84b66,inset 0 1px #ffffff38;transition:box-shadow .18s,transform .14s}.profile-save-btn:hover{box-shadow:0 6px 20px #c8a84b8c;transform:translateY(-1px)}.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);min-height:1rem}.profile-save-status--saving{color:var(--journey-near)}.profile-save-status--saved{color:var(--journey-far)}.profile-save-status--pending{color:#a89f98}.profile-save-status--error{color:#f06060}.sg-page{max-width:900px;margin:0 auto;padding:0 1rem 6rem;display:flex;flex-direction:column;gap:2.5rem;animation:fadeIn .2s ease-out}.sg-hero{display:flex;flex-direction:column;gap:12px;padding:0}.sg-kicker{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-oasis);font-weight:700}.sg-headline{margin:0;font-family:var(--font-head);font-size:28px;font-weight:700;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.sg-entities{display:flex;flex-direction:column;gap:10px;margin-top:4px}.sg-entity{border-left:2px solid var(--border2);padding-left:10px;display:flex;flex-direction:column;gap:3px}.sg-entity-tag{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-oasis)}.sg-entity-desc{margin:0;font-family:var(--font-mono);font-size:11px;color:var(--muted);line-height:1.6;letter-spacing:.02em}@media (min-width: 520px){.sg-entities{flex-direction:row;gap:20px}.sg-entity{flex:1}}.sg-sub{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.sg-signoff{margin:.25rem 0 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.07em;color:var(--text);opacity:.7}.sg-method{background:var(--white-a02);border:1px solid var(--border2);border-radius:14px;padding:1.5rem 1.5rem 1.75rem}.sg-method-title{margin:0 0 1.1rem;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-oasis)}.sg-method-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.sg-method-step{display:flex;align-items:center;gap:.5rem;flex:1 1 180px;min-width:0}.sg-method-num{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--oasis-a12);border:1px solid rgba(74,158,255,.3);color:var(--accent-oasis);font-family:var(--font-mono);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:0}.sg-method-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.sg-method-time{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-oasis);font-weight:700}.sg-method-desc{font-size:13px;color:var(--text);line-height:1.45}.sg-method-arrow{color:#fff3;font-size:18px;flex-shrink:0;align-self:center}.sg-features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 600px){.sg-features{grid-template-columns:1fr}}.sg-card{position:relative;background:var(--bg2);border:1px solid var(--border2);border-left:3px solid var(--sg-accent, var(--accent-oasis));border-radius:12px;padding:1.25rem 1.25rem 1.1rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color .18s,transform .18s}.sg-card:hover{border-color:var(--sg-accent, var(--accent-oasis));transform:translateY(-2px)}.sg-card-icon{font-size:24px;line-height:1;margin-bottom:.1rem}.sg-card-title{margin:0;font-family:var(--font-head);font-size:17px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text);line-height:1.2}.sg-card-body{margin:0;color:var(--muted);font-size:14px;line-height:1.65;flex:1}.sg-card-cta{appearance:none;display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;margin-top:.4rem;background:var(--white-a04);border:1px solid var(--white-a12);color:var(--text);font-family:var(--font-mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;padding:.45rem .9rem;border-radius:6px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.sg-card-cta:hover{border-color:var(--sg-accent, var(--accent-oasis));color:var(--sg-accent, var(--accent-oasis));background:var(--oasis-a08)}.sg-card-cta-arrow{transition:transform .15s}.sg-card-cta:hover .sg-card-cta-arrow{transform:translate(3px)}.sg-outro{border-top:1px solid var(--border);padding-top:2rem}.sg-outro-inner{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;max-width:44ch;margin:0 auto}.sg-outro-title{margin:0;font-family:var(--font-head);font-size:clamp(1.5rem,4vw,2rem);letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.sg-outro-body{margin:0;color:var(--muted);font-size:15px;line-height:1.65}.sg-outro-cta{appearance:none;display:inline-flex;align-items:center;gap:.5rem;margin-top:.4rem;background:var(--accent-oasis);border:none;color:var(--bg);font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.8rem 1.75rem;border-radius:8px;cursor:pointer;transition:opacity .15s,transform .15s}.sg-outro-cta:hover{opacity:.88;transform:translateY(-1px)}.start-guide{display:contents}.start-guide-cta{display:none}@media (max-width: 767px){.main-container{padding-top:12px;padding-left:6px;padding-right:6px}.search-scope-switch{display:none}.landing-intro{margin-left:-6px;margin-right:-6px;padding:8px 6px;max-width:none}}@media (max-width: 479px){.main-container{padding:8px 6px 60px}.header{padding:14px 14px 12px;flex-direction:column;align-items:flex-start;gap:10px}.header-sync-status{display:none}.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,.exercise-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:10px}.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,.exercise-results-grid{grid-template-columns:1fr}}@media (max-width: 600px){.daily-ex-idle-grid{grid-template-columns:1fr}}@media (max-width: 767px){.daily-ex-tip-text,.session-progress-step,.session-progress-head{font-size:13px}.landing-description{font-size:15px}}@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:var(--white-a05)}.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);color:var(--color-text)}.error-boundary__card{max-width:32rem;width:100%;padding:2rem;border-radius:.75rem;background:var(--white-a04);border:1px solid var(--white-a08);box-shadow:0 10px 30px var(--black-a35)}.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:var(--black-a35);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:var(--accent-clapton);color:var(--bg)}.error-boundary__button:hover{background:var(--plate)}.error-boundary__button:focus-visible{outline:2px solid var(--plate);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}