:root{--color-bg-primary: #050505;--color-bg-secondary: #030507;--color-bg-surface: rgba(255, 255, 255, .05);--color-bg-surface-hover: rgba(255, 255, 255, .1);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-tertiary: rgba(255, 255, 255, .6);--color-text-muted: rgba(255, 255, 255, .5);--color-border-default: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--color-border-focus: rgba(255, 255, 255, .3);font-family:var(--font-family, system-ui, Avenir, Helvetica, Arial, sans-serif);line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100vh;overflow:hidden}#root{background:transparent}html{width:100%;height:100%;overflow:hidden;scrollbar-width:none;background-color:var(--color-bg-primary)!important;--s: 150px;--c1: rgba(255, 255, 255, .005);--c2: transparent;--c: #0000, var(--c1) .5deg 119.5deg, #0000 120deg;--g1: conic-gradient(from 60deg at 56.25% calc(425%/6), var(--c));--g2: conic-gradient(from 180deg at 43.75% calc(425%/6), var(--c));--g3: conic-gradient(from -60deg at 50% calc(175%/12), var(--c));background:var(--g1),var(--g1) var(--s) calc(1.73*var(--s)),var(--g2),var(--g2) var(--s) calc(1.73*var(--s)),var(--g3) var(--s) 0,var(--g3) 0 calc(1.73*var(--s)) var(--c2);background-size:calc(2*var(--s)) calc(3.46*var(--s))}body{overflow:hidden;margin:0;padding:0;width:100%;height:100vh;position:relative;scrollbar-width:none;background:transparent!important}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes hourglassRotate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}header{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50;width:100%;left:0;right:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:inherit}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.inline{display:inline}.inline-block{display:inline-block}.block{display:block}.hidden{display:none}@media (min-width: 640px){.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:block{display:block}}.contents{display:contents}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.self-start{align-self:flex-start}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-x-4>*+*{margin-left:1rem}.w-1\/2{width:50%}.w-full{width:100%}.w-auto{width:auto}.w-4{width:1rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-10{width:2.5rem}.w-30{width:7.5rem}.w-40{width:10rem}.w-80{width:20rem}.w-100{width:100%}.h-screen{height:100vh}.h-full{height:100%}.h-auto{height:auto}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-\[2px\]{height:2px}.h-\[50px\]{height:50px}.h-\[70px\]{height:70px}.max-w-xs{max-width:20rem}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-\[40px\]{min-width:40px}.min-h-screen{min-height:100vh}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-20{padding-top:5rem}.pt-\[64px\]{padding-top:64px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pl-4{padding-left:1rem}.pr-10{padding-right:2.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-40{margin-top:10rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.-mt-\[1px\]{margin-top:-1px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}@media (min-width: 640px){.sm\:text-sm{font-size:.875rem}.sm\:text-base{font-size:1rem}.sm\:text-lg{font-size:1.125rem}.sm\:text-xl{font-size:1.25rem}.sm\:text-5xl{font-size:3rem}}@media (min-width: 768px){.md\:text-xl{font-size:1.5rem}.md\:text-4xl{font-size:2.25rem}}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,Courier New,monospace}.leading-none{line-height:1}.tracking-wider{letter-spacing:.05em}.whitespace-nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration:underline}.tabular-nums{font-variant-numeric:tabular-nums}.select-all{-webkit-user-select:all;user-select:all}.text-white{color:#fff}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-\[\#888\]{color:#888}.text-\[\#aaa\]{color:#aaa}.text-\[\#ccc\]{color:#ccc}.text-\[\#666\]{color:#666}.text-\[\#555\]{color:#555}.text-\[\#e0e0e0\]{color:#e0e0e0}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--accent-warm\)\]{color:var(--accent-warm)}.text-\[var\(--accent-light\)\]{color:var(--accent-light)}.text-\[var\(--accent-light\)\]\/70{color:color-mix(in srgb,var(--accent-light) 70%,transparent)}.text-\[var\(--accent\)\]\/70{color:color-mix(in srgb,var(--accent) 70%,transparent)}.text-blue-500{color:#3b82f6}.text-blue-400{color:#60a5fa}.text-blue-600{color:#2563eb}.text-\[\#3E7ECE\]{color:#3e7ece}.hover\:text-blue-300:hover{color:#93c5fd}.text-red-500{color:#ef4444}.text-green-500{color:#22c55e}.text-yellow-500{color:#eab308}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/30{background-color:#ffffff4d}.bg-black\/40{background-color:#0006}.bg-black\/60{background-color:#0009}.bg-\[\#0d0d0d\]{background-color:#0d0d0d}.bg-\[\#080808\]{background-color:#080808}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-slate-700{background-color:#334155}.bg-slate-800{background-color:#1e293b}.bg-slate-900{background-color:#0f172a}.border{border:1px solid}.border-2{border-width:2px}.border-t{border-top:1px solid}.border-t-0{border-top:0}.border-b{border-bottom:1px solid}.border-b-0{border-bottom:0}.border-b-2{border-bottom-width:2px}.rounded{border-radius:.25rem}.rounded-sm{border-radius:.125rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-b-lg{border-radius:0 0 .5rem .5rem}.border-white{border-color:#fff}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-gray-300{border-color:#d1d5db}.border-gray-600{border-color:#4b5563}.border-gray-700{border-color:#374151}.border-\[\#444\]{border-color:#444}.border-\[\#333\]{border-color:#333}.border-\[\#666\]{border-color:#666}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-\[10px\]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transition,.transition-all{transition:all .15s}.transition-colors{transition:color .15s,background-color .15s,border-color .15s}.transition-opacity{transition:opacity .15s}.transition-transform{transition:transform .15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-1500{transition-duration:1.5s}.cursor-pointer{cursor:pointer}.cursor-move{cursor:move}.cursor-text{cursor:text}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.transform{transform:translateZ(0)}.translate-y-1\/2,.-translate-y-1\/2{--tw-translate-y: -50%}.rotate-180{transform:rotate(180deg)}.object-cover{object-fit:cover}@keyframes sn-spin{to{transform:rotate(360deg)}}.animate-spin{animation:sn-spin 1s linear infinite}.animate-pulse{animation:sn-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes sn-pulse{0%,to{opacity:1}50%{opacity:.5}}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[110\]{z-index:110}.z-\[9999\]{z-index:9999}.shadow-\[0_0_4px_var\(--accent\)\]{box-shadow:0 0 4px var(--accent)}.shadow-\[0_0_6px_var\(--accent\)\]{box-shadow:0 0 6px var(--accent)}.ring-4{box-shadow:0 0 0 4px}.ring-green-500{--tw-ring-color: #22c55e}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.resize-none{resize:none}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}.writing-mode-vertical-rl{writing-mode:vertical-rl}.sn-btn-success{background-color:#10b981;color:#fff;transition:background-color .2s ease}.sn-btn-success:hover{background-color:#059669}.sn-btn-danger{background-color:#ef4444;color:#fff;transition:background-color .2s ease}.sn-btn-danger:hover{background-color:#dc2626}.sn-btn-primary{background-color:#3b82f6;color:#fff;transition:background-color .2s ease}.sn-btn-primary:hover{background-color:#2563eb}.sn-btn-default{background-color:#ffffff0d;color:#fff;transition:background-color .2s ease}.sn-btn-default:hover{background-color:#ffffff1a}.sn-btn-clear{background-color:transparent;color:#fff;transition:background-color .2s ease}.sn-btn-clear:hover{background-color:#ffffff0d}.sn-tx-primary{color:#fff}.sn-tx-secondary{color:#fffc}.sn-tx-tertiary{color:#ffffffb3}.sn-tx-muted{color:#fff9}.sn-bg-primary{background-color:#050505}.sn-bg-secondary{background-color:#0a0a0a}.sn-bg-surface{background-color:#ffffff0d}.sn-bg-surface-hover{background-color:#ffffff1a}.sn-bd-default{border:1px solid rgba(255,255,255,.1)}.sn-bd-hover{border:1px solid rgba(255,255,255,.2)}.sn-p-xs{padding:.5rem}.sn-p-sm{padding:1rem}.sn-p-md{padding:1.5rem}.sn-p-lg{padding:2rem}.sn-p-xl{padding:3rem}.sn-p-2xl{padding:4rem}.sn-pt-xs{padding-top:.5rem}.sn-pt-sm{padding-top:1rem}.sn-pt-md{padding-top:1.5rem}.sn-pt-lg{padding-top:2rem}.sn-pt-xl{padding-top:3rem}.sn-pt-2xl{padding-top:4rem}.sn-pt-3xl{padding-top:6rem}.sn-pb-xs{padding-bottom:.5rem}.sn-pb-sm{padding-bottom:1rem}.sn-pb-md{padding-bottom:1.5rem}.sn-pb-lg{padding-bottom:2rem}.sn-pb-xl{padding-bottom:3rem}.sn-pb-2xl{padding-bottom:4rem}.sn-pb-3xl{padding-bottom:6rem}.sn-text-xs{font-size:.75rem}.sn-text-sm{font-size:.875rem}.sn-text-base{font-size:1rem}.sn-text-lg{font-size:1.125rem}.sn-text-xl{font-size:1.25rem}.sn-text-2xl{font-size:1.5rem}.sn-text-3xl{font-size:1.875rem}.sn-text-4xl{font-size:2.25rem}.sn-text-5xl{font-size:3rem}.sn-btn-base{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 2px #0000000d;transition:background-color .2s,box-shadow .2s,color .2s;cursor:pointer}.sn-btn-base:hover{box-shadow:0 4px 6px -1px #0000001a}.sn-btn-base:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff4d}.sn-btn-base:disabled{opacity:.6;cursor:not-allowed}.sn-btn-inner{display:flex;align-items:center;justify-content:center;min-height:1.5rem}.sn-btn-spinner{animation:sn-spin 1s linear infinite;width:1.25rem;height:1.25rem;color:#fff}@keyframes sn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sn-btn-ghost-dark{background-color:transparent;color:#fff}.sn-btn-ghost-dark:hover{background-color:#37415180}.sn-btn-ghost-light{background-color:transparent;color:#fff}.sn-btn-ghost-light:hover{background-color:#fff3}.sn-btn-outline{background-color:transparent;border:2px solid rgba(255,255,255,.2);color:#fff}.sn-btn-outline:hover{border-color:#ffffff4d}.sn-btn-dismiss{background-color:#d1d5db;color:#111827}.sn-btn-dismiss:hover{background-color:#9ca3af}.sn-btn-purple{background-color:#9333ea;color:#fff}.sn-btn-purple:hover{background-color:#7e22ce}.sn-btn-gradient{background-image:linear-gradient(to right,#3b82f6,#9333ea);color:#fff}.sn-btn-gradient:hover{background-image:linear-gradient(to right,#2563eb,#7e22ce)}.sn-container{margin-left:auto;margin-right:auto;width:100%;max-width:80rem;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.sn-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.sn-container{padding-left:2rem;padding-right:2rem}}.sn-container-header{margin-left:auto;margin-right:auto;width:100%;max-width:80rem;padding:1.75rem 1rem;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}@media (min-width: 640px){.sn-container-header{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.sn-container-header{padding-left:2rem;padding-right:2rem}}.sn-btn-container,.sn-social-links{display:flex;justify-content:center;gap:1.5rem}.sn-social-link{display:flex;align-items:center;justify-content:center;width:4rem;margin-bottom:2rem;transition:transform .2s,opacity .2s}.sn-social-link:hover{transform:scale(1.1);opacity:.85}@media (min-width: 640px){.sn-social-link{width:5rem}}@media (min-width: 768px){.sn-social-link{width:6rem}}.sn-social-link img{width:60%}.sn-header{color:#fff;position:relative}.sn-header-actions,.sn-header-nav{display:flex;align-items:center;gap:1rem}.sn-header-nav-icon{font-size:1.5rem;cursor:pointer;opacity:.8;transition:opacity .15s}.sn-header-nav-icon:hover{opacity:1}.sn-footer{color:#fff;border-top:1px solid rgba(255,255,255,.1);background-color:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sn-footer-debug{position:absolute;left:1rem;font-size:.75rem;color:#fff6}.sn-footer-inner{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem;gap:.75rem}.sn-footer-icon-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;transition:opacity .15s}.sn-footer-icon-btn:hover{opacity:.8}.sn-footer-icon-btn svg{font-size:1.125rem}.sn-footer-contact-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;border-radius:.5rem;transition:background-color .15s}.sn-footer-contact-btn svg{font-size:1.25rem}.sn-modal-z{position:relative;z-index:50}.sn-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006}.sn-modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem}.sn-modal-panel{width:100%;max-width:28rem;background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a}.sn-modal-title{font-size:1.125rem;font-weight:700;color:#111827}.sn-modal-title.left{text-align:left}.sn-modal-title.center{text-align:center}.sn-modal-text{color:#4b5563;margin-top:.5rem}.sn-modal-text.left{text-align:left}.sn-modal-text.center{text-align:center}.sn-modal-actions{margin-top:1rem;display:flex;gap:.75rem}.sn-modal-actions.right{justify-content:flex-end}.sn-modal-actions.center{justify-content:center}.sn-btn-icon{font-size:1.375rem}.sn-btn-icon-gap{padding-right:.375rem}.sn-w-10{width:2.5rem}.sn-w-30{width:7.5rem}#root{margin:0 auto}.ma-page{display:flex;flex-direction:column;align-items:center}.ma-page-centered{display:flex;flex-direction:column;align-items:center;height:100vh;text-align:center;margin-top:10rem}.ma-page-padded{padding:2rem 1rem}@media (min-width: 640px){.ma-page-padded{padding:3rem 1rem}}.ma-card{max-width:28rem;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center}.ma-back-row{width:100%;margin-bottom:1.5rem;align-self:flex-start}.ma-section{width:100%;max-width:28rem;margin-left:auto;margin-right:auto}.ma-section-mt{margin-top:2.5rem}.ma-section-pt{margin-top:1rem}.ma-page-title{font-size:1.875rem;font-weight:700;margin-bottom:2rem;color:#fff;width:100%;max-width:28rem;margin-left:auto;margin-right:auto;text-align:center}.ma-section-title{font-size:1.125rem;margin-bottom:.25rem}.ma-heading{font-size:1.5rem;margin-bottom:1rem}.ma-heading-semibold{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.ma-text-sm{font-size:.875rem}.ma-text-gray{color:#6b7280}.ma-text-gray-light{color:#9ca3af}.ma-text-gray-300{color:#d1d5db}.ma-text-green{color:#22c55e}.ma-text-center{text-align:center}.ma-mb-2{margin-bottom:.5rem}.ma-mb-4{margin-bottom:1rem}.ma-mb-6{margin-bottom:1.5rem}.ma-mb-7{margin-bottom:1.75rem}.ma-mb-8{margin-bottom:2rem}.ma-form{width:20rem}.ma-form-wide{width:100%}.ma-form>*+*,.ma-form-wide>*+*{margin-top:1rem}.ma-form-label{display:block;font-size:.875rem}.ma-form-row{display:flex;gap:1rem;margin-top:1.5rem;margin-bottom:1.5rem}.ma-input{margin-top:.25rem;display:block;width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;color:#fff;background-color:transparent;font-size:.875rem}.ma-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}.ma-input-simple{width:100%;padding:.5rem;border:1px solid;border-radius:.25rem;color:#fff;font-size:.875rem;font-weight:500;text-align:center;height:50px;background-color:transparent}.ma-input-simple::placeholder{color:#374151}.ma-input-simple:focus{outline:none}.ma-input-pw{padding-right:2.5rem}.ma-input-group{position:relative}.ma-input-eye-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:#6b7280;margin-top:.125rem;background:none;border:none;cursor:pointer}.ma-input-eye-btn:hover{color:#374151}.ma-info-box{display:flex;justify-content:center;align-items:center;padding:.5rem;border:1px solid;border-radius:.25rem;color:#fff;font-size:1rem;font-weight:500;cursor:text;-webkit-user-select:all;user-select:all;text-align:center;height:50px}.ma-info-box-light{border-color:#fff3}.ma-device-box{position:relative;display:flex;flex-direction:column;justify-content:center;padding:.75rem;border:1px solid;border-radius:.25rem;color:#fff;font-size:1rem;font-weight:500;height:70px;overflow:hidden;margin-bottom:1rem}.ma-device-content{text-align:center;transition:opacity 1.5s}.ma-device-content.loaded{opacity:1}.ma-device-content.loading{opacity:0}.ma-device-empty{font-size:.875rem;color:#374151}.ma-device-name{font-weight:500}.ma-device-date{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.ma-separator{width:100%;max-width:28rem;margin-left:auto;margin-right:auto;height:2px;background-color:#fff;opacity:.2;margin-top:1.5rem;margin-bottom:1.5rem}.ma-msg-success{font-size:.875rem;color:#22c55e;text-align:center}.ma-msg-error-box{padding:.75rem;background-color:#fee2e2;border:1px solid #f87171;color:#b91c1c;border-radius:.25rem}.ma-msg-success-box{padding:.75rem;background-color:#dcfce7;border:1px solid #4ade80;color:#15803d;border-radius:.25rem}.ma-msg-warning-box{padding:.75rem;background-color:#fef9c3;border:1px solid #facc15;color:#a16207;border-radius:.25rem}.ma-pending-box{margin-bottom:1rem;padding:.75rem;background-color:#713f12;border:1px solid #ca8a04;border-radius:.25rem}.ma-pending-text{color:#fef08a;font-size:.875rem;text-align:center}.ma-pending-text-sm{font-size:.75rem;margin-top:.25rem}.ma-pending-cancel{margin-top:.75rem}.ma-form-error{color:#ef4444;font-size:.875rem;text-align:center}.ma-form-success{color:#22c55e;font-size:.875rem;text-align:center}.ma-pw-hint{font-size:.75rem;color:#9ca3af;margin-top:.25rem;text-align:left}.ma-link-row{text-align:center;font-size:.875rem;margin-top:1rem}.ma-link{color:#3b82f6;text-decoration:underline;background:none;border:none;cursor:pointer;font-size:inherit}.ma-success-btn{width:10rem;margin-top:.25rem}.ma-key-input-wrap{position:relative;width:100%}.home-hero-section{padding-top:1rem;padding-bottom:1rem}@media (min-width: 768px){.home-hero-section{padding-top:1.5rem;padding-bottom:1.5rem}}.home-hero-inner{max-width:1500px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.home-hero-inner{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.home-hero-inner{padding-left:2rem;padding-right:2rem}}.home-hero-title{text-align:center;margin-bottom:2.5rem}.home-hero-h1{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}@media (min-width: 768px){.home-hero-h1{font-size:2.25rem}}.home-hero-subtitle{font-size:1rem;color:#ffffffb3}@media (min-width: 768px){.home-hero-subtitle{font-size:1.25rem}}.home-product-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-left:auto;margin-right:auto;max-width:72rem}@media (min-width: 768px){.home-product-grid{grid-template-columns:1fr 1fr}}.home-product-card{position:relative;overflow:hidden;border-radius:1rem;cursor:pointer;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:transform .3s,box-shadow .3s,border-color .3s}.home-product-card:hover{transform:scale(1.02);box-shadow:0 25px 50px -12px #00000040;border-color:#fff3}.home-product-card-image-wrap{position:relative;aspect-ratio:16 / 11;overflow:hidden}.home-product-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.home-product-card:hover .home-product-card-img{transform:scale(1.05)}@media (min-width: 640px){.home-product-card-overlay-mobile{display:none}}.home-product-card-label{position:absolute;left:.75rem;width:auto;max-width:85%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.75rem;padding:.75rem}.home-product-card-label-top{top:.75rem}.home-product-card-label-bottom{bottom:.75rem}@media (max-width: 639px){.home-product-card-label-bottom{display:none}}.home-product-card-label-title{font-size:1rem;font-weight:700;color:#fff}@media (min-width: 640px){.home-product-card-label-title{font-size:1.25rem}}.home-product-card-label-desc{color:#ffffffe6;font-size:.875rem}.home-product-card-overlay-desktop{display:none}@media (min-width: 640px){.home-product-card-overlay-desktop{display:block;position:absolute;top:1rem;left:1rem;width:auto;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.75rem;padding:1.25rem}}.home-product-card-desktop-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;color:#fff}.home-product-card-desktop-desc{color:#ffffffe6;font-size:1rem}.dl-wrapper{display:flex;flex-direction:column;align-items:center}.dl-back-row{width:100%;margin-bottom:1.5rem;align-self:flex-start}.dl-title{font-size:1.875rem;font-weight:700;margin-bottom:2rem;color:#fff;width:100%;max-width:28rem;margin-left:auto;margin-right:auto;text-align:center}.dl-text{font-size:1.125rem}.dl-content{width:100%;max-width:28rem;margin-left:auto;margin-right:auto;text-align:center}.dl-section{margin-top:1.5rem}.dl-build-row{margin-bottom:.5rem}.dl-link{color:#3b82f6;margin-left:.5rem;text-decoration:underline;background:none;border:none;cursor:pointer;font-size:inherit;padding:0}.dl-link:disabled{opacity:.6;cursor:not-allowed}.dl-link-sm{color:#60a5fa;margin-left:.5rem;text-decoration:underline;font-size:.875rem;background:none;border:none;cursor:pointer;padding:0}.dl-link-sm:disabled{opacity:.6;cursor:not-allowed}.dl-text-gray{color:#9ca3af;margin-left:.5rem;font-size:.875rem}.dl-changelog{margin-top:1rem;text-align:left;background-color:#1f29374d;padding:1rem;border-radius:.5rem}.dl-changelog-title{font-weight:600;margin-bottom:.5rem}.dl-changelog-list{font-size:.875rem;color:#d1d5db;list-style:disc;padding-left:1.25rem}.dl-changelog-list>li+li{margin-top:.25rem}.dl-divider{margin-top:1.5rem;margin-bottom:1.5rem;border-top:1px solid #4b5563}.dl-error{margin-top:1rem;padding:.75rem;background-color:#fee2e2;border:1px solid #f87171;color:#b91c1c;border-radius:.25rem}.dl-error-text{font-size:.875rem}.mdm-panel{width:50%;height:100%;background-image:linear-gradient(to bottom,#1e293b,#0f172a);border-left:2px solid rgba(255,255,255,.3);box-shadow:0 25px 50px -12px #00000040;overflow-y:auto;display:flex;padding-top:64px}.mdm-range-sidebar{width:5rem;background-color:#0f172a;border-right:1px solid rgba(255,255,255,.2);padding:.5rem;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.mdm-range-title{color:#fff;font-size:.75rem;font-weight:600;margin-bottom:.5rem;writing-mode:vertical-rl}.mdm-main{flex:1;padding:.75rem 1rem 1rem;overflow-y:auto}.mdm-close-btn{position:absolute;top:1rem;right:1rem;color:#fff;transition:color .15s;z-index:20;background:none;border:none;cursor:pointer}.mdm-close-btn:hover{color:#d1d5db}.mdm-close-icon{font-size:1.875rem}.mdm-content>*+*{margin-top:1rem}.mdm-section{background-color:#33415580;border-radius:.5rem;overflow:hidden}.mdm-section-header{width:100%;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;color:#fff;transition:background-color .15s;background:none;border:none;cursor:pointer}.mdm-section-header:hover{background-color:#47556980}.mdm-section-title{font-size:.875rem;font-weight:600}.mdm-section-body{padding:0 1rem 1rem}.mdm-key-row{background-color:#33415580;border-radius:.5rem;padding:1rem}.mdm-key-actions{display:flex;gap:1rem;align-items:center;justify-content:space-between}.mdm-key-left{display:flex;gap:1rem;align-items:center}.mdm-key-label{font-size:.875rem;font-weight:500;color:#d1d5db}.mdm-select{padding:.25rem .75rem;background-color:#374151;border:1px solid #4b5563;border-radius:.25rem;color:#fff;font-size:.875rem}.mdm-mode-btn{padding:.25rem 1rem;border-radius:.25rem;font-weight:500;transition:background-color .15s;color:#fff;border:none;cursor:pointer}.mdm-mode-major{background-color:#2563eb}.mdm-mode-major:hover{background-color:#1d4ed8}.mdm-mode-minor{background-color:#9333ea}.mdm-mode-minor:hover{background-color:#7e22ce}.mdm-btn-row{display:flex;gap:.5rem}.mdm-btn{padding:.25rem .75rem;border-radius:.25rem;color:#fff;font-size:.875rem;font-weight:500;transition:background-color .15s;display:flex;align-items:center;gap:.25rem;border:none;cursor:pointer}.mdm-btn-blue{background-color:#2563eb}.mdm-btn-blue:hover{background-color:#1d4ed8}.mdm-btn-red{background-color:#dc2626}.mdm-btn-red:hover{background-color:#b91c1c}.mdm-btn-green{background-color:#16a34a}.mdm-btn-green:hover{background-color:#15803d}.mdm-btn:disabled{opacity:.5;cursor:not-allowed}.mdm-file-info{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #4b5563}.mdm-file-error{margin-bottom:.5rem;font-size:.75rem;color:#f87171}.mdm-file-loading{margin-bottom:.5rem;font-size:.75rem;color:#60a5fa}@keyframes mdm-pulse{0%,to{opacity:1}50%{opacity:.5}}.mdm-pulse{animation:mdm-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.mdm-file-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.mdm-file-details{flex:1;min-width:0}.mdm-file-label{font-size:.75rem;color:#9ca3af}.mdm-file-label-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.mdm-edit-badge{padding:0 .5rem;background-color:#2563eb;color:#fff;font-size:.75rem;border-radius:.25rem;font-weight:500}.mdm-file-path{font-size:.75rem;font-family:monospace;color:#d1d5db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdm-copy-btn{padding:.25rem .5rem;background-color:#4b5563;color:#fff;border-radius:.25rem;font-size:.75rem;transition:background-color .15s;white-space:nowrap;border:none;cursor:pointer}.mdm-copy-btn:hover{background-color:#6b7280}.mdm-side-by-side{display:flex;gap:1rem}.mdm-chord-col{width:65%}.mdm-json-col{flex:1}.mdm-json-preview{color:#d1d5db;font-size:.75rem;font-family:monospace;overflow-x:auto;background-color:#1e293b;padding:.75rem;border-radius:.25rem}.csel-grid{display:flex;gap:.5rem;margin-bottom:.75rem;border-bottom:1px solid #4b5563;padding-bottom:.75rem}.csel-col{flex:1}.csel-col>*+*{margin-top:.25rem}.csel-col-header{font-size:.75rem;font-weight:700;color:#22d3ee;text-align:center;margin-bottom:.25rem}.csel-col-inner>*+*{margin-top:.25rem}.csel-chord-btn{width:100%;padding:.375rem;background-color:#374151;border:1px solid #4b5563;border-radius:.25rem;color:#fff;font-size:.75rem;font-family:monospace;transition:background-color .15s;cursor:pointer;white-space:nowrap}.csel-chord-btn:hover{background-color:#0891b2}.csel-delete-btn{width:100%;padding:.375rem;background-color:#b91c1c;border:1px solid #dc2626;border-radius:.25rem;color:#fff;font-size:.75rem;font-family:monospace;transition:background-color .15s;display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:.5rem;cursor:pointer}.csel-delete-btn:hover{background-color:#dc2626}.csel-delete-btn:disabled{opacity:.4;cursor:not-allowed}.cns-row{display:flex;justify-content:center;gap:1.5rem}.cns-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.cns-label{font-size:.875rem;font-weight:500;height:1.25rem;display:flex;align-items:center}.cns-label-above{color:#9ca3af}.cns-label-below{color:#fff;font-weight:600}.cns-checkbox{width:2.5rem;height:2.5rem;border-radius:.25rem;border:2px solid;transition:all .15s;cursor:pointer;background:none}.cns-checkbox-on{background-color:#06b6d4;border-color:#22d3ee}.cns-checkbox-off{background-color:#475569;border-color:#64748b}.cns-checkbox-off:hover{border-color:#94a3b8}.lsk-keyboard{position:relative;height:6rem;background-color:#1e293b;border-radius:.25rem;overflow-x:auto}.lsk-white-keys{display:flex;height:100%}.lsk-white-key{position:relative;flex-shrink:0}.lsk-key-btn{width:100%;height:100%;border:1px solid #4b5563;transition:all .15s;position:relative;cursor:pointer;background:none}.lsk-key-root{background-color:#60a5fa;cursor:pointer}.lsk-key-root:hover{background-color:#3b82f6}.lsk-key-nonroot{background-color:#fff;cursor:not-allowed;opacity:.4}.lsk-key-selected{box-shadow:0 0 0 4px #22c55e;background-color:#4ade80}.lsk-key-root-hover:hover{box-shadow:0 0 0 2px #93c5fd}.lsk-key-label{font-size:8px;font-weight:700;color:#1f2937;margin-top:auto}.lsk-middle-c-dot{position:absolute;bottom:.25rem;left:50%;transform:translate(-50%);width:.5rem;height:.5rem;background-color:#ef4444;border-radius:.125rem}.mrs-column{display:flex;flex-direction:column-reverse;gap:.25rem}.mrs-btn{width:3rem;height:2rem;border-radius:.25rem;border:2px solid;font-family:monospace;font-size:.875rem;font-weight:700;transition:background-color .15s;cursor:pointer;background:none}.mrs-btn-lowest{background-color:#2563eb;border-color:#60a5fa;color:#fff}.mrs-btn-highest{background-color:#dc2626;border-color:#f87171;color:#fff}.mrs-btn-default{background-color:#374151;border-color:#4b5563;color:#d1d5db}.mrs-btn-default:hover{background-color:#4b5563}.mrs-spacer{height:.75rem}.mrs-legend{font-size:.75rem;color:#9ca3af;text-align:center;margin-top:.5rem}.mrs-legend>*+*{margin-top:.25rem}.mrs-legend-item{display:flex;align-items:center;justify-content:center;gap:.25rem}.mrs-legend-swatch{width:.75rem;height:.75rem;border-radius:.25rem}.mrs-legend-swatch-high{background-color:#dc2626}.mrs-legend-swatch-low{background-color:#2563eb}.tr-topbar{width:100%;background-color:#1e293b80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;overflow:visible;z-index:50;border-radius:.5rem}.tr-topbar-inner{max-width:80rem;margin-left:auto;margin-right:auto;padding:.75rem 1rem;overflow:visible}@media (min-width: 640px){.tr-topbar-inner{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.tr-topbar-inner{padding-left:2rem;padding-right:2rem}}.tr-btn-row{display:flex;align-items:center;gap:.75rem;overflow:visible}.tr-icon-btn{flex-shrink:0;width:2.5rem;height:2.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.tr-icon-btn:hover{background-color:#fff3}.tr-icon-btn:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 640px){.tr-icon-btn{width:3rem;height:3rem}}.tr-icon-btn-active{background-color:#ffffff4d}.tr-icon-btn-active:hover{background-color:#fff6}.tr-icon-btn-icon{font-size:1rem}@media (min-width: 640px){.tr-icon-btn-icon{font-size:1.125rem}}.tr-spacer{flex-grow:1}.tr-search-row{overflow:hidden;transition:all .3s}.tr-search-row.open{max-height:5rem;opacity:1;margin-top:.75rem}.tr-search-row.closed{max-height:0;opacity:0;margin-top:0}.tr-search-wrap{position:relative;width:100%;overflow:visible}.tr-search-input{width:100%;background-color:#ffffff1a;color:#fff;font-size:.875rem;padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);transition:all .15s}.tr-search-input::placeholder{color:#ffffff80}.tr-search-input:focus{outline:none;border-color:#ffffff4d}.tr-search-input:hover{background-color:#ffffff26}@media (min-width: 640px){.tr-search-input{font-size:1rem;padding:.5rem 1rem}}.tr-key-btn{flex-shrink:0;width:2.5rem;height:2.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;display:flex;align-items:center;justify-content:center;padding:0 .75rem;transition:all .2s;cursor:pointer;color:#ffffff80}.tr-key-btn:hover{background-color:#fff3}.tr-key-btn:focus{outline:none}.tr-key-btn.has-key{color:#fff}@media (min-width: 640px){.tr-key-btn{width:3rem;height:3rem;padding:0 1rem}}.tr-key-btn-label-desktop{display:none;font-size:.875rem}@media (min-width: 640px){.tr-key-btn-label-desktop{display:inline}}.tr-key-btn-label-mobile{font-size:1rem}@media (min-width: 640px){.tr-key-btn-label-mobile{display:none}}.tr-key-modal-panel{width:100%;max-width:24rem;background-color:#1f2937;border-radius:.5rem;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a;border:1px solid #374151}.tr-key-modal-title{font-size:1.125rem;font-weight:700;color:#fff;text-align:center;margin-bottom:1rem}.tr-key-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.tr-key-option{padding:.5rem 1rem;text-align:center;border-radius:.5rem;transition:background-color .15s;cursor:pointer;border:none;font-size:inherit;color:#fff}.tr-key-option-full{width:100%;margin-bottom:.5rem}.tr-key-option-active{background-color:#2563eb}.tr-key-option-inactive{background-color:#374151}.tr-key-option-inactive:hover{background-color:#4b5563}.tr-dm-btn{position:relative;flex-shrink:0;width:2.5rem;height:2.5rem;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:auto;cursor:pointer;background:none}.tr-dm-btn-inactive{background-color:#ffffff1a}.tr-dm-btn-inactive:hover{background-color:#fff3}.tr-dm-btn-active{background-color:#06b6d466}.tr-dm-btn-active:hover{background-color:#06b6d480}@media (min-width: 640px){.tr-dm-btn{width:3rem;height:3rem}}.tr-dm-menu{position:absolute;z-index:9999;pointer-events:auto;background-color:#111827f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1rem;min-width:14rem;box-shadow:0 20px 25px -5px #0000001a}.tr-dm-menu-title{color:#ffffff80;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding:0 .5rem}.tr-dm-menu-item{display:block;width:100%;text-align:left;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;transition:background-color .15s;cursor:pointer;border:none;background:none;color:#fffc}.tr-dm-menu-item:hover{background-color:#ffffff1a}.tr-dm-menu-item-active{background-color:#06b6d433;color:#22d3ee}.tr-refresh-wrap{margin-top:2rem;margin-bottom:1rem;display:flex;justify-content:center}.tr-refresh-btn{display:flex;align-items:center;gap:.5rem;color:#9ca3af;transition:color .15s;font-size:.875rem;background:none;border:none;cursor:pointer}.tr-refresh-btn:hover{color:#fff}.tr-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.tr-breadcrumb{display:flex;align-items:center;margin:.75rem auto 0;width:100%;max-width:48rem;padding-bottom:.4rem}.tr-breadcrumb-back{width:2rem;flex-shrink:0}.tr-breadcrumb-back-btn{width:2.5rem;height:2.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.tr-breadcrumb-back-btn:hover{background-color:#fff3}.tr-file-list{margin:1.25rem auto 0;width:100%;max-width:48rem;list-style:none}.tr-search-results{margin-top:1.25rem;width:100%;display:flex;flex-direction:column;align-items:center}.tr-search-no-results{color:#9ca3af;margin-top:1.25rem}.tr-search-result-group{margin-bottom:1rem;width:100%;display:flex;flex-direction:column;align-items:center}.tr-search-breadcrumb{color:#3b82f6;font-size:.875rem;font-weight:600;text-align:center}@media (min-width: 640px){.tr-search-breadcrumb{font-size:1.125rem}}.ytp-draggable{position:fixed;z-index:110;pointer-events:auto}.ytp-card{border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;border:2px solid #666;overflow:hidden}.ytp-header{padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #444;cursor:move}.ytp-header-left{display:flex;align-items:center;gap:.5rem}.ytp-status-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:var(--accent-light)}.ytp-status-dot.ready{background-color:var(--accent);box-shadow:0 0 6px var(--accent)}.ytp-title-text{color:#e0e0e0;font-size:.875rem;font-weight:700;letter-spacing:.025em}.ytp-close-btn{color:#888;transition:color .15s;background:none;border:none;cursor:pointer}.ytp-close-btn:hover{color:var(--accent-warm)}.ytp-video-title-bar{padding:.5rem .75rem;border-top:1px solid #444;background:#0d0d0d}.ytp-video-title-text{color:#aaa;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-family:monospace}.ytp-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:auto;z-index:40}.ytp-mobile-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:50}.ytp-section{padding:.5rem .75rem;border-bottom:0}.ytp-section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ytp-section-header-left{display:flex;align-items:center;gap:.375rem}.ytp-chevron{color:#666}.ytp-section-label{color:#ccc;font-size:.75rem;font-weight:500}.ytp-section-actions{display:flex;align-items:center;gap:.5rem}.ytp-icon-btn{color:#888;transition:color .15s;background:none;border:none;cursor:pointer}.ytp-icon-btn:hover{color:var(--accent)}.ytp-section-body{margin-top:.75rem}.ytp-section-body>*+*{margin-top:.75rem}.ytp-search-btn{width:100%;padding:.5rem .75rem;border-radius:.25rem;transition:background-color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--accent-light);font-size:.875rem;font-weight:700;border:1px solid rgba(0,255,255,.4);cursor:pointer;background:#0d0d0d}.ytp-search-btn:hover{border-color:#00ffffb3;background:#00ffff1a}.ytp-search-btn:disabled{opacity:.4;cursor:not-allowed}.ytp-url-row{display:flex;gap:.5rem}.ytp-url-input-wrap{flex:1;position:relative}.ytp-url-input{width:100%;padding:.5rem .75rem;border:1px solid #444;border-radius:.25rem;color:#ccc;font-size:.875rem;background:#0d0d0d}.ytp-url-input::placeholder{color:#555}.ytp-url-input:focus{outline:none;border-color:#0ff9;transition:border-color .15s}.ytp-url-input:disabled{opacity:.5;cursor:not-allowed}.ytp-paste-btn{padding:.5rem .75rem;border:1px solid #444;border-radius:.25rem;transition:background-color .15s,color .15s,border-color .15s;display:flex;align-items:center;gap:.5rem;color:#888;font-size:.875rem;background:#0d0d0d;cursor:pointer}.ytp-paste-btn:hover{color:var(--accent);border-color:#00ffff80}.ytp-paste-btn:disabled{opacity:.4;cursor:not-allowed}.ytp-controls-main{border-top:1px solid #444;padding:.75rem;background:#080808}.ytp-time-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.ytp-time-text{color:var(--accent);font-size:.75rem;font-family:monospace}.ytp-error-text{color:var(--accent-warm);font-size:.75rem;font-family:monospace;width:100%;text-align:center}.ytp-progress-wrap{position:relative;margin-bottom:1.5rem}.ytp-progress-bar{width:100%;height:5px;background:#0a0a0a;border-radius:9999px;overflow:hidden;cursor:pointer;border:1px solid #333;transition:height .15s}.ytp-progress-bar:hover{height:7px}.ytp-progress-fill{height:100%;background:var(--accent);transition:width .3s;pointer-events:none;box-shadow:0 0 4px var(--accent)}.ytp-loop-markers{position:absolute;top:.5rem;left:0;right:0;display:flex;align-items:center;height:.75rem}.ytp-loop-marker{position:absolute;height:.75rem;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;line-height:1}.ytp-controls-row{display:flex;align-items:center;justify-content:space-between}.ytp-controls-left{display:flex;justify-content:flex-start;min-width:40px}.ytp-controls-center{display:flex;align-items:center;justify-content:center;gap:.75rem}.ytp-transport-btn{color:#888;transition:color .15s;background:none;border:none;cursor:pointer}.ytp-transport-btn:hover{color:var(--accent)}.ytp-play-btn{width:2rem;height:2rem;border-radius:50%;background:#0ff3;border:1px solid rgba(0,255,255,.5);display:flex;align-items:center;justify-content:center;color:var(--accent-light);transition:all .15s;cursor:pointer}.ytp-play-btn:hover{background:#0ff6;box-shadow:0 0 10px var(--accent)}.ytp-go-a-btn{color:#00ffffb3;font-size:.75rem;font-weight:700;padding:.125rem .375rem;border:1px solid rgba(0,255,255,.3);border-radius:.25rem;transition:color .15s,border-color .15s;background:none;cursor:pointer}.ytp-go-a-btn:hover{color:var(--accent);border-color:#0ff9}.ytp-volume-row{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;gap:.5rem}.ytp-volume-btn{color:#888;transition:color .15s;background:none;border:none;cursor:pointer;flex-shrink:0}.ytp-volume-btn:hover{color:var(--accent)}.ytp-volume-slider{flex:1;height:3px;background:#333;border-radius:9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.ytp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent)}.ytp-ab-section{border-top:1px solid #444;padding:.5rem .75rem;background:#080808}.ytp-ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem;margin-bottom:.5rem}.ytp-ab-col>*+*{margin-top:.25rem}.ytp-ab-col-header{display:flex;align-items:center;justify-content:space-between}.ytp-ab-label-a{color:var(--accent);font-size:10px;font-weight:700}.ytp-ab-label-b{color:var(--accent-warm);font-size:10px;font-weight:700}.ytp-ab-set-btn{color:#00ffffb3;font-size:10px;font-weight:700;padding:.125rem .375rem;border:1px solid rgba(0,255,255,.3);border-radius:.25rem;transition:color .15s,border-color .15s;background:none;cursor:pointer}.ytp-ab-set-btn:hover{color:var(--accent);border-color:#0ff9}.ytp-ab-set-btn-warm{color:#ffb400b3;border-color:#ffb4004d}.ytp-ab-set-btn-warm:hover{color:var(--accent-warm);border-color:#ffb40099}.ytp-ab-set-btn:disabled{opacity:.3;cursor:not-allowed}.ytp-ab-time-box{display:flex;align-items:center;gap:.25rem;border:1px solid rgba(0,255,255,.2);border-radius:.25rem;padding:.25rem .375rem;background:#0d0d0d}.ytp-ab-time-box-warm{border-color:#ffb40033}.ytp-ab-adjust-btn{color:#888;padding:0 .25rem;font-size:.75rem;background:none;border:none;cursor:pointer}.ytp-ab-adjust-btn:hover{color:var(--accent)}.ytp-ab-adjust-btn:disabled{opacity:.3}.ytp-ab-time-value{flex:1;text-align:center;font-family:monospace;font-size:.75rem;font-weight:700}.ytp-ab-time-value-a{color:var(--accent)}.ytp-ab-time-value-b{color:var(--accent-warm)}.ytp-ab-toggle{transition:color .15s;background:none;border:none;cursor:pointer;color:#555}.ytp-ab-toggle:hover{color:#888}.ytp-ab-toggle.on{color:var(--accent)}.ytp-countoff-section{border-top:1px solid #444;padding:.5rem .75rem;background:#080808}.ytp-countoff-display{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.5rem}.ytp-countoff-number{font-size:1.5rem;font-weight:700;font-family:monospace;color:var(--accent);min-width:2rem;text-align:center}.ytp-countoff-adjust{color:#888;background:none;border:1px solid #444;border-radius:.25rem;padding:.25rem .5rem;cursor:pointer;transition:color .15s}.ytp-countoff-adjust:hover{color:var(--accent)}.bass-sheet{flex-shrink:0;background-image:linear-gradient(to bottom,#1e293b,#0f172a);border-top:2px solid rgba(255,255,255,.3);box-shadow:0 25px 50px -12px #00000040;overflow-x:auto}.bass-sheet-inner{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem;padding-bottom:.25rem}@media (min-width: 640px){.bass-sheet-inner{padding-left:1.5rem;padding-right:1.5rem;padding-bottom:.5rem}}.bass-chevron-row{display:flex;justify-content:center;margin-top:-1px}.bass-chevron-btn{width:2rem;height:1.25rem;background-color:#334155;border:1px solid rgba(255,255,255,.2);border-top:0;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:background-color .15s;cursor:pointer}.bass-chevron-btn:hover{background-color:#475569}.bass-chevron-icon{width:1rem;height:1rem;color:#ffffffb3}.bass-collapsed-row{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.375rem .75rem;margin-top:-1px}.bass-collapsed-btn{color:#fff9;transition:color .15s;flex-shrink:0;background:none;border:none;cursor:pointer}.bass-collapsed-btn:hover{color:#ffffffe6}.bass-collapsed-label{color:#fffc;font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}.bass-controls-area{padding-top:.75rem}.bass-key-grid-section{margin-bottom:.75rem}.bass-key-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.bass-key-grid+.bass-key-grid{margin-top:.5rem}.bass-grid-btn{height:40px;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;font-weight:600;transition:all .2s;font-size:.75rem;cursor:pointer;background:none;color:#fff}@media (min-width: 640px){.bass-grid-btn{height:44px;font-size:.875rem}}.bass-grid-btn-active{background-color:#ffffff4d}.bass-grid-btn-active:hover{background-color:#fff6}.bass-grid-btn-inactive{background-color:#ffffff1a}.bass-grid-btn-inactive:hover{background-color:#fff3}.bass-grid-btn-disabled{opacity:.3;cursor:not-allowed;background-color:#ffffff1a}.bass-divider{border-top:1px solid rgba(255,255,255,.15);margin-top:.75rem}.bass-toggle-row{display:flex;gap:.5rem;overflow:visible;flex-wrap:nowrap;justify-content:center;margin-bottom:1rem}@media (min-width: 1024px){.bass-toggle-row{justify-content:flex-start}}.bass-toggle-row.zoomed{margin-bottom:0}.bass-toggle-btn{height:40px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;font-weight:600;transition:all .2s;flex-shrink:0;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center}.bass-toggle-btn:hover{background-color:#fff3}@media (min-width: 640px){.bass-toggle-btn{height:48px}}.bass-toggle-btn-active{background-color:#ffffff4d}.bass-toggle-btn-active:hover{background-color:#fff6}.bass-key-btn{width:40px;font-size:.875rem}@media (min-width: 640px){.bass-key-btn{width:60px;font-size:1rem}}.bass-majmin-btn{padding-left:.5rem;padding-right:.5rem;width:40px;font-size:.75rem}@media (min-width: 640px){.bass-majmin-btn{padding-left:1rem;padding-right:1rem;width:70px;font-size:.875rem}}.bass-note-toggle-btn{padding-left:.5rem;padding-right:.5rem;width:40px;font-size:.75rem}@media (min-width: 640px){.bass-note-toggle-btn{padding-left:1rem;padding-right:1rem;width:70px;font-size:.875rem}}.bass-zoom-btn{padding-left:.5rem;padding-right:.5rem;width:40px;font-size:1rem}@media (min-width: 640px){.bass-zoom-btn{padding-left:.75rem;padding-right:.75rem;width:60px;font-size:1.125rem}}@media (min-width: 1024px){.bass-zoom-btn{display:none}}.bass-spacer{display:none}@media (min-width: 1024px){.bass-spacer{display:flex;flex-grow:1}}.bass-help-btn{padding-left:.5rem;padding-right:.5rem;width:40px;font-size:.875rem}@media (min-width: 640px){.bass-help-btn{padding-left:1rem;padding-right:1rem;width:48px;font-size:1rem}}.bass-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:110;display:flex;align-items:center;justify-content:center;padding:1rem}.bass-modal-panel{background-color:#1e293b;border:2px solid rgba(255,255,255,.3);border-radius:1rem;padding:1rem;max-width:42rem;width:100%;box-shadow:0 25px 50px -12px #00000040}@media (min-width: 640px){.bass-modal-panel{padding:2rem}}.bass-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}@media (min-width: 640px){.bass-modal-header{margin-bottom:1.5rem}}.bass-modal-title{font-size:1.25rem;font-weight:700}@media (min-width: 640px){.bass-modal-title{font-size:1.5rem}}.bass-modal-close{font-size:1.5rem;transition:color .15s;background:none;border:none;color:#fff;cursor:pointer}@media (min-width: 640px){.bass-modal-close{font-size:1.875rem}}.bass-modal-close:hover{color:#ffffffb3}.bass-modal-body>*+*{margin-top:.75rem}@media (min-width: 640px){.bass-modal-body>*+*{margin-top:1rem}}.bass-modal-body{font-size:1rem;line-height:1.625}@media (min-width: 640px){.bass-modal-body{font-size:1.125rem}}.bass-neck-normal{background-color:#ffffff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding-left:.5rem;padding-right:.5rem;padding-bottom:0;padding-top:0}.bass-neck-zoomed{overflow:hidden}.bass-neck-svg{width:100%;height:auto;max-width:100%;overflow:visible}.piano-sheet{flex-shrink:0;background-image:linear-gradient(to bottom,#1e293b,#0f172a);border-top:2px solid rgba(255,255,255,.3);box-shadow:0 25px 50px -12px #00000040;overflow-x:auto}.piano-sheet-inner{max-width:80rem;margin-left:auto;margin-right:auto;padding:.5rem}@media (min-width: 640px){.piano-sheet-inner{padding-left:.75rem;padding-right:.75rem}}.pm-wrapper{width:100%;background-color:#ffffff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:.5rem;transition:opacity .5s}.pm-wrapper.visible{opacity:1}.pm-wrapper.hidden{opacity:0}.pm-keyboard-row{display:flex;justify-content:center;width:100%;overflow-x:auto;margin-bottom:.5rem}.pm-keyboard-inner{display:flex;align-items:center;gap:.75rem;width:100%}.pm-keyboard-area{flex:1;min-width:0}.pm-side-buttons{display:flex;flex-direction:column;gap:.375rem;flex-shrink:0}.pm-sm-btn{padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;transition:background-color .15s,color .15s;border:1px solid rgba(255,255,255,.2);cursor:pointer}.pm-sm-btn-default{background-color:#ffffff1a;color:#ffffffb3}.pm-sm-btn-default:hover{background-color:#fff3}.pm-sm-btn-active{background-color:#06b6d4;color:#fff;border-color:#22d3ee}.pm-sm-btn-active:hover{background-color:#0891b2}.pm-settings-area{margin-top:.75rem}.pk-btn{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.25rem .625rem;color:#fff;font-size:.875rem;transition:background-color .15s,color .15s;cursor:pointer}.pk-btn:hover{background-color:#fff3}.pk-btn.rounded{border-radius:.25rem}.pk-btn-active{background-color:#06b6d4;border-color:#22d3ee}.pk-btn-active:hover{background-color:#0891b2}.pk-controls-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.pk-controls-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex:1}.pk-stepper{display:flex;align-items:center;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;overflow:hidden}.pk-stepper-btn{background-color:#ffffff1a;padding:.25rem .625rem;color:#fff;font-size:.875rem;transition:background-color .15s;border:none;cursor:pointer}.pk-stepper-btn:hover{background-color:#fff3}.pk-stepper-btn.br{border-right:1px solid rgba(255,255,255,.2)}.pk-stepper-btn.bl{border-left:1px solid rgba(255,255,255,.2)}.pk-stepper-value{color:#fff;font-size:.875rem;width:5rem;text-align:center}.pk-stepper-value-wide{color:#fff;font-size:.875rem;width:5rem;text-align:center;white-space:nowrap;padding:0 .25rem}.pk-stepper-sub{margin-left:.375rem;color:#fff6}.pk-slot{flex-shrink:0}.psp-row{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.psp-select{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;padding:.25rem .75rem;color:#fff;font-size:.875rem}.psp-loading-row{display:flex;align-items:center;gap:.75rem}.psp-loading-text{font-size:.875rem;color:#ffffffb3}.psp-progress-bar{width:8rem;height:.5rem;background-color:#fff3;border-radius:.5rem;overflow:hidden}.psp-progress-fill{height:100%;background-color:#06b6d4;transition:width .3s ease-out}.psp-progress-pct{font-size:.75rem;color:#ffffff80}.psp-mute-btn{padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;transition:background-color .15s,color .15s;border:none;cursor:pointer}.psp-mute-off{background-color:#ffffff1a;color:#ffffffb3}.psp-mute-off:hover{background-color:#fff3}.psp-mute-on{background-color:#ef4444;color:#fff}.psp-preset-group{display:flex;gap:.5rem}.psp-preset-btn{padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;transition:background-color .15s,color .15s;border:none;cursor:pointer}.psp-preset-active{background-color:#06b6d4;color:#fff}.psp-preset-inactive{background-color:#ffffff1a;color:#ffffffb3}.psp-preset-inactive:hover{background-color:#fff3}.psp-status-text{font-size:.875rem;text-align:center;margin-bottom:1rem}.psp-status-dim{color:#ffffff80}.psp-status-warn{color:#fde047}.psp-status-yellow{color:#facc15;margin-top:.5rem}.psp-slider-section{margin-bottom:1rem}.psp-slider-label{font-size:.875rem;color:#ffffffb3;display:block;margin-bottom:.5rem}.psp-slider-row{display:flex;align-items:center}.psp-slider-row>*+*{margin-left:.75rem}.psp-slider-end-label{font-size:.75rem;color:#ffffff80}.psp-slider{flex:1;height:.5rem;background-color:#fff3;border-radius:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.psp-instructions{text-align:center;margin-top:1rem}.psp-instruction-text{font-size:.75rem;color:#ffffff80}.cpk-container{position:relative;width:100%;overflow:hidden;background:#1a1a2e;border-radius:8px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.cpk-viewport{position:relative;width:100%;overflow:hidden}.cpk-white-container{display:flex;flex-direction:row;width:100%}.cpk-white-key{flex:1;height:var(--cpk-key-height, 160px);margin:0 1px;background:linear-gradient(180deg,#fff,#fbfbfb,#f5f5f5);border:1px solid #d0d0d0;border-radius:0 0 var(--cpk-radius, 3px) var(--cpk-radius, 3px);cursor:pointer;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;box-shadow:3px 3px 6px -2px #484f604d,-2px -2px 6px -1px #fffc}.cpk-white-key.playing-above{background:#55dfb8;box-shadow:none}.cpk-white-key.range-first{background:#ff2020;box-shadow:none}.cpk-black-container{position:absolute;top:0;left:0;width:100%;height:60%;pointer-events:none;z-index:10}.cpk-black-key{position:absolute;height:100%;background:linear-gradient(180deg,#3a3a3a,#2d2d2d,#202020);border:1px solid #1a1a1a;border-radius:0 0 var(--cpk-radius, 3px) var(--cpk-radius, 3px);cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;box-shadow:3px 3px 8px -2px #00000080,-2px -2px 8px -1px #64646433;pointer-events:auto;z-index:20}.cpk-black-key.playing-above{background:#3ab899;box-shadow:none}.cpk-black-key.range-first{background:#d00;box-shadow:none}.cpk-label{font-family:Arial,sans-serif;font-weight:700;text-align:center;pointer-events:none;line-height:1}.cpk-white-key .cpk-label{font-size:13px;color:#333}.cpk-black-key .cpk-label{font-size:10px;color:#ffffffb3}.cpk-white-key.playing-above .cpk-label,.cpk-white-key.range-first .cpk-label,.cpk-black-key.playing-above .cpk-label,.cpk-black-key.range-first .cpk-label{color:#000}:root{--cpk-radius: 3px}.pv-viewport{position:fixed;background-color:#000;overflow:hidden;cursor:pointer}.pv-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pv-control-icon{font-size:1.5rem;cursor:pointer;opacity:1;transition:opacity .15s}.pv-control-icon:hover{opacity:1}.pv-control-top-left{position:absolute;top:1rem;left:1rem;z-index:60}.pv-control-top-right{position:absolute;top:1rem;right:1rem;z-index:60}.pv-heart-icon{color:#f87171}.pv-heart-icon:hover{color:#ef4444}.pv-pause-badge{position:absolute;top:1rem;right:4rem;z-index:40}.pv-pause-inner{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.25rem .75rem;border-radius:.25rem;color:#fffc;font-size:.875rem}.pv-overlay-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:30}.pv-overlay-text{color:#fff9;font-size:1.125rem}.pv-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to top,rgba(0,0,0,.2),transparent,rgba(0,0,0,.2));pointer-events:none;z-index:10}.ps-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ps-modal-panel{background-color:#111827f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;padding:2rem;max-width:28rem;width:100%;margin:0 1rem;border:1px solid rgba(255,255,255,.1)}.ps-modal-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.ps-modal-section{margin-bottom:1.5rem}.ps-modal-label{display:block;color:#ffffffe6;margin-bottom:.5rem;font-size:.875rem}.ps-modal-slider{width:100%;height:.5rem;background-color:#374151;border-radius:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;accent-color:#3b82f6}.ps-modal-range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#fff9;margin-top:.25rem}.ps-modal-btn{width:100%;padding:.75rem 1.5rem;border-radius:.5rem;transition:background-color .15s;color:#fff}.ps-modal-btn-gray{background-color:#374151}.ps-modal-btn-gray:hover{background-color:#4b5563}.ps-modal-btn-dark{background-color:#1f2937}.ps-modal-btn-dark:hover{background-color:#374151}.ps-modal-hints{text-align:center;color:#ffffff80;font-size:.75rem;margin-top:1rem}.ps-modal-hints>*+*{margin-top:1rem}.ps-modal-kbd{background-color:#1f2937;padding:.25rem .5rem;border-radius:.25rem}.ps-modal-home-btn{width:100%;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;transition:background-color .15s}.legal-container{max-width:48rem;margin-left:auto;margin-right:auto;padding:1.5rem;margin-top:2.5rem;color:#fffc}.legal-h1{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.legal-h2{font-size:1.5rem;font-weight:600;margin-top:1.5rem}.legal-p{margin-bottom:1rem}.legal-p:last-child{margin-bottom:0}.ct-outer{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;margin-top:.25rem;padding-bottom:2rem}.ct-title-area{margin-bottom:2rem}.ct-h1{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1rem}@media (min-width: 640px){.ct-h1{font-size:3rem}}.ct-subtitle{font-size:1.125rem;color:#ffffffb3;max-width:42rem;margin-left:auto;margin-right:auto}.ct-exercise-box{background-color:#ffffff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;margin-bottom:2rem;max-width:42rem;margin-left:auto;margin-right:auto}.ct-btn-area{display:flex;flex-direction:column;align-items:center}.ct-btn-area>*+*{margin-top:1rem}.ct-gen-btn{font-size:1.125rem;padding:1rem 2rem;border-radius:.75rem;font-weight:600;box-shadow:0 10px 15px -3px #0000001a;transition:all .2s}.ct-gen-btn:hover{box-shadow:0 20px 25px -5px #0000001a}.ct-hint{font-size:.75rem;color:#fff6}.ct-kbd{padding:.25rem .5rem;background-color:#ffffff1a;border-radius:.25rem;font-size:.75rem;font-family:monospace}.ct-empty{text-align:center;padding-top:3rem;padding-bottom:3rem}.ct-empty-icon{font-size:3.75rem;margin-bottom:1rem}.ct-empty-title{font-size:1.25rem;color:#fffc;margin-bottom:.5rem}.ct-empty-text{color:#fff9}.ct-exercise-inner>*+*{margin-top:1.5rem}.ct-exercise-header{text-align:center}.ct-exercise-label{font-size:1.5rem;font-weight:600;color:#ffffffe6;margin-bottom:.5rem}.ct-exercise-card{background-color:#3b82f633;border-radius:.5rem;padding:1.5rem}.ct-exercise-card>*+*{margin-top:1rem}.ct-field-label{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.ct-field-value{font-size:1.875rem;font-weight:700;color:#fff;margin-top:.25rem}.ct-field-sub{font-size:.875rem;color:#fff9;text-transform:capitalize}.ct-divider{border-top:1px solid rgba(255,255,255,.2);padding-top:1rem}.ct-progression-value{font-size:1.5rem;font-family:monospace;color:#fff;margin-top:.25rem;background-color:#0003;border-radius:.25rem;padding:.25rem 1rem}.ct-inversion-value{font-size:1.5rem;font-weight:700;color:#fff;margin-top:.25rem}.ct-description{font-size:.875rem;color:#ffffff80;max-width:28rem;margin-left:auto;margin-right:auto;margin-top:1rem}body,html{width:100%;height:100%;margin:0;padding:0}.tab-maker-container{display:flex;flex-direction:row;width:100vw;height:100vh;background-color:#2a2a2a;gap:0;padding:0;margin:0;box-sizing:border-box;overflow:hidden}.input-container{width:1000px;display:flex;flex-direction:column;padding:0 30px}.toolbar{display:flex;gap:10px;margin-bottom:20px;align-items:center;padding-top:15px}.toolbar-btn{flex:1;padding:8px 16px;background-color:#7fffd4;color:#1a1a1a;border:none;border-radius:4px;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.toolbar-btn-danger:hover:not(:disabled){background-color:#ee5a5a}.toolbar-btn-active{background-color:#ff6b6b;color:#fff;animation:pulse 2s ease-in-out infinite}.toolbar-btn-paused{background-color:orange;color:#1a1a1a}.toolbar-btn-paused:hover:not(:disabled){background-color:#e69500}.toolbar-btn-minor{background-color:#96c;color:#fff}.toolbar-btn-minor:hover:not(:disabled){background-color:#85b}.toolbar-btn-ladderroot{background-color:#4ecdc4;color:#1a1a1a}.toolbar-btn-ladderroot:hover:not(:disabled){background-color:#3dbdb5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.toolbar-info{flex:0 0 25%;font-family:Menlo,Monaco,Courier New,monospace;font-size:12px;color:#999;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-size-control{display:flex;gap:10px;align-items:center;margin-bottom:15px;border-top:1px solid #444;border-bottom:1px solid #444;padding:15px 0}.font-size-control label{font-family:Menlo,Monaco,Courier New,monospace;font-size:12px;color:#7fffd4;font-weight:600;min-width:80px}.font-size-slider{flex:1;height:6px;border-radius:3px;background:#444;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.font-size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#7fffd4;cursor:pointer;transition:all .2s}.font-size-slider::-webkit-slider-thumb:hover{background:#5fd4b4;transform:scale(1.2)}.font-size-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#7fffd4;cursor:pointer;border:none;transition:all .2s}.font-size-slider::-moz-range-thumb:hover{background:#5fd4b4;transform:scale(1.2)}.font-size-value{font-family:Menlo,Monaco,Courier New,monospace;font-size:12px;color:#aaa;font-weight:600;min-width:40px;text-align:right}.midi-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.midi-selector-panel{background-color:#2a2a2a;border:2px solid #7fffd4;border-radius:8px;padding:30px;min-width:400px;box-shadow:0 4px 20px #00000080}.midi-selector-panel h3{color:#7fffd4;font-family:Menlo,Monaco,Courier New,monospace;font-size:18px;margin-bottom:20px;text-align:center}.midi-device-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.midi-device-btn{padding:12px 20px;background-color:#3a3a3a;color:#fff;border:2px solid #555;border-radius:4px;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;cursor:pointer;transition:all .2s;text-align:left}.midi-device-btn:hover{background-color:#4a4a4a;border-color:#7fffd4;transform:translate(5px)}.midi-cancel-btn{width:100%;padding:10px;background-color:#555;color:#fff;border:none;border-radius:4px;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;cursor:pointer;transition:all .2s}.midi-cancel-btn:hover{background-color:#666}.input-page{background-color:#fff;padding:20px 0;overflow:auto;flex:1}.input-container textarea{width:100%;height:100%;background-color:transparent;color:#1a1a1a;border:none;padding:0;font-family:Menlo,Monaco,Courier New,monospace;font-size:18px;line-height:1.6;resize:none;outline:none}.input-container textarea::placeholder{color:#999;font-size:16px}.canvas-container{width:1000px;display:flex;flex-direction:column;padding:0 30px}.canvas-page{background-color:#1a1a1a;padding:20px 0;overflow:auto;flex:1;display:flex;align-items:flex-start;justify-content:center}canvas{display:block;background-color:transparent}.midi-paused-indicator{position:fixed;bottom:16px;left:16px;width:14px;height:14px;border-radius:50%;background-color:#f33;box-shadow:0 0 10px #f339;z-index:9999;pointer-events:none}@media print{.tab-maker-container{padding:0;gap:0}.input-container{display:none}.canvas-container{max-width:100%}.canvas-page{box-shadow:none;padding:0}}.lyrics-formatter-container{display:flex;flex-direction:column;height:100vh;background-color:#2a2a2a;padding:0}.formatter-header{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-bottom:2px solid #7fffd4;padding:40px;text-align:center}.formatter-header h2{color:#7fffd4;font-family:Menlo,Monaco,Courier New,monospace;font-size:28px;margin:0 0 10px}.formatter-header p{color:#aaa;font-family:Menlo,Monaco,Courier New,monospace;font-size:16px;margin:0}.formatter-content{display:flex;flex-direction:column;flex:1;padding:40px;gap:30px;max-width:1200px;margin:0 auto;width:100%;overflow-y:auto}.formatter-instructions{background-color:#1a1a1a;border:1px solid #444;border-radius:8px;padding:30px}.formatter-instructions h3{color:#7fffd4;font-family:Menlo,Monaco,Courier New,monospace;font-size:16px;margin:0 0 15px}.formatter-instructions ul{list-style:none;padding:0;margin:0}.formatter-instructions li{color:#ddd;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.8;margin-bottom:10px}.formatter-instructions li:before{content:"→ ";color:#7fffd4;margin-right:10px}.lyrics-paste-textarea{flex:1;background-color:#1a1a1a;color:#ddd;border:2px solid #444;border-radius:8px;padding:20px;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;resize:none;outline:none;min-height:300px;transition:border-color .2s}.lyrics-paste-textarea:focus{border-color:#7fffd4;box-shadow:0 0 10px #7fffd433}.lyrics-paste-textarea::placeholder{color:#666}.formatter-buttons{display:flex;gap:15px;justify-content:center}.format-btn{padding:12px 40px;background-color:#7fffd4;color:#1a1a1a;border:none;border-radius:6px;font-family:Menlo,Monaco,Courier New,monospace;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;min-width:250px}.format-btn:hover:not(:disabled){background-color:#5fd4b4;transform:translateY(-2px);box-shadow:0 4px 12px #7fffd44d}.format-btn:active:not(:disabled){transform:translateY(0)}.format-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn-format{background-color:#7fffd4;color:#1a1a1a}.toolbar-btn-format:hover:not(:disabled){background-color:#5fd4b4}.tab-editor-mode{display:flex;flex-direction:row;height:100%;gap:40px}.chart-maker-container{display:flex;flex-direction:row;height:100vh;background-color:#2a2a2a;gap:40px;padding:40px;overflow:hidden}.input-container{flex:1;display:flex;flex-direction:column;max-width:50%}.toolbar{display:flex;gap:10px;margin-bottom:20px;align-items:center}.toolbar-btn{padding:8px 16px;background-color:#7fffd4;color:#1a1a1a;border:none;border-radius:4px;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.toolbar-btn:hover:not(:disabled){background-color:#5fd4b4;transform:translateY(-1px)}.toolbar-btn:active:not(:disabled){transform:translateY(0)}.toolbar-btn:disabled{background-color:#4a4a4a;color:#888;cursor:not-allowed}.toolbar-btn-active{background-color:gold;color:#1a1a1a}.toolbar-btn-danger{background-color:#ff6b6b;color:#fff}.toolbar-btn-danger:hover:not(:disabled){background-color:#ff5252}.toolbar-info{margin-left:auto;color:#7fffd4;font-family:Menlo,Monaco,Courier New,monospace;font-size:12px}.input-page{flex:1;background-color:#1a1a1a;border-radius:8px;padding:20px;overflow:auto;box-shadow:0 4px 6px #0000004d}.input-page textarea{width:100%;height:100%;background-color:transparent;border:none;outline:none;color:#fff;font-family:Courier New,Courier,monospace;font-size:16px;line-height:1.5;resize:none;-moz-tab-size:4;tab-size:4}.input-page textarea::placeholder{color:#666}.canvas-container{flex:1;display:flex;flex-direction:column;max-width:50%}.canvas-page{flex:1;background-color:#1a1a1a;border-radius:8px;padding:20px;overflow:auto;box-shadow:0 4px 6px #0000004d;display:flex;justify-content:center;align-items:flex-start}.canvas-page canvas{display:block;max-width:100%;height:auto;image-rendering:crisp-edges}.input-page::-webkit-scrollbar,.canvas-page::-webkit-scrollbar{width:10px;height:10px}.input-page::-webkit-scrollbar-track,.canvas-page::-webkit-scrollbar-track{background:#2a2a2a;border-radius:5px}.input-page::-webkit-scrollbar-thumb,.canvas-page::-webkit-scrollbar-thumb{background:#7fffd4;border-radius:5px}.input-page::-webkit-scrollbar-thumb:hover,.canvas-page::-webkit-scrollbar-thumb:hover{background:#5fd4b4}@media (max-width: 1200px){.chart-maker-container{flex-direction:column;padding:20px;gap:20px}.input-container,.canvas-container{max-width:100%}.input-container{height:40vh}.canvas-container{height:50vh}}.ev-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;padding-left:1rem;padding-right:1rem}.ev-card{max-width:28rem;width:100%;text-align:center}.ev-card>*+*{margin-top:1.5rem}.ev-icon-wrap{font-size:3.75rem;margin-bottom:1rem}.ev-title{font-size:1.5rem;font-weight:700}.ev-message{color:#ffffffb3}.evc-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem}.evc-card{max-width:28rem;width:100%;border-radius:.5rem;padding:2rem}.evc-center{text-align:center}.evc-spinner{animation:sn-spin 1s linear infinite;border-radius:50%;height:3rem;width:3rem;border-bottom:2px solid #3b82f6;margin:0 auto 1rem}.evc-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.evc-text-gray{color:#d1d5db}.evc-text-sm-gray{font-size:.875rem;color:#9ca3af}.evc-icon-success{color:#10b981;font-size:3.75rem;margin-bottom:1rem}.evc-icon-error{color:#ef4444;font-size:3.75rem;margin-bottom:1rem}.evc-text-blue{color:#60a5fa;margin-bottom:1rem}.evc-btn-row>*+*{margin-top:.5rem}.evc-btn-full{display:block;width:100%;font-weight:500;padding:.5rem 1rem;border-radius:.25rem;transition:background-color .15s}.evc-btn-gray{display:block;width:100%;background-color:#6b7280;color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.25rem;transition:background-color .15s}.evc-btn-gray:hover{background-color:#4b5563}.evc-mb-4{margin-bottom:1rem}.evc-mb-6{margin-bottom:1.5rem}.dr-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:5rem;height:100vh;color:#fff}.dr-spinner{animation:sn-spin 1s linear infinite;border-radius:50%;height:3rem;width:3rem;border-bottom:2px solid #ffffff;margin:0 auto 1rem}.dr-title{font-size:1.5rem;margin-bottom:1rem}.dr-title-bold{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.dr-text-gray{color:#9ca3af}.dr-card{max-width:28rem;margin-left:auto;margin-right:auto;text-align:center}.dr-mt-6{margin-top:1.5rem}.dr-mt-8{margin-top:2rem}.dr-msg{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.dr-msg-success{background-color:#14532d;color:#dcfce7;border:1px solid #15803d}.dr-msg-error{background-color:#7f1d1d;color:#fee2e2;border:1px solid #b91c1c}.dr-btn-register{padding:1rem 2rem;border-radius:.5rem;transition:background-color .15s;font-weight:500;font-size:1.125rem}.dr-btn-account{padding:.75rem 1.5rem;border-radius:.5rem;transition:background-color .15s;font-weight:500}.dr-btn-orange{background-color:#ea580c;color:#fff}.dr-btn-orange:hover{background-color:#c2410c}.dr-btn-gray{padding:.5rem 1.5rem;background-color:#4b5563;border-radius:.5rem;transition:background-color .15s;color:#fff}.dr-btn-gray:hover{background-color:#374151}.prod-header-section{padding-top:1.5rem;padding-bottom:1.5rem}@media (min-width: 768px){.prod-header-section{padding-top:2rem;padding-bottom:2rem}}.prod-header-image-wrap{max-width:56rem;margin-left:auto;margin-right:auto}.prod-header-img{width:100%;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040}.prod-title-section{padding-top:1.5rem;padding-bottom:1.5rem}.prod-title-wrap{max-width:48rem;margin-left:auto;margin-right:auto}.prod-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}@media (min-width: 768px){.prod-title{font-size:2.25rem}}.prod-description{font-size:1rem;color:#ffffffb3}@media (min-width: 768px){.prod-description{font-size:1.25rem}}.prod-page{min-height:100vh}.prod-content{padding-bottom:3rem}.prod-content-inner{max-width:48rem;margin-left:auto;margin-right:auto}.prod-content-inner>*+*{margin-top:2rem}.prod-section-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.prod-feature-list{color:#fffc}.prod-feature-list>li+li{margin-top:.5rem}.prod-footnote{font-size:.75rem;color:#ffffff80;margin-top:1rem;font-style:italic}.prod-specs-list{color:#fffc}.prod-specs-list>*+*{margin-top:.5rem}.prod-support-list{color:#fffc}.prod-support-list>*+*{margin-top:.75rem}.prod-pricing-card{background-color:#ffffff0d;border-radius:1rem;padding:2rem;border:1px solid rgba(255,255,255,.1)}.prod-pricing-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.prod-pricing-price-row{margin-bottom:1.5rem;display:flex;align-items:baseline;gap:.75rem}.prod-pricing-price{font-size:2.25rem;font-weight:700;color:#fff}.prod-pricing-desc{color:#fffc;margin-bottom:1.5rem}.prod-pricing-features{margin-bottom:1.5rem;color:#fffc}.prod-pricing-features>li+li{margin-top:.5rem}.prod-pricing-buttons>*+*{margin-top:.75rem}.prod-pricing-error{margin-top:1rem;padding:.75rem;background-color:#fee2e2;border:1px solid #f87171;color:#b91c1c;border-radius:.25rem}.prod-pricing-error-text{font-size:.875rem}.metro-card{width:260px;background:linear-gradient(180deg,#0d0d0d,#050505);border:2px solid #666;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;-webkit-user-select:none;user-select:none}.metro-header{padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #444;background:linear-gradient(180deg,#1a1a1a,#0d0d0d);cursor:move}.metro-header-left{display:flex;align-items:center;gap:.5rem}.metro-title{color:#e0e0e0;font-size:.875rem;font-weight:700;letter-spacing:.025em}.metro-close-btn{color:#888;transition:color .15s;background:none;border:none;cursor:pointer}.metro-close-btn:hover{color:#e0e0e0}.metro-body{padding:1rem;background:#080808}.metro-bpm-section{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.metro-bpm-btn{width:2rem;height:2rem;border-radius:.375rem;border:1px solid #444;background:#0d0d0d;color:#ccc;font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s}.metro-bpm-btn:hover{background:#1a1a1a;border-color:#888}.metro-bpm-display{font-size:2.5rem;font-weight:700;font-family:monospace;color:#fff;min-width:5rem;text-align:center;cursor:ew-resize;line-height:1}.metro-bpm-display.dragging{color:#22d3ee}.metro-bpm-label{font-size:.75rem;color:#666;text-align:center;margin-top:-.5rem;margin-bottom:.75rem}.metro-beat-flash,.metro-beat-flash-spacer{width:8px;height:8px;border-radius:50%}.metro-beat-flash{background:#333;transition:background .04s,box-shadow .04s}.metro-beat-flash.idle{background:#222}.metro-beat-flash.active{background:#22c55e;box-shadow:0 0 8px 3px #22c55e99}.metro-beats-section{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.metro-beats-label{font-size:.75rem;color:#888}.metro-beat-btn{width:2rem;height:2rem;border-radius:.25rem;border:1px solid #444;background:#0d0d0d;color:#ccc;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.metro-beat-btn:hover{background:#1a1a1a}.metro-beat-btn.active{background:#06b6d440;border-color:#22d3ee;color:#22d3ee}.metro-sound-section{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.metro-sound-btn{padding:.25rem .75rem;height:2rem;border-radius:.25rem;border:1px solid #444;background:#0d0d0d;color:#ccc;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;text-transform:capitalize}.metro-sound-btn:hover{background:#1a1a1a}.metro-sound-btn.active{background:#06b6d440;border-color:#22d3ee;color:#22d3ee}.metro-downbeat-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.metro-downbeat-label{font-size:.75rem;color:#888}.metro-toggle{width:2.5rem;height:1.375rem;border-radius:999px;border:1px solid #444;background:#0d0d0d;cursor:pointer;position:relative;transition:background .15s,border-color .15s}.metro-toggle.on{background:#06b6d44d;border-color:#22d3ee}.metro-toggle-knob{position:absolute;top:1px;left:1px;width:calc(1.375rem - 4px);height:calc(1.375rem - 4px);border-radius:50%;background:#ccc;transition:transform .15s}.metro-toggle.on .metro-toggle-knob{transform:translate(1.125rem);background:#22d3ee}.metro-volume-row{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.metro-volume-icon{color:#888;font-size:.875rem;flex-shrink:0}.metro-volume-slider{flex:1;height:3px;background:#333;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.metro-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#22d3ee;cursor:pointer}.metro-play-btn{width:100%;margin-top:1rem;padding:.5rem;border-radius:.5rem;border:1px solid rgba(34,211,238,.5);background:#06b6d433;color:#22d3ee;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.metro-play-btn:hover{background:#06b6d459;box-shadow:0 0 10px #22d3ee33}.metro-play-btn.playing{border-color:#ef444480;background:#ef444433;color:#f87171}.metro-play-btn.playing:hover{background:#ef444459}