*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#07070f;--bg-secondary:#0d0d1a;--bg-card:#111120;--bg-card-hover:#181828;--border:#c9a22738;--border-strong:#c9a22780;--gold:#c9a227;--gold-dim:#8a6e0e;--gold-glow:#c9a22726;--gold-glow-strong:#c9a2274d;--blue:#5b9bd5;--blue-glow:#5b9bd51f;--text:#e8e4d8;--text-muted:#857f71;--nav-height:68px;--max-width:1080px;--radius:3px;--transition:.28s ease;--font-display:"Cinzel", Georgia, serif;--font-deco:"Cinzel Decorative", "Cinzel", Georgia, serif;--font-body:"Crimson Text", Georgia, serif}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:18px;line-height:1.75}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.06em;color:var(--text);line-height:1.2}a{color:var(--gold);transition:color var(--transition);text-decoration:none}a:hover{color:var(--text)}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-display)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#c9a2274d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 24px}.section{padding:96px 24px}.section--alt{background:var(--bg-secondary)}.section-title{text-align:center;text-shadow:0 0 32px var(--gold-glow-strong);margin-bottom:12px;font-size:clamp(1.6rem,3.5vw,2.5rem)}.section-sub{text-align:center;color:var(--text-muted);max-width:560px;margin-bottom:56px;margin-left:auto;margin-right:auto;font-size:1.1rem;font-style:italic}.divider{align-items:center;gap:14px;max-width:340px;margin:16px auto 56px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.divider-symbol{color:var(--gold);opacity:.6;letter-spacing:4px;font-size:14px}.btn{border:1px solid var(--gold);color:var(--gold);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;transition:all var(--transition);border-radius:var(--radius);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:12px 30px;font-size:12px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--gold);color:#07070f;box-shadow:0 0 24px var(--gold-glow-strong)}.btn-ghost{color:var(--text-muted);border-color:#c9a22759}.btn-ghost:hover{border-color:var(--gold);color:var(--gold);box-shadow:none;background:0 0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);padding:32px}.card:hover{border-color:var(--border-strong);box-shadow:0 4px 32px var(--gold-glow);transform:translateY(-2px)}.page-hero{padding:calc(var(--nav-height) + 80px) 24px 72px;text-align:center;position:relative;overflow:hidden}.page-hero:before{content:"";pointer-events:none;background:radial-gradient(at 50% 30%,#c9a22712 0%,#0000 65%);position:absolute;inset:0}.page-hero-eyebrow{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:.8;margin-bottom:18px;font-size:11px}.page-hero-title{letter-spacing:.1em;text-shadow:0 0 50px var(--gold-glow-strong);margin-bottom:20px;font-size:clamp(2rem,5.5vw,3.6rem)}.page-hero-sub{color:var(--text-muted);max-width:580px;margin:0 auto;font-size:clamp(1rem,2.2vw,1.25rem);font-style:italic}.triforce-deco{opacity:.45;flex-direction:column;align-items:center;gap:0;margin:20px auto;display:inline-flex}.triforce-row{display:flex}.tri-up{border-left:9px solid #0000;border-right:9px solid #0000;border-bottom:16px solid var(--gold);width:0;height:0}.tri-down{border-left:9px solid #0000;border-right:9px solid #0000;border-top:16px solid var(--gold);width:0;height:0}@media (width<=768px){.section{padding:60px 20px}.page-hero{padding:calc(var(--nav-height) + 48px) 20px 56px}}#app{flex-direction:column;min-height:100vh;display:flex}main{padding-top:var(--nav-height);flex:1}main.home-main{padding-top:0}.navbar{z-index:100;height:var(--nav-height);transition:box-shadow var(--transition);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar:before{content:"";-webkit-backdrop-filter:blur(18px);transition:background var(--transition);pointer-events:none;z-index:-1;background:#07070f99;position:absolute;inset:0}.navbar--scrolled{border-bottom-color:var(--border);box-shadow:0 4px 32px #0006}.navbar--scrolled:before{background:#07070feb}.navbar-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:24px;height:100%;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{color:var(--gold);transition:opacity var(--transition);flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.navbar-logo:hover{opacity:.8;color:var(--gold)}.navbar-triforce{flex-shrink:0;width:22px;height:20px}.navbar-logo-text{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);white-space:nowrap;font-size:14px}.navbar-links{align-items:center;gap:8px;list-style:none;display:flex}.nav-link{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius);transition:color var(--transition), background var(--transition);white-space:nowrap;padding:6px 12px;font-size:11px;text-decoration:none}.nav-link:hover{color:var(--text);background:#c9a22712}.nav-link--active,.nav-link--active:hover{color:var(--gold)}.hamburger{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:40px;height:40px;transition:border-color var(--transition);background:0 0;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;padding:8px;display:none}.hamburger:hover{border-color:var(--border-strong)}.hamburger span{background:var(--gold);transform-origin:50%;border-radius:2px;width:100%;height:1.5px;transition:transform .25s,opacity .25s;display:block}.hamburger--open span:first-child{transform:translateY(6.5px)rotate(45deg)}.hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger--open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.navbar-overlay{z-index:99;background:#07070f99;position:fixed;inset:0}@media (width<=768px){.hamburger{display:flex}.navbar-links{top:var(--nav-height);-webkit-backdrop-filter:blur(20px);z-index:100;border-top:1px solid var(--border);background:#07070ffa;flex-direction:column;align-items:stretch;gap:0;padding:24px 20px;display:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.navbar-links--open{display:flex}.nav-link{border-bottom:1px solid var(--border);letter-spacing:.18em;border-radius:0;padding:16px 20px;font-size:13px}.nav-link:last-child{border-bottom:none}.nav-link--active{border-left:2px solid var(--gold);background:#c9a22712}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding-top:56px}.footer-inner{grid-template-columns:1fr auto;gap:48px;padding-bottom:48px;display:grid}.footer-brand{max-width:380px}.footer-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:15px}.footer-tagline{color:var(--text-muted);margin-bottom:16px;font-size:1rem;font-style:italic}.footer-disclaimer{color:var(--text-muted);opacity:.65;font-size:.82rem;line-height:1.6}.footer-nav-title{font-family:var(--font-display);letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;font-size:10px}.footer-nav ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-nav a{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);transition:color var(--transition);font-size:12px}.footer-nav a:hover,.footer-nav a.active{color:var(--gold)}.footer-bottom{border-top:1px solid var(--border);text-align:center;padding:16px 24px}.footer-bottom p{color:var(--text-muted);opacity:.5;letter-spacing:.05em;font-size:.78rem}@media (width<=600px){.footer-inner{grid-template-columns:1fr;gap:32px}.footer-brand{max-width:100%}.footer-nav ul{flex-flow:wrap;gap:8px 20px}}.home-hero{background:radial-gradient(ellipse at 50% 60%, #0d0d1ee6 0%, var(--bg-primary) 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 24px 80px;display:flex;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(#5b9bd50f 0%,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.hero-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:var(--gold);opacity:0;animation:particle-rise var(--duration,16s) var(--delay,0s) ease-in-out infinite;border-radius:50%;position:absolute;bottom:-10px}@keyframes particle-rise{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:var(--base-opacity,.4)}88%{opacity:var(--base-opacity,.15)}to{opacity:0;transform:translateY(-105vh)translate(18px)}}.hero-portal{opacity:.28;pointer-events:none;width:min(280px,55vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.portal-svg{width:100%;height:auto;color:var(--gold);filter:drop-shadow(0 0 16px #c9a22766)}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:80px;display:flex;position:relative}.hero-eyebrow{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;color:var(--gold);opacity:.7;font-size:11px}.hero-title{font-family:var(--font-deco);letter-spacing:.08em;color:var(--text);text-shadow:0 0 60px #c9a22759,0 0 120px #c9a22726;font-size:clamp(3rem,9vw,6.5rem);font-weight:700;line-height:1.05}.hero-sub{color:var(--text-muted);max-width:480px;margin-top:4px;font-size:clamp(1rem,2.2vw,1.2rem);font-style:italic;line-height:1.7}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px;display:flex}.hero-scroll{color:var(--text-muted);z-index:2;flex-direction:column;align-items:center;gap:8px;text-decoration:none;animation:2.4s ease-in-out infinite scroll-pulse;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-scroll:hover{color:var(--gold)}.hero-scroll-line{background:linear-gradient(to bottom, transparent, var(--gold));opacity:.6;width:1px;height:40px;display:block}.hero-scroll-label{font-family:var(--font-display);letter-spacing:.25em;text-transform:uppercase;opacity:.6;font-size:9px}@keyframes scroll-pulse{0%,to{opacity:.5;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(6px)}}.home-cards-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.home-card{color:inherit;flex-direction:column;gap:10px;text-decoration:none;display:flex;position:relative;overflow:hidden}.home-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:0;height:2px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.home-card:hover:before{opacity:.6}.home-card--soon{opacity:.7}.home-card-symbol{color:var(--gold);opacity:.6;font-size:22px;line-height:1}.home-card-eyebrow{font-family:var(--font-display);letter-spacing:.25em;text-transform:uppercase;color:var(--gold);opacity:.7;font-size:10px}.home-card-title{letter-spacing:.06em;color:var(--text);font-size:1.4rem}.home-card-body{color:var(--text-muted);flex:1;font-size:1rem;line-height:1.65}.home-card-cta{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--gold);opacity:.7;transition:opacity var(--transition);margin-top:4px;font-size:11px}.home-card:hover .home-card-cta{opacity:1}.hero-quote{text-align:center;max-width:680px;margin:0 auto}.hero-quote p{color:var(--text-muted);margin-bottom:20px;font-size:clamp(1.1rem,2.5vw,1.4rem);font-style:italic;line-height:1.8}.hero-quote cite{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.6;font-size:11px;font-style:normal}@media (width<=768px){.hero-portal{opacity:.2;width:min(200px,52vw)}.hero-content{padding-top:60px}.home-cards-grid{grid-template-columns:1fr}}@media (width<=480px){.hero-ctas{flex-direction:column;align-items:center}}.lore-section-inner{grid-template-columns:4px 1fr;gap:40px;max-width:760px;display:grid}.lore-section-accent{background:linear-gradient(to bottom, var(--gold), transparent);opacity:.5;border-radius:2px;flex-shrink:0;width:4px}.lore-section-text{min-width:0}.lore-eyebrow{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:.75;margin-bottom:10px;font-size:10px}.lore-title{letter-spacing:.06em;text-shadow:0 0 24px var(--gold-glow);margin-bottom:16px;font-size:clamp(1.4rem,3vw,2rem)}.lore-divider{background:var(--border-strong);opacity:.7;width:48px;height:1px;margin-bottom:24px}.lore-body{color:var(--text-muted);margin-bottom:18px;font-size:1.05rem;line-height:1.85}.lore-body:last-child{margin-bottom:0}.lore-disclaimer-card{text-align:center;max-width:680px;margin:0 auto}.lore-disclaimer-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.6;margin-bottom:14px;font-size:11px}.lore-disclaimer-card p:last-child{color:var(--text-muted);font-size:.95rem;line-height:1.75}@media (width<=600px){.lore-section-inner{grid-template-columns:1fr;gap:0}.lore-section-accent{display:none}}.mt-keyboard>.container{max-width:min(1800px,96vw);padding-left:16px;padding-right:16px}.mt-banner{border:1px solid var(--border);border-radius:var(--radius);text-align:center;background:var(--bg-card);max-width:680px;margin:0 auto;padding:56px 48px;position:relative;overflow:hidden}.mt-banner:before{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#0000,#0000 24px,#c9a22705 24px 25px);position:absolute;inset:0}.mt-banner-glow{pointer-events:none;background:radial-gradient(#5b9bd51a 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:4s ease-in-out infinite glow-pulse;position:absolute;top:-60px;left:50%;transform:translate(-50%)}@keyframes glow-pulse{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.15)}}.mt-banner-seal{width:80px;color:var(--gold);opacity:.6;margin:0 auto 28px}.mt-seal-svg{filter:drop-shadow(0 0 8px #c9a2274d);width:100%;height:auto}.mt-banner-eyebrow{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);opacity:.65;margin-bottom:12px;font-size:10px}.mt-banner-title{letter-spacing:.12em;text-shadow:0 0 32px var(--gold-glow-strong);margin-bottom:20px;font-size:clamp(2rem,5vw,3rem);animation:6s ease-in-out infinite title-flicker}@keyframes title-flicker{0%,95%,to{opacity:1}97%{opacity:.85}}.mt-banner-body{color:var(--text-muted);max-width:480px;margin:0 auto;font-size:1.05rem;font-style:italic;line-height:1.8}.mt-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.mt-item{flex-direction:column;gap:10px;display:flex;position:relative}.mt-item-symbol{color:var(--gold);opacity:.55;font-size:24px;line-height:1}.mt-item-title{letter-spacing:.05em;font-size:1.1rem}.mt-item-desc{color:var(--text-muted);flex:1;font-size:.95rem;line-height:1.7}.mt-item-badge{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--blue);border:1px solid #5b9bd54d;border-radius:20px;width:fit-content;margin-top:4px;padding:3px 10px;font-size:9px;display:inline-block}@media (width<=900px){.mt-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.mt-banner{padding:40px 24px}.mt-grid{grid-template-columns:1fr}}.vk-wrapper{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:48px;width:100%;display:flex}.vk-circle-fs{-webkit-user-select:none;user-select:none}.vk-wrapper input,.vk-wrapper textarea,.vk-circle-fs input,.vk-circle-fs textarea{-webkit-user-select:text;user-select:text}.vk-controls{flex-direction:column;align-items:center;gap:12px;display:flex}.vk-mode-tabs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.vk-mode-tab{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);border-radius:20px;align-items:center;gap:6px;padding:8px 20px;font-size:10px;display:flex}.vk-mode-tab-num{opacity:.45;letter-spacing:0;font-variant-numeric:tabular-nums;min-width:8px;font-size:8px}.vk-mode-tab:hover{border-color:var(--border-strong);color:var(--text)}.vk-mode-tab--piano.vk-mode-tab--active{border-color:var(--gold);color:var(--gold);background:#c9a22724;box-shadow:0 0 12px #c9a22733}.vk-mode-tab--ocarina.vk-mode-tab--active{border-color:var(--blue);color:var(--blue);background:#5b9bd524;box-shadow:0 0 12px #5b9bd533}.vk-mode-tab--deku.vk-mode-tab--active{color:#64b450;background:#64b45024;border-color:#64b450;box-shadow:0 0 12px #64b45033}.vk-mode-tab--goron.vk-mode-tab--active{color:#d45a14;background:#d25a1424;border-color:#d45a14;box-shadow:0 0 12px #d25a1433}.vk-mode-tab--zora.vk-mode-tab--active{color:#14bed2;background:#14bed224;border-color:#14bed2;box-shadow:0 0 12px #14bed233}.vk-mode-hint{opacity:.8;text-align:center;font-size:.88rem;font-style:italic;animation:.35s vk-fade-in}.vk-keyboard--ocarina~.vk-controls .vk-mode-hint{color:var(--blue)}.vk-controls .vk-mode-hint{color:var(--text-muted)}@keyframes vk-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:.8;transform:translateY(0)}}.vk-scroll{-webkit-overflow-scrolling:touch;justify-content:center;width:100%;padding-bottom:16px;display:flex;overflow-x:auto}.vk-scroll::-webkit-scrollbar{height:4px}.vk-scroll::-webkit-scrollbar-track{background:var(--bg-secondary)}.vk-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.vk-keyboard{filter:drop-shadow(0 10px 28px #000000a6);flex-shrink:0;position:relative}.vk-key{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:0 0 5px 5px;transition:background 60ms,box-shadow 60ms;position:absolute;top:0}.vk-key--white{z-index:1;background:linear-gradient(170deg,#f6f1e6 0%,#e8e2ce 100%);border:1px solid #a09278;border-top:2px solid #c0ae88;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:7px;display:flex}.vk-key--white:hover{background:linear-gradient(170deg,#fffaea 0%,#f2e8cc 100%)}.vk-key--white.vk-key--active{background:linear-gradient(#c9a22773 0%,#c9a2271f 100%);box-shadow:inset 0 -3px 13px #c9a22773,inset 0 2px 6px #c9a2272e}.vk-keyboard--ocarina .vk-key--white.vk-key--active{background:linear-gradient(#5b9bd573 0%,#5b9bd51f 100%);box-shadow:inset 0 -3px 13px #5b9bd573}.vk-keyboard--deku .vk-key--white.vk-key--active{background:linear-gradient(#64b45073 0%,#64b4501f 100%);box-shadow:inset 0 -3px 13px #64b45073}.vk-keyboard--goron .vk-key--white.vk-key--active{background:linear-gradient(#d25a148c 0%,#d25a1424 100%);box-shadow:inset 0 -3px 13px #d25a148c}.vk-keyboard--zora .vk-key--white.vk-key--active{background:linear-gradient(#14bed273 0%,#14bed21f 100%);box-shadow:inset 0 -3px 13px #14bed273}.vk-key--black{z-index:3;background:linear-gradient(170deg,#2c2820 0%,#0e0c08 65%),#0e0c08;border:1px solid #3e3830;border-top:2px solid #504840;justify-content:center;align-items:flex-end;padding-bottom:5px;display:flex;box-shadow:3px 5px 10px #000000b3,inset 0 1px #ffffff12}.vk-key--black:hover{background:linear-gradient(170deg,#3c3830 0%,#1e1a12 65%),#1e1a12}.vk-key--black.vk-key--active{background:linear-gradient(#c9a22799,#c9a22733),#1a1408;box-shadow:0 0 7px #c9a22773}.vk-keyboard--ocarina .vk-key--black.vk-key--active{background:linear-gradient(#5b9bd599,#5b9bd533),#0c1420;box-shadow:0 0 7px #5b9bd573}.vk-keyboard--deku .vk-key--black.vk-key--active{background:linear-gradient(#64b45099,#64b45033),#0e1a0a;box-shadow:0 0 7px #64b45073}.vk-keyboard--goron .vk-key--black.vk-key--active{background:linear-gradient(#d25a14b3,#d25a1440),#1a0c04;box-shadow:0 0 8px #d25a148c}.vk-keyboard--zora .vk-key--black.vk-key--active{background:linear-gradient(#14bed299,#14bed233),#041418;box-shadow:0 0 7px #14bed273}.vk-key-label{font-family:var(--font-display);pointer-events:none;-webkit-user-select:none;user-select:none}.vk-key--white .vk-key-label{letter-spacing:.08em;color:#2d1e0fb8;font-size:11px}.vk-key--black .vk-key-label{letter-spacing:.04em;color:#ffffff94;font-size:9px}.vk-key-hotkey{font-family:var(--font-display);letter-spacing:.06em;color:#8a7a60;pointer-events:none;-webkit-user-select:none;user-select:none;margin-bottom:1px;font-size:8px}.vk-key-hotkey--black{color:#ffffff38;font-size:7px}.vk-overlays{pointer-events:none;z-index:2;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.n64-btn{-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:900;line-height:1;transition:box-shadow .25s,filter .25s;display:flex}.n64-btn--c{color:#2a1a00;background:radial-gradient(circle at 38% 32%,#ffe44a,#d4a000);width:22px;height:22px;font-size:8px;box-shadow:0 2px #8a6600,0 3px 7px #00000073,inset 0 1px #ffffff59}.n64-btn--c.n64-btn--glow{animation:2s ease-in-out infinite n64-pulse;box-shadow:0 2px #8a6600,0 3px 7px #00000073,inset 0 1px #ffffff59,0 0 12px #e6aa00bf}.n64-btn--a{color:#fff;background:radial-gradient(circle at 38% 32%,#22e870,#009840);width:22px;height:22px;font-size:9px;box-shadow:0 2px #005a22,0 3px 7px #00000073,inset 0 1px #ffffff40}.n64-btn--a.n64-btn--glow{animation:2s ease-in-out infinite n64-pulse;box-shadow:0 2px #005a22,0 3px 7px #00000073,inset 0 1px #ffffff40,0 0 12px #00c850bf}@keyframes n64-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}.vk-legend{flex-wrap:wrap;justify-content:center;gap:18px 28px;display:flex}.vk-legend-item{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:7px;font-size:10px;display:flex}.vk-legend-item .n64-btn{pointer-events:auto}.vk-advanced-bar,.vk-viz-bar{justify-content:center;display:flex}.vk-advanced-toggle{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);background:0 0;border-radius:20px;padding:6px 20px;font-size:10px}.vk-advanced-toggle:hover,.vk-advanced-toggle--open{border-color:var(--border-strong);color:var(--text)}.vk-editor{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:18px;width:100%;max-width:640px;margin:0 auto;padding:20px;display:flex}.vk-editor-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.vk-editor-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text);font-size:11px}.vk-editor-actions{gap:8px;display:flex}.vk-editor-btn{border:1px solid var(--border);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);background:0 0;border-radius:20px;padding:5px 14px;font-size:9px}.vk-editor-btn--reset{color:var(--text-muted)}.vk-editor-btn--reset:hover{border-color:var(--border-strong);color:var(--text)}.vk-editor-btn--copy{color:var(--gold);border-color:var(--gold);background:#c9a22714}.vk-editor-btn--copy:hover{background:#c9a22729}.vk-editor-btn--copied{color:#64b450;background:#64b4501a;border-color:#64b450}.vk-editor-btn--import-active{color:var(--text-muted);border-color:var(--border-strong)}.vk-editor-btn:disabled{opacity:.4;cursor:default}.vk-share{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.vk-share-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.vk-share-info{flex-direction:column;flex:1;gap:6px;display:flex}.vk-share-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text);font-size:10px}.vk-share-desc{color:var(--text-muted);max-width:360px;font-size:.8rem;line-height:1.6}.vk-share-desc strong{color:var(--text);font-weight:600}.vk-share-btns{flex-shrink:0;gap:8px;display:flex}.vk-import{flex-direction:column;gap:10px;display:flex}.vk-import-textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;box-sizing:border-box;transition:border-color var(--transition);border-radius:6px;outline:none;padding:10px 12px;font-family:monospace;font-size:11px;line-height:1.5}.vk-import-textarea:focus{border-color:var(--border-strong)}.vk-import-textarea::placeholder{color:var(--text-muted);opacity:.6}.vk-import-msg{font-size:.8rem;line-height:1.5}.vk-import-msg--err{color:#e07070}.vk-import-msg--ok{color:#64b450}.vk-param-section{flex-direction:column;gap:6px;display:flex}.vk-param-section-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;padding-bottom:4px;font-size:10.5px;display:flex}.vk-cof-keyboard-row{z-index:50;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:24px;width:100%;margin:6px 0 2px;display:grid;position:relative}.vk-cof-col{flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.vk-circle-row{align-items:center;gap:4px;width:100%;display:flex}.vk-circle-row .vk-circle-stage{flex:1;min-width:0}.vk-tonic-page{width:36px;height:36px;color:var(--gold);font-family:var(--font-display,"Cinzel", serif);cursor:pointer;z-index:5;background:#0d0b1cd9;border:1px solid #c9a22773;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;line-height:1;transition:background .18s,border-color .18s,transform .12s;display:flex;position:static}.vk-tonic-page:hover{background:#1e183af2;border-color:#e8c86ee6}.vk-tonic-page:active{transform:scale(.92)}.vk-tonic-page--fs{width:52px;height:52px;font-size:30px}@media (width<=600px){.vk-tonic-page{width:30px;height:30px;font-size:18px}}.vk-circle-stage{transform-origin:50% 46%;will-change:transform, opacity, filter;touch-action:manipulation;justify-content:center;width:100%;display:flex;position:relative}.vk-circle-controls{z-index:6;align-items:center;gap:8px;display:flex;position:absolute;top:32px;right:6px}.vk-circle-controls--fs{z-index:1001;position:fixed;top:16px;right:16px}.vk-circle-ctrl{width:26px;height:26px;color:var(--gold);font-family:var(--font-display);cursor:pointer;opacity:.72;background:#0d0b1cc7;border:1px solid #c9a2274d;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;transition:opacity .18s,background .18s,border-color .18s;display:inline-flex}.vk-circle-ctrl:hover{opacity:1;background:#c9a22729;border-color:#c9a22799}.vk-circle-ctrl--galaxy{letter-spacing:.08em;color:#c49ee8;background:#7850c829;border-color:#966ed28c;width:auto;padding:0 10px}.vk-circle-ctrl--galaxy:hover{color:#dcc3fa;background:#8c5fdc42;border-color:#b48cf0d9}.vk-circle-ctrl--lock-on{opacity:1;background:#c9a22733;border-color:#c9a227b3;box-shadow:0 0 8px #c9a22740}.vk-circle-controls--fs .vk-circle-ctrl{letter-spacing:.1em;text-transform:uppercase;opacity:.95;background:#c9a22724;border-color:#c9a22799;gap:6px;width:auto;height:auto;padding:8px 16px;font-size:14px}.vk-circle-controls--fs .vk-circle-ctrl--galaxy{background:#7850c833;border-color:#966ed299}.vk-circle-controls--fs .vk-circle-ctrl--lock{width:40px;height:40px;padding:0}.vk-circle-controls--fs .vk-circle-ctrl--view{background:#0d0b1cd9;border-color:#c9a22780}.vk-circle-controls--fs .vk-circle-ctrl--view:hover{background:#c9a22729;border-color:#c9a227cc}.vk-circle-fs{z-index:1000;height:100dvh;padding:16px;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));touch-action:pinch-zoom;background:radial-gradient(at 50% 40%,#0d0b1c 0%,#050509 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.vk-circle-fs-stage-row{align-items:center;gap:16px;display:flex}.vk-circle-fs-stage{justify-content:center;align-items:center;width:min(80vw,82vh);max-width:min(80vw,82vh);display:flex}.vk-circle-fs-stage .cof-svg,.vk-circle-fs-stage svg{touch-action:none;width:min(80vw,82vh);max-width:min(80vw,82vh);height:auto}.vk-circle-fs-stage .cof-wrapper{max-width:none}.vk-circle-fs-picker{z-index:1001;gap:10px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.vk-circle-fs-select{color:var(--gold);font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;background:#0d0b1ceb;border:1px solid #c9a22780;border-radius:8px;padding:8px 12px;font-size:14px;transition:border-color .18s,background .18s}.vk-circle-fs-select:hover{background:#1e183af2;border-color:#c9a227d9}.vk-circle-fs-select:focus-visible{border-color:#f8de78;outline:none}.vk-circle-fs-hint{text-align:center;font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);opacity:.5;pointer-events:none;z-index:1001;margin:0;font-size:11px;position:fixed;bottom:16px;left:0;right:0}.vk-circle-fs-hint--swipe{display:none}@media (pointer:coarse){.vk-circle-fs-hint--esc{display:none}.vk-circle-fs-hint--swipe{display:block}}.vk-circle-fs-hint--swipe span{line-height:1.5;display:block}@media (width<=600px){.vk-circle-fs-stage,.vk-circle-fs-stage .cof-svg,.vk-circle-fs-stage svg{width:min(98vw,88vh);max-width:min(98vw,88vh)}.vk-circle-fs-stage-row{gap:0}.vk-tonic-page--fs{bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:1002;width:62px;height:62px;font-size:34px;position:fixed}.vk-tonic-page--fs.vk-tonic-page--prev{left:18px;right:auto}.vk-tonic-page--fs.vk-tonic-page--next{left:auto;right:18px}.vk-circle-controls--fs{top:calc(12px + env(safe-area-inset-top,0px));flex-wrap:wrap;justify-content:flex-end;gap:6px;left:12px;right:12px}.vk-circle-controls--fs .vk-circle-ctrl{padding:6px 10px;font-size:12px}.vk-circle-controls--fs .vk-circle-ctrl--lock{width:34px;height:34px;padding:0}.vk-circle-fs-picker{top:calc(56px + env(safe-area-inset-top,0px));flex-direction:row;gap:8px;left:12px;right:12px;transform:none}.vk-circle-fs-select{flex:1 1 0;min-width:0;padding:7px 8px;font-size:13px}.vk-circle-fs-hint--esc{display:none}.vk-circle-fs-hint--swipe{left:84px;right:84px;bottom:calc(34px + env(safe-area-inset-bottom,0px))}.vk-circle-stage{flex-direction:column}.vk-circle-stage>.vk-circle-controls:not(.vk-circle-controls--fs){justify-content:flex-end;width:100%;margin:0 0 6px;position:static}}.vk-circle-stage--detail{animation:.52s cubic-bezier(.22,.61,.36,1) vk-stage-zoom-in}.vk-circle-stage--overview{animation:.52s cubic-bezier(.22,.61,.36,1) vk-stage-zoom-out}@keyframes vk-stage-zoom-in{0%{opacity:0;filter:blur(7px);transform:scale(.42)}55%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes vk-stage-zoom-out{0%{opacity:0;filter:blur(7px);transform:scale(1.7)}55%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:scale(1)}}@media (prefers-reduced-motion:reduce){.vk-circle-stage--detail,.vk-circle-stage--overview{animation:.2s both vk-stage-fade}@keyframes vk-stage-fade{0%{opacity:0}to{opacity:1}}}.vk-circle-variant{justify-content:center;align-items:center;width:100%;min-width:0;animation:.24s both vk-circle-variant-in;display:flex}@keyframes vk-circle-variant-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.vk-circle-variant{animation:none}}.vk-modes-back{color:#96f5eb;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#78ebe11a;border:1px solid #78ebe166;border-radius:14px;align-self:flex-start;padding:5px 14px;font-size:10px;transition:all .16s}.vk-modes-back:hover{background:#78ebe133;border-color:#78ebe1b3}.vk-circle-toolbar{justify-content:space-between;align-self:stretch;align-items:center;gap:8px;width:100%;display:flex}.vk-circle-toolbar--ghost{visibility:hidden;pointer-events:none}.vk-view-toggle{color:#e8c86ef2;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#c9a2271a;border:1px solid #c9a22766;border-radius:14px;padding:5px 14px;font-size:10px;transition:all .16s}.vk-view-toggle:hover{color:#ffdc82;background:#c9a22733;border-color:#c9a227b3}.vk-stack-col{flex-direction:column;align-items:center;gap:12px;min-width:0;display:flex}@media (width<=900px){.vk-cof-keyboard-row{grid-template-columns:1fr;gap:16px}}.vk-notation-row{z-index:50;flex-flow:wrap;justify-content:center;align-items:flex-start;gap:20px;margin:6px 0 2px;display:flex;position:relative}.vk-staff-panel{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex;position:relative}.vk-key-status{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.vk-key-status-tonic{font-family:var(--font-display,"Cinzel", serif);color:#e8c86e;letter-spacing:.04em;font-size:18px;font-weight:700}.vk-key-status-mode{font-family:var(--font-display,"Cinzel", serif);letter-spacing:.14em;text-transform:uppercase;color:#e8c86e99;font-size:9px}.vk-key-status-mode--minor{color:#a0c8e8bf}.vk-lock-indicator{font-family:var(--font-display,"Cinzel", serif);letter-spacing:.2em;text-transform:uppercase;color:#ffb428;background:#c9a2272e;border:1px solid #c9a2278c;border-radius:4px;margin-top:3px;padding:1px 5px;font-size:8px;font-weight:700;display:block;box-shadow:0 0 6px #c9a2274d}.vk-lock-btn{color:#e8c86eb3;font-family:var(--font-display,"Cinzel", serif);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#c9a2270f;border:1px solid #c9a22740;border-radius:10px;padding:3px 8px;font-size:9px;transition:all .18s}.vk-lock-btn:hover{color:#e8c86e;background:#c9a22724;border-color:#c9a22780}.vk-lock-btn--locked{color:#ffd250;background:#c9a22738;border-color:#ffb428bf;box-shadow:0 0 10px #c9a22766,inset 0 0 4px #ffc83c1a}.vk-lock-btn--locked:hover{color:#ffe664;background:#c9a2274d;border-color:#ffb428e6;box-shadow:0 0 14px #c9a22780,inset 0 0 4px #ffc83c26}.vk-notation-toggle{color:#e8c86ee6;font-family:var(--font-display,"Cinzel", serif);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#c9a22714;border:1px solid #c9a22752;border-radius:14px;padding:4px 14px;font-size:10px;transition:all .18s}.vk-notation-toggle:hover{color:#ffdc82;background:#c9a2272e;border-color:#c9a22799}.vk-notation-toggle--open{color:#e8c86e;background:#c9a22724;box-shadow:0 0 8px #c9a22740}.vk-info-btn{color:#e8c86ed9;cursor:pointer;background:#c9a2270f;border:1px solid #c9a22766;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-family:serif;font-size:10px;font-style:italic;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.vk-info-btn:hover{color:#ffdc82;background:#c9a22733;border-color:#c9a227cc}.vk-info-popover{color:#e8dcc8eb;background:#c9a2270f;border:1px solid #c9a22740;border-radius:6px;margin:4px 0 8px;padding:10px 12px;font-size:12px;line-height:1.6}.vk-info-popover-link{color:#e8c86e;cursor:pointer;font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;background:#c9a2271a;border:1px solid #c9a22780;border-radius:4px;margin-top:8px;padding:4px 10px;font-size:10px;display:inline-block}.vk-info-popover-link:hover{background:#c9a22733}.vk-hsm-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.vk-hsm-card{background:#0f0c16f5;border:1px solid #c9a22759;border-radius:10px;width:100%;max-width:720px;max-height:90vh;padding:24px 28px;overflow:auto;box-shadow:0 20px 60px #000000b3}.vk-hsm-title{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:#e8c86e;margin-bottom:6px;font-size:15px}.vk-hsm-sub{color:var(--text-muted);margin-bottom:16px;font-size:12px;font-style:italic}.vk-hsm-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:12px}.vk-hsm-table th,.vk-hsm-table td{text-align:left;border-bottom:1px solid #c9a2271f;padding:6px 10px}.vk-hsm-table th{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:#e8c86ed9;font-size:10px}.vk-hsm-table td.vk-hsm-warn{color:#ffb464f2;font-weight:600}.vk-hsm-close{color:#e8c86e;cursor:pointer;font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;background:#c9a2271a;border:1px solid #c9a22780;border-radius:4px;margin-top:18px;padding:6px 16px;font-size:11px}.vk-hsm-close:hover{background:#c9a22733}.vk-param-section-desc{color:var(--text-muted);opacity:.9;margin-bottom:4px;font-size:11.5px;font-style:italic;line-height:1.55}.vk-param-row{grid-template-columns:130px 1fr 58px;align-items:start;gap:6px 10px;display:grid}.vk-param-label{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-muted);text-align:right;white-space:nowrap;padding-top:5px;font-size:12px}.vk-param-slider-wrap{flex-direction:column;gap:3px;display:flex}.vk-param-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;width:100%;height:3px;margin-top:5px}.vk-param-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);border:2px solid var(--bg-card);cursor:pointer;border-radius:50%;width:13px;height:13px;box-shadow:0 0 5px #c9a22773}.vk-param-slider::-moz-range-thumb{background:var(--gold);border:2px solid var(--bg-card);cursor:pointer;width:13px;height:13px;box-shadow:none;border-radius:50%}.vk-param-desc{color:var(--text-muted);opacity:.8;font-size:10.5px;font-style:italic;line-height:1.4}.vk-param-value{color:var(--text);text-align:right;white-space:nowrap;padding-top:4px;font-family:Courier New,monospace;font-size:12px}.vk-viz{background:#00000047;border-radius:6px;margin-bottom:6px;overflow:hidden}.vk-viz-svg{display:block}@keyframes vk-audio-pulse{0%,to{opacity:.6}50%{opacity:1}}.vk-audio-prompt{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);cursor:pointer;background:#c9a22712;border:1px solid #c9a22759;border-radius:20px;align-items:center;gap:8px;padding:9px 18px;font-size:11px;animation:2s ease-in-out infinite vk-audio-pulse;display:flex}.vk-audio-prompt-icon{font-size:14px}.vk-quick-controls{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;width:100%;max-width:560px;padding:14px 18px;display:flex}.vk-qc-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.vk-qc-title{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);opacity:.6;font-size:10px}.vk-qc-reset{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-muted);opacity:.45;cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:12px;padding:3px 8px;font-size:10px}.vk-qc-reset:hover{opacity:1;color:var(--text);background:#ffffff0f}.vk-qc-row{grid-template-columns:72px 1fr 52px;align-items:center;gap:10px;display:grid}.vk-qc-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);text-align:right;font-size:10.5px}.vk-qc-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;width:100%;height:3px}.vk-qc-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--qc-color,var(--gold));border:2px solid var(--bg-card);width:14px;height:14px;box-shadow:0 0 6px color-mix(in srgb, var(--qc-color,var(--gold)) 50%, transparent);cursor:pointer;border-radius:50%}.vk-qc-slider::-moz-range-thumb{background:var(--qc-color,var(--gold));border:2px solid var(--bg-card);cursor:pointer;border-radius:50%;width:14px;height:14px}.vk-qc-value{color:var(--text);text-align:right;white-space:nowrap;font-family:Courier New,monospace;font-size:11px}.vk-qc-value--vol{flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.vk-qc-vol-db{color:var(--text-muted);opacity:.55;font-family:Courier New,monospace;font-size:9px}.vk-midi-banner{font-family:var(--font-display);letter-spacing:.04em;box-sizing:border-box;border-radius:6px;align-items:flex-start;gap:10px;width:100%;max-width:640px;padding:10px 16px;font-size:12px;line-height:1.6;display:flex}.vk-midi-banner strong{font-weight:600}.vk-midi-icon{flex-shrink:0;margin-top:1px;font-size:15px}.vk-midi-banner--ok{color:#8ce696eb;background:#50c86412;border:1px solid #50c86438}.vk-midi-sustain{color:var(--gold);font-weight:600}.vk-midi-banner--none{color:var(--text-muted);background:#b4963c12;border:1px solid #b4963c33}.vk-midi-banner--warn{color:#e6a096eb;background:#c8503c12;border:1px solid #c8503c38}.vk-midi-banner--calibrating{color:#e8c86ef2;background:#c9a22714;border:1px solid #c9a22752}.vk-midi-cal-btn{font:inherit;letter-spacing:.04em;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:4px;align-self:center;margin-left:auto;padding:4px 10px;font-size:11px;transition:background .15s,border-color .15s}.vk-midi-cal-btn:hover{background:#ffffff1f;border-color:#ffffff52}.vk-midi-banner code{background:#ffffff17;border-radius:3px;padding:1px 5px;font-family:Courier New,monospace;font-size:10.5px}.vk-family-tabs{gap:2px;display:flex}.vk-family-tab{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:5px;padding:7px 18px;font-size:10px;display:flex}.vk-family-tab:hover{border-color:var(--border-strong);color:var(--text)}.vk-family-tab-num{opacity:.38;letter-spacing:0;font-size:7.5px}.vk-family-tab--woodwinds.vk-family-tab--active{color:#5b9bd5;background:#5b9bd514;border-color:#5b9bd5}.vk-family-tab--strings.vk-family-tab--active{color:#14bed2;background:#14bed214;border-color:#14bed2}.vk-family-tab--percussion.vk-family-tab--active{color:#d45a14;background:#d25a1414;border-color:#d45a14}.vk-family-tab--keys.vk-family-tab--active{color:#c9a227;background:#c9a22714;border-color:#c9a227}.vk-voice-grid{border:1px solid var(--border-strong);background:#ffffff06;border-top:none;border-radius:0 6px 6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:10px 14px;display:flex}.vk-voice-btn{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);background:0 0;border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-size:9.5px;display:flex}.vk-voice-btn:hover{border-color:var(--border-strong);color:var(--text)}.vk-voice-btn--ocarina.vk-voice-btn--active{color:#5b9bd5;background:#5b9bd521;border-color:#5b9bd5;box-shadow:0 0 10px #5b9bd52e}.vk-voice-btn--flute.vk-voice-btn--active{color:#a0c4e8;background:#a0c4e821;border-color:#a0c4e8;box-shadow:0 0 10px #a0c4e82e}.vk-voice-btn--deku.vk-voice-btn--active{color:#64b450;background:#64b45021;border-color:#64b450;box-shadow:0 0 10px #64b4502e}.vk-voice-btn--oboe.vk-voice-btn--active{color:#b5883a;background:#b5883a21;border-color:#b5883a;box-shadow:0 0 10px #b5883a2e}.vk-voice-btn--zora.vk-voice-btn--active{color:#14bed2;background:#14bed221;border-color:#14bed2;box-shadow:0 0 10px #14bed22e}.vk-voice-btn--harp.vk-voice-btn--active{color:#c0a0d8;background:#c0a0d821;border-color:#c0a0d8;box-shadow:0 0 10px #c0a0d82e}.vk-voice-btn--fiddle.vk-voice-btn--active{color:#c44040;background:#c4404021;border-color:#c44040;box-shadow:0 0 10px #c440402e}.vk-voice-btn--pizzicato.vk-voice-btn--active{color:#e8c078;background:#e8c07821;border-color:#e8c078;box-shadow:0 0 10px #e8c0782e}.vk-voice-btn--goron.vk-voice-btn--active{color:#d45a14;background:#d25a1421;border-color:#d45a14;box-shadow:0 0 10px #d25a142e}.vk-voice-btn--marimba.vk-voice-btn--active{color:#72b84a;background:#72b84a21;border-color:#72b84a;box-shadow:0 0 10px #72b84a2e}.vk-voice-btn--glockenspiel.vk-voice-btn--active{color:#78c8e8;background:#78c8e821;border-color:#78c8e8;box-shadow:0 0 10px #78c8e82e}.vk-voice-btn--steeldrum.vk-voice-btn--active{color:#28c8a0;background:#28c8a021;border-color:#28c8a0;box-shadow:0 0 10px #28c8a02e}.vk-voice-btn--piano.vk-voice-btn--active{color:#c9a227;background:#c9a22721;border-color:#c9a227;box-shadow:0 0 10px #c9a2272e}.vk-voice-btn--harpsichord.vk-voice-btn--active{color:#c8a228;background:#c8a22821;border-color:#c8a228;box-shadow:0 0 10px #c8a2282e}.vk-voice-btn--accordion.vk-voice-btn--active{color:#c84878;background:#c8487821;border-color:#c84878;box-shadow:0 0 10px #c848782e}.vk-voice-dot{opacity:.65;background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.vk-voice-btn--active .vk-voice-dot{opacity:1}.vk-qc-reset--clean{pointer-events:none;opacity:.2!important;cursor:default!important}.vk-keyboard--flute .vk-key--white.vk-key--active{background:linear-gradient(#a0c4e873 0%,#a0c4e81f 100%);box-shadow:inset 0 -3px 16px #a0c4e880}.vk-keyboard--flute .vk-key--black.vk-key--active{background:linear-gradient(#a0c4e899,#a0c4e833),#0c1018;box-shadow:0 0 16px #a0c4e88c}.vk-keyboard--oboe .vk-key--white.vk-key--active{background:linear-gradient(#b5883a73 0%,#b5883a1f 100%);box-shadow:inset 0 -3px 16px #b5883a80}.vk-keyboard--oboe .vk-key--black.vk-key--active{background:linear-gradient(#b5883a99,#b5883a33),#14100a;box-shadow:0 0 16px #b5883a8c}.vk-keyboard--harp .vk-key--white.vk-key--active{background:linear-gradient(#c0a0d873 0%,#c0a0d81f 100%);box-shadow:inset 0 -3px 16px #c0a0d880}.vk-keyboard--harp .vk-key--black.vk-key--active{background:linear-gradient(#c0a0d899,#c0a0d833),#110e18;box-shadow:0 0 16px #c0a0d88c}.vk-keyboard--fiddle .vk-key--white.vk-key--active{background:linear-gradient(#c4404073 0%,#c440401f 100%);box-shadow:inset 0 -3px 16px #c4404080}.vk-keyboard--fiddle .vk-key--black.vk-key--active{background:linear-gradient(#c4404099,#c4404033),#180a0a;box-shadow:0 0 16px #c440408c}.vk-keyboard--pizzicato .vk-key--white.vk-key--active{background:linear-gradient(#e8c07873 0%,#e8c0781f 100%);box-shadow:inset 0 -3px 16px #e8c07880}.vk-keyboard--pizzicato .vk-key--black.vk-key--active{background:linear-gradient(#e8c07899,#e8c07833),#181208;box-shadow:0 0 16px #e8c0788c}.vk-keyboard--marimba .vk-key--white.vk-key--active{background:linear-gradient(#72b84a73 0%,#72b84a1f 100%);box-shadow:inset 0 -3px 16px #72b84a80}.vk-keyboard--marimba .vk-key--black.vk-key--active{background:linear-gradient(#72b84a99,#72b84a33),#0a1408;box-shadow:0 0 16px #72b84a8c}.vk-keyboard--glockenspiel .vk-key--white.vk-key--active{background:linear-gradient(#78c8e873 0%,#78c8e81f 100%);box-shadow:inset 0 -3px 16px #78c8e880}.vk-keyboard--glockenspiel .vk-key--black.vk-key--active{background:linear-gradient(#78c8e899,#78c8e833),#081418;box-shadow:0 0 16px #78c8e88c}.vk-keyboard--steeldrum .vk-key--white.vk-key--active{background:linear-gradient(#28c8a073 0%,#28c8a01f 100%);box-shadow:inset 0 -3px 16px #28c8a080}.vk-keyboard--steeldrum .vk-key--black.vk-key--active{background:linear-gradient(#28c8a099,#28c8a033),#041812;box-shadow:0 0 16px #28c8a08c}.vk-keyboard--harpsichord .vk-key--white.vk-key--active{background:linear-gradient(#c8a22873 0%,#c8a2281f 100%);box-shadow:inset 0 -3px 16px #c8a22880}.vk-keyboard--harpsichord .vk-key--black.vk-key--active{background:linear-gradient(#c8a22899,#c8a22833),#181408;box-shadow:0 0 16px #c8a2288c}.vk-keyboard--accordion .vk-key--white.vk-key--active{background:linear-gradient(#c8487873 0%,#c848781f 100%);box-shadow:inset 0 -3px 16px #c8487880}.vk-keyboard--accordion .vk-key--black.vk-key--active{background:linear-gradient(#c8487899,#c8487833),#180810;box-shadow:0 0 16px #c848788c}.vk-family-tab--brass.vk-family-tab--active{color:#d4922a;background:#d4922a14;border-color:#d4922a}.vk-family-tab--vocals.vk-family-tab--active{color:#d078c0;background:#d078c014;border-color:#d078c0}.vk-voice-btn--bassoon.vk-voice-btn--active{color:#966428;background:#96642821;border-color:#966428;box-shadow:0 0 10px #9664282e}.vk-voice-btn--trumpet.vk-voice-btn--active{color:#dca028;background:#dca02821;border-color:#dca028;box-shadow:0 0 10px #dca0282e}.vk-voice-btn--trombone.vk-voice-btn--active{color:#c8821e;background:#c8821e21;border-color:#c8821e;box-shadow:0 0 10px #c8821e2e}.vk-voice-btn--horn.vk-voice-btn--active{color:#be6e32;background:#be6e3221;border-color:#be6e32;box-shadow:0 0 10px #be6e322e}.vk-voice-btn--tuba.vk-voice-btn--active{color:#aa641e;background:#aa641e21;border-color:#aa641e;box-shadow:0 0 10px #aa641e2e}.vk-voice-btn--strings1.vk-voice-btn--active{color:#b4508c;background:#b4508c21;border-color:#b4508c;box-shadow:0 0 10px #b4508c2e}.vk-voice-btn--strings2.vk-voice-btn--active{color:#a850a0;background:#a850a021;border-color:#a850a0;box-shadow:0 0 10px #a850a02e}.vk-voice-btn--viola.vk-voice-btn--active{color:#8c3cb4;background:#8c3cb421;border-color:#8c3cb4;box-shadow:0 0 10px #8c3cb42e}.vk-voice-btn--acousticguitar1.vk-voice-btn--active{color:#c49848;background:#c4984821;border-color:#c49848;box-shadow:0 0 10px #c498482e}.vk-voice-btn--acousticguitar2.vk-voice-btn--active{color:#b89040;background:#b8904021;border-color:#b89040;box-shadow:0 0 10px #b890402e}.vk-voice-btn--banjo.vk-voice-btn--active{color:#dcb43c;background:#dcb43c21;border-color:#dcb43c;box-shadow:0 0 10px #dcb43c2e}.vk-voice-btn--sitar.vk-voice-btn--active{color:#c8a032;background:#c8a03221;border-color:#c8a032;box-shadow:0 0 10px #c8a0322e}.vk-voice-btn--koto.vk-voice-btn--active{color:#a0b450;background:#a0b45021;border-color:#a0b450;box-shadow:0 0 10px #a0b4502e}.vk-voice-btn--bassguitar.vk-voice-btn--active{color:#14a08c;background:#14a08c21;border-color:#14a08c;box-shadow:0 0 10px #14a08c2e}.vk-voice-btn--slapbass.vk-voice-btn--active{color:#14b4b4;background:#14b4b421;border-color:#14b4b4;box-shadow:0 0 10px #14b4b42e}.vk-voice-btn--timpani.vk-voice-btn--active{color:#b43c3c;background:#b43c3c21;border-color:#b43c3c;box-shadow:0 0 10px #b43c3c2e}.vk-voice-btn--gong.vk-voice-btn--active{color:#a07828;background:#a0782821;border-color:#a07828;box-shadow:0 0 10px #a078282e}.vk-voice-btn--windchimes.vk-voice-btn--active{color:#a0c8dc;background:#a0c8dc21;border-color:#a0c8dc;box-shadow:0 0 10px #a0c8dc2e}.vk-voice-btn--organ.vk-voice-btn--active{color:#643cb4;background:#643cb421;border-color:#643cb4;box-shadow:0 0 10px #643cb42e}.vk-voice-btn--electricorgan.vk-voice-btn--active{color:#5050c8;background:#5050c821;border-color:#5050c8;box-shadow:0 0 10px #5050c82e}.vk-voice-btn--vocalaahs.vk-voice-btn--active{color:#dc78a0;background:#dc78a021;border-color:#dc78a0;box-shadow:0 0 10px #dc78a02e}.vk-voice-btn--resonantvocalaahs.vk-voice-btn--active{color:#c8648c;background:#c8648c21;border-color:#c8648c;box-shadow:0 0 10px #c8648c2e}.vk-voice-btn--vocaloohs.vk-voice-btn--active{color:#b48cdc;background:#b48cdc21;border-color:#b48cdc;box-shadow:0 0 10px #b48cdc2e}.vk-voice-btn--vocaleees.vk-voice-btn--active{color:#a0d4f0;background:#a0d4f021;border-color:#a0d4f0;box-shadow:0 0 10px #a0d4f02e}.vk-voice-btn--vocalohs.vk-voice-btn--active{color:#e0c8a8;background:#e0c8a821;border-color:#e0c8a8;box-shadow:0 0 10px #e0c8a82e}.vk-voice-btn--malon.vk-voice-btn--active{color:#e68c78;background:#e68c7821;border-color:#e68c78;box-shadow:0 0 10px #e68c782e}.vk-keyboard--bassoon .vk-key--white.vk-key--active{background:linear-gradient(#96642873 0%,#9664281f 100%);box-shadow:inset 0 -3px 16px #96642880}.vk-keyboard--bassoon .vk-key--black.vk-key--active{background:linear-gradient(#96642899,#96642833),#100c04;box-shadow:0 0 16px #9664288c}.vk-keyboard--trumpet .vk-key--white.vk-key--active{background:linear-gradient(#dca02873 0%,#dca0281f 100%);box-shadow:inset 0 -3px 16px #dca02880}.vk-keyboard--trumpet .vk-key--black.vk-key--active{background:linear-gradient(#dca02899,#dca02833),#1a1204;box-shadow:0 0 16px #dca0288c}.vk-keyboard--trombone .vk-key--white.vk-key--active{background:linear-gradient(#c8821e73 0%,#c8821e1f 100%);box-shadow:inset 0 -3px 16px #c8821e80}.vk-keyboard--trombone .vk-key--black.vk-key--active{background:linear-gradient(#c8821e99,#c8821e33),#180e04;box-shadow:0 0 16px #c8821e8c}.vk-keyboard--horn .vk-key--white.vk-key--active{background:linear-gradient(#be6e3273 0%,#be6e321f 100%);box-shadow:inset 0 -3px 16px #be6e3280}.vk-keyboard--horn .vk-key--black.vk-key--active{background:linear-gradient(#be6e3299,#be6e3233),#160c04;box-shadow:0 0 16px #be6e328c}.vk-keyboard--tuba .vk-key--white.vk-key--active{background:linear-gradient(#aa641e73 0%,#aa641e1f 100%);box-shadow:inset 0 -3px 16px #aa641e80}.vk-keyboard--tuba .vk-key--black.vk-key--active{background:linear-gradient(#aa641e99,#aa641e33),#140a04;box-shadow:0 0 16px #aa641e8c}.vk-keyboard--strings1 .vk-key--white.vk-key--active{background:linear-gradient(#b4508c73 0%,#b4508c1f 100%);box-shadow:inset 0 -3px 16px #b4508c80}.vk-keyboard--strings1 .vk-key--black.vk-key--active{background:linear-gradient(#b4508c99,#b4508c33),#140810;box-shadow:0 0 16px #b4508c8c}.vk-keyboard--strings2 .vk-key--white.vk-key--active{background:linear-gradient(#a850a073 0%,#a850a01f 100%);box-shadow:inset 0 -3px 16px #a850a080}.vk-keyboard--strings2 .vk-key--black.vk-key--active{background:linear-gradient(#a850a099,#a850a033),#120814;box-shadow:0 0 16px #a850a08c}.vk-keyboard--viola .vk-key--white.vk-key--active{background:linear-gradient(#8c3cb473 0%,#8c3cb41f 100%);box-shadow:inset 0 -3px 16px #8c3cb480}.vk-keyboard--viola .vk-key--black.vk-key--active{background:linear-gradient(#8c3cb499,#8c3cb433),#0e0618;box-shadow:0 0 16px #8c3cb48c}.vk-keyboard--acousticguitar1 .vk-key--white.vk-key--active{background:linear-gradient(#c4984873 0%,#c498481f 100%);box-shadow:inset 0 -3px 16px #c4984880}.vk-keyboard--acousticguitar1 .vk-key--black.vk-key--active{background:linear-gradient(#c4984899,#c4984833),#181008;box-shadow:0 0 16px #c498488c}.vk-keyboard--acousticguitar2 .vk-key--white.vk-key--active{background:linear-gradient(#b8904073 0%,#b890401f 100%);box-shadow:inset 0 -3px 16px #b8904080}.vk-keyboard--acousticguitar2 .vk-key--black.vk-key--active{background:linear-gradient(#b8904099,#b8904033),#160e06;box-shadow:0 0 16px #b890408c}.vk-keyboard--banjo .vk-key--white.vk-key--active{background:linear-gradient(#dcb43c73 0%,#dcb43c1f 100%);box-shadow:inset 0 -3px 16px #dcb43c80}.vk-keyboard--banjo .vk-key--black.vk-key--active{background:linear-gradient(#dcb43c99,#dcb43c33),#1a1406;box-shadow:0 0 16px #dcb43c8c}.vk-keyboard--sitar .vk-key--white.vk-key--active{background:linear-gradient(#c8a03273 0%,#c8a0321f 100%);box-shadow:inset 0 -3px 16px #c8a03280}.vk-keyboard--sitar .vk-key--black.vk-key--active{background:linear-gradient(#c8a03299,#c8a03233),#181206;box-shadow:0 0 16px #c8a0328c}.vk-keyboard--koto .vk-key--white.vk-key--active{background:linear-gradient(#a0b45073 0%,#a0b4501f 100%);box-shadow:inset 0 -3px 16px #a0b45080}.vk-keyboard--koto .vk-key--black.vk-key--active{background:linear-gradient(#a0b45099,#a0b45033),#101408;box-shadow:0 0 16px #a0b4508c}.vk-keyboard--bassguitar .vk-key--white.vk-key--active{background:linear-gradient(#14a08c73 0%,#14a08c1f 100%);box-shadow:inset 0 -3px 16px #14a08c80}.vk-keyboard--bassguitar .vk-key--black.vk-key--active{background:linear-gradient(#14a08c99,#14a08c33),#041410;box-shadow:0 0 16px #14a08c8c}.vk-keyboard--slapbass .vk-key--white.vk-key--active{background:linear-gradient(#14b4b473 0%,#14b4b41f 100%);box-shadow:inset 0 -3px 16px #14b4b480}.vk-keyboard--slapbass .vk-key--black.vk-key--active{background:linear-gradient(#14b4b499,#14b4b433),#041414;box-shadow:0 0 16px #14b4b48c}.vk-keyboard--timpani .vk-key--white.vk-key--active{background:linear-gradient(#b43c3c80 0%,#b43c3c24 100%);box-shadow:inset 0 -3px 16px #b43c3c8c}.vk-keyboard--timpani .vk-key--black.vk-key--active{background:linear-gradient(#b43c3ca6,#b43c3c38),#180606;box-shadow:0 0 18px #b43c3c99}.vk-keyboard--gong .vk-key--white.vk-key--active{background:linear-gradient(#a0782873 0%,#a078281f 100%);box-shadow:inset 0 -3px 16px #a0782880}.vk-keyboard--gong .vk-key--black.vk-key--active{background:linear-gradient(#a0782899,#a0782833),#140e04;box-shadow:0 0 16px #a078288c}.vk-keyboard--windchimes .vk-key--white.vk-key--active{background:linear-gradient(#a0c8dc66 0%,#a0c8dc1a 100%);box-shadow:inset 0 -3px 16px #a0c8dc73}.vk-keyboard--windchimes .vk-key--black.vk-key--active{background:linear-gradient(#a0c8dc8c,#a0c8dc2e),#0a1218;box-shadow:0 0 16px #a0c8dc80}.vk-keyboard--organ .vk-key--white.vk-key--active{background:linear-gradient(#643cb473 0%,#643cb41f 100%);box-shadow:inset 0 -3px 16px #643cb480}.vk-keyboard--organ .vk-key--black.vk-key--active{background:linear-gradient(#643cb499,#643cb433),#080614;box-shadow:0 0 16px #643cb48c}.vk-keyboard--electricorgan .vk-key--white.vk-key--active{background:linear-gradient(#5050c873 0%,#5050c81f 100%);box-shadow:inset 0 -3px 16px #5050c880}.vk-keyboard--electricorgan .vk-key--black.vk-key--active{background:linear-gradient(#5050c899,#5050c833),#060618;box-shadow:0 0 16px #5050c88c}.vk-keyboard--vocalaahs .vk-key--white.vk-key--active{background:linear-gradient(#dc78a073 0%,#dc78a01f 100%);box-shadow:inset 0 -3px 16px #dc78a080}.vk-keyboard--vocalaahs .vk-key--black.vk-key--active{background:linear-gradient(#dc78a099,#dc78a033),#180a10;box-shadow:0 0 16px #dc78a08c}.vk-keyboard--resonantvocalaahs .vk-key--white.vk-key--active{background:linear-gradient(#c8648c73 0%,#c8648c1f 100%);box-shadow:inset 0 -3px 16px #c8648c80}.vk-keyboard--resonantvocalaahs .vk-key--black.vk-key--active{background:linear-gradient(#c8648c99,#c8648c33),#16080e;box-shadow:0 0 16px #c8648c8c}.vk-keyboard--vocaloohs .vk-key--white.vk-key--active{background:linear-gradient(#b48cdc73 0%,#b48cdc1f 100%);box-shadow:inset 0 -3px 16px #b48cdc80}.vk-keyboard--vocaloohs .vk-key--black.vk-key--active{background:linear-gradient(#b48cdc99,#b48cdc33),#100c18;box-shadow:0 0 16px #b48cdc8c}.vk-keyboard--malon .vk-key--white.vk-key--active{background:linear-gradient(#e68c7873 0%,#e68c781f 100%);box-shadow:inset 0 -3px 16px #e68c7880}.vk-keyboard--malon .vk-key--black.vk-key--active{background:linear-gradient(#e68c7899,#e68c7833),#1a0e0a;box-shadow:0 0 16px #e68c788c}.vk-keyboard--vocaleees .vk-key--white.vk-key--active{background:linear-gradient(#a0d4f066 0%,#a0d4f01a 100%);box-shadow:inset 0 -3px 16px #a0d4f073}.vk-keyboard--vocaleees .vk-key--black.vk-key--active{background:linear-gradient(#a0d4f08c,#a0d4f02e),#0a1218;box-shadow:0 0 16px #a0d4f080}.vk-keyboard--vocalohs .vk-key--white.vk-key--active{background:linear-gradient(#e0c8a873 0%,#e0c8a81f 100%);box-shadow:inset 0 -3px 16px #e0c8a880}.vk-keyboard--vocalohs .vk-key--black.vk-key--active{background:linear-gradient(#e0c8a899,#e0c8a833),#181410;box-shadow:0 0 16px #e0c8a88c}:root{--vk-sc-1:#ffe040;--vk-sc-2:#52b8d8;--vk-sc-3:#e08848;--vk-sc-4:#6abe52;--vk-sc-5:#52be7a;--vk-sc-6:#b06dd4;--vk-sc-7:#1ac4d8;--vk-sc-tri:#d44040;--vk-sc-in:#d4a832}.vk-keyboard .vk-key--scale-tonic{--key-hl:var(--vk-sc-1)}.vk-keyboard .vk-key--scale-deg2{--key-hl:var(--vk-sc-2)}.vk-keyboard .vk-key--scale-deg3{--key-hl:var(--vk-sc-3)}.vk-keyboard .vk-key--scale-deg4{--key-hl:var(--vk-sc-4)}.vk-keyboard .vk-key--scale-deg5{--key-hl:var(--vk-sc-5)}.vk-keyboard .vk-key--scale-deg6{--key-hl:var(--vk-sc-6)}.vk-keyboard .vk-key--scale-deg7{--key-hl:var(--vk-sc-7)}.vk-keyboard .vk-key--scale-tritone{--key-hl:var(--vk-sc-tri)}.vk-keyboard .vk-key--scale-in{--key-hl:var(--vk-sc-in)}.vk-keyboard [class*=vk-key--scale-]:not(.vk-key--scale-out).vk-key--white.vk-key--active{background:linear-gradient(to bottom, color-mix(in srgb, var(--key-hl) 42%, transparent) 0%, color-mix(in srgb, var(--key-hl) 11%, transparent) 100%);box-shadow:inset 0 -3px 13px color-mix(in srgb, var(--key-hl) 42%, transparent), inset 0 2px 6px color-mix(in srgb, var(--key-hl) 16%, transparent)}.vk-keyboard [class*=vk-key--scale-]:not(.vk-key--scale-out).vk-key--black.vk-key--active{background:linear-gradient(to bottom, color-mix(in srgb, var(--key-hl) 58%, #000), color-mix(in srgb, var(--key-hl) 18%, #000)), #100d06;box-shadow:0 0 7px color-mix(in srgb, var(--key-hl) 42%, transparent)}.vk-keyboard .vk-key--scale-out.vk-key--white:not(.vk-key--active){filter:brightness(.18)saturate(0);transition:filter .12s,background 60ms}.vk-keyboard .vk-key--scale-out.vk-key--black:not(.vk-key--active){filter:saturate(0);background:linear-gradient(170deg,#383430 0%,#222018 65%),#1a1814;border-color:#484440;transition:filter .12s,background 60ms;box-shadow:1px 3px 5px #00000059}.vk-keyboard .vk-key--scale-in.vk-key--white:not(.vk-key--active){background:linear-gradient(170deg, var(--vk-sc-in) 0%, color-mix(in srgb, var(--vk-sc-in) 62%, #000) 100%);border-color:color-mix(in srgb, var(--vk-sc-in) 40%, #000);box-shadow:inset 0 -3px 14px color-mix(in srgb, var(--vk-sc-in) 55%, transparent), 0 0 6px color-mix(in srgb, var(--vk-sc-in) 28%, transparent)}.vk-keyboard .vk-key--scale-in.vk-key--black:not(.vk-key--active){background:linear-gradient(170deg, color-mix(in srgb, var(--vk-sc-in) 65%, #000) 0%, color-mix(in srgb, var(--vk-sc-in) 28%, #000) 65%), color-mix(in srgb, var(--vk-sc-in) 12%, #000);border-color:var(--vk-sc-in);box-shadow:2px 4px 8px #0000008c, inset 0 1px 0 color-mix(in srgb, var(--vk-sc-in) 22%, transparent), 0 0 8px color-mix(in srgb, var(--vk-sc-in) 35%, transparent)}.vk-keyboard .vk-key--scale-tonic.vk-key--white:not(.vk-key--active){background:linear-gradient(170deg, var(--vk-sc-1) 0%, color-mix(in srgb, var(--vk-sc-1) 62%, #000) 100%);border-color:color-mix(in srgb, var(--vk-sc-1) 45%, #000);box-shadow:inset 0 -3px 14px color-mix(in srgb, var(--vk-sc-1) 50%, transparent), 0 0 10px color-mix(in srgb, var(--vk-sc-1) 55%, transparent), 0 0 18px color-mix(in srgb, var(--vk-sc-1) 18%, transparent);border-top-width:3px}.vk-keyboard .vk-key--scale-tonic.vk-key--black:not(.vk-key--active){background:linear-gradient(170deg, color-mix(in srgb, var(--vk-sc-1) 65%, #000) 0%, color-mix(in srgb, var(--vk-sc-1) 28%, #000) 65%), color-mix(in srgb, var(--vk-sc-1) 14%, #000);border-color:var(--vk-sc-1);box-shadow:2px 4px 8px #0006, inset 0 1px 0 color-mix(in srgb, var(--vk-sc-1) 45%, transparent), 0 0 12px color-mix(in srgb, var(--vk-sc-1) 55%, transparent);border-top-width:2px}.vk-keyboard .vk-key--scale-tonic:not(.vk-key--active):before{content:"";background:var(--vk-sc-1);width:7px;height:7px;box-shadow:0 0 4px color-mix(in srgb, var(--vk-sc-1) 85%, transparent), 0 0 8px color-mix(in srgb, var(--vk-sc-1) 40%, transparent);pointer-events:none;z-index:4;border-radius:50%;position:absolute;top:7px;left:50%;transform:translate(-50%)}.vk-keyboard .vk-key--scale-deg2.vk-key--white:not(.vk-key--active){background:linear-gradient(170deg, var(--vk-sc-2) 0%, color-mix(in srgb, var(--vk-sc-2) 62%, #000) 100%);border-color:color-mix(in srgb, var(--vk-sc-2) 40%, #000);box-shadow:inset 0 -3px 14px color-mix(in srgb, var(--vk-sc-2) 55%, transparent), 0 0 8px color-mix(in srgb, var(--vk-sc-2) 30%, transparent)}.vk-keyboard .vk-key--scale-deg2.vk-key--black:not(.vk-key--active){background:linear-gradient(170deg, color-mix(in srgb, var(--vk-sc-2) 65%, #000) 0%, color-mix(in srgb, var(--vk-sc-2) 28%, #000) 65%), color-mix(in srgb, var(--vk-sc-2) 12%, #000);border-color:var(--vk-sc-2);box-shadow:2px 4px 8px #0000008c, inset 0 1px 0 color-mix(in srgb, var(--vk-sc-2) 22%, transparent), 0 0 8px color-mix(in srgb, var(--vk-sc-2) 40%, transparent)}.vk-keyboard .vk-key--scale-deg3.vk-key--white:not(.vk-key--active){background:linear-gradient(170deg, var(--vk-sc-3) 0%, color-mix(in srgb, var(--vk-sc-3) 62%, #000) 100%);border-color:color-mix(in srgb, var(--vk-sc-3) 40%, #000);box-shadow:inset 0 -3px 14px color-mix(in srgb, var(--vk-sc-3) 55%, transparent), 0 0 8px color-mix(in srgb, var(--vk-sc-3) 30%, transparent)}.vk-keyboard .vk-key--scale-deg3.vk-key--black:not(.vk-key--active){background:linear-gradient(170deg, color-mix(in srgb, var(--vk-sc-3) 65%, #000) 0%, color-mix(in srgb, var(--vk-sc-3) 28%, #000) 65%), color-mix(in srgb, var(--vk-sc-3) 12%, #000);border-color:var(--vk-sc-3);box-shadow:2px 4px 8px #0000008c, inset 0 1px 0 color-mix(in srgb, var(--vk-sc-3) 22%, transparent), 0 0 8px color-mix(in srgb, var(--vk-sc-3) 40%, transparent)}.vk-keyboard .vk-key--scale-deg4.vk-key--white:not(.vk-key--active){background:linear-gradient(170deg, var(--vk-sc-4) 0%, color-mix(in srgb, var(--vk-sc-4) 62%, #000) 100%);border-color:color-mix(in srgb, var(--vk-sc-4) 40%, #000);box-shadow:inset 0 -3px 14px color-mix(in srgb, var(--vk-sc-4) 55%, transparent), 0 0 8px color-mix(in srgb, var(--vk-sc-4) 30%, transparent)}.vk-keyboard .vk-key--scale-deg4.vk-key--black:not(.vk-key--active){background:linear-gradient(170deg, color-mix(in srgb, var(--vk-sc-4) 65%, #000) 0%, color-mix(in srgb, var(--vk-sc-4) 28%, #000) 65%), color-mix(in srgb, var(--vk-sc-4) 12%, #000);border-color:var(--vk-sc-4);box-shadow:2px 4px 8px #0000008c, inset 0 1px 0 color-mix(in srgb, var(--vk-sc-4) 22%, transparent), 0 0 8px color-mix(in srgb, var(--vk-sc-4) 40%, transparent)}.vk-keyboard .vk-key--scale-deg5.vk-key--white:not(.vk-key--active){background:linear-gradient(170deg, var(--vk-sc-5) 0%, color-mix(in srgb, var(--vk-sc-5) 62%, #000) 100%);border-color:color-mix(in srgb, var(--vk-sc-5) 40%, #000);box-shadow:inset 0 -3px 14px color-mix(in srgb, var(--vk-sc-5) 55%, transparent), 0 0 8px color-mix(in srgb, var(--vk-sc-5) 30%, transparent)}.vk-keyboard .vk-key--scale-deg5.vk-key--black:not(.vk-key--active){background:linear-gradient(170deg, color-mix(in srgb, var(--vk-sc-5) 65%, #000) 0%, color-mix(in srgb, var(--vk-sc-5) 28%, #000) 65%), color-mix(in srgb, var(--vk-sc-5) 12%, #000);border-color:var(--vk-sc-5);box-shadow:2px 4px 8px #0000008c, inset 0 1px 0 color-mix(in srgb, var(--vk-sc-5) 22%, transparent), 0 0 8px color-mix(in srgb, var(--vk-sc-5) 40%, transparent)}.vk-keyboard .vk-key--scale-deg6.vk-key--white:not(.vk-key--active){background:linear-gradient(170deg, var(--vk-sc-6) 0%, color-mix(in srgb, var(--vk-sc-6) 62%, #000) 100%);border-color:color-mix(in srgb, var(--vk-sc-6) 40%, #000);box-shadow:inset 0 -3px 14px color-mix(in srgb, var(--vk-sc-6) 55%, transparent), 0 0 8px color-mix(in srgb, var(--vk-sc-6) 30%, transparent)}.vk-keyboard .vk-key--scale-deg6.vk-key--black:not(.vk-key--active){background:linear-gradient(170deg, color-mix(in srgb, var(--vk-sc-6) 65%, #000) 0%, color-mix(in srgb, var(--vk-sc-6) 28%, #000) 65%), color-mix(in srgb, var(--vk-sc-6) 12%, #000);border-color:var(--vk-sc-6);box-shadow:2px 4px 8px #0000008c, inset 0 1px 0 color-mix(in srgb, var(--vk-sc-6) 22%, transparent), 0 0 8px color-mix(in srgb, var(--vk-sc-6) 40%, transparent)}.vk-keyboard .vk-key--scale-deg7.vk-key--white:not(.vk-key--active){background:linear-gradient(170deg, var(--vk-sc-7) 0%, color-mix(in srgb, var(--vk-sc-7) 62%, #000) 100%);border-color:color-mix(in srgb, var(--vk-sc-7) 40%, #000);box-shadow:inset 0 -3px 14px color-mix(in srgb, var(--vk-sc-7) 55%, transparent), 0 0 8px color-mix(in srgb, var(--vk-sc-7) 30%, transparent)}.vk-keyboard .vk-key--scale-deg7.vk-key--black:not(.vk-key--active){background:linear-gradient(170deg, color-mix(in srgb, var(--vk-sc-7) 65%, #000) 0%, color-mix(in srgb, var(--vk-sc-7) 28%, #000) 65%), color-mix(in srgb, var(--vk-sc-7) 12%, #000);border-color:var(--vk-sc-7);box-shadow:2px 4px 8px #0000008c, inset 0 1px 0 color-mix(in srgb, var(--vk-sc-7) 22%, transparent), 0 0 8px color-mix(in srgb, var(--vk-sc-7) 40%, transparent)}.vk-keyboard .vk-key--scale-tritone.vk-key--white:not(.vk-key--active){background:linear-gradient(170deg, var(--vk-sc-tri) 0%, color-mix(in srgb, var(--vk-sc-tri) 62%, #000) 100%);border-color:color-mix(in srgb, var(--vk-sc-tri) 40%, #000);box-shadow:inset 0 -3px 14px color-mix(in srgb, var(--vk-sc-tri) 55%, transparent), 0 0 10px color-mix(in srgb, var(--vk-sc-tri) 30%, transparent)}.vk-keyboard .vk-key--scale-tritone.vk-key--black:not(.vk-key--active){background:linear-gradient(170deg, color-mix(in srgb, var(--vk-sc-tri) 65%, #000) 0%, color-mix(in srgb, var(--vk-sc-tri) 28%, #000) 65%), color-mix(in srgb, var(--vk-sc-tri) 12%, #000);border-color:var(--vk-sc-tri);box-shadow:2px 4px 8px #0000008c, inset 0 1px 0 color-mix(in srgb, var(--vk-sc-tri) 22%, transparent), 0 0 10px color-mix(in srgb, var(--vk-sc-tri) 45%, transparent)}.vk-scale-highlights{border-left:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px;padding-left:4px;display:flex}.vk-scale-hl-btn{border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;opacity:.68;transition:all var(--transition);white-space:nowrap;border-radius:10px;padding:3px 9px;font-size:9px}.vk-scale-hl-btn:hover{opacity:.9}.vk-scale-hl-btn--on{opacity:1;border-color:var(--deg-color,#e8c86ebf);color:var(--deg-color,#e8c86ef2);background:color-mix(in srgb, var(--deg-color,#e8c86ecc) 15%, transparent)}.vk-scale-opts{border-left:1px solid var(--border);align-items:center;gap:4px;padding-left:4px;display:flex}.vk-scale-opt-btn{border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;opacity:.68;transition:all var(--transition);white-space:nowrap;border-radius:10px;padding:3px 9px;font-size:9px}.vk-scale-opt-btn:hover{opacity:.9}.vk-scale-opt-btn--on{opacity:1;border-color:var(--text-muted);color:var(--text);background:#ffffff0f}.vk-outmode-group{border-left:1px solid var(--border);align-items:center;gap:4px;margin-left:2px;padding-left:6px;display:flex}.vk-outmode-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);opacity:.75;white-space:nowrap;font-size:8.5px}.vk-scale-opt-btn--mistake.vk-scale-opt-btn--on{color:#ffc896;background:#dc6e3c2e;border-color:#e88e58cc;box-shadow:0 0 8px #dc6e3c4d}.vk-scale-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.vk-scale-label{font-family:var(--font-display);letter-spacing:.04em;color:var(--gold);text-shadow:0 0 14px #c9a22759;white-space:nowrap;flex-shrink:0;font-size:15px;font-weight:600}.vk-tonic-select{appearance:none;font-family:var(--font-display);letter-spacing:.04em;color:var(--gold);background-color:var(--bg-card);cursor:pointer;text-shadow:0 0 14px #c9a22759;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23c9a227' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #c9a22766;border-radius:8px;outline:none;flex-shrink:0;padding:3px 26px 3px 8px;font-size:15px;font-weight:700}.vk-tonic-select:hover{background-color:#c9a22714;border-color:#c9a227b3}.vk-tonic-select:focus{border-color:var(--gold)}.vk-scale-controls{align-items:center;gap:8px;transition:opacity .18s;display:flex}.vk-scale-controls--off{opacity:0;pointer-events:none}.vk-scale-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);white-space:nowrap;border-radius:16px;padding:5px 14px;font-size:10px}.vk-scale-btn:hover{border-color:var(--border-strong);color:var(--text)}.vk-scale-btn--active{border-color:var(--gold);color:var(--gold);background:#c9a22724;box-shadow:0 0 10px #c9a22733}.vk-scale-select{border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text);font-family:var(--font-display);letter-spacing:.08em;cursor:pointer;transition:border-color var(--transition);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:12px;outline:none;padding:4px 10px;font-size:10px}.vk-scale-select:focus{border-color:var(--gold)}.vk-scale-palette-btn{border:1px solid var(--border-strong);background:var(--bg-card);cursor:pointer;opacity:.68;transition:all var(--transition);border-radius:10px;padding:3px 8px;font-size:13px;line-height:1}.vk-scale-palette-btn:hover{opacity:.95}.vk-scale-palette-btn--open{opacity:1;border-color:var(--gold);background:#c9a2271a;box-shadow:0 0 8px #c9a22733}.vk-key-heading{width:100%;font-family:var(--font-display,"Cinzel", serif);justify-content:center;align-items:baseline;gap:10px;margin:2px 0 4px;display:flex}.vk-key-heading-tonic{letter-spacing:.04em;color:#ffde87;text-shadow:0 0 10px #c9a22766;font-size:24px;font-weight:700}.vk-key-heading-mode{letter-spacing:.06em;text-transform:uppercase;color:#e8c86ee6;font-size:19px;font-weight:600}.vk-key-heading-sig{letter-spacing:.14em;text-transform:uppercase;color:#e8c86e8c;align-self:center;font-size:12px}.vk-scale-run-wrap{justify-content:center;width:100%;margin:2px 0 26px;padding-right:30px;display:flex}.vk-scale-run-host{justify-content:center;align-items:center;min-width:460px;min-height:96px;display:flex}.vk-scale-run-host svg{filter:drop-shadow(0 0 2px #c9a22759);overflow:visible}.vk-scale-color-editor{background:var(--bg-card);border:1px solid #c9a22733;border-radius:8px;flex-direction:column;gap:10px;width:100%;max-width:640px;margin-bottom:4px;padding:12px 16px 14px;display:flex}.vk-sce-presets{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vk-sce-label{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);opacity:.85;white-space:nowrap;margin-right:2px;font-size:10px}.vk-sce-preset-btn{border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;opacity:.82;transition:all var(--transition);white-space:nowrap;border-radius:10px;padding:3px 10px;font-size:10px}.vk-sce-preset-btn:hover{opacity:1;border-color:var(--gold);color:var(--gold)}.vk-sce-action-btn{color:#e8c86ef2;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);white-space:nowrap;background:#c9a22714;border:1px solid #c9a22766;border-radius:10px;padding:3px 10px;font-size:10px}.vk-sce-action-btn:hover{border-color:var(--gold);background:#c9a22729}.vk-sce-defaults{gap:5px;margin-left:auto;display:flex}.vk-sce-save-btn{color:#e8c86ed9;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);white-space:nowrap;background:#c9a2270f;border:1px solid #c9a22759;border-radius:10px;padding:3px 10px;font-size:10px}.vk-sce-save-btn:hover{border-color:var(--gold);color:#ffdc82;background:#c9a22724}.vk-sce-reset-btn{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;opacity:.75;transition:all var(--transition);white-space:nowrap;background:0 0;border-radius:10px;padding:3px 10px;font-size:10px}.vk-sce-reset-btn:hover{opacity:1;border-color:var(--border-strong);color:var(--text)}.vk-sce-selctl{align-items:center;gap:6px;display:flex}.vk-sce-hint{color:var(--text-muted);opacity:.85;margin:0 0 6px;font-size:11px;font-style:italic}.vk-sce-grid{grid-template-columns:repeat(3,1fr);gap:4px 10px;display:grid}.vk-sce-row{cursor:pointer;transition:background var(--transition), border-color var(--transition);border:1px solid #0000;border-radius:6px;outline:none;align-items:center;gap:8px;padding:5px 8px;display:flex}.vk-sce-row:hover{background:#ffffff0d}.vk-sce-row--active{background:#c9a22714;border-color:#c9a22752}.vk-sce-dot{border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:16px;height:16px;display:block;box-shadow:0 0 4px #00000073}.vk-sce-custom-picker{border:1px solid var(--border-strong);cursor:pointer;width:52px;height:26px;transition:border-color var(--transition);background:0 0;border-radius:6px;flex-shrink:0;padding:2px 3px}.vk-sce-custom-picker:hover{border-color:var(--gold)}.vk-sce-custom-picker::-webkit-color-swatch-wrapper{padding:0}.vk-sce-custom-picker::-webkit-color-swatch{border:none;border-radius:4px}.vk-sce-row-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);white-space:nowrap;flex:1;font-size:11px;line-height:1}.vk-sce-bottom{border-top:1px solid #c9a2271a;align-items:flex-end;gap:14px;padding-top:4px;display:flex}.vk-sce-palettes{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.vk-mini-kb{pointer-events:none;flex-shrink:0;align-self:flex-end;width:126px;height:52px;margin-bottom:2px;position:relative}.vk-mini-kb-w{box-sizing:border-box;background:#a08c5038;border:1px solid #0000008c;border-radius:0 0 3px 3px;width:17px;height:52px;position:absolute}.vk-mini-kb-b{box-sizing:border-box;z-index:1;background:#0c0a08e0;border:1px solid #000000bf;border-radius:0 0 2px 2px;width:11px;height:33px;position:absolute}.vk-sce-palette-section{align-items:center;gap:8px;display:flex}.vk-sce-palette-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text);opacity:.9;white-space:nowrap;text-align:right;min-width:42px;font-size:11px}.vk-sce-palette-dots{flex-wrap:wrap;gap:5px;display:flex}.vk-sce-palette-dot{background:var(--dot-c,#888);cursor:pointer;border:1px solid #00000059;border-radius:50%;flex-shrink:0;width:16px;height:16px;padding:0;transition:transform .1s,box-shadow .1s}.vk-sce-palette-dot:hover{z-index:1;transform:scale(1.25);box-shadow:0 0 5px #ffffff4d,0 0 2px #00000080}.vk-sce-palette-dot--active{box-shadow:0 0 0 2px var(--bg-card,#111), 0 0 0 3.5px var(--dot-c,#888);transform:scale(1.1)}.av-wrap{background:0 0;border-top:1px solid #c9a2271a;border-bottom:1px solid #c9a2271a;width:100%;height:280px;margin:0 0 4px;position:relative;overflow:hidden}.av-canvas{width:100%;height:100%;display:block}.av-wrap--fs{background:#07070f;border:0;width:100vw;height:100vh;margin:0}.av-wrap:fullscreen{background:#07070f;border:0;width:100vw;height:100vh;margin:0}@media (width<=600px){.av-wrap{height:200px}}.av-fs-btn{color:#e8c86ed9;cursor:pointer;opacity:.25;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border:1px solid #c9a22752;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .25s,background .2s,border-color .2s;display:flex;position:absolute;top:10px;right:10px}.av-wrap:hover .av-fs-btn{opacity:1}.av-fs-btn:hover,.av-fs-btn:focus-visible{color:#ffdc82;background:#000000b3;border-color:#c9a227b3;outline:none}.av-wrap--fs .av-fs-btn{opacity:.45;width:38px;height:38px;top:18px;right:18px}.av-wrap:fullscreen .av-fs-btn{opacity:.45;width:38px;height:38px;top:18px;right:18px}.av-wrap--fs:hover .av-fs-btn{opacity:1}.av-wrap:fullscreen:hover .av-fs-btn{opacity:1}.av-modes{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.55;z-index:10;overscroll-behavior:contain;background:#07070f9e;border:1px solid #c9a2273d;border-radius:8px;flex-direction:column;align-items:stretch;gap:3px;max-height:calc(100% - 16px);padding:5px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:10px;overflow:hidden auto;transform:translateY(-50%);box-shadow:0 8px 32px #0000008c}.av-modes::-webkit-scrollbar{width:6px}.av-modes::-webkit-scrollbar-track{background:0 0}.av-modes::-webkit-scrollbar-thumb{background:#c9a22766;border-radius:3px}.av-modes{scrollbar-width:thin;scrollbar-color:#c9a22766 transparent}.av-wrap:hover .av-modes,.av-wrap--fs:hover .av-modes{opacity:1}.av-wrap:fullscreen:hover .av-modes{opacity:1}.av-mode-btn{color:#dcdce6bf;font-family:var(--font-display,"Cinzel", serif);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:7px;padding:6px 10px;font-size:9.5px;transition:all .18s;display:flex}.av-mode-label{flex:1}.av-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:200px;max-width:100%;display:grid}.av-mode-grid .av-mode-btn{white-space:normal;text-align:center;justify-content:center;min-height:30px;line-height:1.2}.av-wrap--fs .av-mode-grid{width:280px}.av-wrap:fullscreen .av-mode-grid{width:280px}.av-mode-rot{accent-color:#c9a227e6;cursor:pointer;flex-shrink:0;width:12px;height:12px;margin:0}.av-mode-btn:hover{color:#fffffff2;background:#ffffff0f}.av-mode-btn--active{color:#e8c86e;background:#c9a2271f;border-color:#c9a2278c;box-shadow:0 0 14px #c9a22738,inset 0 0 6px #c9a22726}.av-mode-btn:focus-visible{outline-offset:1px;outline:1px solid #c9a227a6}.av-modes-fs{color:#e8c86ed9;cursor:pointer;background:0 0;border:1px solid #c9a22752;border-radius:5px;justify-content:center;align-items:center;width:100%;padding:5px;transition:all .18s;display:flex}.av-modes-fs:hover{color:#ffdc82;background:#c9a2271a;border-color:#c9a227b3}.av-modes-fs:focus-visible{outline-offset:1px;outline:1px solid #c9a227a6}.av-modes-sep{background:#c9a2272e;height:1px;margin:2px 4px}.av-timer-config{border-top:1px solid #c9a2272e;flex-direction:column;gap:4px;margin-top:4px;padding-top:5px;display:flex}.av-timer-row{font-family:var(--font-display,"Cinzel", serif);letter-spacing:.1em;text-transform:uppercase;color:#dcdce6cc;flex-wrap:wrap;align-items:center;gap:5px;font-size:9px;display:flex}.av-timer-input{color:#ffdc82;width:84px;font-family:var(--font-display,"Cinzel", serif);text-align:center;background:#00000073;border:1px solid #c9a22766;border-radius:4px;padding:6px 8px;font-size:14px}.av-timer-input:focus-visible{outline-offset:1px;outline:1px solid #c9a227b3}.av-timer-order{color:#e8c86ef2;font-family:var(--font-display,"Cinzel", serif);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#c9a2271a;border:1px solid #c9a22766;border-radius:5px;padding:5px 8px;font-size:9px;transition:all .15s}.av-timer-order:hover{color:#ffdc82;background:#c9a22733}.av-timer-unit{color:#e8c86ef2;font-family:var(--font-display,"Cinzel", serif);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#c9a2271a;border:1px solid #c9a22766;border-radius:4px;padding:4px 6px;font-size:8.5px;transition:all .15s}.av-timer-unit:hover{color:#ffdc82;background:#c9a22733}.av-wrap--fs .av-modes{border-radius:10px;gap:4px;padding:7px;left:24px}.av-wrap:fullscreen .av-modes{border-radius:10px;gap:4px;padding:7px;left:24px}.av-wrap--fs .av-mode-btn{letter-spacing:.22em;border-radius:6px;padding:10px 16px;font-size:11px}.av-wrap:fullscreen .av-mode-btn{letter-spacing:.22em;border-radius:6px;padding:10px 16px;font-size:11px}.av-tabs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;opacity:.45;background:#07070f8c;border:1px solid #c9a22738;border-radius:8px;gap:2px;padding:4px;transition:opacity .25s;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.av-wrap:hover .av-tabs,.av-tabs:focus-within{opacity:1}.av-tab-btn{color:#dcdce6b3;font-family:var(--font-display,"Cinzel", serif);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;padding:5px 14px;font-size:10px;transition:all .15s}.av-tab-btn:hover{color:#fffffff2;background:#ffffff0d}.av-tab-btn--active{color:#e8c86e;background:#c9a2271a;border-color:#c9a22773;box-shadow:0 0 8px #c9a2272e}.av-tab-btn:focus-visible{outline-offset:1px;outline:1px solid #c9a227a6}.av-wrap--fs .av-tabs{opacity:.6;top:18px}.av-wrap:fullscreen .av-tabs{opacity:.6;top:18px}.av-wrap--fs:hover .av-tabs{opacity:1}.av-wrap:fullscreen:hover .av-tabs{opacity:1}.ts-staff{width:fit-content;max-width:100%;margin:8px auto 20px;padding:28px 44px 14px 14px;position:relative}.ts-staff--multi{z-index:50;background:#07070f8c;border:1px solid #c9a2272e;border-radius:8px;justify-content:center;align-items:center;padding-top:118px;display:flex;box-shadow:inset 0 0 24px #c9a2270a,0 4px 16px #00000059}.ts-staff:before{content:"";pointer-events:none;background:radial-gradient(#c9a22714 0%,#0000 70%);border-radius:8px;position:absolute;inset:0}.ts-staff-host{justify-content:center;align-items:center;min-width:460px;min-height:140px;display:flex;position:relative}.ts-staff-host svg{filter:drop-shadow(0 0 2px #c9a22766);overflow:visible}.ts-staff-keybadge{z-index:4;font-family:var(--font-display,"Cinzel", serif);color:#e8c86eeb;pointer-events:none;white-space:nowrap;background:#07070f99;border:1px solid #c9a22740;border-radius:10px;flex-direction:row;align-items:center;gap:8px;padding:3px 10px;display:flex;position:absolute;top:6px;left:10px}.ts-staff-keybadge-tonic{letter-spacing:.04em;color:#ffdc82;font-size:16px;font-weight:700;line-height:1}.ts-staff-keybadge-mode{opacity:.92;margin-left:2px;font-size:13px;font-weight:600}.ts-staff-keybadge-sig{letter-spacing:.12em;text-transform:uppercase;opacity:.65;font-size:9px}.ts-staff-keybadge-acc{opacity:.55;letter-spacing:.04em;flex-wrap:nowrap;gap:3px;font-size:9px;display:flex}.ts-staff-keybadge-acc-item{white-space:nowrap}.ts-staff-switcher{z-index:3;opacity:.55;background:#07070f8c;border:1px solid #c9a2272e;border-radius:6px;flex-direction:column;gap:2px;padding:3px 2px;transition:opacity .18s;display:flex;position:absolute;top:6px;right:6px}.ts-staff:hover .ts-staff-switcher{opacity:1}.ts-staff-tab{color:#dcdce6a6;font-family:var(--font-display,"Cinzel", serif);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 7px;font-size:8px;transition:all .15s}.ts-staff-tab:hover{color:#fffffff2;background:#ffffff0d}.ts-staff-tab--active{color:#e8c86e;background:#c9a2271f;border-color:#c9a22773}.ts-staff-tab:focus-visible{outline-offset:1px;outline:1px solid #c9a227a6}.ts-staff-divider{border:none;border-top:1px solid #c9a22733;margin:3px 2px}.ts-staff-label{font-family:var(--font-display,"Cinzel", serif);letter-spacing:.06em;pointer-events:none;white-space:nowrap;z-index:2;color:#e8c86e;text-shadow:0 0 6px #c9a2278c,0 0 14px #c9a22740;font-size:24px;transition:color .2s,text-shadow .2s,opacity .18s;position:absolute;top:4px;left:50%;transform:translate(-50%)}.ts-staff-label--roman{letter-spacing:.04em;font-family:Crimson Text,Georgia,Times New Roman,serif;font-size:24px;font-style:italic}.ts-staff-multi{z-index:2;font-family:var(--font-display,"Cinzel", serif);pointer-events:none;flex-direction:column;gap:5px;display:flex;position:absolute;top:8px;left:14px;right:14px}.ts-staff-multi-row{justify-content:center;align-items:baseline;gap:10px;display:flex}.ts-staff-multi-tag{text-align:right;letter-spacing:.18em;text-transform:uppercase;color:#e8c86eb8;min-width:68px;font-size:12px;font-weight:500;display:inline-block}.ts-staff-multi-text{letter-spacing:.04em;font-size:21px}.ts-staff-multi-text--roman{letter-spacing:.03em;font-family:Crimson Text,Georgia,Times New Roman,serif;font-size:24px;font-style:italic}.ts-staff-multi.ts-staff-label--fam-maj .ts-staff-multi-text{color:#ffdc82;text-shadow:0 0 6px #ffc85a80;font-weight:600}.ts-staff-multi.ts-staff-label--fam-min .ts-staff-multi-text{color:#aac3af;text-shadow:0 0 5px #8cafa073;font-style:italic;font-weight:400}.ts-staff-multi.ts-staff-label--fam-dim .ts-staff-multi-text{color:#e88e58;text-shadow:0 0 5px #dc6e3c73;font-weight:600}.ts-staff-multi.ts-staff-label--fam-aug .ts-staff-multi-text{color:#c49ee8;text-shadow:0 0 5px #aa82dc73;font-weight:600}.ts-staff-multi.ts-staff-label--fam-other .ts-staff-multi-text{color:#e8c86ed9;text-shadow:0 0 4px #c9a2274d}.ts-staff-fb{vertical-align:text-top;letter-spacing:0;flex-direction:column;align-items:center;margin-left:.12em;font-size:.5em;font-style:normal;font-weight:600;line-height:.9;display:inline-flex}.ts-staff-fb-top,.ts-staff-fb-bot{text-align:center;margin:0;padding:0;display:block}.ts-staff-fb-bot{margin-top:-.05em}.ts-staff-label--fam-maj{color:#ffdc82;text-shadow:0 0 8px #ffc85ab3,0 0 18px #c9a22759;font-weight:600}.ts-staff-label--fam-min{color:#aac3af;text-shadow:0 0 6px #8cafa08c,0 0 14px #6e8c824d;font-style:italic;font-weight:400}.ts-staff-label--fam-dim{color:#e88e58;text-shadow:0 0 6px #dc6e3c8c,0 0 14px #b450284d;font-weight:600}.ts-staff-label--fam-aug{color:#c49ee8;text-shadow:0 0 6px #aa82dc8c,0 0 14px #8264c84d;font-weight:600}.ts-staff-label--empty{opacity:.35;font-size:18px}.ts-staff-label--single,.ts-staff-label--interval,.ts-staff-label--unison{opacity:.88;font-size:18px}.ts-staff-label--unknown{opacity:.7;letter-spacing:.08em;font-size:16px}.ts-staff-loading,.ts-staff-error{font-family:var(--font-display,"Cinzel", serif);letter-spacing:.18em;text-transform:uppercase;color:#e8c86eb3;text-align:center;padding:24px;font-size:11px}.ts-staff-error{color:#ff7878d9}@media (width<=520px){.ts-staff{padding:4px 40px 4px 8px}.ts-staff-host{width:100%;min-width:0}.ts-staff-host svg{width:100%!important;height:auto!important}}.cof-wrapper{flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;max-width:720px;display:flex}.cof-topbar{white-space:nowrap;flex:0 0 30px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;min-height:30px;display:flex;overflow:hidden}.cof-eyebrow{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);opacity:.72;align-items:baseline;gap:8px;margin:0;font-size:11px;display:flex}.cof-mode-badge{letter-spacing:.08em;text-transform:none;color:#96f5eb;opacity:1;text-shadow:0 0 10px #78ebe159;font-size:13px;font-weight:600}.cof-mode-char{opacity:.85;font-size:10px;font-weight:400}.cof-mode-parent{opacity:.66;color:var(--text-muted);font-size:10px;font-weight:400}.cof-svg{aspect-ratio:1;touch-action:manipulation;filter:drop-shadow(0 6px 28px #0009);width:100%;max-width:720px;height:auto;display:block}.cof-dial,.cof-label-grp{transition-property:transform;transition-duration:.65s;transition-timing-function:cubic-bezier(.34,0,.2,1)}.cof-seg path{transition:fill .35s,stroke .35s,stroke-width .35s}.cof-seg text{transition:fill .35s}.cof-seg{cursor:pointer;outline:none}.cof-seg:focus-visible path,.cof-seg:focus-visible circle{stroke:#c9a227e6!important}.cof-center:hover circle{fill:#1e183a;stroke:#c9a227bf}.cof-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.cof-status{align-items:baseline;gap:5px;display:flex}.cof-status-key{font-family:var(--font-display);letter-spacing:.1em;color:var(--gold);text-shadow:0 0 18px #c9a22773;font-size:15px}.cof-status-mode{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);opacity:.65;font-size:10px}.cof-status-mode--minor{color:var(--blue);opacity:.8}.cof-enharm-btn{width:32px;height:32px;color:var(--gold);cursor:pointer;background:#c9a2270f;border:1px solid #c9a22766;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:Cinzel,Georgia,serif;font-size:18px;line-height:1;transition:all .18s;display:inline-flex}.cof-enharm-btn:hover{color:#ffdc82;background:#c9a22729;border-color:#c9a227b3}.cof-enharm-btn--flat{color:#a5d9ff;background:#5b9bd514;border-color:#8cc8fa66}.cof-enharm-btn--flat:hover{background:#5b9bd52e;border-color:#8cc8fab3}.cof-lock-btn{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;opacity:.7;background:0 0;border:1px solid #c9a22747;border-radius:20px;padding:4px 12px;font-size:9px;transition:all .22s}.cof-lock-btn:hover{border-color:var(--border-strong);color:var(--text);opacity:1}.cof-lock-btn--locked{color:var(--gold);opacity:1;background:#c9a22714;border-color:#c9a227b3;box-shadow:0 0 10px #c9a2272e}.cof-lock-btn--locked:hover{background:#c9a22724}.cof-lock-hint{font-family:var(--font-body);color:var(--text-muted);opacity:.75;text-align:center;max-width:200px;margin:0;font-size:11px;font-style:italic;line-height:1.5}.cof-lock-hint strong{color:var(--gold);font-style:normal;font-weight:600}@media (width<=900px){.cof-wrapper,.cof-wrapper .cof-svg{max-width:480px}.vk-circle-fs-stage .cof-wrapper,.vk-circle-fs-stage .cof-wrapper .cof-svg{max-width:min(94vw,88vh)}}@media (width<=600px){.cof-wrapper,.cof-wrapper .cof-svg{max-width:340px}.vk-circle-fs-stage .cof-wrapper,.vk-circle-fs-stage .cof-wrapper .cof-svg{max-width:min(94vw,88vh)}.cof-eyebrow{font-size:9px}}.ksm-arrow{cursor:pointer;outline:none}.ksm-arrow circle{transition:fill .15s,stroke .15s}.ksm-arrow:hover circle{fill:#1e183aeb;stroke:#e8c86ee6}.ksm-arrow:focus-visible circle{stroke:#ffdc82}.ce-wrap{flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;max-width:720px;display:flex}.ce-topbar{white-space:nowrap;flex:0 0 30px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;min-height:30px;display:flex;overflow:hidden}.ce-eyebrow{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold);text-shadow:0 0 12px #c9a2274d;margin:0;font-size:13px;font-weight:600}.ce-morph-btn{color:var(--gold);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#c9a2270f;border:1px solid #c9a22759;border-radius:14px;padding:5px 12px;font-size:9px;transition:all .18s}.ce-morph-btn:hover{background:#c9a22729;border-color:#c9a227a6}.ce-morph-btn--on{color:#96f5eb;background:#78ebe124;border-color:#78ebe199}.ce-svg{aspect-ratio:1;touch-action:manipulation;filter:drop-shadow(0 6px 28px #0009);width:100%;max-width:720px;height:auto;display:block}.ce-dial,.ce-node-label-grp{transition-property:transform;transition-duration:.65s;transition-timing-function:cubic-bezier(.34,0,.2,1)}.ce-node{cursor:pointer;outline:none;transition-property:transform;transition-duration:.65s;transition-timing-function:cubic-bezier(.34,0,.2,1)}.ce-node-base{transition:fill .4s,stroke .4s}.ce-node-label,.ce-node-degree{transition:fill .4s,font-weight .4s}.ce-node:focus-visible .ce-node-base{stroke:#c9a227f2!important}.ce-node:hover .ce-node-base{stroke:#e8c86ee6}.ce-overlay{animation-duration:.65s;animation-timing-function:cubic-bezier(.34,0,.2,1);animation-fill-mode:both}.ce-overlay--in{animation-name:ce-fade-in}.ce-overlay--out{animation-name:ce-fade-out}@keyframes ce-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ce-fade-out{0%{opacity:1}to{opacity:0}}@media (width<=900px){.ce-wrap,.ce-svg{max-width:480px}}@media (width<=600px){.ce-wrap,.ce-svg{max-width:340px}}@keyframes ce-active-pulse{0%,to{opacity:.95}50%{opacity:.2}}.ce-active-ring{animation:.75s ease-in-out infinite ce-active-pulse}.ce-wrap[data-locked] .ce-node{cursor:default}.mw-wrap{flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;max-width:720px;display:flex}.mw-eyebrow{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold);opacity:.7;white-space:nowrap;flex:0 0 30px;justify-content:center;align-items:center;min-width:0;max-width:100%;min-height:30px;margin:0;font-size:12px;display:flex;overflow:hidden}.mw-root{opacity:1;color:#f8de78;font-weight:700}.mw-svg{aspect-ratio:1;filter:drop-shadow(0 6px 28px #0009);width:100%;max-width:720px;height:auto;display:block}.mw-node{cursor:pointer;outline:none}.mw-node:hover circle{stroke:#e8c86ef2}.mw-node:focus-visible circle{stroke:#c9a227f2!important}@media (width<=900px){.mw-wrap,.mw-svg{max-width:480px}}@media (width<=600px){.mw-wrap,.mw-svg{max-width:340px}}.mw2-wrap{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:720px;display:flex}.mw2-eyebrow{font-family:var(--font-display,"Cinzel", serif);letter-spacing:.06em;color:var(--gold,#c9a227);opacity:.7;margin:0;font-size:12px}.mw2-root{opacity:1;color:#f8de78;font-weight:700}.mw2-svg{aspect-ratio:1;filter:drop-shadow(0 6px 28px #0009);width:100%;max-width:720px;height:auto;display:block}.mw2-node{cursor:pointer;outline:none}.mw2-node circle{transition:stroke .15s}.mw2-node:hover circle{stroke:#96f5ebf2}.mw2-node:focus-visible circle{stroke:#c9a227f2!important}.mw2-nucleus:hover>circle{stroke:#ffe68c}.mw2-here-ring{animation:2.4s ease-in-out infinite mw2-pulse}@keyframes mw2-pulse{0%,to{opacity:.35}50%{opacity:.85}}@media (width<=900px){.mw2-wrap,.mw2-svg{max-width:480px}}@media (width<=600px){.mw2-wrap,.mw2-svg{max-width:340px}}@media (prefers-reduced-motion:reduce){.mw2-here-ring{animation:none}}.dw-wrap{flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;max-width:720px;display:flex}.dw-eyebrow{font-family:var(--font-display,"Cinzel", serif);letter-spacing:.18em;text-transform:uppercase;color:var(--gold,#c9a227);opacity:.8;white-space:nowrap;flex:0 0 30px;justify-content:center;align-items:center;min-width:0;max-width:100%;min-height:30px;margin:0;font-size:11px;display:flex;overflow:hidden}.dw-key{opacity:1;color:#f8de78;text-transform:none;letter-spacing:.04em;font-weight:700}.dw-svg{aspect-ratio:1;touch-action:manipulation;filter:drop-shadow(0 6px 28px #0009);width:100%;max-width:720px;height:auto;display:block}.dw-node{cursor:pointer;outline:none}.dw-node circle{transition:stroke .15s}.dw-node:hover circle{stroke:#ffe68cf2}.dw-node:focus-visible circle{stroke:#c9a227f2!important}.dw-mode-arrow{cursor:pointer;outline:none}.dw-mode-arrow circle{transition:fill .15s,stroke .15s}.dw-mode-arrow:hover circle{fill:#1e183aeb;stroke:#e8c86ee6}.dw-mode-arrow:focus-visible circle{stroke:#ffdc82}.dw-tonic-ring{animation:2.4s ease-in-out infinite dw-pulse}@keyframes dw-pulse{0%,to{opacity:.35}50%{opacity:.85}}@media (width<=900px){.dw-wrap,.dw-svg{max-width:480px}}@media (width<=600px){.dw-wrap,.dw-svg{max-width:340px}}@media (prefers-reduced-motion:reduce){.dw-tonic-ring{animation:none}}.tg-wrap{z-index:1100;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 42%,#0c0a1e 0%,#04040b 70%,#020206 100%);position:fixed;inset:0;overflow:hidden}.tg-svg{cursor:grab;display:block}.tg-svg:active{cursor:grabbing}.tg-node{cursor:pointer;outline:none}.tg-node circle{transition:stroke .15s}.tg-node:hover circle{stroke:#ffe68cf2}.tg-node:focus-visible circle{stroke:#ffe68c}.tg-triad-pick,.tg-triad-pick:focus,.tg-triad-pick:focus-visible{outline:none}.tg-enh{cursor:pointer}.tg-enh:hover{fill:#befaf5;text-decoration:underline}.tg-here-ring{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite tg-pulse}@keyframes tg-pulse{0%,to{opacity:.35}50%{opacity:.85}}.tg-flare-ring{transform-box:fill-box;transform-origin:50%;pointer-events:none;animation:.62s ease-out forwards tg-flare}@keyframes tg-flare{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.tg-slot-flare{transform-box:fill-box;transform-origin:50%;pointer-events:none;animation:.16s ease-out forwards tg-slot-flare-anim}@keyframes tg-slot-flare-anim{0%{opacity:0;transform:scale(1)}50%{opacity:.8;transform:scale(1.35)}to{opacity:0;transform:scale(1)}}.tg-ring-rails line{opacity:.92}.tg-ring-node{cursor:default}.tg-ring-node circle{transition:stroke .15s,fill .15s}.tg-spiral-rails polyline{opacity:.92}.tg-spiral-node{cursor:default}.tg-spiral-node circle{transition:stroke .15s,fill .15s}.tg-hud{z-index:1101;pointer-events:none;position:fixed}.tg-hud--title{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex;top:18px;left:50%;transform:translate(-50%)}.tg-hud-eyebrow{font-family:var(--font-display,"Cinzel", serif);letter-spacing:.26em;text-transform:uppercase;color:var(--gold,#c9a227);text-shadow:0 0 16px #c9a22780;font-size:15px}.tg-hud-sub{font-family:var(--font-body,Georgia, serif);letter-spacing:.05em;color:#e8e4d88c;font-size:11px;font-style:italic}.tg-key-picker{pointer-events:auto;gap:8px;display:flex}.tg-key-picker .tg-select{flex:1 1 0;min-width:0}.tg-key-picker .tg-select:only-child{flex:none}.tg-select{color:var(--gold,#c9a227);font-family:var(--font-display,"Cinzel", serif);letter-spacing:.05em;cursor:pointer;background:#0d0b1ceb;border:1px solid #c9a22780;border-radius:8px;padding:6px 10px;font-size:13px;transition:border-color .18s,background .18s}.tg-select:hover{background:#1e183af2;border-color:#c9a227d9}.tg-select:focus-visible{border-color:#f8de78;outline:none}.tg-seg{border-radius:8px;display:inline-flex;overflow:hidden}.tg-seg-btn{color:#a5f5edd9;font-family:var(--font-display,"Cinzel", serif);letter-spacing:.05em;cursor:pointer;background:#0e1e24cc;border:1px solid #96f5eb73;padding:6px 10px;font-size:11px;transition:background .15s,color .15s}.tg-seg-btn+.tg-seg-btn{border-left:none}.tg-seg-btn:first-child{border-radius:8px 0 0 8px}.tg-seg-btn:last-child{border-radius:0 8px 8px 0}.tg-seg-btn:hover{background:#18323af2}.tg-seg-btn--on{color:#dcfaf7;background:#78ebe138}.tg-seg-btn--solo{border-left:1px solid #96f5eb73;border-radius:8px}.tg-speed{background:#0d0b1cd9;border:1px solid #c9a22773;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.tg-speed-val{font-family:var(--font-display,"Cinzel", serif);letter-spacing:.04em;color:#f8de78f2;text-align:right;min-width:30px;font-size:11px}.tg-speed input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#96f5eb8c,#f8de78b3);border-radius:3px;outline:none;width:76px;height:4px}.tg-speed input[type=range]::-webkit-slider-thumb{appearance:none;background:#f8de78;border:1px solid #28200ce6;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #f8de7899}.tg-speed input[type=range]::-moz-range-thumb{background:#f8de78;border:1px solid #28200ce6;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #f8de7899}.tg-speed input[type=range]::-moz-range-track{background:0 0;border-radius:3px;height:4px}.tg-hud--controls{pointer-events:auto;flex-direction:column;gap:8px;display:flex;bottom:18px;right:18px}.tg-hud--lens{pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070710b8;border:1px solid #966ed247;border-radius:12px;flex-direction:column;gap:8px;max-width:min(62vw,460px);max-height:calc(100vh - 120px);padding:10px;display:flex;bottom:18px;left:18px;overflow-y:auto;box-shadow:0 8px 28px #00000073}.tg-hud--lens .tg-lens-row{background:0 0;border:none;border-radius:0;padding:0}.tg-lens-body{flex-direction:column;gap:8px;display:flex}.tg-lens-toggle{width:44px;height:44px;color:var(--gold,#c9a227);cursor:pointer;pointer-events:auto;background:#0d0b1ceb;border:1px solid #966ed280;border-radius:10px;justify-content:center;align-self:flex-start;align-items:center;padding:0;font-size:20px;line-height:1;transition:background .16s,border-color .16s,transform .1s;display:none}.tg-lens-toggle:hover{background:#1e183af2;border-color:#b48cf0e6}.tg-lens-toggle:active{transform:scale(.93)}.tg-lens-tabs{flex-wrap:wrap;gap:6px;display:flex}.tg-lens-tab{color:#e8c86ed9;font-family:var(--font-display,"Cinzel", serif);letter-spacing:.08em;cursor:pointer;background:#0d0b1cd9;border:1px solid #c9a22766;border-radius:8px;padding:5px 10px;font-size:11px;transition:background .15s,border-color .15s,color .15s}.tg-lens-tab:hover{background:#1e183af2}.tg-lens-tab--on{color:#dcc3fa;background:#7850c838;border-color:#b48cf0d9}.tg-lens-row{background:#070710b3;border:1px solid #966ed24d;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 10px;display:flex}.tg-lens-label{font-family:var(--font-body,Georgia, serif);color:#b4f0ebe6;letter-spacing:.03em;font-size:12px}.tg-lens-btn{color:#a5f5ed;min-width:34px;height:32px;font-family:var(--font-display,"Cinzel", serif);cursor:pointer;background:#0e1e24d9;border:1px solid #96f5eb80;border-radius:8px;padding:0 10px;font-size:14px;transition:background .15s,border-color .15s,transform .1s}.tg-lens-btn:hover{background:#18323af2;border-color:#b4faf5e6}.tg-lens-btn:active{transform:scale(.93)}.tg-lens-select{color:#e8c86ef2;font-family:var(--font-display,"Cinzel", serif);cursor:pointer;background:#0d0b1ce6;border:1px solid #c9a22773;border-radius:8px;padding:6px 8px;font-size:12px}.tg-transport{background:#08101499;border:1px solid #96f5eb47;border-radius:9px;align-items:center;gap:4px;padding:2px;display:inline-flex}.tg-transport-btn{color:#a5f5ed;min-width:34px;height:32px;font-family:var(--font-display,"Cinzel", serif);cursor:pointer;background:#0e1e24d9;border:1px solid #96f5eb73;border-radius:7px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;line-height:1;transition:background .15s,border-color .15s,transform .1s,opacity .15s;display:inline-flex}.tg-transport-btn:hover{background:#18323af2;border-color:#b4faf5e6}.tg-transport-btn:active{transform:scale(.92)}.tg-transport-btn:disabled{opacity:.35;cursor:default;background:#0e1e2480;border-color:#96f5eb40;transform:none}.tg-transport-btn--play{color:#f8de78;background:#28200cd9;border-color:#e8c86ed9;min-width:40px;font-size:15px}.tg-transport-btn--play:hover{background:#3c3010f2;border-color:#f8de78}@media (width<=600px){.tg-hud--lens{max-width:60vw}.tg-lens-tab{padding:4px 7px;font-size:10px}.tg-transport-btn{min-width:30px;height:28px;padding:0 6px;font-size:12px}}@media (hover:none) and (pointer:coarse){.tg-lens-toggle{display:inline-flex}.tg-hud--lens-collapsed{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;max-width:none;padding:0;overflow:visible}.tg-hud--lens-collapsed .tg-lens-body{display:none}}.tg-btn{min-width:40px;height:40px;color:var(--gold,#c9a227);font-family:var(--font-display,"Cinzel", serif);cursor:pointer;pointer-events:auto;background:#0d0b1ce0;border:1px solid #c9a22780;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;font-size:18px;line-height:1;transition:background .16s,border-color .16s,transform .1s;display:inline-flex}.tg-btn:hover{background:#1e183af2;border-color:#e8c86ee6}.tg-btn:active{transform:scale(.93)}.tg-exit{z-index:1101;letter-spacing:.1em;text-transform:uppercase;font-size:14px;position:fixed;top:18px;right:18px}@media (width<=600px){.tg-hud-eyebrow{font-size:12px}.tg-hud-sub{font-size:9px}.tg-btn{min-width:36px;height:36px;font-size:16px}}@media (prefers-reduced-motion:reduce){.tg-here-ring{animation:none}}.tg-keyboard{z-index:1101;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070710c7;border:1px solid #c9a22752;border-radius:12px;justify-content:center;padding:6px 10px;display:flex;position:fixed;bottom:18px;left:490px;right:70px;box-shadow:0 6px 24px #00000080}.tg-keyboard .vk-keyboard{pointer-events:auto}.tg-colorpicker{z-index:1102;pointer-events:auto;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed;bottom:18px;left:430px}.tg-colorpicker .vk-scale-color-editor{width:min(440px,92vw);max-width:440px;max-height:60vh;position:absolute;bottom:44px;left:0;overflow-y:auto}.tg-colorpicker .vk-sce-bottom{flex-direction:column;align-items:stretch;gap:10px}.tg-colorpicker .vk-sce-palettes{width:100%;min-width:0}.tg-colorpicker .vk-sce-palette-section{flex-wrap:wrap}.tg-colorpicker .vk-sce-palette-dots{flex:auto;min-width:0}.tg-colorpicker .vk-mini-kb{align-self:flex-start}@media (width<=900px){.tg-colorpicker{bottom:12px;left:12px}.tg-colorpicker .vk-scale-color-editor{width:min(420px,92vw)}.tg-keyboard{width:min(560px,72vw);padding:6px 8px;bottom:210px;left:50%;right:auto;transform:translate(-50%)}}@media (hover:none) and (pointer:coarse){.tg-keyboard{display:none}}@keyframes tg-current-pulse{0%,to{opacity:.95}50%{opacity:.3}}.tg-current-ring{animation:.8s ease-in-out infinite tg-current-pulse}@media (prefers-reduced-motion:reduce){.tg-current-ring{opacity:.9;animation:none}}.bright-spectrum{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.bright-end{opacity:.5;color:var(--gold);font-size:12px}.bright-track{gap:3px;display:flex}.bright-chip{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#07070f8c;border:1px solid #c9a22738;border-radius:12px;padding:5px 9px;font-size:9px;transition:background .16s,box-shadow .16s,transform .16s}.bright-chip:hover{background:#c9a22714}.bright-chip--active{background:#78ebe11f;border-width:1.5px;transform:translateY(-1px);box-shadow:0 0 10px #78ebe140}.bright-na{opacity:.6;color:var(--text-muted);font-size:9px;font-style:italic}@media (width<=600px){.bright-chip{letter-spacing:.06em;padding:4px 6px;font-size:8px}}.soh-hero:before{background:radial-gradient(at 50% 30%,#5b9bd517 0%,#0000 65%)}.soh-eyebrow{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:.75;margin-bottom:10px;font-size:10px}.soh-section-title{letter-spacing:.06em;text-shadow:0 0 24px var(--gold-glow);margin-bottom:16px;font-size:clamp(1.5rem,3.5vw,2.2rem)}.soh-divider{background:var(--border-strong);opacity:.7;width:48px;height:1px;margin-bottom:28px}.soh-intro{grid-template-columns:1fr 200px;align-items:center;gap:64px;max-width:900px;display:grid}.soh-intro-text p{color:var(--text-muted);margin-bottom:18px;font-size:1.05rem;line-height:1.85}.soh-intro-text p:last-child{margin-bottom:0}.soh-intro-text strong{color:var(--text);font-weight:600}.soh-intro-text em{color:var(--gold);font-style:italic}.soh-intro-symbol{color:var(--gold);opacity:.35;filter:drop-shadow(0 0 12px #c9a2274d)}.soh-intro-symbol svg{width:100%;height:auto}.soh-features-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.soh-feature{flex-direction:column;gap:8px;padding:24px;display:flex}.soh-feature-dot{background:var(--gold);opacity:.6;border-radius:50%;width:6px;height:6px}.soh-feature-label{letter-spacing:.04em;color:var(--text);font-size:.95rem}.soh-feature-desc{color:var(--text-muted);font-size:.9rem;line-height:1.65}.soh-praise{max-width:760px}.soh-praise-body{color:var(--text-muted);margin-bottom:20px;font-size:1.05rem;line-height:1.85}.soh-praise-body--highlight{color:var(--text);border-left:3px solid var(--gold);opacity:.9;padding-left:20px;font-size:1.1rem;font-style:italic}.soh-cta{margin-top:32px;padding:14px 36px;font-size:13px}@media (width<=1024px){.soh-features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.soh-intro{grid-template-columns:1fr;gap:40px}.soh-intro-symbol{display:none}}@media (width<=560px){.soh-features-grid{grid-template-columns:1fr}}.contact-centered{max-width:560px}.contact-info-eyebrow{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:.75;margin-bottom:10px;font-size:10px}.contact-info-title{letter-spacing:.06em;text-shadow:0 0 24px var(--gold-glow);margin-bottom:16px;font-size:clamp(1.4rem,3vw,2rem)}.contact-info-divider{background:var(--border-strong);opacity:.7;width:48px;height:1px;margin-bottom:24px}.contact-info-body{color:var(--text-muted);margin-bottom:32px;font-size:1rem;line-height:1.8}.contact-email-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);margin-bottom:28px;padding:20px 24px}.contact-email-block--placeholder{opacity:.6}.contact-email-label{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:10px}.contact-email-link{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold);transition:color var(--transition);word-break:break-all;font-size:14px}.contact-email-link:hover{color:var(--text)}.contact-email-placeholder{font-family:var(--font-display);color:var(--text-muted);font-size:13px;font-style:italic}.contact-note{padding:20px 24px}.contact-note-title{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--gold);opacity:.7;margin-bottom:8px;font-size:11px}.contact-note p:last-child{color:var(--text-muted);font-size:.9rem;line-height:1.7}.about-layout{flex-direction:column;gap:24px;max-width:720px;display:flex}.about-eyebrow{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:.75;margin-bottom:10px;font-size:10px}.about-title{letter-spacing:.06em;text-shadow:0 0 24px var(--gold-glow);margin-bottom:16px;font-size:clamp(1.3rem,2.8vw,1.8rem)}.about-divider{background:var(--border-strong);opacity:.6;width:40px;height:1px;margin-bottom:20px}.about-block p{color:var(--text-muted);margin-bottom:16px;font-size:1.05rem;line-height:1.85}.about-block p:last-child{margin-bottom:0}.about-block strong{color:var(--text);font-weight:600}.about-block em{color:var(--gold);font-style:italic}.about-block--highlight{background:linear-gradient(135deg, #c9a2270a 0%, var(--bg-card) 60%);border-color:#c9a22759}