:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4ecdf;--surface:#fffcf7f0;--surface-strong:#fffaf1;--surface-soft:#e9decd;--text:#211912;--muted:#776b60;--line:#44312221;--brand:#6546b7;--brand-soft:#6546b721;--green:#27c86f;--gold:#c9912e;--shadow:0 22px 60px #4b352224;--nav-height:72px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=concert]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0b16;--surface:#19152af2;--surface-strong:#1d1830;--surface-soft:#27203d;--text:#f7f0ff;--muted:#b9aecb;--line:#c6b1ff24;--brand:#b584ff;--brand-soft:#b584ff26;--green:#40db83;--gold:#e4ad4d;--shadow:0 24px 70px #0000006b}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;min-height:100%}body{background:radial-gradient(circle at 15% -10%, var(--brand-soft), transparent 34rem), var(--bg);min-height:100%;color:var(--text);overscroll-behavior-y:none;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}button,a,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-frame{width:min(100%,760px);min-height:100svh;padding:calc(var(--safe-top) + 64px) 0 calc(var(--nav-height) + var(--safe-bottom) + 28px);margin:0 auto;position:relative}.app-topbar{z-index:40;width:min(100%,760px);height:calc(64px + var(--safe-top));padding:var(--safe-top) 18px 10px;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);justify-content:space-between;align-items:flex-end;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-lockup img{object-fit:contain;filter:drop-shadow(0 6px 12px #00000040);width:40px;height:40px}.brand-lockup div{letter-spacing:-.03em;align-items:baseline;gap:5px;display:flex}.brand-lockup span{color:var(--brand);font-size:1.04rem;font-weight:850}.brand-lockup strong{font-size:.92rem;font-weight:720}.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;width:44px;height:44px;font-size:1.12rem}.topbar-actions{align-items:center;gap:9px;display:flex}.network-indicator{border:1px solid var(--line);background:var(--surface);min-height:28px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.67rem;font-weight:760;display:inline-flex}.network-indicator:before{background:var(--muted);content:"";border-radius:50%;width:7px;height:7px}.network-indicator.is-online:before{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb, var(--green) 14%, transparent)}.network-indicator.is-offline{color:#e06363}.network-indicator.is-offline:before{background:#e06363}.install-card{border:1px solid color-mix(in srgb, var(--brand) 38%, var(--line));background:color-mix(in srgb, var(--surface) 90%, var(--brand-soft));box-shadow:var(--shadow);border-radius:18px;grid-template-columns:42px 1fr 36px;align-items:center;gap:12px;margin:14px 16px 0;padding:13px;display:grid}.install-icon{background:var(--brand-soft);width:42px;height:42px;color:var(--brand);border-radius:13px;place-items:center;font-size:1.35rem;font-weight:800;display:grid}.install-card strong{font-size:.88rem;display:block}.install-card p{color:var(--muted);margin:3px 0 0;font-size:.76rem;line-height:1.35}.install-card>button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.4rem}.practice-card{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 18%, var(--surface)), var(--surface));box-shadow:var(--shadow);border-radius:22px;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;margin:14px 16px 0;padding:15px 16px;display:grid}.practice-guitar{width:48px;height:48px;color:var(--brand);background:var(--brand-soft);border-radius:16px;place-items:center;font-size:1.5rem;display:grid}.practice-main>span{color:var(--muted);margin-bottom:3px;font-size:.78rem;display:block}.practice-main>div:nth-child(2){align-items:baseline;gap:5px;display:flex}.practice-main strong{color:var(--green);font-size:1.24rem}.practice-main b{font-size:.88rem;font-weight:650}.progress-track{background:color-mix(in srgb, var(--brand) 18%, transparent);border-radius:999px;width:100%;height:5px;margin-top:8px;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--brand));height:100%;display:block}.practice-stat{justify-items:end;min-width:54px;display:grid}.practice-stat strong{color:var(--green);font-size:1.05rem}.practice-stat span{color:var(--muted);font-size:.67rem}.home-tabs{border-block:1px solid var(--line);background:color-mix(in srgb, var(--surface) 76%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px;display:grid}.home-tabs button{min-width:0;min-height:52px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 5px;font-size:clamp(.68rem,3.2vw,.82rem);font-weight:690}.home-tabs button[data-active=true]{border-bottom-color:var(--brand);color:var(--brand)}.content-section{padding:25px 16px 16px}.section-heading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:17px;display:flex}.eyebrow{color:var(--brand);letter-spacing:.14em;margin:0 0 7px;font-size:.68rem;font-weight:820}.section-heading h1,.secondary-screen>h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.65rem,7vw,2.25rem);line-height:1.02}.section-summary{color:var(--muted);margin:8px 0 0;font-size:.75rem}.filter-button{border:1px solid var(--line);background:var(--surface);min-width:82px;min-height:42px;color:var(--brand);cursor:pointer;border-radius:14px;padding:0 14px;font-size:.78rem;font-weight:760}.catalog-tools{gap:11px;margin:-2px 0 17px;display:grid}.catalog-search{border:1px solid var(--line);background:var(--surface);min-height:50px;box-shadow:0 9px 26px color-mix(in srgb, var(--shadow) 22%, transparent);border-radius:17px;grid-template-columns:24px minmax(0,1fr) 36px;align-items:center;gap:7px;padding:0 8px 0 14px;display:grid}.catalog-search>span{color:var(--brand);font-size:1.3rem;font-weight:760}.catalog-search input{width:100%;min-width:0;height:48px;color:var(--text);background:0 0;border:0;outline:0;font-size:.88rem}.catalog-search input::placeholder{color:var(--muted)}.catalog-search>button{background:var(--surface-soft);width:36px;height:36px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;font-size:1.16rem}.catalog-search:not(:has(button)){grid-template-columns:24px minmax(0,1fr);padding-right:14px}.category-filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.category-filter-row label{gap:5px;min-width:0;display:grid}.category-filter-row label>span{color:var(--muted);padding-left:4px;font-size:.66rem;font-weight:720}.category-filter-row select{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;min-height:46px;color:var(--text);border-radius:15px;outline:none;padding:0 34px 0 12px;font-size:.76rem;font-weight:700}.category-filter-row select:focus-visible,.catalog-search:focus-within{border-color:color-mix(in srgb, var(--brand) 68%, var(--line));box-shadow:0 0 0 3px var(--brand-soft)}.reset-filters{border:1px solid var(--line);min-height:42px;color:var(--brand);cursor:pointer;background:0 0;border-radius:14px;grid-column:1/-1;justify-self:start;padding:0 15px;font-size:.72rem;font-weight:760}.filter-result-summary{color:var(--muted);margin:0 0 10px;font-size:.72rem}.load-more-button{border:1px solid color-mix(in srgb, var(--brand) 34%, var(--line));background:var(--brand-soft);width:100%;min-height:50px;color:var(--brand);cursor:pointer;border-radius:17px;margin-top:14px;font-size:.82rem;font-weight:780}.load-more-button:disabled{cursor:wait;opacity:.64}.track-list{gap:10px;display:grid}.track-row{border:1px solid var(--line);background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--surface) 91%, var(--brand-soft)));text-align:left;width:100%;min-height:88px;box-shadow:0 12px 30px color-mix(in srgb, var(--shadow) 36%, transparent);cursor:pointer;border-radius:19px;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.track-row:active{transform:scale(.992)}.track-artwork{border-radius:15px;place-items:end;width:66px;height:66px;padding:7px;display:grid;overflow:hidden;box-shadow:inset 0 0 28px #00000047}.track-artwork.has-image{background-position:50%;background-size:cover}.track-artwork i{color:#251a17;background:#ffffffd6;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.62rem;font-style:normal;display:grid}.artwork-amber{background:radial-gradient(circle at 72% 20%,#ffc569,#0000 26%),linear-gradient(145deg,#190f0a,#9b491c 46%,#181012)}.artwork-blue{background:radial-gradient(circle at 22% 24%,#4ed8ff,#0000 25%),linear-gradient(145deg,#07101b,#17456e 52%,#0b1222)}.artwork-violet{background:radial-gradient(circle at 75% 22%,#ff4ca9,#0000 25%),linear-gradient(145deg,#170828,#593194 52%,#160c2a)}.artwork-cyan{background:radial-gradient(circle at 20% 22%,#63ffd9,#0000 25%),linear-gradient(145deg,#071914,#1d746f 52%,#0a1921)}.track-copy{gap:4px;min-width:0;display:grid}.track-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.track-copy span,.track-copy small,.track-duration{color:var(--muted);font-size:.72rem}.track-duration{align-self:start;padding:4px 2px}.track-rank{color:var(--brand);align-self:start;padding:4px 2px;font-size:.72rem;font-weight:800}.category-list{gap:12px;display:grid}.category-card{color:#fff;text-align:right;min-height:124px;box-shadow:var(--shadow), inset 0 0 80px #00000038;cursor:pointer;border:0;border-radius:24px;flex-direction:column;justify-content:center;align-items:flex-end;padding:20px;display:flex}.category-card.has-image{background-position:50%;background-size:cover}.category-card span{letter-spacing:-.035em;max-width:72%;font-size:1.3rem;font-weight:820}.category-card small{color:#ffffffbd;margin-top:5px;font-size:.82rem}.empty-state,.foundation-card{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:34px;display:flex}.empty-state>span,.foundation-card>span{color:var(--brand);font-size:2.7rem}.empty-state h2,.foundation-card h2{letter-spacing:-.03em;margin:20px 0 8px}.empty-state p,.foundation-card p{max-width:420px;color:var(--muted);margin:0;line-height:1.55}.catalog-alert{border:1px solid color-mix(in srgb, #e06363 36%, var(--line));background:color-mix(in srgb, #e06363 9%, var(--surface));border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:14px;display:flex}.catalog-alert strong{font-size:.84rem}.catalog-alert p{color:var(--muted);margin:4px 0 0;font-size:.72rem;line-height:1.4}.catalog-alert button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:13px;flex:none;min-height:40px;padding:0 13px;font-size:.72rem;font-weight:760}.catalog-skeleton{gap:10px;display:grid}.catalog-skeleton span{border:1px solid var(--line);background:linear-gradient(105deg, var(--surface) 28%, var(--brand-soft) 43%, var(--surface) 58%);background-size:240% 100%;border-radius:19px;min-height:88px;animation:1.35s linear infinite catalog-shimmer;overflow:hidden}@keyframes catalog-shimmer{to{background-position:-240% 0}}.secondary-screen{padding-top:48px}.foundation-card{margin-top:30px}.profile-screen>h1{margin-bottom:24px}.profile-session-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:26px;gap:18px;padding:20px;display:grid}.profile-session-card.is-authenticated{grid-template-columns:58px minmax(0,1fr);align-items:center}.profile-loading-dot{border:4px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;width:42px;height:42px;animation:.85s linear infinite profile-spin}@keyframes profile-spin{to{transform:rotate(360deg)}}.profile-avatar{border:1px solid color-mix(in srgb, var(--brand) 44%, var(--line));background:var(--brand-soft);width:58px;height:58px;color:var(--brand);border-radius:19px;place-items:center;font-size:1.35rem;font-weight:820;display:grid;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-identity{gap:3px;min-width:0;display:grid}.profile-identity>span,.profile-identity>small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.profile-identity>strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.profile-security-note{background:var(--brand-soft);border-radius:17px;grid-column:1/-1;gap:5px;padding:14px 15px;display:grid}.profile-security-note strong{color:var(--brand);font-size:.78rem}.profile-security-note span{color:var(--muted);font-size:.7rem;line-height:1.45}.logout-button{border:1px solid var(--line);min-height:48px;color:var(--muted);cursor:pointer;background:0 0;border-radius:16px;grid-column:1/-1;font-size:.8rem;font-weight:760}.profile-intro{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;display:grid}.profile-intro>span{background:var(--brand-soft);width:48px;height:48px;color:var(--brand);border-radius:16px;place-items:center;font-size:1.2rem;display:grid}.profile-intro strong{font-size:.98rem}.profile-intro p{color:var(--muted);margin:5px 0 0;font-size:.74rem;line-height:1.45}.login-form{gap:13px;display:grid}.login-form label{gap:6px;display:grid}.login-form label>span{color:var(--muted);padding-left:3px;font-size:.7rem;font-weight:720}.login-form input{border:1px solid var(--line);background:var(--surface-strong);width:100%;min-height:50px;color:var(--text);border-radius:16px;outline:none;padding:0 14px;font-size:.86rem}.login-form input:focus-visible{border-color:color-mix(in srgb, var(--brand) 68%, var(--line));box-shadow:0 0 0 3px var(--brand-soft)}.login-error{background:color-mix(in srgb, #e06363 10%, var(--surface));color:#e06363;border-radius:14px;margin:0;padding:11px 13px;font-size:.72rem;line-height:1.4}.login-button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:16px;min-height:50px;font-size:.84rem;font-weight:790}.login-button:disabled{cursor:wait;opacity:.66}.social-login-note{color:var(--muted);text-align:center;margin:0;font-size:.68rem;line-height:1.5}.bottom-nav{z-index:50;width:min(100%,760px);min-height:calc(var(--nav-height) + var(--safe-bottom));padding:7px 8px var(--safe-bottom);border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 88%, transparent);-webkit-backdrop-filter:blur(24px)saturate(170%);backdrop-filter:blur(24px)saturate(170%);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{min-width:0;min-height:58px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:16px;align-content:center;place-items:center;gap:3px;display:grid}.bottom-nav button[data-active=true]{background:var(--brand-soft);color:var(--brand)}.bottom-nav span{font-size:1.2rem;font-weight:800;line-height:1}.bottom-nav small{text-overflow:ellipsis;font-size:.66rem;font-weight:720;overflow:hidden}.player-backdrop{z-index:100;padding-top:var(--safe-top);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05040a8f;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.player-sheet{width:min(100%,760px);min-height:min(86svh,760px);padding:38px 24px calc(24px + var(--safe-bottom));border:1px solid var(--line);background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--gold) 18%, transparent), transparent 32%), linear-gradient(180deg, var(--surface-strong), color-mix(in srgb, var(--surface-strong) 85%, var(--gold)));border-bottom:0;border-radius:34px 34px 0 0;flex-direction:column;display:flex;position:relative;box-shadow:0 -25px 90px #00000057}.sheet-handle{background:var(--line);border-radius:999px;width:56px;height:5px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.player-close{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:2rem;position:absolute;top:18px;right:18px}.next-chord{color:var(--muted);align-self:center;margin-top:22px;font-size:.78rem}.current-chord{min-height:210px;color:var(--text);letter-spacing:-.085em;flex:1;place-items:center;font-size:clamp(5rem,27vw,9rem);font-weight:780;display:grid}.player-copy p{margin:0;font-size:1.02rem;font-weight:820}.player-copy span{color:var(--muted);margin-top:7px;font-size:.8rem;display:block}.player-login-note{border:1px solid var(--line);background:var(--surface);border-radius:17px;gap:5px;margin-top:22px;padding:14px 16px;display:grid}.player-login-note strong{color:var(--brand);font-size:.82rem}.player-login-note span{color:var(--muted);font-size:.72rem;line-height:1.45}.seek-row{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:26px;font-size:.75rem;display:grid}.seek-row>i{background:color-mix(in srgb, var(--gold) 16%, var(--line));border-radius:999px;height:5px;overflow:hidden}.seek-row b{border-radius:inherit;background:var(--gold);height:100%;display:block}.play-button{border:1px solid color-mix(in srgb, var(--gold) 66%, white);background:linear-gradient(145deg, #f7d995, var(--gold));color:#24170b;width:84px;height:84px;box-shadow:0 14px 34px color-mix(in srgb, var(--gold) 30%, transparent);cursor:pointer;border-radius:50%;align-self:center;margin-top:20px;font-size:1.8rem}.play-button:disabled{cursor:not-allowed;filter:grayscale(.55);opacity:.48}.player-tools{grid-template-columns:1fr 64px 64px;gap:12px;margin-top:22px;display:grid}.player-tools button{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 80%, var(--gold));min-height:58px;color:var(--muted);cursor:pointer;border-radius:999px;font-size:1.15rem}.player-tools strong{color:var(--text);margin:0 13px;font-size:.98rem}.offline-fallback{min-height:100svh;padding:calc(32px + var(--safe-top)) 28px calc(32px + var(--safe-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.offline-fallback img{filter:drop-shadow(0 16px 30px #00000059)}.offline-fallback h1{letter-spacing:-.05em;margin:3px 0 12px;font-size:2rem}.offline-fallback>p:not(.eyebrow){max-width:440px;color:var(--muted);margin:0;line-height:1.6}.offline-fallback a{background:var(--brand);color:#fff;border-radius:999px;align-items:center;min-height:48px;margin-top:26px;padding:0 20px;font-weight:750;text-decoration:none;display:inline-flex}@media (min-width:720px){.app-frame{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 76%, transparent);min-height:calc(100svh - 36px);box-shadow:var(--shadow);border-radius:30px;margin-block:18px;overflow:hidden}.app-topbar{border-radius:30px 30px 0 0;top:18px}.bottom-nav{border:1px solid var(--line);border-radius:0 0 30px 30px;bottom:18px}}@media (max-width:390px){.brand-lockup strong{display:none}.practice-card{grid-template-columns:42px 1fr auto;padding-inline:13px}.practice-guitar{width:42px;height:42px}.track-row{grid-template-columns:60px minmax(0,1fr)}.track-artwork{width:60px;height:60px}.track-duration{display:none}.player-sheet{padding-inline:18px}.category-filter-row{grid-template-columns:1fr}.reset-filters{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}