.cursor-rock{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23C9A554' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 10V5a2 2 0 0 0-4 0v5' /%3E%3Cpath d='M14 10V4a2 2 0 0 0-4 0v6' /%3E%3Cpath d='M10 10V6a2 2 0 0 0-4 0v6' /%3E%3Cpath d='M6 18a2 2 0 0 1-2-2V9' /%3E%3Cpath d='M6 16v-6a2 2 0 0 0-2 0v6' /%3E%3Cpath d='M18 20a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-4' /%3E%3Cpath d='M18 10a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2' /%3E%3C/svg%3E") 16 16,pointer}.home-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);position:relative;overflow:hidden}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.home-bg-decoration{position:fixed;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none;z-index:0}.home-bg-1{width:600px;height:600px;background:var(--color-gold);top:-200px;right:-200px;animation:float 8s ease-in-out infinite}.home-bg-2{width:500px;height:500px;background:var(--color-info);bottom:-150px;left:-150px;animation:float 10s ease-in-out infinite reverse}.home-header{text-align:center;margin-bottom:var(--space-2xl);z-index:1;animation:fadeInUp .6s ease-out}.home-logo{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-gold) 0%,var(--color-gold-light) 100%);border-radius:50%;margin-bottom:var(--space-lg);box-shadow:0 8px 32px #c9a5544d}.home-logo-icon{color:var(--color-primary-deep)}.home-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin:0 0 var(--space-sm);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.title-bass{color:var(--color-cream)}.title-academy{background:linear-gradient(135deg,var(--color-gold) 0%,var(--color-gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-year{font-size:.5em;color:var(--color-primary-light);align-self:flex-end;margin-bottom:.3em}.home-subtitle{font-size:1.25rem;color:var(--color-primary-light);margin:0;letter-spacing:.1em;text-transform:uppercase}.artist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);width:100%;max-width:1200px;z-index:1}@media(min-width:768px){.artist-grid{grid-template-columns:repeat(2,1fr)}}.artist-card{position:relative;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl);cursor:pointer;text-align:left;overflow:hidden;transition:all var(--transition-normal);animation:fadeInUp .6s ease-out forwards;animation-delay:var(--delay, 0s);opacity:0;height:100%;display:flex;flex-direction:column}.artist-card:hover{transform:translateY(-8px);border-color:#fff3;box-shadow:0 20px 60px #0000004d}.artist-card:focus-visible{outline:2px solid var(--color-gold);outline-offset:4px}.artist-card-glow{position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-gradient);opacity:.8;transition:height var(--transition-normal)}.artist-card:hover .artist-card-glow{height:6px;opacity:1}.artist-card-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.artist-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:var(--radius-lg);margin-bottom:var(--space-md);transition:transform var(--transition-normal)}.artist-card:hover .artist-icon{transform:scale(1.1) rotate(5deg)}.artist-emoji{font-size:2rem}.artist-info{margin-bottom:var(--space-md)}.artist-name{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-cream);margin:0 0 var(--space-xs)}.artist-subtitle{font-size:.9rem;color:var(--color-gold);margin:0 0 var(--space-xs);font-weight:500}.artist-description{font-size:.85rem;color:var(--color-primary-light);margin:0}.artist-techniques{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:auto;padding-top:var(--space-md)}.technique-tag{background:#ffffff14;color:var(--color-cream);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;border:1px solid rgba(255,255,255,.1);transition:all var(--transition-fast)}.artist-card:hover .technique-tag{background:#ffffff1f;border-color:#ffffff26}.technique-more{color:var(--color-primary-light);font-size:.75rem;padding:var(--space-xs)}.artist-card-arrow{position:absolute;bottom:var(--space-xl);right:var(--space-xl);color:var(--color-primary-light);opacity:0;transform:translate(-10px);transition:all var(--transition-normal)}.artist-card:hover .artist-card-arrow{opacity:1;transform:translate(0);color:var(--color-gold)}.home-footer{margin-top:var(--space-2xl);z-index:1}.home-footer p{color:var(--color-primary-light);font-size:.9rem;margin:0;opacity:.7}@media(max-width:480px){.home-screen{padding:var(--space-md)}.home-title{flex-direction:column;gap:0}.title-year{align-self:center;margin:0}.artist-card{padding:var(--space-lg)}.artist-icon{width:52px;height:52px}.artist-emoji{font-size:1.5rem}}@media(max-height:500px)and (orientation:landscape){.home-screen{padding:var(--space-sm) var(--space-md);min-height:100vh;justify-content:flex-start;overflow-y:auto;overflow-x:hidden}.home-header{margin-bottom:var(--space-sm);padding-top:var(--space-xs)}.home-logo{width:48px;height:48px;margin-bottom:var(--space-xs)}.home-title{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:var(--space-xs)}.home-subtitle{font-size:.75rem;letter-spacing:.05em}.artist-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm);max-width:100%;padding:0 var(--space-sm)}.artist-card{padding:var(--space-sm) var(--space-md);min-height:auto}.artist-icon{width:40px;height:40px;margin-bottom:var(--space-xs)}.artist-emoji{font-size:1.25rem}.artist-info{margin-bottom:var(--space-xs)}.artist-name{font-size:1rem;margin-bottom:2px}.artist-subtitle{font-size:.7rem;margin-bottom:2px}.artist-description{font-size:.7rem;line-height:1.3}.artist-techniques{margin-top:var(--space-xs);gap:4px}.technique-tag{padding:3px 8px;font-size:.65rem}.artist-card-arrow{bottom:var(--space-sm);right:var(--space-sm)}.home-footer{margin-top:var(--space-sm);padding-bottom:var(--space-sm)}.home-footer p{font-size:.7rem}.home-bg-decoration{opacity:.08}}@media(max-height:400px)and (orientation:landscape){.home-screen{padding:var(--space-xs) var(--space-sm)}.home-header{margin-bottom:var(--space-xs);padding-top:0}.home-logo{width:36px;height:36px}.home-title{font-size:clamp(1.25rem,3.5vw,1.5rem)}.artist-grid{gap:var(--space-xs)}.artist-card{padding:var(--space-xs) var(--space-sm)}.artist-icon{width:32px;height:32px}.artist-emoji{font-size:1rem}.artist-name{font-size:.9rem}.artist-description,.home-footer{display:none}}.home-screen-bg{background:linear-gradient(135deg,var(--color-primary-deep) 0%,var(--color-primary-dark) 50%,#0a1628 100%)}.home-title{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.home-title-bass{color:var(--color-cream);text-shadow:0 4px 20px rgba(0,0,0,.3)}.home-title-academy{background:linear-gradient(135deg,var(--color-gold) 0%,var(--color-gold-light) 50%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 15px rgba(201,165,84,.4))}.home-subtitle{padding:.75rem 1.5rem;background:#ffffff08;border-radius:50px;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.home-subtitle-text{color:#ffffffe6;letter-spacing:.15em}.home-subtitle-dot{color:var(--color-gold);font-size:1.2em}.home-subtitle-year{color:var(--color-gold);text-shadow:0 0 20px rgba(201,165,84,.5)}.home-description{color:#ffffffa6;max-width:600px;line-height:1.7}[data-theme=light] .home-screen-bg{background:linear-gradient(135deg,#f8f5f0,#e8e4de,#dcd8d0)}[data-theme=light] .home-title-bass{color:#1b263b;text-shadow:0 4px 20px rgba(0,0,0,.1)}[data-theme=light] .home-title-academy{background:linear-gradient(135deg,#b8922e,#d4a840,#b8922e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 10px rgba(184,146,46,.3))}[data-theme=light] .home-subtitle{background:#fff9;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px #0000000d}[data-theme=light] .home-subtitle-text{color:#415a77}[data-theme=light] .home-subtitle-dot{color:#b8922e}[data-theme=light] .home-subtitle-year{color:#8f7223;text-shadow:none}[data-theme=light] .home-description{color:#5c6778}[data-theme=light] .home-screen-bg .fixed.rounded-full{opacity:.06}[data-theme=practice] .home-screen-bg{background:#000}[data-theme=practice] .home-title-bass{color:#fff;text-shadow:0 0 30px rgba(255,255,255,.4),0 0 60px rgba(255,255,255,.2)}[data-theme=practice] .home-title-academy{background:linear-gradient(135deg,gold,#ffe44d,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,215,0,.6))}[data-theme=practice] .home-subtitle{background:#ffd70014;border:1px solid rgba(255,215,0,.25);box-shadow:0 0 30px #ffd7001a}[data-theme=practice] .home-subtitle-text{color:#fffffff2}[data-theme=practice] .home-subtitle-dot{color:gold;text-shadow:0 0 10px rgba(255,215,0,.8)}[data-theme=practice] .home-subtitle-year{color:gold;text-shadow:0 0 15px rgba(255,215,0,.8)}[data-theme=practice] .home-description{color:#ffffffbf}[data-theme=practice] .home-screen-bg .fixed.rounded-full{opacity:.02}.custom-builder-card{background:linear-gradient(135deg,#c9a5541f,#c9a5540a,#c9a55414);border:1px solid rgba(201,165,84,.25);box-shadow:0 20px 50px -15px #c9a55440,inset 0 1px #ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.custom-builder-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(201,165,84,.5) 50%,transparent 100%)}.custom-builder-card:hover{border-color:#c9a55466;box-shadow:0 25px 60px -15px #c9a55459,inset 0 1px #ffffff1a}.custom-builder-shine{background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.05) 40%,rgba(201,165,84,.1) 50%,rgba(255,255,255,.05) 60%,transparent 80%);background-size:200% 100%;animation:none}.custom-builder-card:hover .custom-builder-shine{animation:shimmer-gold 1.5s ease-in-out}@keyframes shimmer-gold{0%{background-position:200% center}to{background-position:-200% center}}.custom-builder-icon{background:linear-gradient(135deg,#c9a554,#e0c285,#c9a554);box-shadow:0 8px 25px -5px #c9a55466,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.1)}.custom-builder-icon-color{color:#0d1b2a;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.custom-builder-title{color:var(--color-cream);text-shadow:0 2px 10px rgba(0,0,0,.2)}.custom-builder-badge{background:linear-gradient(135deg,#c9a554,#e0c285);color:#0d1b2a;font-weight:700;box-shadow:0 2px 10px #c9a5544d;border:1px solid rgba(255,255,255,.2)}.custom-builder-desc{color:#ffffffb3}.custom-builder-arrow{background:#c9a55426;border:1px solid rgba(201,165,84,.2);transition:all .3s ease}.custom-builder-card:hover .custom-builder-arrow{background:linear-gradient(135deg,#c9a554,#e0c285);border-color:transparent;box-shadow:0 4px 15px #c9a55466}.custom-builder-zap{color:#c9a554;transition:all .3s ease}.custom-builder-card:hover .custom-builder-zap{color:#0d1b2a}[data-theme=light] .custom-builder-card{background:linear-gradient(135deg,#fffc,#c9a55426,#fff9);border:1px solid rgba(201,165,84,.35);box-shadow:0 15px 40px -10px #c9a55433,0 5px 15px #0000000d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}[data-theme=light] .custom-builder-card:before{background:linear-gradient(90deg,transparent 0%,rgba(201,165,84,.4) 50%,transparent 100%)}[data-theme=light] .custom-builder-card:hover{border-color:#c9a55480;box-shadow:0 20px 50px -10px #c9a5544d,0 8px 20px #00000014}[data-theme=light] .custom-builder-title{color:#1b263b;text-shadow:0 1px 2px rgba(0,0,0,.05)}[data-theme=light] .custom-builder-desc{color:#415a77}[data-theme=light] .custom-builder-badge{background:linear-gradient(135deg,#b8922e,#d4a840);color:#fff;border:none}[data-theme=light] .custom-builder-arrow{background:#c9a5541f;border:1px solid rgba(201,165,84,.2)}[data-theme=light] .custom-builder-card:hover .custom-builder-arrow{background:linear-gradient(135deg,#b8922e,#d4a840);border-color:transparent}[data-theme=light] .custom-builder-zap{color:#8f7223}[data-theme=light] .custom-builder-card:hover .custom-builder-zap{color:#fff}[data-theme=practice] .custom-builder-card{background:linear-gradient(135deg,#ffd7001a,#000000e6,#ffd7000d);border:1px solid rgba(255,215,0,.35);box-shadow:0 0 40px -10px #ffd70066,inset 0 1px #ffd7001a;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=practice] .custom-builder-card:before{background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.6) 50%,transparent 100%)}[data-theme=practice] .custom-builder-card:hover{border-color:#ffd70080;box-shadow:0 0 60px -10px #ffd70080,inset 0 1px #ffd70033}[data-theme=practice] .custom-builder-icon{background:linear-gradient(135deg,gold,#ffe44d,gold);box-shadow:0 0 25px #ffd70080,inset 0 1px #ffffff4d;border:1px solid rgba(255,215,0,.3)}[data-theme=practice] .custom-builder-title{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}[data-theme=practice] .custom-builder-desc{color:#ffffffbf}[data-theme=practice] .custom-builder-badge{background:linear-gradient(135deg,gold,#ffe44d);color:#000;box-shadow:0 0 15px #ffd70080;border:none}[data-theme=practice] .custom-builder-arrow{background:#ffd7001a;border:1px solid rgba(255,215,0,.25)}[data-theme=practice] .custom-builder-card:hover .custom-builder-arrow{background:linear-gradient(135deg,gold,#ffe44d);border-color:transparent;box-shadow:0 0 20px #ffd70080}[data-theme=practice] .custom-builder-zap{color:gold;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}[data-theme=practice] .custom-builder-card:hover .custom-builder-zap{color:#000;filter:none}.magnetic-wrapper{transition:transform .2s cubic-bezier(.33,1,.68,1);will-change:transform}.music-particles-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.music-particle{position:absolute;color:#ffffff1a;animation:float-particle linear infinite;will-change:transform}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes shine{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float-particle{0%{transform:translateY(100vh) rotate(0)}to{transform:translateY(-20vh) rotate(360deg)}}@keyframes holo-grid-scroll{0%{background-position:0 0}to{background-position:0 1000px}}.spotlight-overlay{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.06),transparent 40%);position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;will-change:background}.radial-glow-gold{position:fixed;top:0;right:0;width:600px;height:600px;border-radius:50%;opacity:.08;pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#C9A554 0%,transparent 70%);animation:pulse-glow 10s ease-in-out infinite;will-change:opacity}.radial-glow-blue{position:fixed;bottom:0;left:0;width:500px;height:500px;border-radius:50%;opacity:.08;pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#3B82F6 0%,transparent 70%);animation:pulse-glow 12s ease-in-out infinite reverse;will-change:opacity}@keyframes pulse-glow{0%,to{opacity:.08}50%{opacity:.12}}.logo-container{display:inline-flex;align-items:center;justify-content:center;border-radius:1.5rem;margin-bottom:1.25rem;box-shadow:0 20px 60px #c9a5544d;overflow:hidden;animation:float 3s ease-in-out infinite;will-change:transform}@media(min-width:640px){.logo-container{margin-bottom:1.75rem}}@media(min-width:1024px){.logo-container{margin-bottom:2rem}}.holo-wireframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) perspective(1000px) rotateX(60deg) scale(.8);width:200%;height:200%;background-image:linear-gradient(rgba(201,165,84,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(201,165,84,.3) 1px,transparent 1px);background-size:40px 40px;border-radius:50%;opacity:0;transition:opacity .5s ease,transform .5s ease;pointer-events:none;z-index:0;mask-image:radial-gradient(circle,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(circle,black 30%,transparent 70%)}.custom-builder-card:hover .holo-wireframe{opacity:1;transform:translate(-50%,-40%) perspective(1000px) rotateX(45deg) scale(1.2);animation:holo-grid-scroll 20s linear infinite}.artist-card-animate{opacity:0;animation:fadeInUp .6s ease-out forwards;animation-delay:.1s}.artist-card-animate:nth-child(1){animation-delay:.1s}.artist-card-animate:nth-child(2){animation-delay:.2s}.artist-card-animate:nth-child(3){animation-delay:.3s}.artist-card-animate:nth-child(4){animation-delay:.4s}.artist-card-wrapper{perspective:1000px;width:100%;height:100%}.artist-card-button{position:relative;width:100%;height:100%;overflow:hidden;text-align:left;transition:transform .3s ease,box-shadow .3s ease;border-radius:1rem;border:none;background:transparent;cursor:pointer;min-height:380px;will-change:transform}@media(min-width:1024px){.artist-card-button{border-radius:1.5rem}}.artist-card-button:focus-visible{outline:none;box-shadow:0 0 0 4px #ffffff4d}.artist-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;transform:scale(1.05);filter:brightness(.8)}.artist-card-button:hover .artist-card-image{transform:scale(1);filter:brightness(1)}.artist-card-gradient{position:absolute;inset:0;background:linear-gradient(to top,black,rgba(0,0,0,.4),transparent);opacity:.9;transition:opacity .3s ease}.artist-card-button:hover .artist-card-gradient{opacity:.75}.artist-card-shine{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;pointer-events:none;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);background-size:200% 200%}.artist-card-shine.active{opacity:1;animation:shine 1.5s ease-in-out}.artist-card-content{position:relative;padding:1.25rem;z-index:10;display:flex;flex-direction:column;height:100%;color:#fff}@media(min-width:640px){.artist-card-content{padding:1.5rem}}@media(min-width:1024px){.artist-card-content{padding:2rem}}.artist-card-subtitle{background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.25rem .75rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.artist-card-sparkle{background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.5rem;border-radius:9999px;opacity:0;transition:all .4s ease;border:1px solid rgba(255,255,255,.2)}.artist-card-button:hover .artist-card-sparkle{opacity:1;transform:rotate(12deg)}.artist-card-title{font-size:1.875rem;font-weight:700;font-family:Playfair Display,Georgia,serif;margin-bottom:.75rem;text-shadow:0 4px 12px rgba(0,0,0,.5);line-height:1;letter-spacing:-.025em;transform:translateY(1rem);transition:transform .4s ease}.artist-card-button:hover .artist-card-title{transform:translateY(0)}@media(min-width:1280px){.artist-card-title{font-size:3rem}}.artist-card-divider{width:3rem;height:.25rem;background:#ffffff80;border-radius:9999px;margin-bottom:1rem;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.artist-card-button:hover .artist-card-divider{transform:scaleX(1)}.artist-card-description{color:#fffc;font-size:.875rem;text-shadow:0 2px 8px rgba(0,0,0,.5);font-weight:500;line-height:1.5;opacity:0;transition:opacity .4s ease .1s;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.artist-card-button:hover .artist-card-description{opacity:1}@media(min-width:640px){.artist-card-description{font-size:1rem}}.artist-card-techniques{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;transform:translateY(2rem);opacity:0;transition:all .4s ease .2s}.artist-card-button:hover .artist-card-techniques{transform:translateY(0);opacity:1}.artist-card-tech-tag{font-size:.75rem;background:#ffffff1a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:.25rem .75rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1);font-weight:500}.artist-card-action{position:absolute;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;opacity:0;transition:all .4s ease .3s;transform:translate(1rem);color:#c9a554}.artist-card-button:hover .artist-card-action{opacity:1;transform:translate(0)}@media(max-height:500px)and (orientation:landscape){.landscape-compact-container{padding:.5rem 1rem!important;min-height:100vh;justify-content:flex-start!important}.landscape-compact-header{margin-bottom:.5rem!important;padding-top:.25rem!important}.logo-container{padding:.5rem!important;margin-bottom:.5rem!important}.logo-container img{width:24px!important;height:24px!important}.landscape-compact-title{font-size:1.75rem!important;margin-bottom:.25rem!important}.landscape-compact-subtitle{font-size:.65rem!important;letter-spacing:.1em!important;margin-bottom:.125rem!important}.landscape-compact-description{display:none!important}.landscape-compact-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important;padding:0 .5rem!important;margin-bottom:.5rem!important}.artist-card-button{min-height:100px!important}.artist-card-content{padding:.75rem!important}.artist-card-title{font-size:.875rem!important}.artist-card-description,.artist-card-techniques,.landscape-compact-footer{display:none!important}.radial-glow-gold,.radial-glow-blue{opacity:.03!important}}@media(max-height:400px)and (orientation:landscape){.landscape-compact-container{padding:.25rem .75rem!important}.landscape-compact-header{margin-bottom:.25rem!important}.logo-container{padding:.375rem!important;margin-bottom:.25rem!important}.landscape-compact-title{font-size:1.5rem!important}.landscape-compact-grid{gap:.375rem!important}.artist-card-button{min-height:85px!important}}@media(prefers-reduced-motion:reduce){.magnetic-wrapper,.artist-card-button,.artist-card-image,.artist-card-shine,.logo-container,.music-particle,.radial-glow-gold,.radial-glow-blue,.holo-wireframe{animation:none!important;transition:none!important}.artist-card-animate{animation:none!important;opacity:1!important}}.fullscreen-tablature-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-primary-deep);z-index:9999;display:flex;flex-direction:column;overflow:hidden;animation:fullscreenFadeIn .3s ease-in-out}@keyframes fullscreenFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .fullscreen-tablature-container{background:linear-gradient(135deg,#0d1b2a,#1b263b);color:var(--color-cream)}[data-theme=light] .fullscreen-tablature-container{background:linear-gradient(135deg,#f8f5f0,#e8e4de);color:var(--color-primary-deep)}[data-theme=light] .fullscreen-header{background:#fff9;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .fullscreen-controls{background:#fff9;border-top:1px solid rgba(0,0,0,.1)}[data-theme=light] .close-button:hover{background:#0000001a}.fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;min-height:60px}.fullscreen-info{display:flex;flex-direction:column;gap:.25rem}.exercise-name{font-size:1rem;font-weight:600;color:var(--color-cream);font-family:var(--font-mono)}.tempo-display{font-size:.875rem;opacity:.7;color:var(--color-primary-light)}.close-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s;color:var(--color-cream);display:flex;align-items:center;justify-content:center}.close-button:hover{background:#ffffff1a;transform:rotate(90deg)}.close-button:active{transform:rotate(90deg) scale(.95)}.fullscreen-tablature-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;display:flex;align-items:center;justify-content:center;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.fullscreen-tablature-content .hidden{display:block!important}.fullscreen-tablature-content .md\\:hidden{display:none!important}.fullscreen-tablature-content .md\\:block{display:block!important}.fullscreen-controls{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;flex-wrap:wrap;min-height:80px}.control-button{background:linear-gradient(135deg,var(--color-gold) 0%,var(--color-gold-light) 100%);border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--color-primary-deep);box-shadow:0 4px 12px #c9a55466;flex-shrink:0}.control-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #c9a55499}.control-button:active{transform:scale(.95)}.tempo-control{flex:1;min-width:200px;display:flex;align-items:center;gap:1rem}.tempo-control label{font-weight:500;font-size:.875rem;color:var(--color-primary-light);min-width:50px;text-transform:uppercase;letter-spacing:.05em}.tempo-slider{flex:1;height:8px;border-radius:4px;background:#ffffff1a;outline:none;-webkit-appearance:none;cursor:pointer}.tempo-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-gold);cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:transform .2s}.tempo-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.tempo-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-gold);cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d;transition:transform .2s}.tempo-slider::-moz-range-thumb:hover{transform:scale(1.2)}.tempo-value{font-weight:600;font-size:1.125rem;color:var(--color-gold);font-family:var(--font-mono);min-width:60px;text-align:right}.volume-controls{display:flex;gap:1.5rem;flex-wrap:wrap}.volume-control-item{display:flex;align-items:center;gap:.5rem;min-width:150px}.volume-control-item span{font-size:.75rem;color:var(--color-primary-light);min-width:40px;text-transform:uppercase;letter-spacing:.05em}.volume-slider{flex:1;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-info);cursor:pointer;box-shadow:0 2px 4px #0000004d}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-info);cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d}.keyboard-hints{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:1.5rem;font-size:.75rem;color:var(--color-primary-light);opacity:.6;pointer-events:none}.keyboard-hints span{background:#00000080;padding:.5rem 1rem;border-radius:.5rem;backdrop-filter:blur(10px)}.fullscreen-fallback{position:fixed;inset:0;background:var(--color-primary-deep);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem}.fallback-message{text-align:center}@media(max-width:768px){.fullscreen-header{padding:.75rem 1rem;min-height:50px}.exercise-name{font-size:.875rem}.tempo-display{font-size:.75rem}.close-button{padding:.375rem}.fullscreen-tablature-content{padding:.5rem}.fullscreen-tablature-content .md\\:hidden{display:block!important}.fullscreen-tablature-content .md\\:block,.fullscreen-tablature-content .hidden.md\\:block{display:none!important}.fullscreen-controls{padding:.75rem 1rem;gap:1rem;min-height:auto}.control-button{width:50px;height:50px}.control-button svg{width:24px;height:24px}.tempo-control{min-width:100%}.tempo-control label{font-size:.75rem;min-width:45px}.tempo-value{font-size:1rem;min-width:50px}.volume-controls{width:100%;gap:1rem}.volume-control-item{min-width:calc(50% - .5rem)}.keyboard-hints{bottom:90px;gap:1rem;font-size:.65rem}.keyboard-hints span{padding:.375rem .75rem}}@media(max-height:500px)and (orientation:landscape){.fullscreen-header{padding:.5rem 1rem;min-height:40px}.exercise-name{font-size:.75rem}.tempo-display{font-size:.65rem}.close-button{padding:.25rem}.close-button svg{width:20px;height:20px}.fullscreen-tablature-content{padding:.5rem}.fullscreen-controls{padding:.5rem 1rem;gap:.75rem;min-height:60px}.control-button{width:44px;height:44px}.control-button svg{width:20px;height:20px}.tempo-control{min-width:150px;gap:.5rem}.tempo-control label{font-size:.7rem;min-width:40px}.tempo-slider{height:6px}.tempo-slider::-webkit-slider-thumb{width:16px;height:16px}.tempo-slider::-moz-range-thumb{width:16px;height:16px}.tempo-value{font-size:.875rem;min-width:45px}.volume-controls{gap:.75rem}.volume-control-item{min-width:120px}.volume-control-item span{font-size:.65rem;min-width:35px}.volume-slider{height:5px}.volume-slider::-webkit-slider-thumb{width:14px;height:14px}.volume-slider::-moz-range-thumb{width:14px;height:14px}.keyboard-hints{display:none}}@media(max-height:400px)and (orientation:landscape){.fullscreen-header{padding:.375rem .75rem;min-height:36px}.exercise-name{font-size:.7rem}.tempo-display{display:none}.fullscreen-controls{padding:.375rem .75rem;gap:.5rem;min-height:50px}.control-button{width:40px;height:40px}.control-button svg{width:18px;height:18px}.tempo-control{min-width:130px}.tempo-control label{display:none}.volume-controls{gap:.5rem}.volume-control-item{min-width:100px}.volume-control-item svg{width:12px;height:12px}}.root-note-popup-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:popupFadeIn .2s ease-out}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}.root-note-popup{background:var(--color-primary-dark);border:1px solid var(--accent-color, var(--color-gold));border-radius:1rem;padding:1.25rem;min-width:280px;max-width:320px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff1a;animation:popupSlideIn .25s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.root-note-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.root-note-popup-title{font-weight:600;font-size:.875rem;color:var(--accent-color, var(--color-gold));text-transform:uppercase;letter-spacing:.05em}.root-note-popup-close{background:none;border:none;cursor:pointer;color:var(--color-primary-light);padding:.25rem;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.root-note-popup-close:hover{background:#ffffff1a;color:var(--color-cream)}.root-note-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.root-note-button{padding:.75rem .5rem;border-radius:.5rem;font-family:var(--font-mono);font-weight:700;font-size:.875rem;border:2px solid transparent;background:var(--color-primary-deep);color:var(--color-cream);cursor:pointer;transition:all .2s;text-align:center}.root-note-button:hover{border-color:var(--accent-color, var(--color-gold));background:#c9a5541a}.root-note-button.selected{background:var(--accent-color, var(--color-gold));color:var(--color-primary-deep);border-color:var(--accent-color, var(--color-gold));transform:scale(1.05)}.root-note-button:active{transform:scale(.95)}[data-theme=light] .root-note-popup{background:#f8f5f0;border-color:var(--accent-color, var(--color-gold))}[data-theme=light] .root-note-popup-close{color:var(--color-primary-medium)}[data-theme=light] .root-note-popup-close:hover{background:#0000001a;color:var(--color-primary-deep)}[data-theme=light] .root-note-button{background:#e8e4de;color:var(--color-primary-deep)}[data-theme=light] .root-note-button:hover{background:#c9a55433}[data-theme=light] .root-note-button.selected{background:var(--accent-color, var(--color-gold));color:var(--color-primary-deep)}.fullscreen-measure-button{cursor:pointer;transition:all .2s;border-radius:.75rem}.fullscreen-measure-button:hover{transform:scale(1.02);box-shadow:0 0 0 2px var(--color-gold)}.fullscreen-measure-button:active{transform:scale(.98)}@media(max-width:768px){.root-note-popup{min-width:260px;max-width:90vw;padding:1rem}.root-note-popup-title{font-size:.75rem}.root-note-button{padding:.625rem .375rem;font-size:.75rem}.root-note-grid{gap:.375rem}}@media(max-width:768px){.fullscreen-tablature-content .tab-string-line{height:var(--string-line-height)!important;opacity:.9!important;box-shadow:var(--string-line-shadow)!important}.fullscreen-tablature-content .overflow-x-auto{padding-bottom:.5rem}.fullscreen-tablature-content .overflow-x-auto::-webkit-scrollbar{display:block!important;height:4px}.fullscreen-tablature-content .overflow-x-auto::-webkit-scrollbar-thumb{background:var(--color-gold);border-radius:2px}.fullscreen-tablature-content .tab-note-mobile{min-width:1.25rem!important;min-height:1.25rem!important;font-size:.5rem!important}.fullscreen-tablature-content .tab-string-mobile{min-height:1.5rem!important}.fullscreen-tablature-content .glass{padding:.375rem!important}.fullscreen-tablature-content .gap-0\.5{gap:.125rem!important}.fullscreen-tablature-content .space-y-1>*+*{margin-top:.125rem!important}.fullscreen-tablature-content .tab-string-mobile>div:first-child{width:1rem!important;font-size:.5rem!important;margin-right:.25rem!important}}@media(max-height:500px)and (orientation:landscape){.fullscreen-tablature-content{padding:.25rem .5rem}.fullscreen-tablature-content .tab-string-mobile{min-height:1.25rem!important}.fullscreen-tablature-content .tab-note-mobile{min-width:1rem!important;min-height:1rem!important;font-size:.45rem!important}.fullscreen-tablature-content .tab-string-line{height:2px!important}.fullscreen-controls{padding:.375rem .75rem;gap:.5rem}.fullscreen-header{padding:.375rem .75rem;min-height:32px}}@media(max-height:400px)and (orientation:landscape){.fullscreen-tablature-content .tab-note-mobile{min-width:.875rem!important;min-height:.875rem!important;font-size:.4rem!important}.fullscreen-tablature-content .tab-string-mobile{min-height:1rem!important}.fullscreen-tablature-content .glass{padding:.25rem!important}}[data-theme=practice] .fullscreen-tablature-content .tab-string-line{height:3px!important;box-shadow:0 0 6px #0f09,0 0 12px #0f06,0 1px 3px #00000080!important}[data-theme=practice] .fullscreen-tablature-content .tab-note-mobile[data-active=true]{text-shadow:0 0 4px rgba(0,0,0,.8),0 0 8px var(--color-active-glow);font-weight:900}[data-theme=light] .fullscreen-tablature-content .tab-string-line{box-shadow:0 1px 2px #0000001a!important;opacity:.7!important}[data-theme=light] .fullscreen-tablature-content .glass{background:#ffffffe6}.fullscreen-tablature-content .scroll-hint{font-size:.65rem;padding:.25rem .5rem;background:#0000004d;border-radius:.5rem;display:inline-block;margin-top:.5rem}.fullscreen-tablature-content .min-w-max{padding-right:1rem}.fullscreen-tablature-content .ring-2{box-shadow:0 0 0 2px var(--color-gold),0 4px 12px #c9a5544d}.fullscreen-tablature-content .tab-note-mobile[data-active=true]{transform:scale(1.15);z-index:30}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}