:root{--bg: #06060e;--surface: #0e0e1a;--surface-hover: #14141f;--border: #1e1e2e;--text: #e8e8f0;--text-muted: #a0a0b8;--text-dim: #6a6a80;--accent: #8b5cf6;--accent-bg: rgba(139, 92, 246, .1);--accent-border: rgba(139, 92, 246, .25);--error: #f87171;--error-bg: rgba(248, 113, 113, .1);font-family:DM Sans,Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}::selection{background:var(--accent);color:#fff}.stem-drop{border:2px dashed var(--border);border-radius:14px;padding:48px 32px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.stem-drop:hover,.stem-drop--active{border-color:var(--accent);background:var(--accent-bg)}.stem-drop__icon{color:var(--text-dim);margin-bottom:12px}.stem-drop--active .stem-drop__icon{color:var(--accent)}.stem-drop__text{color:var(--text-muted);font-size:.95rem;margin:0 0 6px}.stem-drop__link{color:var(--accent);cursor:pointer;font-weight:500;text-decoration:underline;text-underline-offset:2px}.stem-drop__hint{color:var(--text-dim);font-size:.78rem;margin:0}.legal-page{min-height:100vh;background:var(--bg, #0f0f0f);display:flex;justify-content:center;align-items:flex-start;padding:2.5rem 1rem 4rem}.legal-card{background:var(--surface, #1a1a1a);border:1px solid var(--border, #2a2a2a);border-radius:12px;padding:2.5rem 2rem;max-width:720px;width:100%;color:var(--text, #e0e0e0)}.legal-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.legal-logo{width:32px;height:32px;object-fit:contain}.legal-brand h1{font-size:1.1rem;font-weight:600;color:var(--text, #e0e0e0);margin:0}.legal-card h2{font-size:1.6rem;font-weight:700;color:var(--text, #e0e0e0);margin:0 0 .25rem}.legal-date{font-size:.8rem;color:var(--text-dim, #666);margin:0 0 2rem}.legal-card section{margin-bottom:1.75rem}.legal-card h3{font-size:1rem;font-weight:600;color:var(--text, #e0e0e0);margin:0 0 .6rem}.legal-card p{font-size:.9rem;line-height:1.7;color:var(--text-dim, #aaa);margin:0 0 .5rem}.legal-card ul{padding-left:1.4rem;margin:.25rem 0 0}.legal-card li{font-size:.9rem;line-height:1.7;color:var(--text-dim, #aaa);margin-bottom:.25rem}.legal-card a{color:var(--accent, #7c6af7);text-decoration:none}.legal-card a:hover{text-decoration:underline}.legal-back{display:inline-block;margin-top:1rem;font-size:.85rem;color:var(--text-dim, #888)!important}.sub-modal__overlay{position:fixed;inset:0;z-index:120;background:#000000a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.sub-modal{position:relative;background:var(--surface, #1a1a23);border:1px solid rgba(139,92,246,.25);border-radius:18px;width:100%;max-width:420px;padding:28px 24px 20px;text-align:center;box-shadow:0 24px 64px #0000008c;animation:subModalIn .18s ease-out}@keyframes subModalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sub-modal__close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;border-radius:8px;color:var(--text-muted, #999);cursor:pointer;transition:background .15s,color .15s}.sub-modal__close:hover{background:#ffffff12;color:var(--text, #f0f0f0)}.sub-modal__badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#c4b5fd;background:#8b5cf624;border:1px solid rgba(139,92,246,.3);padding:4px 10px;border-radius:999px;margin-bottom:14px}.sub-modal__title{font-size:1.25rem;font-weight:750;line-height:1.25;color:var(--text, #f5f5f7);margin:0 0 8px}.sub-modal__body{font-size:.92rem;line-height:1.5;color:var(--text-muted, #a8a8b3);margin:0 0 18px}.sub-modal__features{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:9px;text-align:left}.sub-modal__features li{display:flex;align-items:center;gap:9px;font-size:.88rem;color:var(--text, #e6e6ea)}.sub-modal__features li svg{flex-shrink:0;color:#a78bfa}.sub-modal__price{background:#8b5cf61a;border:1px solid rgba(139,92,246,.22);border-radius:12px;padding:14px 12px 12px;margin-bottom:14px}.sub-modal__price-main{display:flex;align-items:baseline;justify-content:center;gap:7px}.sub-modal__price-amount{font-size:2.1rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:#fff}.sub-modal__price-label{font-size:.82rem;font-weight:600;color:#c4b5fd}.sub-modal__price-sub{margin-top:6px;font-size:.8rem;font-weight:500;color:var(--text-muted, #a8a8b3)}.sub-modal__cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;border:none;border-radius:12px;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,opacity .15s;box-shadow:0 8px 24px #8b5cf659}.sub-modal__cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px #8b5cf673}.sub-modal__cta:disabled{opacity:.7;cursor:default}.sub-modal__spin{animation:subSpin .8s linear infinite}@keyframes subSpin{to{transform:rotate(360deg)}}.sub-modal__reassure{font-size:.78rem;color:var(--text-muted, #8a8a94);margin-top:10px}.sub-modal__later{display:block;margin:8px auto 0;padding:6px 10px;border:none;background:transparent;font-size:.82rem;color:var(--text-muted, #8a8a94);cursor:pointer;border-radius:8px;transition:color .15s}.sub-modal__later:hover{color:var(--text, #e6e6ea)}.premium-locked{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;max-width:440px;margin:64px auto;padding:36px 28px;background:var(--surface, #1a1a23);border:1px solid rgba(139,92,246,.22);border-radius:18px}.premium-locked__icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;color:#c4b5fd;background:#8b5cf624;border:1px solid rgba(139,92,246,.28)}.premium-locked__title{font-size:1.3rem;font-weight:750;line-height:1.25;color:var(--text, #f5f5f7);margin:0}.premium-locked__body{font-size:.95rem;line-height:1.5;color:var(--text-muted, #a8a8b3);margin:0}.premium-locked__cta{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:12px 22px;border:none;border-radius:12px;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);cursor:pointer;transition:transform .12s ease,box-shadow .15s ease;box-shadow:0 8px 24px #8b5cf659}.premium-locked__cta:hover{transform:translateY(-1px);box-shadow:0 12px 30px #8b5cf673}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.login-card{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px 48px;display:flex;flex-direction:column;gap:0}.login-brand{text-align:center;margin-bottom:32px}.login-logo{width:64px;height:64px;object-fit:contain;margin-bottom:12px}.login-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 4px}.login-subtitle{font-size:.875rem;color:var(--text-dim);margin:0}.login-providers{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;border:1px solid var(--border);transition:opacity .15s,background .15s;width:100%}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-btn--google{background:#fff;color:#3c4043;border-color:#dadce0}.login-btn--google:hover:not(:disabled){background:#f8f9fa}.login-btn--facebook{background:#1877f2;color:#fff;border-color:#1877f2}.login-btn--facebook:hover:not(:disabled){background:#166fe5}.login-btn--apple{background:#000;color:#fff;border-color:#000}.login-btn--apple:hover:not(:disabled){background:#111}.login-btn--email{background:var(--accent);color:#fff;border-color:var(--accent);margin-top:4px}.login-btn--email:hover:not(:disabled){opacity:.88}.login-divider{display:flex;align-items:center;gap:12px;color:var(--text-dim);font-size:.8rem;margin-bottom:20px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-form{display:flex;flex-direction:column;gap:10px}.login-input{padding:11px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.9rem;outline:none;transition:border-color .15s}.login-input:focus{border-color:var(--accent)}.login-error{font-size:.82rem;color:var(--error);margin:2px 0 0}.login-info{font-size:.82rem;color:#4ade80;margin:2px 0 0}.login-footer{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px}.login-toggle{background:none;border:none;color:var(--accent);font-size:.82rem;cursor:pointer;padding:0}.login-toggle:hover{text-decoration:underline}.login-toggle--dim{color:var(--text-dim)}.login-reset-hint{font-size:.85rem;color:var(--text-dim);margin:0 0 16px;text-align:center}.login-legal{text-align:center;margin-top:20px;font-size:.75rem;color:var(--text-dim)}.login-legal a{color:var(--text-dim);text-decoration:none}.login-legal a:hover{text-decoration:underline;color:var(--accent)}.login-card--modal{position:relative}.login-modal-close{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s;z-index:1}.login-modal-close:hover{color:var(--text);background:var(--surface-hover)}@media(max-width:520px){.login-card{padding:32px 24px}}.plasma-wave-container{width:100%;height:100%}.contact{padding:80px 24px;display:flex;justify-content:center}.contact__inner{width:100%;max-width:640px;border-top:1px solid var(--border);padding-top:80px}.contact__header{text-align:center;margin-bottom:48px}.contact__title{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;color:var(--text);margin:16px 0 12px;letter-spacing:-.02em}.contact__desc{color:var(--text-muted);font-size:1rem;line-height:1.6}.contact__form{display:flex;flex-direction:column;gap:20px}.contact__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:520px){.contact__row{grid-template-columns:1fr}}.contact__field{display:flex;flex-direction:column;gap:8px}.contact__label{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.contact__input,.contact__textarea{background:#ffffff0a;border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:.95rem;padding:12px 16px;transition:border-color .2s,background .2s;outline:none;width:100%;box-sizing:border-box}.contact__input::placeholder,.contact__textarea::placeholder{color:var(--text-dim)}.contact__input:focus,.contact__textarea:focus{border-color:#8b5cf680;background:#8b5cf60a}.contact__textarea{resize:vertical;min-height:120px;line-height:1.6}.contact__error{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171;font-size:.88rem}.contact__field-error{color:#f87171;font-size:.8rem;margin-top:2px}.contact__submit{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.contact__submit:disabled{opacity:.6;cursor:not-allowed}.contact__success{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;text-align:center;color:var(--text-muted);font-size:1rem;line-height:1.6}.contact__success-icon{color:#4ade80}.faq{padding:80px 24px;display:flex;justify-content:center;border-top:1px solid transparent}.faq__inner{width:100%;max-width:640px;border-top:1px solid var(--border);padding-top:80px}.faq__header{text-align:center;margin-bottom:48px}.faq__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid rgba(139,92,246,.35);background:#8b5cf614;color:var(--accent);font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px}.faq__title{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;color:var(--text);margin:0;letter-spacing:-.02em}.faq__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.faq__item{border-bottom:1px solid var(--border)}.faq__item:first-child{border-top:1px solid var(--border)}.faq__question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;background:none;border:none;color:var(--text);font-size:1rem;font-weight:600;font-family:inherit;text-align:left;cursor:pointer;transition:color .15s}.faq__question:hover{color:var(--accent)}.faq__chevron{flex-shrink:0;color:var(--text-muted);transition:transform .25s ease,color .15s}.faq__item--open .faq__chevron{transform:rotate(180deg);color:var(--accent)}.faq__answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.faq__item--open .faq__answer{grid-template-rows:1fr}.faq__answer-inner{overflow:hidden}.faq__answer p{margin:0;padding-bottom:20px;color:var(--text-muted);font-size:.95rem;line-height:1.7}.pricing{padding:100px 24px 80px;max-width:1100px;margin:0 auto;scroll-margin-top:70px;border-top:1px solid var(--border)}.pricing__header{text-align:center;margin-bottom:48px}.pricing__title{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-1px;line-height:1.15;margin:0 0 16px;background:linear-gradient(135deg,#fff,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing__subtitle{font-size:1.05rem;color:var(--text-muted);max-width:520px;margin:0 auto;line-height:1.6}.pricing__toggle{display:flex;align-items:center;justify-content:center;gap:4px;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:4px;width:fit-content;margin:0 auto 56px}.pricing__toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 20px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.pricing__toggle-btn--active{background:var(--accent);color:#fff}.pricing__save-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#34d39926;border:1px solid rgba(52,211,153,.3);color:#34d399;font-size:.7rem;font-weight:700;border-radius:100px;letter-spacing:.3px}.pricing__cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:80px;align-items:start}.pricing__card{border-radius:20px;padding:36px 32px;position:relative;transition:transform .2s}.pricing__card--free{background:#ffffff06;border:1px solid var(--border)}.pricing__card--premium{background:linear-gradient(145deg,#8b5cf61f,#8b5cf60a);border:1px solid rgba(139,92,246,.35);box-shadow:0 0 60px #8b5cf61f,inset 0 1px #ffffff0f}.pricing__popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:5px;padding:5px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-size:.72rem;font-weight:700;border-radius:100px;letter-spacing:.4px;white-space:nowrap}.pricing__card-header{margin-bottom:28px}.pricing__plan-name{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:16px}.pricing__plan-name--premium{color:var(--accent)}.pricing__price-block{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.pricing__price{font-size:3rem;font-weight:800;letter-spacing:-2px;color:var(--text);line-height:1}.pricing__price--premium{background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing__price-period{font-size:.95rem;color:var(--text-dim);font-weight:500}.pricing__billed-note{font-size:.78rem;color:var(--text-dim);margin:4px 0 0}.pricing__promo-note{display:inline-block;font-size:.78rem;font-weight:700;color:#c4b5fd;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);border-radius:999px;padding:4px 10px;margin:8px 0 0}.pricing__card-desc{font-size:.88rem;color:var(--text-muted);line-height:1.5;margin:12px 0 0}.pricing__feature-list{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:12px}.pricing__feature-list li{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:var(--text);line-height:1.45}.pricing__feature-list li strong{font-weight:600;color:#fff}.pricing__feature-dim{opacity:.45}.pricing__feature-exclusive{position:relative}.pricing__check{color:#34d399;flex-shrink:0;margin-top:1px}.pricing__minus{color:var(--text-dim);flex-shrink:0;margin-top:1px}.pricing__excl-tag{display:inline-flex;align-items:center;padding:2px 7px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#a78bfa;font-size:.65rem;font-weight:700;border-radius:100px;letter-spacing:.3px;white-space:nowrap;margin-left:6px;flex-shrink:0}.pricing__excl-tag--sm{font-size:.62rem}.pricing__cta{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:12px;border:none;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .1s}.pricing__cta:hover{opacity:.88;transform:translateY(-1px)}.pricing__cta--free{background:#ffffff0f;border:1px solid var(--border);color:var(--text)}.pricing__cta--current{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:12px;border:1px solid rgba(52,211,153,.3);background:#34d39914;color:#34d399;font-size:.95rem;font-weight:600}.pricing__popular-badge--active{background:linear-gradient(135deg,#34d399,#059669)!important;color:#fff!important}.pricing__card--active{border-color:#34d39959!important;box-shadow:0 0 60px #34d3991a,inset 0 1px #ffffff0f!important}.pricing__cta--premium{background:var(--accent);color:#fff;box-shadow:0 4px 20px #8b5cf659}.pricing__cta:disabled{opacity:.65;cursor:not-allowed;transform:none}.pricing__spin{animation:pricingSpin .7s linear infinite}@keyframes pricingSpin{to{transform:rotate(360deg)}}.pricing__compare{border-top:1px solid var(--border);padding-top:64px}.pricing__compare-title{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;text-align:center;margin:0 0 10px;color:var(--text)}.pricing__compare-sub{text-align:center;color:var(--text-muted);font-size:.92rem;margin:0 0 48px}.pricing__table{border:1px solid rgba(139,92,246,.25);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #8b5cf614,0 8px 40px #8b5cf626,0 2px 8px #8b5cf61a}.pricing__table-head{display:grid;grid-template-columns:1fr minmax(100px,180px) minmax(80px,160px);background:#ffffff08;border-bottom:1px solid var(--border)}.pricing__table-row{display:grid;grid-template-columns:1fr minmax(100px,180px) minmax(80px,160px);border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.pricing__table-row:last-child{border-bottom:none}.pricing__table-row:hover{background:#ffffff05}.pricing__table-row--exclusive{background:#8b5cf60a}.pricing__table-row--exclusive:hover{background:#8b5cf614}.pricing__table-group-label{display:flex;align-items:center;gap:6px;padding:10px 20px 8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04)}.pricing__table-cell{display:flex;align-items:center;justify-content:center;padding:14px 16px;font-size:.84rem;color:var(--text-muted);text-align:center}.pricing__table-cell--label{justify-content:flex-start;gap:10px;color:var(--text);font-size:.88rem;padding-left:20px;text-align:left}.pricing__table-cell--col{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);padding:14px 10px}.pricing__table-cell--col-premium{color:var(--accent);background:#8b5cf60d}.pricing__table-cell--col-others{color:var(--text-dim)}.pricing__table-cell--premium-col{background:#8b5cf60a}.pricing__table-cell--others-col{color:var(--text-dim)}.pricing__row-icon{color:var(--text-dim);display:flex;flex-shrink:0}.pricing__x{color:var(--text-dim);opacity:.5}.pricing__cell-text{font-size:.8rem;color:var(--text-muted);text-align:center;line-height:1.3}@media(max-width:768px){.pricing__cards{grid-template-columns:1fr}.pricing__table-head,.pricing__table-row{grid-template-columns:1fr minmax(80px,120px) minmax(70px,100px)}.pricing__table-cell--label{padding-left:14px;font-size:.82rem}.pricing__table-cell{padding:12px 8px;font-size:.78rem}.pricing__excl-tag--sm{display:none}.pricing__card{padding:28px 22px}}@media(max-width:480px){.pricing__table-head,.pricing__table-row{grid-template-columns:1fr minmax(70px,96px) minmax(60px,80px)}.pricing__compare-title{font-size:1.2rem}}.hheader{position:sticky;top:0;z-index:100;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:58px;background:#1a1a2399;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s}.hheader--scrolled{background:#1a1a23eb;border-bottom-color:var(--border);box-shadow:0 2px 24px #0000004d}.hheader__logo{display:flex;align-items:center;gap:9px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;text-decoration:none}.hheader__logo img{width:30px;height:30px;border-radius:8px;object-fit:contain}.hheader__logo span{font-size:.95rem;font-weight:800;color:var(--text);letter-spacing:-.3px}.hheader__nav{display:flex;align-items:center;gap:2px;position:absolute;left:50%;transform:translate(-50%)}.hheader__nav-link{background:none;border:none;padding:6px 13px;border-radius:8px;font-size:.83rem;font-weight:500;font-family:inherit;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.hheader__nav-link:hover{background:#ffffff0f;color:var(--text)}.hheader__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.hheader__lang{display:flex;align-items:center;gap:5px;color:var(--text-dim);position:relative}.hheader__lang select{background:transparent;border:none;color:var(--text-muted);font-size:.78rem;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;padding-right:14px}.hheader__lang select:focus{outline:none}.hheader__lang-chevron{position:absolute;right:0;pointer-events:none;color:var(--text-dim)}.hheader__user{display:flex;align-items:center;gap:8px}.hheader__badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:.2px;white-space:nowrap}.hheader__badge--free{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-muted)}.hheader__badge--premium{background:linear-gradient(135deg,#8b5cf640,#8b5cf61a);border:1px solid rgba(139,92,246,.4);color:#a78bfa}.hheader__upgrade{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;background:var(--accent);border:none;border-radius:100px;color:#fff;font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .1s;white-space:nowrap}.hheader__upgrade:hover{opacity:.88;transform:translateY(-1px)}.hheader__avatar-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;transition:opacity .15s}.hheader__avatar-btn:hover{opacity:.8}.hheader__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block;border:2px solid var(--border)}.hheader__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:#8b5cf633;border:2px solid rgba(139,92,246,.3);color:#a78bfa}.hheader__signin{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#ffffff0f;border:1px solid var(--border);border-radius:100px;color:var(--text);font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.hheader__signin:hover{background:#ffffff1a;border-color:#fff3}@media(max-width:860px){.hheader__nav{display:none}}@media(max-width:520px){.hheader{padding:0 16px}.hheader__badge--free,.hheader__lang{display:none}}.home{min-height:100vh;overflow-x:hidden;position:relative}.home__grain{position:fixed;inset:0;pointer-events:none;z-index:9000;opacity:.038;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.88' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;mix-blend-mode:overlay}.home__liquid-section{position:relative;overflow:hidden}.home__liquid-bg{position:absolute;inset:0;z-index:0;opacity:.6;background:radial-gradient(62% 50% at 12% 6%,rgba(14,165,233,.38),transparent 72%),radial-gradient(55% 55% at 88% 94%,rgba(34,211,238,.3),transparent 72%),radial-gradient(48% 45% at 58% 48%,rgba(56,189,248,.16),transparent 78%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 86%,transparent 100%)}.home__liquid-section .home__feature,.home__liquid-section .home__wide{position:relative;z-index:1;border-top:none}.home__darkveil-section{position:relative;overflow:hidden}.home__darkveil-bg{position:absolute;inset:0;z-index:0;opacity:.42;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%)}.home__darkveil-section .home__how,.home__darkveil-section .home__tools{position:relative;z-index:1}.home__section-label{display:inline-flex;align-items:center;gap:8px;padding:5px 13px;border-radius:100px;background:#8b5cf614;border:1px solid rgba(139,92,246,.22);color:#a78bfa;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}.home__hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:100px 24px 80px;overflow:hidden}.home__hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.home__hero-mobile-bg{display:none}@media(max-width:600px){.home__hero-video--desktop{display:none}.home__hero-mobile-bg{display:block}}.home__hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,#06060e8c,#06060eb8 60%,#06060ef7),radial-gradient(ellipse 80% 60% at 50% 50%,rgba(139,92,246,.12) 0%,transparent 70%)}.home__hero-3d{position:absolute;inset:0;z-index:2;pointer-events:none}.home__hero-content{position:relative;z-index:3;text-align:center;max-width:700px}.home__hero-logo{display:block;width:72px;height:auto;object-fit:contain;border-radius:18px;margin:0 auto 28px;box-shadow:0 8px 32px #00000080}.home__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);color:#c4b5fd;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:26px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home__title{font-family:DM Sans,Inter,sans-serif;font-size:clamp(2.6rem,6.5vw,5rem);font-weight:800;letter-spacing:-2px;line-height:1.03;margin:0 0 22px;background:linear-gradient(160deg,#fff,#e2d9f3 40%,#a78bfa 75%,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home__subtitle{font-size:clamp(1rem,2.2vw,1.2rem);color:#fff9;line-height:1.65;max-width:520px;margin:0 auto 40px}.home__hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:52px;flex-wrap:wrap}.home__cta{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:100px;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 4px 28px #6d28d973,0 0 0 1px #8b5cf64d;letter-spacing:-.01em}.home__cta:hover{transform:translateY(-2px);box-shadow:0 8px 40px #6d28d98c,0 0 0 1px #8b5cf666;filter:brightness(1.08)}.home__cta-ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:#ffffff0f;color:#ffffffbf;border:1px solid rgba(255,255,255,.14);border-radius:100px;font-size:.92rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s,border-color .18s,color .18s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:-.01em}.home__cta-ghost:hover{background:#ffffff1a;border-color:#ffffff38;color:#fff}.home__hero-reassurance{display:flex;align-items:center;justify-content:center;gap:6px;margin:-38px 0 44px;color:#ffffff8c;font-size:.8rem;font-weight:500}.home__hero-reassurance svg{color:#34d399;flex-shrink:0}.home__hero-stats{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:36px}.home__stat{display:flex;align-items:center;gap:7px;color:#ffffff80;font-size:.8rem;font-weight:500}.home__stat-sep{width:1px;height:14px;background:#ffffff26}.home__tool-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.home__tool-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border-radius:100px;border:1px solid rgba(139,92,246,.18);background:#8b5cf60d;color:#ffffff80;font-size:.77rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home__tool-chip:hover{background:#8b5cf62e;border-color:#8b5cf680;color:#e2d9f3;transform:translateY(-1px)}.home__scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center}.home__scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,rgba(139,92,246,.6),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}.home__how,.home__feature,.home__wide,.home__tools{padding:100px 40px;max-width:1180px;margin:0 auto}.home__how{border-top:1px solid rgba(255,255,255,.06)}.home__showcase-link{display:inline-flex;align-items:center;gap:4px;font-size:.83rem;font-weight:600;color:#a78bfa;transition:gap .2s}.home__tool-card:hover .home__showcase-link{gap:8px}.home__how-inner{display:flex;flex-direction:column;align-items:center}.home__how-title{font-family:DM Sans,Inter,sans-serif;font-size:clamp(1.9rem,3.8vw,2.8rem);font-weight:800;letter-spacing:-1.2px;margin:0 0 48px;color:#fff;text-align:center}.home__how-banner{position:relative;width:100%;border-radius:24px;overflow:hidden;height:400px;box-shadow:0 32px 100px #0009,0 0 0 1px #ffffff0f;margin-bottom:64px}.home__how-banner img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block;filter:brightness(.55) saturate(.8)}.home__how-banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(6,6,14,.75) 75%,rgba(6,6,14,.98) 100%)}.home__how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;width:100%}.home__how-step{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:32px;border-radius:20px;background:#06060eb8;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s,border-color .2s}.home__how-step:hover{background:#8b5cf60f;border-color:#8b5cf633}.home__how-step-badge{font-family:DM Sans,Inter,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.15em;color:#7c3aed;text-transform:uppercase}.home__how-step-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);color:#a78bfa}.home__how-step h3{font-family:DM Sans,Inter,sans-serif;font-size:1.05rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.home__how-step p{font-size:.87rem;color:#ffffff80;line-height:1.6;margin:0}.home__social{padding:100px 40px;max-width:1180px;margin:0 auto}.home__social-inner{display:flex;flex-direction:column;align-items:center}.home__social-title{font-family:DM Sans,Inter,sans-serif;font-size:clamp(1.9rem,3.8vw,2.8rem);font-weight:800;letter-spacing:-1.2px;margin:0 0 14px;color:#fff;text-align:center}.home__social-desc{font-size:.95rem;color:#ffffff8c;line-height:1.6;max-width:520px;text-align:center;margin:0 0 48px}.home__social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.home__social-card{display:flex;flex-direction:column;gap:16px;margin:0;padding:28px 26px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.home__social-stars{display:flex;gap:3px;color:#a78bfa}.home__social-stars svg{fill:currentColor}.home__social-quote{flex:1;margin:0;font-size:.92rem;color:#ffffffc7;line-height:1.65}.home__social-author{display:flex;align-items:center;gap:12px}.home__social-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#0ea5e9);color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}.home__social-author-meta{display:flex;flex-direction:column}.home__social-name{font-size:.85rem;font-weight:600;color:#fff}.home__social-role{font-size:.75rem;color:#ffffff73}@media(max-width:860px){.home__social{padding:64px 24px}.home__social-grid{grid-template-columns:1fr}}.home__feature-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.home__feature--reverse .home__feature-inner{direction:rtl}.home__feature--reverse .home__feature-inner>*{direction:ltr}.home__feature-screen{border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 0 0 1px #8b5cf626,0 8px 16px #0006,0 24px 48px #00000080,0 48px 96px #0006,0 0 60px #6d28d91f;transition:box-shadow .35s,transform .35s}.home__feature-screen:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 0 0 1px #8b5cf64d,0 8px 16px #00000080,0 32px 64px #0009,0 64px 120px #00000080,0 0 80px #6d28d938}.home__screen-chrome{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.home__screen-chrome span{width:10px;height:10px;border-radius:50%;background:#ffffff1f}.home__screen-chrome span:first-child{background:#ff5f57}.home__screen-chrome span:nth-child(2){background:#febc2e}.home__screen-chrome span:nth-child(3){background:#28c840}.home__screen-img{width:100%;display:block}.home__feature-body{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.home__feature-heading{font-family:DM Sans,Inter,sans-serif;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;letter-spacing:-1px;color:#fff;margin:0;line-height:1.1}.home__feature-desc{font-size:.95rem;color:#ffffff8c;line-height:1.7;margin:0}.home__feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.home__feature-list li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#ffffffb3}.home__feature-list li svg{color:#7c3aed;flex-shrink:0}.home__feature-instruments{display:flex;flex-direction:column;gap:10px;width:100%}.home__instr-card{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);font-family:inherit;cursor:pointer;text-align:left;transition:background .18s,border-color .18s,transform .18s;width:100%}.home__instr-card:hover{background:#8b5cf614;border-color:#8b5cf640;transform:translate(4px)}.home__instr-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#8b5cf61f;color:#a78bfa;flex-shrink:0}.home__instr-text{flex:1}.home__instr-label{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:2px}.home__instr-desc{font-size:.8rem;color:#ffffff73}.home__instr-arrow{color:#ffffff40;transition:color .18s,transform .18s}.home__instr-card:hover .home__instr-arrow{color:#a78bfa;transform:translate(2px)}.home__wide{border-top:1px solid rgba(255,255,255,.06)}.home__wide-inner{display:flex;flex-direction:column;align-items:center;gap:48px}.home__wide-header{text-align:center;max-width:640px}.home__wide-heading{font-family:DM Sans,Inter,sans-serif;font-size:clamp(1.9rem,3.8vw,2.8rem);font-weight:800;letter-spacing:-1.2px;color:#fff;margin:0 0 16px}.home__wide-desc{font-size:.95rem;color:#ffffff85;line-height:1.7;margin:0}.home__wide-screen{width:100%;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);overflow:hidden;box-shadow:0 32px 100px #00000080}.home__tools{border-top:1px solid rgba(255,255,255,.06)}.home__tools-inner{display:flex;flex-direction:column;align-items:center}.home__tools-title{font-family:DM Sans,Inter,sans-serif;font-size:clamp(1.9rem,3.8vw,2.8rem);font-weight:800;letter-spacing:-1.2px;color:#fff;margin:0 0 16px;text-align:center}.home__tools-desc{font-size:.95rem;color:#ffffff85;line-height:1.7;margin:0 0 56px;max-width:560px;text-align:center}.home__tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.home__tool-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:28px;border-radius:20px;background:#06060ebf;border:1px solid rgba(255,255,255,.09);font-family:inherit;text-align:left;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s,border-color .2s,box-shadow .2s}.home__tool-card:hover{background:#140a28e0;border-color:#8b5cf64d;box-shadow:0 8px 40px #0006}.home__tool-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.2);color:#a78bfa}.home__tool-card h3{font-family:DM Sans,Inter,sans-serif;font-size:1rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.home__tool-card p{font-size:.85rem;color:#ffffff7a;line-height:1.6;margin:0;flex:1}.home__footer{border-top:1px solid rgba(255,255,255,.07);padding:72px 40px 48px;background:#06060eb3}.home__footer-inner{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px}.home__footer-brand{display:flex;align-items:center;gap:12px}.home__footer-logo{width:36px;height:36px;border-radius:10px;object-fit:contain}.home__footer-brand-name{font-family:DM Sans,Inter,sans-serif;font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.3px}.home__footer-tagline{font-size:.85rem;color:#ffffff59;margin:0;letter-spacing:.01em}.home__footer-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.home__footer-links button{background:none;border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:6px 16px;color:#ffffff73;font-size:.8rem;font-weight:500;font-family:inherit;cursor:pointer;transition:color .15s,border-color .15s}.home__footer-links button:hover{color:#fffc;border-color:#ffffff2e}.home__footer-social{display:flex;gap:16px}.home__footer-social-link{display:inline-flex;align-items:center;gap:8px;color:#fff6;font-size:.82rem;font-weight:500;text-decoration:none;transition:color .15s}.home__footer-social-link:hover{color:#ffffffbf}.home__footer-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);width:100%}.home__footer-legal-links{display:flex;align-items:center;gap:10px}.home__footer-legal-links a{color:#ffffff59;font-size:.78rem;text-decoration:none;transition:color .15s}.home__footer-legal-links a:hover{color:#ffffffa6}.home__footer-legal-links span{color:#fff3;font-size:.78rem}.home__footer-copy,.home__footer-legal{font-size:.75rem;color:#ffffff40;margin:0;text-align:center}@media(max-width:900px){.home__how-steps{grid-template-columns:1fr;gap:16px}.home__feature-inner{grid-template-columns:1fr;gap:40px}.home__feature--reverse .home__feature-inner{direction:ltr}.home__tools-grid{grid-template-columns:repeat(2,1fr)}.home__how,.home__feature,.home__wide,.home__tools{padding:72px 24px}}.home__mobile-tools,.home__hero-below--inline{display:none}@media(max-width:600px){.home__hero{min-height:100svh;padding:88px 24px 48px;align-items:center}.home__hero-video{transform:none;object-fit:cover;object-position:center center}.home__hero-overlay{background:linear-gradient(to bottom,#06060e80,#06060e6b 45%,#06060ebf 75%,#06060ef7)}.home__hero-content{text-align:center;max-width:100%}.home__badge{margin-bottom:20px}.home__title{font-size:clamp(2.4rem,10.5vw,3.2rem);letter-spacing:-1.5px;margin-bottom:16px;line-height:1.06}.home__subtitle{font-size:1rem;line-height:1.6;margin-bottom:32px;max-width:100%;color:#ffffffa6}.home__hero-actions{flex-direction:column;gap:12px;margin-bottom:0;align-items:stretch}.home__cta,.home__cta-ghost{justify-content:center;width:100%;padding:16px 24px;font-size:1rem}.home__mobile-tools{display:block;padding:40px 20px 44px;background:#0d0d1a;border-bottom:1px solid rgba(255,255,255,.07)}.home__mobile-tools-stats{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:28px;color:#ffffff73;font-size:.78rem;font-weight:500}.home__mobile-tools-stats span{display:inline-flex;align-items:center;gap:6px}.home__mobile-tools-heading{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;color:#fff;margin:0 0 24px;text-align:center}.home__mobile-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.home__mobile-tool-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 8px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:background .18s,border-color .18s,transform .18s;font-family:inherit}.home__mobile-tool-card:active{transform:scale(.95);background:#8b5cf61f;border-color:#8b5cf64d}.home__mobile-tool-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#8b5cf61f;color:#a78bfa}.home__mobile-tool-label{font-size:.72rem;font-weight:600;color:#ffffffbf;text-align:center;line-height:1.2}.home__how,.home__feature,.home__wide,.home__tools{padding:56px 20px}.home__how-banner{height:220px}.home__feature-inner{grid-template-columns:1fr!important;direction:ltr!important;gap:28px}.home__feature-inner .home__feature-screen{order:2}.home__feature-inner .home__feature-body{order:1}.home__feature-screen{box-shadow:0 4px 24px #00000080;margin:0 -20px;border-radius:0;border-left:none;border-right:none}.home__screen-chrome{display:none}.home__feature-body{align-items:center;text-align:center}.home__feature-list{text-align:left}.home__feature-heading{font-size:1.7rem}.home__feature-instruments{gap:10px}.home__wide-inner{gap:28px}.home__wide-header{text-align:center}.home__wide-heading{font-size:1.7rem}.home__wide-screen{margin:0 -20px;border-radius:0;border-left:none;border-right:none;box-shadow:none}.home__tools-grid{grid-template-columns:1fr}.home__footer{padding:56px 24px 40px}}.chord-modal-overlay{position:fixed;inset:0;z-index:1000;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:cm-fade-in .15s ease-out}@keyframes cm-fade-in{0%{opacity:0}to{opacity:1}}.chord-modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 32px 24px;width:280px;display:flex;flex-direction:column;align-items:center;gap:8px;animation:cm-slide-up .2s ease-out}@keyframes cm-slide-up{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.chord-modal__close{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.chord-modal__close:hover{color:var(--text);background:var(--surface-hover)}.chord-modal__name{margin:0;font-size:1.5rem;font-weight:800;color:var(--accent);font-family:Courier New,Consolas,monospace;letter-spacing:.5px}.chord-modal__label{font-size:.78rem;color:var(--text-dim);margin-bottom:4px}.chord-diagram{display:block;margin:4px 0}.chord-modal__nav{display:flex;align-items:center;gap:16px;margin-top:4px}.chord-modal__arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.chord-modal__arrow:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent-border)}.chord-modal__arrow:disabled{opacity:.3;cursor:default}.chord-modal__counter{font-size:.82rem;color:var(--text-muted);font-weight:600;font-variant-numeric:tabular-nums;min-width:40px;text-align:center}.chord-modal__play{display:flex;align-items:center;gap:8px;padding:10px 24px;margin-top:6px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .1s}.chord-modal__play:hover{opacity:.88}.chord-modal__play:active{transform:scale(.96)}.gr-chord-badge--clickable,.gr-chord-click{cursor:pointer;transition:color .12s,background .12s}.gr-chord-badge--clickable:hover{background:var(--accent-border)}.gr-chord-click:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.gr{display:flex;flex-direction:column;gap:12px;width:100%}.gr__topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.gr__song-info{display:flex;flex-direction:column;gap:2px;min-width:0}.gr__song-name{font-size:.95rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gr__song-meta{font-size:.78rem;color:var(--text-dim)}.gr__reset-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:.8rem;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;flex-shrink:0}.gr__reset-btn:hover{background:var(--surface-hover);color:var(--text)}.gr__stage{width:100%;background:radial-gradient(ellipse 75% 130% at center,#1e1830,#111020 55%,#0a0910);border:1px solid rgba(255,255,255,.07);border-radius:20px;box-shadow:0 4px 24px #00000080;padding:40px 24px 28px;display:flex;flex-direction:column;align-items:center;gap:20px;overflow:hidden}.gr__carousel{display:flex;align-items:center;justify-content:center;gap:0;width:100%}.gr__slot{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .3s ease,transform .3s ease}.gr__slot[data-offset="0"]{width:260px;z-index:3}.gr__slot[data-offset="1"],.gr__slot[data-offset="-1"]{width:180px;z-index:2;opacity:.72;transform:scale(.88)}.gr__slot[data-offset="2"],.gr__slot[data-offset="-2"]{width:140px;z-index:1;opacity:.35;transform:scale(.7)}.gr__slot-empty{width:100%;height:60px}@keyframes gr-card-pop{0%{opacity:0;transform:scale(.88) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes gr-side-fade{0%{opacity:0}to{opacity:1}}.gr-ccard{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.gr-ccard--main{background:#1c1828;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px 20px 12px;box-shadow:0 16px 48px #000000bf,0 0 0 1px #ffffff0f,0 0 60px #5a32a033;animation:gr-card-pop .32s cubic-bezier(.22,1,.36,1) forwards}.gr-ccard--main .gr-ccard__diagram{width:200px;display:flex;justify-content:center}.gr-ccard--main .chord-diagram{display:block;width:100%!important;height:auto!important}.gr-ccard--main .gr-ccard__name{font-size:3.8rem;font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1;margin-top:8px;font-family:inherit}.gr-ccard--side{animation:gr-side-fade .25s ease forwards}.gr-ccard--side .gr-ccard__diagram{width:130px;display:flex;justify-content:center}.gr-ccard--side .chord-diagram{display:block;width:100%!important;height:auto!important;filter:invert(.08) brightness(.9)}.gr-ccard--side .gr-ccard__name{font-size:1.35rem;font-weight:700;color:#ffffffbf;margin-top:4px;font-family:inherit}.gr-ccard--far{animation:gr-side-fade .2s ease forwards}.gr-ccard--far .gr-ccard__diagram{width:90px;display:flex;justify-content:center}.gr-ccard--far .chord-diagram{display:block;width:100%!important;height:auto!important;filter:invert(.05) brightness(.8)}.gr-ccard--far .gr-ccard__name{font-size:1rem;font-weight:600;color:#ffffff80;margin-top:3px;font-family:inherit}.gr__lyrics{position:relative;width:100%;height:220px;overflow:hidden;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}.gr__lyrics--fill{height:calc(100vh - 300px);min-height:420px;max-height:800px;border-top:none;margin-top:0}.gr__stage--fill{padding:0;overflow:hidden}.gr__lyrics:before{content:"";position:absolute;top:0;left:0;right:0;height:56px;background:linear-gradient(to bottom,#111020,transparent);pointer-events:none;z-index:2}.gr__lyrics:after{content:"";position:absolute;bottom:0;left:0;right:0;height:56px;background:linear-gradient(to top,#111020,transparent);pointer-events:none;z-index:2}.gr__lyrics__inner{position:relative;height:100%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;padding:88px 32px;box-sizing:border-box}.gr__lyrics__inner::-webkit-scrollbar{display:none}.gr__lyric-line{font-size:1rem;line-height:1.65;color:#ffffff38;text-align:center;padding:5px 0;transition:color .35s ease,font-size .25s ease,font-weight .25s ease;cursor:default;-webkit-user-select:none;user-select:none}.gr__lyric-line--active{color:#fff;font-size:1.12rem;font-weight:600}.gr__chord-bar{width:220px;height:3px;background:#ffffff1f;border-radius:2px;overflow:hidden}.gr__chord-bar-fill{height:100%;background:var(--accent);border-radius:2px}.gr__player{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 18px 16px}.gr__seek-row{display:flex;align-items:center;gap:10px}.gr__time{font-size:.75rem;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:32px}.gr__seekbar{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer}.gr__seekbar::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 0 3px rgba(var(--accent-rgb, 100,60,200),.25)}.gr__controls{display:flex;align-items:center;justify-content:center;gap:6px}.gr__ctrl{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.gr__ctrl:hover{background:var(--surface-hover);color:var(--text)}.gr__ctrl--on{color:var(--accent)!important}.gr__play{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;font-family:inherit;box-shadow:0 4px 16px #00000059;transition:opacity .15s,transform .1s}.gr__play:hover{opacity:.88}.gr__play:active{transform:scale(.93)}.gr__vol{display:flex;align-items:center;gap:5px;color:var(--text-dim);margin-left:8px;cursor:default}.gr__vol-slider{width:72px;-webkit-appearance:none;height:3px;border-radius:2px;background:var(--border);outline:none;cursor:pointer}.gr__vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--text-dim);cursor:pointer}.gr__actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.gr__actions-left,.gr__actions-right{display:flex;gap:8px;flex-wrap:wrap}.gr__btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:none;font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,background .15s;white-space:nowrap}.gr__btn--ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.gr__btn--ghost:hover{background:var(--surface-hover);color:var(--text)}.gr__btn--filled{background:var(--surface);border:1px solid var(--border);color:var(--text)}.gr__btn--filled:hover{opacity:.82}.gr-overlay{position:fixed;inset:0;z-index:1000;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:24px;animation:gr-overlay-in .18s ease forwards}@keyframes gr-overlay-in{0%{opacity:0}to{opacity:1}}.gr-dialog{background:var(--surface, #1a1a2e);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 24px 64px #000c;width:min(780px,100%);max-height:80vh;display:flex;flex-direction:column;animation:gr-dialog-in .2s cubic-bezier(.22,1,.36,1) forwards;overflow:hidden}@keyframes gr-dialog-in{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.gr-dialog--lyrics{width:min(560px,100%)}.gr-dialog__head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.gr-dialog__title{font-size:1.1rem;font-weight:700;color:var(--text)}.gr-dialog__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.gr-dialog__close:hover{background:var(--surface-hover);color:var(--text)}.gr-dialog__chord-grid{display:flex;flex-wrap:wrap;gap:16px;padding:20px 24px;overflow-y:auto}.gr-dialog__chord-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 10px 10px;min-width:100px}.gr-dialog__chord-label{font-size:1.05rem;font-weight:700;color:var(--text)}.gr-dialog__lyrics{padding:16px 24px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.gr-dialog__lyric-line{font-size:1rem;line-height:1.7;color:var(--text-dim);padding:2px 8px;border-radius:6px;transition:color .2s,background .2s}.gr-dialog__lyric-line--active{color:#fff;background:rgba(var(--accent-rgb, 100,60,200),.18);font-weight:600}.guitar-results__body{display:flex;align-items:flex-start;gap:24px}.guitar-results__sidebar{flex:0 0 200px;display:flex;flex-direction:column;gap:10px}.guitar-results__content{flex:1;min-width:0}.guitar-results__header{display:flex;flex-direction:column;gap:4px}.guitar-results__title{font-size:.95rem;font-weight:600;color:var(--text);margin:0;line-height:1.4;word-break:break-word}.guitar-results__mode{font-size:.82rem;color:var(--text-dim)}.metronome{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 12px 12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%}.metronome__bpm{font-size:1rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.metronome__btn{display:flex;align-items:center;justify-content:center;gap:6px;width:42px;height:42px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s,transform .1s}.metronome__btn:hover{opacity:.85}.metronome__btn:active{transform:scale(.95)}.metronome__dots{display:flex;gap:6px}.metronome__dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .08s}.metronome__dot--active{background:var(--accent);box-shadow:0 0 6px var(--accent)}.guitar-results__btn-row{display:flex;flex-direction:column;gap:8px}.guitar-results__pdf-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 10px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s}.guitar-results__pdf-btn:hover{opacity:.85}.guitar-results__sheet-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 10px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.8rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.guitar-results__sheet-btn:hover{background:var(--surface-hover);color:var(--text)}.gr-section-label{font-size:.85rem;font-weight:700;color:var(--accent);margin:24px 0 8px;letter-spacing:.5px}.gr-section-label:first-child{margin-top:0}.gr-chord-view{font-family:Courier New,Consolas,monospace;line-height:1.6}.gr-lyric-block{margin-bottom:4px}.gr-chord-row{color:var(--accent);font-weight:700;font-size:.9rem;white-space:pre;min-height:1.3em}.gr-lyric-text{color:#fff;font-family:inherit;font-size:.9rem;white-space:pre-wrap;opacity:1}.gr-chord-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.gr-chord-badge{padding:4px 12px;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:6px;color:var(--accent);font-size:.85rem;font-weight:600;font-family:Courier New,monospace}.gr-tab-view{font-family:Courier New,Consolas,monospace}.gr-tuning{font-size:.8rem;color:var(--text-dim);margin-bottom:16px}.gr-section{margin-bottom:24px}.gr-tab-notation{margin:8px 0;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow-x:auto;font-size:.82rem;line-height:1.5}.gr-tab-row{display:flex;gap:4px}.gr-tab-label{color:var(--text-dim);width:12px;text-align:right;flex-shrink:0}.gr-tab-notes{color:var(--text);white-space:pre}.guitar-results__sidebar .stem-mixer__transport-buttons{justify-content:space-between}.guitar-results__sidebar .clk__vol-popup{bottom:auto;top:calc(100% + 8px)}@media(max-width:640px){.guitar-results__body{flex-direction:column;gap:16px}.guitar-results__content{order:1;width:100%}.guitar-results__sidebar{order:2;flex:none;width:100%}.gr__slot[data-offset="0"]{width:min(220px,52vw)}.gr__slot[data-offset="1"],.gr__slot[data-offset="-1"]{width:min(130px,30vw)}.gr__slot[data-offset="2"],.gr__slot[data-offset="-2"]{width:min(80px,18vw)}.gr__stage{padding:28px 8px 20px}.gr-ccard--main .gr-ccard__diagram{width:min(160px,42vw)}.gr-ccard--main .gr-ccard__name{font-size:clamp(2rem,10vw,3.8rem)}.gr-ccard--side .gr-ccard__diagram{width:min(100px,26vw)}.gr-ccard--side .gr-ccard__name{font-size:1.1rem}.gr-ccard--far .gr-ccard__diagram{width:min(64px,16vw)}.gr-ccard--far .gr-ccard__name{font-size:.82rem}.gr__chord-bar{width:min(180px,48vw)}.guitar-results__title{font-size:.88rem}}.tab-results{display:flex;flex-direction:column;gap:14px;height:calc(100vh - 64px)}.tab-results__bar{display:flex;align-items:center;gap:16px;flex-shrink:0}.tab-results__info{display:flex;flex-direction:column;min-width:0;margin-right:auto}.tab-results__title{font-size:.95rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-results__meta{font-size:.78rem;color:var(--text-dim)}.tab-results__back,.tab-results__download{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-family:inherit;font-size:.82rem;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,border-color .15s}.tab-results__back:hover,.tab-results__download:hover{background:var(--surface-hover)}.tab-results__tracks{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0;margin-top:4px}.tab-results__track{padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-dim);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.tab-results__track:hover{background:var(--surface-hover);color:var(--text)}.tab-results__track--active{background:var(--accent, #e8643c);border-color:var(--accent, #e8643c);color:#fff}.tab-results__player{flex:1 1 auto;min-height:0;display:flex}.tab-results__empty{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:var(--text-muted)}@media(max-width:640px){.tab-results{height:auto;min-height:calc(100vh - 64px)}.tab-results__player{min-height:70vh}}.tab-player{display:flex;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.tab-player__toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap}.tab-player__spacer{flex:1 1 auto}.tab-player__play,.tab-player__btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s}.tab-player__play{width:42px;height:42px;background:var(--accent);border-color:var(--accent);color:#fff}.tab-player__play:hover:not(:disabled){filter:brightness(1.1)}.tab-player__btn{width:34px;height:34px}.tab-player__btn:hover:not(:disabled){background:var(--surface-hover)}.tab-player__btn--active{color:var(--accent);border-color:var(--accent);background:var(--accent-bg)}.tab-player__btn--danger{color:var(--danger);border-color:var(--danger)}.tab-player__btn--danger:hover:not(:disabled){background:#ff50501f}.tab-player__btn--dirty{position:relative}.tab-player__btn--dirty:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.tab-player__editbar{display:flex;align-items:center;gap:14px;padding:9px 14px;border-bottom:1px solid var(--border);background:var(--accent-bg, rgba(139,92,246,.08))}.tab-player__editbar-pos{font-size:13px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.tab-player__editgroup{display:inline-flex;align-items:center;gap:5px}.tab-player__editgroup-label{font-size:12px;color:var(--text-dim);margin-right:2px}.tab-player__edithint{padding:8px 14px;border-bottom:1px solid var(--border);background:var(--bg);font-size:12px;color:var(--text-dim)}.tab-player__play:disabled,.tab-player__btn:disabled{opacity:.4;cursor:not-allowed}.tab-player__time{font-variant-numeric:tabular-nums;font-size:13px;color:var(--text-muted);margin-left:4px}.tab-player__mixer{display:flex;align-items:center;gap:14px;margin-left:12px;padding-left:14px;border-left:1px solid var(--border)}.tab-player__vol{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);cursor:pointer}.tab-player__vol input[type=range]{width:78px;accent-color:var(--accent);cursor:pointer}.tab-player__vol-label{font-size:12px;color:var(--text-dim);white-space:nowrap}@media(max-width:860px){.tab-player__vol-label{display:none}.tab-player__vol input[type=range]{width:60px}}.tab-player__speeds{display:inline-flex;gap:2px;padding:2px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.tab-player__speed{border:none;background:transparent;color:var(--text-muted);font-size:12px;padding:5px 9px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.tab-player__speed:hover{color:var(--text)}.tab-player__speed--active{background:var(--accent);color:#fff}.tab-player__viewport{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px}.tab-player__surface{width:100%}.tab-player__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:14px;pointer-events:none}.tab-player__error{display:flex;align-items:center;justify-content:center;height:100%;padding:24px;text-align:center;color:var(--text-muted);font-size:14px}.tab-player__surface .at-cursor-bar{background:#8b5cf61f}.tab-player__surface .at-cursor-beat{background:var(--accent);width:2px}.tab-player__surface .at-highlight *{fill:var(--accent);stroke:var(--accent)}.tab-player--editing .tab-player__surface .at-cursor-beat{display:none}.tab-player--editing .tab-player__surface .at-cursor-bar{background:transparent}.tab-player--editing .tab-player__surface{cursor:pointer}.guitar-analysis{width:100%}.mode-selection{text-align:center}.mode-selection__title{font-size:1.3rem;font-weight:700;color:var(--text);margin:0 0 6px}.mode-selection__desc{color:var(--text-dim);font-size:.85rem;margin:0 0 28px}.mode-selection__cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.mode-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;background:var(--surface);border:2px solid var(--border);border-radius:14px;cursor:pointer;font-family:inherit;color:var(--text);transition:border-color .15s,background .15s}.mode-card:hover{border-color:var(--accent);background:var(--accent-bg)}.mode-card__tab-icon{font-size:1.1rem;font-weight:800;font-family:Courier New,monospace;padding:4px 10px;background:var(--border);border-radius:6px;color:var(--text)}.mode-card__title{font-size:1rem;font-weight:700}.mode-card__desc{font-size:.78rem;color:var(--text-muted);line-height:1.4}.mode-selection__back{background:none;border:none;color:var(--text-dim);font-size:.82rem;cursor:pointer;font-family:inherit;transition:color .15s}.mode-selection__back:hover{color:var(--text)}.mode-selection__disclaimer{font-size:.8rem;color:#d4a012;background:#d4a01214;border:1px solid rgba(212,160,18,.2);border-radius:8px;padding:10px 14px;margin-top:8px;text-align:center}@media(max-width:500px){.mode-selection__cards{grid-template-columns:1fr}}@keyframes analysisShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ask{border-radius:8px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:200% 100%;animation:analysisShimmer 1.6s ease-in-out infinite}.analysis-skel{display:flex;align-items:flex-start;gap:24px;padding-top:4px}.analysis-skel__sidebar{flex:0 0 200px;display:flex;flex-direction:column;gap:10px}.analysis-skel__title{height:18px;width:80%}.analysis-skel__subtitle{height:13px;width:55%;margin-top:2px;border-radius:6px}.analysis-skel__btn{height:34px;border-radius:8px}.analysis-skel__player{height:90px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:14px 12px}.analysis-skel__player-btns{display:flex;align-items:center;gap:10px}.analysis-skel__pbtn{width:28px;height:28px;border-radius:50%}.analysis-skel__pbtn--main{width:38px;height:38px;border-radius:50%}.analysis-skel__seek{height:4px;width:100%;border-radius:2px}.analysis-skel__content{flex:1;min-width:0}.analysis-skel__stage{width:100%;border-radius:20px;background:radial-gradient(ellipse 75% 130% at center,#1e1830,#111020 55%,#0a0910);border:1px solid rgba(255,255,255,.07);padding:40px 24px 28px;display:flex;flex-direction:column;align-items:center;gap:28px}.analysis-skel__carousel{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}.analysis-skel__card{border-radius:16px}.analysis-skel__card--main{width:200px;height:240px}.analysis-skel__card--side{width:130px;height:160px;opacity:.5}.analysis-skel__card--far{width:80px;height:110px;opacity:.25}.analysis-skel__bar{width:220px;height:3px;border-radius:2px}.analysis-skel__sheet{display:flex;flex-direction:column;gap:10px;width:100%}.analysis-skel__sheet-row{height:14px;border-radius:6px}@media(max-width:640px){.analysis-skel{flex-direction:column}.analysis-skel__sidebar{flex:none;width:100%}}.guitar-mode-toggle{display:flex;width:fit-content;gap:4px;padding:4px;margin:0 auto 18px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.guitar-mode-toggle__btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;border-radius:9px;cursor:pointer;transition:background .15s,color .15s}.guitar-mode-toggle__btn:hover{color:var(--text)}.guitar-mode-toggle__btn--active{background:var(--accent);color:#fff}.part-modal__overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.part-modal{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 20px 60px #0006}.part-modal__title{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--text)}.part-modal__subtitle{margin:0 0 18px;font-size:13px;color:var(--text-muted)}.part-modal__options{display:flex;flex-direction:column;gap:10px}.part-modal__option{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--border);background:var(--bg);border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.part-modal__option:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.part-modal__option:active{transform:scale(.99)}.part-modal__option-label{font-size:15px;font-weight:600;color:var(--text)}.part-modal__option-desc{font-size:12.5px;color:var(--text-muted)}.pd-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#06060ed1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:all}.pd-card{display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--surface, #111118);border:1px solid rgba(139,92,246,.3);border-radius:20px;padding:44px 48px 36px;max-width:420px;width:calc(100% - 48px);box-shadow:0 0 0 1px #8b5cf614,0 24px 60px #0009,0 0 80px #8b5cf61f;text-align:center;animation:pd-appear .25s ease}@keyframes pd-appear{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pd-waveform{display:flex;align-items:center;justify-content:center;gap:4px;height:56px;margin-bottom:8px}.pd-waveform__bar{width:4px;border-radius:2px;background:linear-gradient(to top,#8b5cf6,#3b82f6);animation:pd-wave 1.1s ease-in-out infinite alternate}@keyframes pd-wave{0%{height:6px;opacity:.4}to{height:44px;opacity:1}}.pd-title{font-size:1.15rem;font-weight:600;color:var(--text, #f0f0f8);margin:0;letter-spacing:-.01em}.pd-message{font-size:.9rem;color:var(--text-muted, #9090a8);margin:0;line-height:1.5}.pd-notice{font-size:.82rem;color:#8b5cf6cc;background:#8b5cf614;border:1px solid rgba(139,92,246,.18);border-radius:10px;padding:10px 16px;margin:4px 0 0;line-height:1.6}.pd-dots{display:flex;gap:6px;margin-top:4px}.pd-dots span{width:6px;height:6px;border-radius:50%;background:#8b5cf680;animation:pd-bounce 1.2s ease-in-out infinite}.pd-dots span:nth-child(2){animation-delay:.2s}.pd-dots span:nth-child(3){animation-delay:.4s}@keyframes pd-bounce{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}.pd-busy-icon{width:64px;height:64px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#8b5cf61a;border:2px solid rgba(139,92,246,.25);color:#8b5cf6}.pd-actions{display:flex;gap:10px;width:100%;margin-top:4px}.pd-btn{flex:1;padding:11px 20px;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,transform .1s;letter-spacing:.01em}.pd-btn:hover{opacity:.85}.pd-btn:active{transform:scale(.97)}.pd-btn--primary{background:#8b5cf6;color:#fff}.pd-btn--ghost{background:#ffffff0d;color:var(--text-muted, #9090a8);border:1px solid rgba(255,255,255,.1)}.recent-jobs{margin-top:20px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.recent-jobs__header{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text-dim);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:var(--surface-hover)}.recent-jobs__list{list-style:none;margin:0;padding:0}.recent-jobs__item{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--border);transition:background .12s}.recent-jobs__item:last-child{border-bottom:none}.recent-jobs__item:hover{background:var(--surface-hover)}.recent-jobs__icon{color:var(--accent);flex-shrink:0;opacity:.7}.recent-jobs__name{flex:1;font-size:.82rem;color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-jobs__chip{flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:999px;line-height:1.4}.recent-jobs__chip--chords{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.recent-jobs__chip--tabs{background:color-mix(in srgb,#22c55e 18%,transparent);color:#22c55e}.recent-jobs__time{font-size:.72rem;color:var(--text-dim);flex-shrink:0}.recent-jobs__load{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:6px;color:var(--accent);font-size:.75rem;font-weight:600;font-family:inherit;cursor:pointer;flex-shrink:0;transition:background .12s,opacity .12s;white-space:nowrap}.recent-jobs__load:hover:not(:disabled){background:var(--accent);color:#fff}.recent-jobs__load:disabled{opacity:.5;cursor:default}.drumkit{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%}.drumkit__stage-frame{width:100%;background:radial-gradient(ellipse 72% 130% at center,#1e1830,#111020 55%,#0a0910);border-radius:16px;border:1px solid rgba(255,255,255,.07);box-shadow:0 4px 24px #00000080;padding:28px 40px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.drumkit__stage-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.35) 0%,transparent 45%);pointer-events:none}.drumkit__stage{position:relative;width:min(58%,680px);flex-shrink:0;aspect-ratio:4 / 3;overflow:hidden;border-radius:14px;background:#000;-webkit-user-select:none;user-select:none;box-shadow:0 24px 64px #000000d9,0 4px 16px #0009,0 0 0 1px #ffffff1a,0 0 80px #5a32a040}.drumkit__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none}.drumkit__hit-zone{position:absolute;border-radius:50%;background:radial-gradient(ellipse at center,var(--hit-color, rgba(255,255,255,.7)) 0%,transparent 68%);pointer-events:none;opacity:0;will-change:opacity,transform}@keyframes drum-flash{0%{opacity:0;transform:scale(.8)}18%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1.15)}}.drumkit__hit-zone--active{animation:drum-flash .5s ease-out forwards}.drumkit__canvas{display:block;width:100%;height:200px;border-radius:12px;background:#0f0f1a;cursor:pointer}.piano-results__source-note{font-size:.82rem;color:var(--text-muted);background:#8b5cf60f;border:1px solid rgba(139,92,246,.15);border-radius:8px;padding:8px 14px;margin-bottom:16px}.piano-roll{border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#0a0a12}.piano-roll__controls{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.piano-roll__play-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;transition:opacity .15s}.piano-roll__play-btn:hover{opacity:.85}.piano-roll__play-btn:disabled{opacity:.4;cursor:not-allowed}.piano-roll__stop-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.piano-roll__stop-btn:hover{background:#ef444426;color:#ef4444}.piano-roll__time{font-family:monospace;font-size:.85rem;color:var(--text-muted);min-width:80px}.piano-roll__vol-group{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.piano-roll__vol-label{font-size:.75rem;color:var(--text-secondary);min-width:36px}.piano-roll__slider{width:70px;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.piano-roll__slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer}.piano-roll__vol-val{font-size:.7rem;color:var(--text-muted);min-width:28px}.piano-roll__info{display:flex;gap:10px;margin-left:auto}.piano-roll__bpm,.piano-roll__key{font-size:.8rem;padding:4px 10px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);border-radius:6px;color:var(--accent);font-weight:500}.piano-roll__download{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#3b82f6;color:#fff;border-radius:8px;font-size:.82rem;font-weight:600;text-decoration:none;transition:opacity .15s}.piano-roll__download:hover{opacity:.85}.piano-roll__canvas-wrap{position:relative;width:100%;overflow:hidden}.piano-roll__canvas{display:block;cursor:crosshair}.piano-roll__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a12d9;color:var(--text-muted);font-size:.9rem;z-index:2}.piano-roll__seekbar{padding:8px 16px 12px;background:var(--surface);border-top:1px solid var(--border)}.piano-roll__seek-slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.piano-roll__seek-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.sheet-music__overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:24px;overflow:hidden}.sheet-music{width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.sheet-music--inline{max-height:none;max-width:100%;margin-top:0}.sheet-music__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.sheet-music__title{margin:0;font-size:1rem;font-weight:700;color:var(--text)}.sheet-music__actions{display:flex;gap:8px}.sheet-music__btn{padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.sheet-music__btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--accent-border)}.sheet-music__btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.sheet-music__btn--primary:hover{background:var(--accent);opacity:.85;color:#fff}.sheet-music__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s}.sheet-music__close:hover{background:#ef44441a;color:#f87171}.sheet-music__container{background:#fff;color:#000;padding:20px;overflow-y:auto;overflow-x:hidden;flex:1;overscroll-behavior:contain}.sheet-music__container svg{width:100%;height:auto}.sheet-music__container svg text{fill:#000!important;opacity:1!important}.sheet-music__container svg [stroke]{stroke:#000!important}.sheet-music__container svg [fill]:not([fill=none]):not([fill=white]):not([fill="#ffffff"]):not([fill="#fff"]){fill:#000!important}.pan-knob{display:flex;flex-direction:column;align-items:center;gap:5px;-webkit-user-select:none;user-select:none}.pan-knob__dial{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#3a3a50,#14141c);border:1px solid rgba(255,255,255,.08);box-shadow:0 3px 10px #0009,inset 0 1px #ffffff12,inset 0 -1px #0006;cursor:grab;display:flex;align-items:flex-start;justify-content:center;padding-top:5px;transition:box-shadow .1s}.pan-knob__dial:hover{box-shadow:0 3px 14px #000000b3,0 0 0 1px #8b5cf640,inset 0 1px #ffffff12}.pan-knob__dial:active{cursor:grabbing}.pan-knob__dial--disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.pan-knob__indicator{width:2px;height:10px;background:#fff;border-radius:1px;box-shadow:0 0 3px #ffffff80}.pan-knob__labels{display:flex;justify-content:space-between;width:100%;padding:0 3px;font-size:.62rem;font-weight:600;color:var(--text-dim);letter-spacing:.02em}.waveform-display{flex:1;min-width:0;height:36px;border-radius:8px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.waveform-display__canvas{width:100%;height:100%;display:block}.waveform-display__skeleton{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:2px;padding:4px 6px;box-sizing:border-box}@keyframes waveformPulse{0%,to{opacity:.15;transform:scaleY(.4)}50%{opacity:.5;transform:scaleY(1)}}.waveform-display__bar{flex:1;height:100%;border-radius:2px;background:var(--accent);animation:waveformPulse 1.2s ease-in-out infinite;animation-delay:calc(var(--bar-i) * 30ms);transform-origin:center}.stem-track{display:flex;align-items:center;gap:12px;padding:5px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:opacity .2s,border-color .2s;min-width:0;overflow:visible}.stem-track--muted{opacity:.5}.stem-track--disabled{pointer-events:none;opacity:.35}.stem-track__info{display:flex;align-items:center;gap:10px;flex:0 0 150px;min-width:0}.stem-track__icon{font-size:1.4rem;flex-shrink:0}.stem-track__name{font-weight:600;font-size:.9rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stem-track__controls{display:flex;align-items:center;gap:8px;flex:0 1 auto;min-width:0}.stem-track__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 38% 32%,#3a3a50,#14141c);box-shadow:0 3px 10px #0009,inset 0 1px #ffffff12,inset 0 -1px #0006;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:700;font-family:inherit;transition:box-shadow .15s,color .15s}.stem-track__btn:hover{box-shadow:0 3px 14px #000000b3,0 0 0 1px #8b5cf640,inset 0 1px #ffffff12;color:var(--text)}.stem-track__btn--active{background:radial-gradient(circle at 38% 32%,#a78bfa,#6d28d9);border-color:#8b5cf666;box-shadow:0 3px 14px #6d28d980,inset 0 1px #ffffff26,inset 0 -1px #0000004d;color:#fff}.stem-track__btn--active:hover{opacity:.9}.stem-track__slider{flex:1 1 80px;min-width:60px;max-width:120px;height:4px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#3a3a50,#1e1e2e);border-radius:2px;outline:none;cursor:pointer;box-shadow:inset 0 1px 3px #0009,inset 0 -1px #ffffff0a}.stem-track__slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#a78bfa,#6d28d9);cursor:grab;border:2px solid #0e0e18;box-shadow:0 2px 8px #6d28d980;transition:box-shadow .15s}.stem-track__slider::-webkit-slider-thumb:hover{box-shadow:0 2px 12px #8b5cf6b3}.stem-track__slider::-webkit-slider-thumb:active{cursor:grabbing}.stem-track__slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#a78bfa,#6d28d9);cursor:grab;border:2px solid #0e0e18;box-shadow:0 2px 8px #6d28d980}.stem-track__volume-label{font-size:.75rem;color:var(--text-dim);min-width:32px;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.stem-track__pan-group{display:flex;align-items:center;margin-top:18px;flex-shrink:0}@media(max-width:1100px){.stem-track__info{flex:0 0 120px}.stem-track__volume-label{display:none}.stem-track__slider{max-width:90px}}@media(max-width:860px){.stem-track__info{flex:0 0 100px}.stem-track__pan-group{display:none}.stem-track__slider{max-width:80px}}@media(max-width:600px){.stem-track{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 14px}.stem-track__info{flex:none;width:100%}.stem-track__controls{width:100%}.stem-track__slider{flex:1 1 0;max-width:none;min-width:0}.stem-track__pan-group{display:none}}.dl-modal__overlay{position:fixed;inset:0;z-index:100;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.dl-modal{background:var(--surface, #1a1a23);border:1px solid var(--border, rgba(255,255,255,.08));border-radius:16px;width:100%;max-width:460px;box-shadow:0 24px 64px #00000080;display:flex;flex-direction:column;gap:0;overflow:hidden;animation:dlModalIn .18s ease-out}@keyframes dlModalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dl-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;border-bottom:1px solid var(--border, rgba(255,255,255,.06))}.dl-modal__title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--text, #f0f0f0);margin:0}.dl-modal__close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;border-radius:8px;color:var(--text-muted, #999);cursor:pointer;transition:background .15s,color .15s}.dl-modal__close:hover{background:#ffffff12;color:var(--text, #f0f0f0)}.dl-modal__options{display:flex;flex-direction:column;gap:8px;padding:16px 20px}.dl-modal__option{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff08;border:1.5px solid var(--border, rgba(255,255,255,.08));border-radius:12px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;width:100%}.dl-modal__option:hover{background:#ffffff0d}.dl-modal__option--active{border-color:#8b5cf680;background:#8b5cf60f}.dl-modal__format{display:flex;flex-direction:column;gap:8px;padding:0 20px 4px}.dl-modal__format-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #888)}.dl-modal__format-toggle{display:flex;gap:8px}.dl-modal__format-btn{flex:1;display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:#ffffff08;border:1.5px solid var(--border, rgba(255,255,255,.08));border-radius:12px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.dl-modal__format-btn:hover{background:#ffffff0d}.dl-modal__format-btn--active{border-color:#8b5cf680;background:#8b5cf60f}.dl-modal__format-name{font-size:.9rem;font-weight:600;color:var(--text, #f0f0f0)}.dl-modal__format-desc{font-size:.74rem;color:var(--text-muted, #888);line-height:1.3}.dl-modal__option-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dl-modal__option-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.dl-modal__option-label{font-size:.9rem;font-weight:600;color:var(--text, #f0f0f0)}.dl-modal__option-desc{font-size:.78rem;color:var(--text-muted, #888);line-height:1.4}.dl-modal__radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border, rgba(255,255,255,.2));flex-shrink:0;transition:border-color .15s,background .15s;position:relative}.dl-modal__radio--checked{border-color:#8b5cf6;background:#8b5cf6}.dl-modal__radio--checked:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#fff}.dl-modal__stems{padding:0 20px 4px;display:flex;flex-direction:column;gap:10px}.dl-modal__stems-header{display:flex;align-items:center;justify-content:space-between}.dl-modal__select-all{font-size:.78rem;font-weight:600;color:var(--accent, #8b5cf6);background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.dl-modal__select-all:hover{text-decoration:underline}.dl-modal__stems-count{font-size:.75rem;color:var(--text-muted, #888);font-variant-numeric:tabular-nums}.dl-modal__stem-list{display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto}.dl-modal__stem{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;background:#ffffff05;border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s;-webkit-user-select:none;user-select:none}.dl-modal__stem:hover{background:#ffffff0d}.dl-modal__stem--checked{background:#ffffff0a;border-color:#ffffff12}.dl-modal__checkbox{display:none}.dl-modal__stem-icon{display:flex;align-items:center;flex-shrink:0}.dl-modal__stem-name{flex:1;font-size:.88rem;font-weight:500;color:var(--text, #f0f0f0)}.dl-modal__stem-check{width:18px;height:18px;border-radius:5px;border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .12s,background .12s}.dl-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border, rgba(255,255,255,.06));margin-top:4px}.dl-modal__cancel{padding:9px 18px;border:1px solid var(--border, rgba(255,255,255,.1));border-radius:9px;background:transparent;color:var(--text-muted, #999);font-size:.88rem;font-family:inherit;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.dl-modal__cancel:hover{background:#ffffff0f;color:var(--text, #f0f0f0)}.dl-modal__confirm{display:flex;align-items:center;gap:7px;padding:9px 20px;border:none;border-radius:9px;background:#8b5cf6;color:#fff;font-size:.88rem;font-family:inherit;font-weight:600;cursor:pointer;transition:opacity .15s}.dl-modal__confirm:hover{opacity:.88}.dl-modal__confirm:disabled{opacity:.4;cursor:not-allowed}.eq-overlay{position:fixed;inset:0;z-index:300;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:24px 16px;animation:eqOverlayIn .15s ease forwards}@keyframes eqOverlayIn{0%{opacity:0}to{opacity:1}}.eq-modal{background:#12121e;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 32px 80px #000000e6;width:min(640px,100%);display:flex;flex-direction:column;gap:0;overflow:hidden;animation:eqModalIn .2s cubic-bezier(.22,1,.36,1) forwards}@keyframes eqModalIn{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.eq-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.eq-modal__title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--text)}.eq-modal__track-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.eq-modal__track-name{font-size:.85rem;font-weight:500;color:var(--text-dim);background:#ffffff0f;padding:2px 8px;border-radius:99px}.eq-modal__header-actions{display:flex;align-items:center;gap:8px}.eq-modal__reset-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:transparent;color:var(--text-dim);font-size:.75rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.eq-modal__reset-btn:hover{background:#ffffff12;color:var(--text)}.eq-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s}.eq-modal__close:hover{background:#ffffff12;color:var(--text)}.eq-modal__presets{display:flex;gap:6px;padding:14px 24px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.eq-modal__presets::-webkit-scrollbar{display:none}.eq-preset-chip{padding:5px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-dim);font-size:.75rem;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.eq-preset-chip:hover{background:#ffffff17;color:var(--text)}.eq-preset-chip--active{background:#8b5cf62e;border-color:#8b5cf68c;color:#c4b5fd}.eq-modal__bands{display:flex;align-items:flex-end;justify-content:space-evenly;padding:16px 20px 24px;gap:4px}.eq-band{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;min-width:0}.eq-band__val{font-size:.65rem;font-weight:600;color:var(--text-dim);font-variant-numeric:tabular-nums;height:14px;line-height:1;text-align:center;transition:color .15s}.eq-band:has(.eq-band__input[value]:not([value="0"])) .eq-band__val{color:#c4b5fd}.eq-band__slider-wrap{position:relative;width:24px;height:130px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.eq-band__center-line{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24px;height:1px;background:#ffffff1f;pointer-events:none;z-index:0}.eq-band__input{position:absolute;width:130px;height:4px;transform:rotate(-90deg);-webkit-appearance:none;appearance:none;background:transparent;outline:none;cursor:pointer;z-index:1}.eq-band__input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#ffffff14;box-shadow:inset 0 1px 3px #00000080}.eq-band__input::-moz-range-track{height:4px;border-radius:2px;background:#ffffff14}.eq-band__input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#d8b4fe,#7c3aed);border:2px solid #0e0e18;box-shadow:0 2px 8px #6d28d999;cursor:grab;transition:box-shadow .15s;margin-top:-7px}.eq-band__input::-webkit-slider-thumb:hover{box-shadow:0 2px 14px #8b5cf6cc}.eq-band__input::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:0 0 0 4px #8b5cf640}.eq-band__input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#d8b4fe,#7c3aed);border:2px solid #0e0e18;box-shadow:0 2px 8px #6d28d999;cursor:grab}.eq-band__freq{font-size:.62rem;color:var(--text-dim);text-align:center;white-space:nowrap}@media(max-width:500px){.eq-modal__bands{padding:12px 8px 20px;gap:2px}.eq-band__slider-wrap{height:100px}.eq-band__input{width:100px}.eq-band__val,.eq-band__freq{font-size:.58rem}}.stem-mixer{width:100%;max-width:none;margin:0;position:relative}.stem-mixer--busy .stem-mixer__sidebar,.stem-mixer--busy .stem-mixer__tracks{pointer-events:none;opacity:.4}.stem-mixer__loading-strip{display:flex;align-items:center;gap:10px;padding:8px 2px;margin-bottom:4px}.stem-mixer__loading-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:loadDotPulse 1.3s ease-in-out infinite}@keyframes loadDotPulse{0%,to{opacity:1}50%{opacity:.3}}.stem-mixer__loading-text{font-size:.8rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.stem-mixer__loading-bar{flex:1;height:3px;background:#ffffff12;border-radius:99px;overflow:hidden}.stem-mixer__loading-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .4s ease}.stem-mixer__overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f0f13bf;border-radius:12px}.stem-mixer__overlay-spinner{color:var(--accent);animation:spin 1.2s linear infinite;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stem-mixer__overlay-text{color:var(--text-muted);font-size:.9rem;font-weight:500;margin:0}.stem-mixer__body{display:flex;align-items:flex-start;gap:16px}.stem-mixer__sidebar{flex:0 0 180px;display:flex;flex-direction:column;gap:10px}.stem-mixer__filename{margin:0;font-size:.95rem;font-weight:600;color:var(--text);line-height:1.4;word-break:break-word}.stem-mixer__transport{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 12px 12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%}.stem-mixer__transport-top{display:flex;align-items:center;justify-content:space-between;width:100%}.stem-mixer__transport-buttons{display:flex;align-items:center;justify-content:center;gap:8px}.stem-mixer__transport-buttons--full{justify-content:space-between}.stem-mixer__transport-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s;flex-shrink:0}.stem-mixer__transport-btn:hover{color:var(--text);background:var(--surface-hover)}.stem-mixer__transport-btn:disabled{opacity:.4;cursor:not-allowed}.stem-mixer__transport-btn--active{color:var(--accent)!important}.stem-mixer__play-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;transition:opacity .15s,transform .1s;flex-shrink:0}.stem-mixer__play-btn:hover{opacity:.85}.stem-mixer__play-btn:active{transform:scale(.95)}.stem-mixer__play-btn:disabled{opacity:.4;cursor:not-allowed}.stem-mixer__progress-row{display:flex;align-items:center;gap:6px;width:100%}.stem-mixer__time{font-size:.7rem;color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0}.stem-mixer__seek{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer;min-width:0}.stem-mixer__seek::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg)}.stem-mixer__seek::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg)}.stem-mixer__vol-wrap{position:relative}.stem-mixer__vol-popup{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0006;z-index:20}.stem-mixer__vol-slider{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:slider-vertical;appearance:auto;width:6px;height:100px;cursor:pointer;accent-color:var(--accent)}.stem-mixer__actions{display:flex;flex-direction:column;gap:8px}.stem-mixer__reset{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.stem-mixer__reset:hover{background:var(--surface-hover);color:var(--text)}.stem-mixer__reset:disabled{opacity:.4;cursor:not-allowed}.stem-mixer__download{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.stem-mixer__download:hover{opacity:.85}.stem-mixer__download:disabled{opacity:.5;cursor:not-allowed}.stem-mixer__back-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d;color:var(--text-muted);font-size:.8rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.stem-mixer__back-btn:hover{background:#ffffff17;border-color:#fff3;color:var(--text)}.stem-mixer__back-btn:disabled{opacity:.35;cursor:not-allowed}.stem-mixer__filename--spaced{margin-top:4px;padding-top:12px;border-top:1px solid var(--border)}.stem-mixer__bpm-info{margin:-4px 0 0;font-size:.8rem;color:var(--text-dim)}.stem-mixer__vol-hint{display:flex;align-items:center;gap:5px;margin:6px 0 0;font-size:.72rem;color:var(--text-dim);opacity:.7;white-space:nowrap;-webkit-user-select:none;user-select:none}.stem-mixer__bpm-row{display:flex;align-items:baseline;justify-content:space-between;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.stem-mixer__bpm-label{font-size:.65rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.stem-mixer__bpm-value{font-size:1.1rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stem-mixer__chord-box{padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:8px}.stem-mixer__chord-label{font-size:.7rem;font-weight:500;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.stem-mixer__chord-ticker{display:flex;align-items:baseline;justify-content:center;gap:14px}.stem-mixer__chord-current{font-size:2rem;font-weight:700;color:var(--accent);line-height:1;letter-spacing:-.02em;min-width:3ch;text-align:center}.stem-mixer__chord-side{font-size:1rem;font-weight:500;color:var(--text-dim);opacity:.45;min-width:2ch;text-align:center}.stem-mixer__spin{animation:spin 1.2s linear infinite}.sm-lyrics-overlay{position:fixed;inset:0;z-index:200;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:24px;animation:smOverlayIn .18s ease forwards}@keyframes smOverlayIn{0%{opacity:0}to{opacity:1}}.sm-lyrics-dialog{background:var(--surface, #1a1a2e);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 24px 64px #000c;width:min(520px,100%);max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:smDialogIn .2s cubic-bezier(.22,1,.36,1) forwards}@keyframes smDialogIn{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.sm-lyrics-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.sm-lyrics-title{font-size:1.05rem;font-weight:700;color:var(--text)}.sm-lyrics-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s}.sm-lyrics-close:hover{background:#ffffff12;color:var(--text)}.sm-lyrics-body{padding:16px 24px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sm-lyrics-line{font-size:1rem;line-height:1.75;color:var(--text-dim);padding:3px 10px;border-radius:6px;transition:color .2s,background .2s}.sm-lyrics-line--active{color:#fff;background:#8b5cf62e;font-weight:600}.sm-lyrics-empty{color:var(--text-dim);font-size:.9rem;text-align:center;padding:24px 0;margin:0}.sm-master{display:flex;flex-direction:column}.sm-master__toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-radius .15s}.sm-master__toggle span{flex:1;text-align:left}.sm-master__toggle:hover{background:var(--surface-hover);color:var(--text)}.sm-master__toggle--open{border-radius:8px 8px 0 0;border-bottom-color:transparent;background:var(--surface);color:var(--text)}.sm-master__chevron{flex-shrink:0;transition:transform .2s}.sm-master__toggle--open .sm-master__chevron{transform:rotate(180deg)}.sm-master__panel{border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;background:var(--surface);padding:10px 10px 12px;display:flex;flex-direction:column;gap:10px}.sm-master__presets{display:flex;gap:4px}.sm-master__preset{flex:1;padding:5px 2px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff0a;color:var(--text-dim);font-size:.68rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}.sm-master__preset:hover{background:#ffffff17;color:var(--text)}.sm-master__preset--active{background:radial-gradient(circle at 38% 32%,#a78bfa44,#6d28d933);border-color:#8b5cf680;color:#c4b5fd}.sm-master__row{display:flex;align-items:center;gap:6px}.sm-master__label{font-size:.68rem;color:var(--text-dim);font-weight:500;width:62px;flex-shrink:0}.sm-master__slider{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#3a3a50,#1e1e2e);border-radius:2px;outline:none;cursor:pointer;min-width:0}.sm-master__slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#a78bfa,#6d28d9);cursor:grab;border:2px solid #0e0e18;box-shadow:0 2px 6px #6d28d980}.sm-master__slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#a78bfa,#6d28d9);cursor:grab;border:2px solid #0e0e18}.sm-master__val{font-size:.68rem;color:var(--text-dim);font-variant-numeric:tabular-nums;width:38px;text-align:right;flex-shrink:0}.stem-mixer__tracks{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}@media(max-width:1000px){.stem-mixer__sidebar{flex:0 0 160px}}@media(max-width:700px){.stem-mixer__body{flex-direction:column}.stem-mixer__sidebar{flex:none;width:100%}.stem-mixer__transport{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px;padding:12px 16px}.stem-mixer__transport-top{width:auto;gap:8px}.stem-mixer__progress-row{width:100%;order:1}}.stem-separation{width:100%}@keyframes skelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel{border-radius:6px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:200% 100%;animation:skelShimmer 1.6s ease-in-out infinite}.skel--circle{border-radius:50%}.skel--btn{width:28px;height:28px;border-radius:8px;flex-shrink:0}.stem-skel{display:flex;flex-direction:column;gap:20px;padding:4px 0}.stem-skel__status{display:flex;align-items:center;gap:8px}.stem-skel__dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:skelPulse 1.4s ease-in-out infinite}@keyframes skelPulse{0%,to{opacity:1}50%{opacity:.35}}.stem-skel__label{font-size:.88rem;font-weight:600;color:var(--text-muted)}.stem-skel__body{display:flex;align-items:flex-start;gap:16px}.stem-skel__sidebar{flex:0 0 180px;display:flex;flex-direction:column;gap:12px}.stem-skel__transport{display:flex;align-items:center;gap:12px;padding:14px 12px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.stem-skel__tracks{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.stem-skel__track{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;animation:skelFadeIn .3s ease-out both}@keyframes skelFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.stem-skel__track-info{display:flex;align-items:center;gap:10px;width:160px;flex-shrink:0}.stem-skel__track-controls{display:flex;align-items:center;gap:10px;flex:0 0 auto;width:220px}.stem-skel__track-wave{flex:1;height:36px;min-width:0}.stem-skel__hint{font-size:.82rem;color:var(--text-dim);margin:0}@media(max-width:700px){.stem-skel__body{flex-direction:column}.stem-skel__sidebar{flex:none;width:100%}.stem-skel__track{flex-wrap:wrap}.stem-skel__track-wave{display:none}.stem-skel__track-controls{width:auto;flex:1}}.stem-error{text-align:center;margin-top:20px;padding:16px;background:var(--error-bg);border-radius:10px}.stem-error p{color:var(--error);margin:0 0 12px;font-size:.9rem}.stem-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.stem-divider:before,.stem-divider:after{content:"";flex:1;height:1px;background:var(--border)}.stem-divider span{color:var(--text-dim);font-size:.82rem;white-space:nowrap}.stem-url{display:flex;gap:10px}.stem-url__input-wrap{flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:border-color .15s}.stem-url__input-wrap:focus-within{border-color:var(--accent)}.stem-url__icon{color:var(--text-dim);flex-shrink:0}.stem-url__input{flex:1;padding:12px 0;background:none;border:none;outline:none;color:var(--text);font-size:.9rem;font-family:inherit}.stem-url__input::placeholder{color:var(--text-dim)}.stem-url__btn{padding:12px 20px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s;white-space:nowrap}.stem-url__btn:hover{opacity:.85}.stem-url__btn:disabled{opacity:.4;cursor:not-allowed}.karaoke{width:100%}.karaoke__drop{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;border:2px dashed var(--border);border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s}.karaoke__drop:hover,.karaoke__drop--active{border-color:var(--accent);background:var(--accent-bg)}.karaoke__icon{color:var(--text-dim);margin-bottom:12px}.karaoke__drop-text{margin:0;font-size:.95rem;font-weight:600;color:var(--text)}.karaoke__formats{margin-top:6px;font-size:.78rem;color:var(--text-dim)}.karaoke__divider{display:flex;align-items:center;gap:12px;margin:20px 0}.karaoke__divider:before,.karaoke__divider:after{content:"";flex:1;height:1px;background:var(--border)}.karaoke__divider span{font-size:.8rem;color:var(--text-dim)}.karaoke__url-row{display:flex;gap:10px}.karaoke__url-input-wrap{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);transition:border-color .15s}.karaoke__url-input-wrap:focus-within{border-color:var(--accent)}.karaoke__url-icon{color:var(--text-dim);flex-shrink:0}.karaoke__url-input{flex:1;border:none;background:transparent;color:var(--text);font-size:.88rem;font-family:inherit;outline:none}.karaoke__url-input::placeholder{color:var(--text-dim)}.karaoke__url-btn{padding:10px 20px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:opacity .15s}.karaoke__url-btn:hover:not(:disabled){opacity:.85}.karaoke__url-btn:disabled{opacity:.4;cursor:default}.karaoke__error{margin-top:16px;padding:10px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.85rem}.karaoke__processing{display:flex;flex-direction:column;align-items:center;padding:64px 24px;text-align:center}.karaoke__spinner{color:var(--accent);animation:karaoke-spin 1s linear infinite;margin-bottom:16px}@keyframes karaoke-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.karaoke__processing-text{margin:0;font-size:1.1rem;font-weight:700;color:var(--text)}.karaoke__processing-sub{margin-top:8px;font-size:.85rem;color:var(--text-dim)}.karaoke__result-body{display:flex;align-items:flex-start;gap:24px}.karaoke__result-sidebar{flex:0 0 200px;display:flex;flex-direction:column;gap:10px}.karaoke__result-content{flex:1;min-width:0}.karaoke__result-title{margin:0;font-size:.95rem;font-weight:600;color:var(--text);line-height:1.4;word-break:break-word}.karaoke__result-label{margin-top:6px;font-size:.82rem;color:var(--accent);font-weight:500}.karaoke__transport{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 12px 12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%}.karaoke__transport-buttons{display:flex;align-items:center;justify-content:center}.karaoke__play-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;flex-shrink:0;transition:opacity .15s,transform .1s}.karaoke__play-btn:hover{opacity:.85}.karaoke__play-btn:active{transform:scale(.95)}.karaoke__progress-row{display:flex;align-items:center;gap:6px;width:100%}.karaoke__time{font-size:.75rem;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:36px}.karaoke__progress-bar{flex:1;height:6px;background:var(--border);border-radius:3px;position:relative;cursor:pointer}.karaoke__progress-bar:hover{height:8px}.karaoke__progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--accent);border-radius:3px;pointer-events:none}.karaoke__progress-thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .15s}.karaoke__progress-bar:hover .karaoke__progress-thumb{opacity:1}.karaoke__actions{display:flex;flex-direction:column;gap:8px}.karaoke__download-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 10px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s}.karaoke__download-btn:hover{opacity:.85}.karaoke__reset-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 10px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.8rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.karaoke__reset-btn:hover{background:var(--surface-hover);color:var(--text)}.transpose{width:100%;max-width:600px;margin:0 auto}.transpose__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:8px 0;width:100%}.transpose__drop{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;border:2px dashed var(--border);border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s}.transpose__drop:hover,.transpose__drop--active{border-color:var(--accent);background:var(--accent-bg)}.transpose__icon{color:var(--text-dim);margin-bottom:12px}.transpose__drop-text{margin:0;font-size:.95rem;font-weight:600;color:var(--text)}.transpose__formats{margin-top:6px;font-size:.78rem;color:var(--text-dim)}.transpose__divider{display:flex;align-items:center;gap:12px;margin:20px 0}.transpose__divider:before,.transpose__divider:after{content:"";flex:1;height:1px;background:var(--border)}.transpose__divider span{font-size:.8rem;color:var(--text-dim)}.transpose__url-row{display:flex;gap:10px}.transpose__url-input-wrap{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);transition:border-color .15s}.transpose__url-input-wrap:focus-within{border-color:var(--accent)}.transpose__url-icon{color:var(--text-dim);flex-shrink:0}.transpose__url-input{flex:1;border:none;background:transparent;color:var(--text);font-size:.88rem;font-family:inherit;outline:none}.transpose__url-input::placeholder{color:var(--text-dim)}.transpose__url-btn{padding:10px 20px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:opacity .15s}.transpose__url-btn:hover:not(:disabled){opacity:.85}.transpose__url-btn:disabled{opacity:.4;cursor:default}.transpose__error{margin-top:16px;padding:10px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.85rem}.transpose__processing{display:flex;flex-direction:column;align-items:center;padding:64px 24px;text-align:center}.transpose__spinner{color:var(--accent);animation:tp-spin 1s linear infinite;margin-bottom:16px}@keyframes tp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transpose__processing-text{margin:0;font-size:1.1rem;font-weight:700;color:var(--text)}.transpose__result{display:flex;flex-direction:column;align-items:center;padding:28px 24px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.transpose__result-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text);text-align:center}.transpose__controls{display:flex;align-items:center;gap:20px;margin:20px 0 12px}.transpose__step-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.transpose__step-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent-border)}.transpose__step-btn:disabled{opacity:.3;cursor:default}.transpose__value{display:flex;flex-direction:column;align-items:center;min-width:120px}.transpose__semitones{font-size:1.1rem;font-weight:700;color:var(--accent)}.transpose__key-hint{font-size:.75rem;color:var(--text-dim);margin-top:2px}.transpose__quick-btns{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:16px}.transpose__quick-btn{padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;font-variant-numeric:tabular-nums;transition:background .12s,color .12s,border-color .12s}.transpose__quick-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.transpose__quick-btn--active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.transpose__quick-btn:disabled{opacity:.4;cursor:default}.transpose__loading{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.82rem;color:var(--accent);font-weight:500}.transpose__spinner--small{animation:tp-spin 1s linear infinite}.transpose__player{display:flex;align-items:center;gap:14px;margin:8px 0 20px;width:100%}.transpose__play-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--accent);background:var(--accent-bg);color:var(--accent);cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s}.transpose__play-btn:hover:not(:disabled){background:var(--accent);color:#fff}.transpose__play-btn:active{transform:scale(.94)}.transpose__play-btn:disabled{opacity:.4;cursor:default}.transpose__progress-wrap{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.transpose__time{font-size:.75rem;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:36px}.transpose__progress-bar{flex:1;height:6px;background:var(--border);border-radius:3px;position:relative;cursor:pointer}.transpose__progress-bar:hover{height:8px}.transpose__progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--accent);border-radius:3px;pointer-events:none}.transpose__progress-thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .15s}.transpose__progress-bar:hover .transpose__progress-thumb{opacity:1}.transpose__actions{display:flex;gap:12px;align-items:center}.transpose__download-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s}.transpose__download-btn:hover:not(:disabled){opacity:.85}.transpose__download-btn:disabled{opacity:.5;cursor:default}.transpose__reset-btn{padding:12px 20px;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);font-size:.88rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.transpose__reset-btn:hover{background:var(--surface-hover);color:var(--text)}.speed{width:100%;max-width:600px;margin:0 auto}.speed__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:8px 0;width:100%}.speed__drop{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;border:2px dashed var(--border);border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s}.speed__drop:hover,.speed__drop--active{border-color:var(--accent);background:var(--accent-bg)}.speed__icon{color:var(--text-dim);margin-bottom:12px}.speed__drop-text{margin:0;font-size:.95rem;font-weight:600;color:var(--text)}.speed__formats{margin-top:6px;font-size:.78rem;color:var(--text-dim)}.speed__divider{display:flex;align-items:center;gap:12px;margin:20px 0}.speed__divider:before,.speed__divider:after{content:"";flex:1;height:1px;background:var(--border)}.speed__divider span{font-size:.8rem;color:var(--text-dim)}.speed__url-row{display:flex;gap:10px}.speed__url-input-wrap{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);transition:border-color .15s}.speed__url-input-wrap:focus-within{border-color:var(--accent)}.speed__url-icon{color:var(--text-dim);flex-shrink:0}.speed__url-input{flex:1;border:none;background:transparent;color:var(--text);font-size:.88rem;font-family:inherit;outline:none}.speed__url-input::placeholder{color:var(--text-dim)}.speed__url-btn{padding:10px 20px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:opacity .15s}.speed__url-btn:hover:not(:disabled){opacity:.85}.speed__url-btn:disabled{opacity:.4;cursor:default}.speed__error{margin-top:16px;padding:10px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.85rem}.speed__processing{display:flex;flex-direction:column;align-items:center;padding:64px 24px;text-align:center}.speed__spinner{color:var(--accent);animation:sp-spin 1s linear infinite;margin-bottom:16px}@keyframes sp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.speed__processing-text{margin:0;font-size:1.1rem;font-weight:700;color:var(--text)}.speed__result{display:flex;flex-direction:column;align-items:center;padding:28px 24px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.speed__result-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text);text-align:center}.speed__controls{display:flex;align-items:center;gap:20px;margin:20px 0 12px}.speed__step-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.speed__step-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent-border)}.speed__step-btn:disabled{opacity:.3;cursor:default}.speed__value{display:flex;flex-direction:column;align-items:center;min-width:130px}.speed__percent{font-size:1.3rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.speed__hint{font-size:.75rem;color:var(--text-dim);margin-top:2px}.speed__slider-wrap{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:14px}.speed__slider-label{font-size:.72rem;color:var(--text-dim);white-space:nowrap;min-width:30px;text-align:center}.speed__slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--border);border-radius:3px;outline:none;cursor:pointer}.speed__slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--surface)}.speed__slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--surface)}.speed__slider:disabled{opacity:.4;cursor:default}.speed__presets{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:16px}.speed__preset{padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);font-size:.76rem;font-weight:600;font-family:inherit;cursor:pointer;font-variant-numeric:tabular-nums;transition:background .12s,color .12s,border-color .12s}.speed__preset:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.speed__preset--active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.speed__preset:disabled{opacity:.4;cursor:default}.speed__loading{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.82rem;color:var(--accent);font-weight:500}.speed__spinner--small{animation:sp-spin 1s linear infinite}.speed__player{display:flex;align-items:center;gap:14px;margin:8px 0 20px;width:100%}.speed__play-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--accent);background:var(--accent-bg);color:var(--accent);cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s}.speed__play-btn:hover:not(:disabled){background:var(--accent);color:#fff}.speed__play-btn:active{transform:scale(.94)}.speed__play-btn:disabled{opacity:.4;cursor:default}.speed__progress-wrap{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.speed__time{font-size:.75rem;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:36px}.speed__progress-bar{flex:1;height:6px;background:var(--border);border-radius:3px;position:relative;cursor:pointer}.speed__progress-bar:hover{height:8px}.speed__progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--accent);border-radius:3px;pointer-events:none}.speed__progress-thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .15s}.speed__progress-bar:hover .speed__progress-thumb{opacity:1}.speed__actions{display:flex;gap:12px;align-items:center}.speed__download-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s}.speed__download-btn:hover:not(:disabled){opacity:.85}.speed__download-btn:disabled{opacity:.5;cursor:default}.speed__reset-btn{padding:12px 20px;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);font-size:.88rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.speed__reset-btn:hover{background:var(--surface-hover);color:var(--text)}.clk{width:100%}.clk__body{display:flex;align-items:flex-start;gap:24px}.clk__sidebar{flex:0 0 180px;display:flex;flex-direction:column;gap:10px}.clk__content{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:16px}.clk__drop{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;border:2px dashed var(--border);border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s}.clk__drop:hover,.clk__drop--active{border-color:var(--accent);background:var(--accent-bg)}.clk__icon{color:var(--text-dim);margin-bottom:12px}.clk__drop-text{margin:0;font-size:.95rem;font-weight:600;color:var(--text)}.clk__formats{margin-top:6px;font-size:.78rem;color:var(--text-dim)}.clk__divider{display:flex;align-items:center;gap:12px;margin:20px 0}.clk__divider:before,.clk__divider:after{content:"";flex:1;height:1px;background:var(--border)}.clk__divider span{font-size:.8rem;color:var(--text-dim)}.clk__url-row{display:flex;gap:10px}.clk__url-input-wrap{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);transition:border-color .15s}.clk__url-input-wrap:focus-within{border-color:var(--accent)}.clk__url-icon{color:var(--text-dim);flex-shrink:0}.clk__url-input{flex:1;border:none;background:transparent;color:var(--text);font-size:.88rem;font-family:inherit;outline:none}.clk__url-input::placeholder{color:var(--text-dim)}.clk__url-btn{padding:10px 20px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:opacity .15s}.clk__url-btn:hover:not(:disabled){opacity:.85}.clk__url-btn:disabled{opacity:.4;cursor:default}.clk__error{margin-top:16px;padding:10px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.85rem}.clk__processing{display:flex;flex-direction:column;align-items:center;padding:64px 24px;text-align:center}.clk__spinner{color:var(--accent);animation:clk-spin 1s linear infinite;margin-bottom:16px}@keyframes clk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clk__processing-text{margin:0;font-size:1.1rem;font-weight:700;color:var(--text)}.clk__vol-popup{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;gap:16px;box-shadow:0 8px 24px #0006;z-index:20}.clk__vol-col{display:flex;flex-direction:column;align-items:center;gap:6px}.clk__vol-col-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.clk__vol-col-value{font-size:.7rem;color:var(--accent);font-variant-numeric:tabular-nums}.clk__detected{margin:12px 0 4px;padding:6px 16px;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:20px;font-size:.85rem;color:var(--text)}.clk__detected strong{color:var(--accent)}.clk__controls{display:flex;align-items:center;gap:16px}.clk__step-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.clk__step-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent-border)}.clk__step-btn:disabled{opacity:.3;cursor:default}.clk__value{display:flex;flex-direction:column;align-items:center;min-width:80px}.clk__bpm-num{font-size:1.5rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;font-family:inherit;border:none;border-bottom:1px solid transparent;background:transparent;text-align:center;width:72px;padding:0;outline:none;cursor:text;transition:border-color .15s}.clk__bpm-num:focus{border-bottom-color:var(--accent)}.clk__bpm-num::-webkit-outer-spin-button,.clk__bpm-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.clk__bpm-num{-moz-appearance:textfield}.clk__bpm-label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.clk__reset-bpm{padding:6px 14px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s,color .12s}.clk__reset-bpm:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.clk__reset-bpm:disabled{opacity:.3;cursor:default}.clk__apply-btn{width:100%;padding:10px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s}.clk__apply-btn:hover:not(:disabled){opacity:.85}.clk__apply-btn:disabled{opacity:.5;cursor:not-allowed}.clk__slider-wrap{display:flex;align-items:center;gap:12px;width:100%}.clk__slider-label{font-size:.72rem;color:var(--text-dim);white-space:nowrap;min-width:30px;text-align:center}.clk__slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--border);border-radius:3px;outline:none;cursor:pointer}.clk__slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--surface)}.clk__slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--surface)}.clk__slider:disabled{opacity:.4;cursor:default}.clk__loading{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.82rem;color:var(--accent);font-weight:500}.clk__spinner--small{animation:clk-spin 1s linear infinite}.clk__disclaimer{margin:12px 0 4px;padding:10px 16px;background:#eab30814;border:1px solid rgba(234,179,8,.25);border-radius:8px;color:#d4a017;font-size:.8rem;line-height:1.45}.lyr{width:100%;max-width:600px;margin:0 auto}.lyr__panel{display:flex;flex-direction:column;gap:12px;padding:20px;height:100%}.lyr__drop{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;border:2px dashed var(--border);border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s}.lyr__drop:hover,.lyr__drop--active{border-color:var(--accent);background:var(--accent-bg)}.lyr__icon{color:var(--text-dim);margin-bottom:12px}.lyr__drop-text{margin:0;font-size:.95rem;font-weight:600;color:var(--text)}.lyr__formats{margin-top:6px;font-size:.78rem;color:var(--text-dim)}.lyr__divider{display:flex;align-items:center;gap:12px;margin:20px 0}.lyr__divider:before,.lyr__divider:after{content:"";flex:1;height:1px;background:var(--border)}.lyr__divider span{font-size:.8rem;color:var(--text-dim)}.lyr__url-row{display:flex;gap:10px}.lyr__url-input-wrap{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);transition:border-color .15s}.lyr__url-input-wrap:focus-within{border-color:var(--accent)}.lyr__url-icon{color:var(--text-dim);flex-shrink:0}.lyr__url-input{flex:1;border:none;background:transparent;color:var(--text);font-size:.88rem;font-family:inherit;outline:none}.lyr__url-input::placeholder{color:var(--text-dim)}.lyr__url-btn{padding:10px 20px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:opacity .15s}.lyr__url-btn:hover:not(:disabled){opacity:.85}.lyr__url-btn:disabled{opacity:.4;cursor:default}.lyr__error{margin-top:16px;padding:10px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.85rem}.lyr__processing{display:flex;flex-direction:column;align-items:center;padding:64px 24px;text-align:center}.lyr__spinner{color:var(--accent);animation:lyr-spin 1s linear infinite;margin-bottom:16px}@keyframes lyr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lyr__processing-text{margin:0;font-size:1.1rem;font-weight:700;color:var(--text)}.lyr__processing-sub{margin:6px 0 0;font-size:.82rem;color:var(--text-dim)}.lyr__result{display:flex;flex-direction:column;align-items:center;padding:28px 24px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.lyr__result-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text);text-align:center}.lyr__lang{margin-top:8px;font-size:.82rem;color:var(--text-dim)}.lyr__lang strong{color:var(--accent);text-transform:capitalize}.lyr__toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;margin:16px 0 10px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:#ffffff05}.lyr__toggle{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.lyr__toggle input{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.lyr__tool-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.lyr__tool-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--accent-border)}.lyr__text-box{width:100%;max-height:400px;overflow-y:auto;padding:16px;background:#0003;border:1px solid var(--border);border-radius:10px;margin-bottom:12px}.lyr__line{display:flex;align-items:baseline;gap:10px;padding:4px 0}.lyr__timestamp{font-size:.72rem;color:var(--accent);font-variant-numeric:tabular-nums;min-width:36px;flex-shrink:0;opacity:.8}.lyr__line-text{font-size:.92rem;color:var(--text);line-height:1.6}.lyr__empty{text-align:center;color:var(--text-dim);font-size:.88rem;padding:24px 0}.lyr__disclaimer{margin:4px 0 12px;padding:10px 16px;background:#eab30814;border:1px solid rgba(234,179,8,.25);border-radius:8px;color:#d4a017;font-size:.8rem;line-height:1.45;text-align:center;width:100%}.lyr__actions{display:flex;gap:12px;align-items:center}.lyr__download-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s}.lyr__download-btn:hover{opacity:.85}.lyr__new-btn{padding:12px 20px;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);font-size:.88rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.lyr__new-btn:hover{background:var(--surface-hover);color:var(--text)}.chord-dict{padding:0 0 40px}.chord-dict__instruments{display:flex;gap:6px;margin-bottom:20px;background:var(--surface);border-radius:12px;padding:4px;border:1px solid var(--border)}.chord-dict__inst-btn{flex:1;padding:10px 16px;border:none;border-radius:10px;background:transparent;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.chord-dict__inst-btn:hover{color:var(--text);background:#ffffff0a}.chord-dict__inst-btn--active{background:var(--accent);color:#fff;font-weight:600}.chord-dict__inst-btn--active:hover{background:var(--accent);color:#fff}.chord-dict__search{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface);border-radius:10px;border:1px solid var(--border);margin-bottom:20px;transition:border-color .2s}.chord-dict__search:focus-within{border-color:var(--accent)}.chord-dict__search svg{color:var(--text-dim);flex-shrink:0}.chord-dict__search input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:.9rem}.chord-dict__search input::placeholder{color:var(--text-dim)}.chord-dict__roots{margin-bottom:20px}.chord-dict__roots-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-weight:600}.chord-dict__root-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.chord-dict__root-btn{padding:10px 0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.chord-dict__root-btn:hover{background:#8b5cf614;border-color:#8b5cf64d;color:var(--text)}.chord-dict__root-btn--active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.chord-dict__qualities{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.chord-dict__quality-btn{padding:6px 14px;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.chord-dict__quality-btn:hover{background:#8b5cf614;border-color:#8b5cf64d;color:var(--text)}.chord-dict__quality-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.chord-dict__results{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.chord-dict__card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:border-color .2s,transform .2s}.chord-dict__card:hover{border-color:#8b5cf666;transform:translateY(-2px)}.chord-dict__card-label{font-size:1.05rem;font-weight:700;color:var(--text);letter-spacing:.02em}.chord-dict__card-diagram{width:100%;display:flex;justify-content:center}.chord-dict__card-quality{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.chord-diagram{width:100%;max-width:130px;height:auto}.piano-keyboard{width:100%;max-width:176px;height:auto}.chord-dict__empty{grid-column:1 / -1;text-align:center;color:var(--text-dim);padding:40px 0;font-size:.9rem}@media(max-width:768px){.chord-dict__root-grid{grid-template-columns:repeat(4,1fr)}.chord-dict__results{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}}@media(max-width:480px){.chord-dict__root-grid{grid-template-columns:repeat(3,1fr)}.chord-dict__results{grid-template-columns:repeat(2,1fr)}}.tuner{display:flex;gap:28px;width:100%;padding-bottom:32px;align-items:flex-start}.tuner__sidebar{flex:0 0 200px;display:flex;flex-direction:column;gap:10px}.tuner__group-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:0 0 4px}.tuner__tuning{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;padding:5px 8px;cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:3px}.tuner__tuning:hover{background:var(--surface);border-color:#8b5cf64d}.tuner__tuning--active{border-color:var(--accent);background:#8b5cf60f}.tuner__tuning-name{font-size:.72rem;font-weight:600;color:var(--text-muted);white-space:nowrap;flex-shrink:0;min-width:48px}.tuner__tuning--active .tuner__tuning-name{color:var(--accent)}.tuner__tuning-strings{display:flex;flex-wrap:nowrap;gap:3px;overflow:hidden}.tuner__tuning-note{font-size:.7rem;font-weight:600;padding:2px 6px;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--text-dim);cursor:pointer;transition:all .15s}.tuner__tuning-note:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf666;color:var(--text)}.tuner__tuning-note:disabled{opacity:.4;cursor:not-allowed}.tuner__tuning-note--active{border-color:#f59e0b;color:#f59e0b;background:#f59e0b14}.tuner__tuning-note--tuned{border-color:#22c55e;color:#22c55e;background:#22c55e14}.tuner__main{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:8px}.tuner__notebar-wrap{width:100%;padding:0 8px}.tuner__notebar{position:relative;height:66px}.tuner__notebar-cell{position:absolute;bottom:12px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.tuner__notebar-label{font-size:.8rem;font-weight:600;color:var(--text-muted);line-height:1;margin-bottom:5px}.tuner__notebar-label--sharp{font-size:.62rem;font-weight:500;color:var(--text-dim);margin-bottom:7px}.tuner__notebar-tick{width:1.5px;height:8px;background:var(--border);border-radius:1px}.tuner__notebar-tick--sharp{height:5px;opacity:.6}.tuner__notebar-line{position:absolute;bottom:12px;left:0;right:0;height:2px;background:var(--border);border-radius:1px}.tuner__notebar-dot{position:absolute;bottom:6px;width:14px;height:14px;border-radius:50%;transform:translate(-50%);transition:left .08s ease-out;pointer-events:none}.tuner__note-big{display:flex;align-items:baseline;gap:3px}.tuner__note-big--tuned .tuner__note-name{color:#22c55e}.tuner__note-name{font-size:3.2rem;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1;transition:color .25s}.tuner__note-name--dim{color:var(--text-dim)}.tuner__note-octave{font-size:1.3rem;font-weight:600;color:var(--text-muted)}.tuner__cents-wrap{display:flex;align-items:center;gap:10px;width:100%;max-width:400px}.tuner__cents-label{font-size:1rem;color:var(--text-dim);font-weight:600;width:14px;text-align:center;flex-shrink:0}.tuner__cents-track{flex:1;height:6px;background:var(--border);border-radius:3px;position:relative}.tuner__cents-center-mark{position:absolute;left:50%;top:-5px;bottom:-5px;width:2px;background:var(--accent);border-radius:1px;transform:translate(-50%);opacity:.5}.tuner__cents-thumb{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);transition:left .08s ease-out;pointer-events:none}.tuner__status{font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums;min-height:22px;text-align:center}.tuner__status--dim{color:var(--text-dim)}.tuner__mic-btn{display:flex;align-items:center;gap:10px;padding:14px 32px;border:none;border-radius:12px;background:var(--accent);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px}.tuner__mic-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.tuner__mic-btn--active{background:#ef4444;animation:micPulse 2s ease-in-out infinite}@keyframes micPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 10px #ef444400}}@media(max-width:640px){.tuner{flex-direction:column;gap:16px}.tuner__sidebar{flex:none;width:100%;flex-direction:column;gap:8px}.tuner__group{width:100%}.tuner__main{width:100%;align-items:center}.tuner__notebar-wrap,.tuner__cents-wrap{max-width:100%;width:100%}.tuner__mic-btn{padding:12px 24px}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;background:#2a1f1f;border:1px solid rgba(248,113,113,.35);color:var(--error);font-size:.875rem;line-height:1.4;max-width:340px;min-width:220px;pointer-events:all;box-shadow:0 4px 20px #0006;animation:toast-in .25s ease}.toast__msg{flex:1}.toast__close{background:none;border:none;color:var(--error);opacity:.6;cursor:pointer;padding:0;line-height:1;font-size:1.1rem;flex-shrink:0;margin-top:1px}.toast__close:hover{opacity:1}.toast--limit{background:linear-gradient(135deg,#8b5cf62e,#1a1a23f2);border-color:#8b5cf673;color:var(--text);max-width:380px;align-items:center}.toast__crown{color:#a78bfa;flex-shrink:0}.toast__limit-body{flex:1;display:flex;flex-direction:column;gap:2px}.toast__limit-title{font-size:.88rem;font-weight:700;color:#fff}.toast__limit-sub{font-size:.78rem;color:var(--text-muted)}.toast__upgrade-btn{background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:.78rem;font-weight:700;font-family:inherit;padding:6px 12px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.toast__upgrade-btn:hover{opacity:.85}.toast--limit .toast__close{color:var(--text-muted)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:600px){.toast-container{inset:auto 12px 90px}.toast{max-width:100%}}.cookie-banner{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:12px;background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 18px;max-width:600px;width:calc(100vw - 32px);box-shadow:0 8px 32px #0006}.cookie-banner__icon{color:#a78bfa;flex-shrink:0}.cookie-banner__text{flex:1;font-size:13px;color:#94a3b8;line-height:1.5;margin:0}.cookie-banner__link{color:#a78bfa;text-decoration:underline;white-space:nowrap}.cookie-banner__actions{display:flex;gap:8px;flex-shrink:0}.cookie-banner__btn{padding:7px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;white-space:nowrap}.cookie-banner__btn--deny{background:#ffffff0f;color:#94a3b8}.cookie-banner__btn--deny:hover{background:#ffffff1a}.cookie-banner__btn--accept{background:#7c3aed;color:#fff}.cookie-banner__btn--accept:hover{background:#6d28d9}@media(max-width:540px){.cookie-banner{flex-wrap:wrap;bottom:80px}.cookie-banner__actions{width:100%;justify-content:flex-end}}.app-layout{display:flex;min-height:100vh;position:relative}.app-layout:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 50% at 70% 20%,rgba(139,92,246,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 20% 80%,rgba(59,130,246,.04) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 80% 70%,rgba(168,85,247,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.app-layout:after{content:"";position:fixed;top:-30%;right:-10%;width:600px;height:600px;border-radius:50%;background:#8b5cf608;filter:blur(80px);pointer-events:none;z-index:0;animation:hubGlow 20s ease-in-out infinite}@keyframes hubGlow{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(-40px,30px) scale(1.1);opacity:1}}.sidebar{width:240px;min-width:240px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden;z-index:2}.sidebar__brand{display:flex;align-items:center;padding:20px 20px 16px;color:var(--text)}.sidebar__logo{width:140px;height:auto;object-fit:contain;border-radius:8px}.sidebar__title{font-size:1.2rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar__nav{flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar__module{margin-bottom:2px}.sidebar__module-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text);font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;border-radius:8px;transition:background .15s;white-space:nowrap}.sidebar__module-btn span{overflow:hidden;text-overflow:ellipsis}.sidebar__module-btn:hover{background:var(--surface-hover)}.sidebar__chevron{margin-left:auto;transition:transform .2s;color:var(--text-dim)}.sidebar__chevron--open{transform:rotate(90deg)}.sidebar__children{padding:2px 0 4px 20px}.sidebar__child{display:block;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-muted);font-size:.84rem;font-weight:500;font-family:inherit;cursor:pointer;border-radius:6px;text-align:left;transition:background .15s,color .15s}.sidebar__child:hover{background:var(--surface-hover);color:var(--text)}.sidebar__child--active{background:var(--accent-bg);color:var(--accent);font-weight:600}.sidebar__standalone{margin-top:4px}.sidebar__standalone--active{background:var(--accent-bg);color:var(--accent)}.sidebar__bottom{flex-shrink:0;border-top:1px solid var(--border)}.sidebar__footer{padding:10px 16px 14px;color:var(--text-dim);font-size:.72rem;text-align:center}.sidebar__lang{display:flex;align-items:center;gap:8px;padding:10px 16px 6px;color:var(--text-dim)}.sidebar__lang select{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-muted);font-size:.78rem;font-family:inherit;padding:4px 8px;border-radius:6px;cursor:pointer}.sidebar__user-wrap{position:relative;padding:4px 10px 2px}.sidebar__user-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:1px solid transparent;background:transparent;border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s;text-align:left}.sidebar__user-btn:hover{background:var(--surface-hover);border-color:var(--border)}.sidebar__user-btn-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.sidebar__user-btn-avatar--placeholder{background:var(--accent-bg);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent)}.sidebar__user-btn-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sidebar__user-btn-name{font-size:.82rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-btn-email{font-size:.7rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-btn-chevron{color:var(--text-dim);flex-shrink:0;transition:transform .2s}.sidebar__user-btn-chevron--open{transform:rotate(180deg)}.sidebar__user-menu{position:absolute;bottom:calc(100% + 6px);left:10px;right:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden;z-index:200}.sidebar__user-menu-header{display:flex;align-items:center;gap:10px;padding:12px 14px}.sidebar__user-menu-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.sidebar__user-menu-avatar--placeholder{background:var(--accent-bg);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent)}.sidebar__user-menu-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar__user-menu-name{font-size:.84rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-menu-email{font-size:.72rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-menu-divider{height:1px;background:var(--border);margin:2px 0}.sidebar__user-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 14px;border:none;background:transparent;color:var(--text-muted);font-size:.83rem;font-family:inherit;cursor:pointer;transition:background .12s,color .12s;text-align:left}.sidebar__user-menu-item:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.sidebar__user-menu-item--disabled{opacity:.45;cursor:default}.sidebar__user-menu-badge{margin-left:auto;font-size:.65rem;font-weight:600;background:var(--accent-bg);color:var(--accent);padding:2px 6px;border-radius:20px;border:1px solid var(--accent-border)}.sidebar__user-menu-item--danger{color:#ef4444}.sidebar__user-menu-item--danger:hover{background:#ef444414!important;color:#ef4444!important}.sidebar__signin-wrap{padding:4px 10px 2px}.sidebar__signin-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;border:1px solid var(--accent-border);border-radius:10px;background:var(--accent-bg);color:var(--accent);font-size:.84rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.sidebar__signin-btn:hover{opacity:.85}.app-main{flex:1;min-height:100vh;padding:32px;position:relative;z-index:1;overflow-x:hidden}.app-main--mixer{padding:24px}.page-header{margin-bottom:28px}.page-header h2{font-size:1.6rem;font-weight:800;letter-spacing:-.5px;margin:0 0 8px;color:var(--text)}.page-header p{color:var(--text-muted);font-size:.9rem;margin:0;line-height:1.6}.page-disclaimer{margin:-8px 0 24px;padding:10px 16px;background:#eab3080f;border:1px solid rgba(234,179,8,.18);border-radius:10px;color:#d4a017;font-size:.82rem;line-height:1.5}.mobile-nav,.mobile-subtabs{display:none}@media(max-width:768px){.app-main--mixer{padding:16px}.sidebar--desktop{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;padding:0 8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-nav__item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 16px;border:none;background:none;color:var(--text-dim);font-family:inherit;font-size:.65rem;font-weight:500;cursor:pointer;border-radius:10px;transition:color .15s,background .15s}.mobile-nav__item:active{background:var(--surface-hover)}.mobile-nav__item--active{color:var(--accent)}.mobile-nav__item span{line-height:1}.mobile-subtabs{display:flex;gap:6px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.mobile-subtabs__item{padding:8px 16px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:inherit;font-size:.82rem;font-weight:500;border-radius:20px;cursor:pointer;white-space:nowrap;transition:all .15s}.mobile-subtabs__item--active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.app-layout{flex-direction:column}.app-main{padding:24px 16px 80px;max-width:100%}.mobile-nav__avatar{width:22px;height:22px;border-radius:50%;object-fit:cover}}.mobile-user-menu{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:0;width:calc(100vw - 48px);max-width:360px;overflow:hidden;box-shadow:0 24px 64px #00000080}.mobile-user-menu__header{display:flex;align-items:center;gap:10px;padding:16px 16px 14px}.btn-retry:hover{opacity:.85}@media(max-width:480px){.app-main{padding:20px 12px 80px}.page-header h2{font-size:1.6rem}}.login-modal-wrapper{width:min(560px,calc(100vw - 48px))}.leave-modal__overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.leave-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;max-width:440px;width:100%;box-shadow:0 24px 64px #00000080}.leave-modal__title{font-size:1.15rem;font-weight:700;color:var(--text);margin:0 0 12px}.leave-modal__message{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin:0 0 28px}.leave-modal__actions{display:flex;gap:12px;justify-content:flex-end}.leave-modal__btn{padding:10px 20px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;border:1px solid var(--border);transition:opacity .2s,background .2s}.leave-modal__btn--stay{background:var(--surface-hover);color:var(--text)}.leave-modal__btn--stay:hover{opacity:.85}.leave-modal__btn--leave{background:transparent;color:#ef4444;border-color:#ef44444d}.leave-modal__btn--leave:hover{background:#ef444414}.leave-modal__title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.leave-modal__title-row .leave-modal__title{margin:0}.leave-modal__close{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .15s}.leave-modal__close:hover{color:var(--text)}.edit-profile__avatar-wrap{display:flex;justify-content:center;margin-bottom:20px}.edit-profile__avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.edit-profile__label{display:block;font-size:.78rem;font-weight:600;color:var(--text-muted);margin-bottom:6px;letter-spacing:.03em;text-transform:uppercase}.edit-profile__input{width:100%;padding:10px 14px;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;font-family:inherit;margin-bottom:24px;box-sizing:border-box;transition:border-color .15s}.edit-profile__input:focus{outline:none;border-color:var(--accent)}.leave-modal__btn--save{background:var(--accent);color:#fff;border-color:var(--accent);display:flex;align-items:center;gap:6px}.leave-modal__btn--save:hover:not(:disabled){opacity:.88}.leave-modal__btn--save:disabled{opacity:.45;cursor:default}.checkout-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:14px 24px;border-radius:12px;font-size:.92rem;font-weight:600;z-index:9999;animation:checkoutToastIn .3s ease-out;white-space:nowrap}.checkout-toast--success{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 8px 32px #8b5cf673}.checkout-toast--cancel{background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}@keyframes checkoutToastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sidebar__user-menu-item--upgrade{color:#a78bfa}.sidebar__user-menu-item--upgrade:hover{background:#8b5cf61f!important;color:var(--accent)!important}