.nav-magazine{font-size:12px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;opacity:.6;cursor:default}.nav-magazine small{font-size:10px;text-transform:none;letter-spacing:.5px;margin-left:4px}.nav-lang{display:flex;gap:4px;padding:4px;border:1px solid var(--glass-b);border-radius:20px;background:hsla(0,0%,100%,.02)}.nav-lang-btn{background:transparent;border:none;color:var(--text-dim);font-size:11px;letter-spacing:1px;padding:4px 10px;border-radius:16px;cursor:pointer;transition:all .2s}.nav-lang-btn:hover{color:var(--text)}.nav-lang-btn.active{background:rgba(139,92,246,.2);color:var(--text)}.nav-links a.active{color:var(--purple)}.nav-burger{display:none;background:transparent;border:none;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer}.nav-burger span{display:block;width:24px;height:2px;background:var(--text);transition:all .3s}nav.bjm-nav.open .nav-burger span:first-child{transform:translateY(8px) rotate(45deg)}nav.bjm-nav.open .nav-burger span:nth-child(2){opacity:0}nav.bjm-nav.open .nav-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:900px){.nav-burger{display:flex}.nav-links{position:fixed;top:0;right:0;bottom:0;width:min(320px,80vw);padding:100px 32px 32px;background:rgba(6,5,10,.95);backdrop-filter:blur(30px);border-left:1px solid var(--glass-b);flex-direction:column;align-items:flex-start;gap:24px;transform:translateX(100%);transition:transform .4s ease}nav.bjm-nav.open .nav-links{transform:translateX(0)}.nav-links a,.nav-magazine{font-size:16px;width:100%}.nav-lang{align-self:stretch;justify-content:center}}.legal-page{min-height:100vh;padding:160px 24px 120px;position:relative}.legal-inner{max-width:768px;margin:0 auto;background:var(--glass);border:1px solid var(--glass-b);backdrop-filter:blur(20px);border-radius:24px;padding:56px 48px}.legal-inner h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:32px;letter-spacing:-.02em}.legal-inner h2{font-size:1.25rem;margin-top:0;margin-bottom:12px;color:var(--text)}.legal-inner p{color:var(--text-m);line-height:1.8;margin:0}.legal-inner .label{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--purple);margin-bottom:8px}.legal-inner .notice{padding:16px 20px;border-radius:12px;border:1px solid var(--glass-b);background:rgba(139,92,246,.06);color:var(--text-m);margin-bottom:32px}.legal-block{padding:20px 0;border-bottom:1px solid var(--glass-b)}.legal-block:last-child{border-bottom:none}.legal-inner a{color:var(--purple);text-decoration:none}.legal-inner a:hover{text-decoration:underline}@media (max-width:640px){.legal-inner{padding:32px 24px}}.page-hero{position:relative;min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:160px 24px 80px;overflow:hidden}.page-hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.55}.page-hero-content{position:relative;z-index:1;max-width:880px}.page-hero .label{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--purple);margin-bottom:20px}.page-hero h1{font-size:clamp(2rem,6vw,4.5rem);letter-spacing:-.03em;line-height:1.1;margin-bottom:24px;overflow-wrap:break-word;word-break:break-word;hyphens:auto;max-width:100%}.page-hero p.sub{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--text-m);line-height:1.6;max-width:640px;margin:0 auto;overflow-wrap:break-word}@media (max-width:600px){.page-hero{padding:120px 20px 60px;min-height:auto}.page-hero h1{font-size:clamp(1.75rem,8vw,2.5rem)}.page-hero p.sub{font-size:.95rem}.content-section{padding:60px 20px}.cta-section{padding:80px 20px}}.frosted{background:var(--glass);border:1px solid var(--glass-b);backdrop-filter:blur(20px);border-radius:20px;padding:32px;transition:all .3s}.frosted.glow:hover{border-color:rgba(139,92,246,.4);box-shadow:0 0 60px rgba(139,92,246,.12)}.cta-section{padding:120px 24px;text-align:center;position:relative}.cta-section h2{font-size:clamp(2rem,4.5vw,3rem);letter-spacing:-.02em;margin-bottom:16px}.cta-section p{color:var(--text-m);font-size:1.1rem;margin-bottom:32px;max-width:560px;margin-left:auto;margin-right:auto}.cta-section .hero-form{max-width:480px;margin:0 auto}.content-page{padding-top:80px}.content-section{padding:100px 24px}.content-section-inner{max-width:1200px;margin:0 auto}.content-section h2{font-size:clamp(1.75rem,3.5vw,2.5rem);letter-spacing:-.02em;margin-bottom:16px}.content-section p.lead{color:var(--text-m);font-size:1.1rem;line-height:1.7;max-width:720px;margin-bottom:48px}.discipline-nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:16px 0 40px}.discipline-nav-item{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:24px;border:1px solid var(--glass-b);background:var(--glass);color:var(--text);font-size:13px;text-decoration:none;transition:all .25s;cursor:pointer}.discipline-nav-item:hover{border-color:rgba(139,92,246,.4);transform:translateY(-2px)}.discipline-nav-item.active{background:rgba(139,92,246,.15);border-color:var(--purple)}.discipline-dot{width:10px;height:10px;border-radius:50%}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:40px}.feature-grid .frosted h3{font-size:1.25rem;margin:0 0 8px}.feature-grid .frosted .num{font-size:12px;letter-spacing:3px;color:var(--purple);text-transform:uppercase;margin-bottom:12px}.feature-grid .frosted p{color:var(--text-m);line-height:1.6}.pricing-comparison{max-width:1100px;margin:80px auto 0;overflow-x:auto}.pricing-comparison table{width:100%;border-collapse:collapse;background:var(--glass);border:1px solid var(--glass-b);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;min-width:640px}.pricing-comparison td,.pricing-comparison th{padding:16px 20px;text-align:left;border-bottom:1px solid var(--glass-b);font-size:14px}.pricing-comparison th{font-weight:500;color:var(--text);background:rgba(139,92,246,.06);text-transform:uppercase;font-size:11px;letter-spacing:2px}.pricing-comparison td{color:var(--text-m)}.pricing-comparison tr:last-child td{border-bottom:none}.pricing-comparison .check{color:var(--green);font-weight:600}.pricing-comparison .cross{color:var(--text-dim)}.faq-search{width:100%;max-width:560px;padding:16px 24px;background:var(--glass);border:1px solid var(--glass-b);backdrop-filter:blur(20px);border-radius:32px;color:var(--text);font-size:15px;margin:0 auto 32px;display:block}.faq-search::-moz-placeholder{color:var(--text-dim)}.faq-search::placeholder{color:var(--text-dim)}.faq-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:48px}.faq-tab{padding:10px 20px;border-radius:24px;border:1px solid var(--glass-b);background:var(--glass);color:var(--text-m);font-size:13px;cursor:pointer;transition:all .2s}.faq-tab.active,.faq-tab:hover{color:var(--text)}.faq-tab.active{background:rgba(139,92,246,.15);border-color:var(--purple)}.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--glass);border:1px solid var(--glass-b);backdrop-filter:blur(20px);border-radius:16px;overflow:hidden}.faq-item button{width:100%;padding:20px 24px;background:transparent;border:none;color:var(--text);text-align:left;font-size:15px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer}.faq-item button .chev{color:var(--purple);transition:transform .3s}.faq-item.open button .chev{transform:rotate(180deg)}.faq-item .answer{padding:0 24px 20px;color:var(--text-m);line-height:1.7;font-size:14px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:32px}.team-card{text-align:center}.team-avatar{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--blue));display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:600;margin:0 auto 16px;letter-spacing:2px}.team-card h3{font-size:1.15rem;margin:0 0 4px}.team-card .role{color:var(--purple);font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.team-card p{color:var(--text-m);font-size:14px;line-height:1.6}.timeline{max-width:720px;margin:40px auto 0;position:relative;padding-left:32px}.timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:linear-gradient(to bottom,var(--purple),transparent)}.timeline-item{position:relative;padding:12px 0 24px}.timeline-item:before{content:"";position:absolute;left:-32px;top:18px;width:16px;height:16px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 4px rgba(139,92,246,.15)}.timeline-item .year{font-size:12px;letter-spacing:2px;color:var(--purple);text-transform:uppercase}.timeline-item h3{font-size:1.1rem;margin:4px 0 6px}.timeline-item p{color:var(--text-m);font-size:14px;line-height:1.6}.quick-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.quick-fact{padding:16px 20px;border-radius:14px;background:hsla(0,0%,100%,.02);border:1px solid var(--glass-b)}.quick-fact .label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--purple);margin-bottom:6px}.quick-fact .value{color:var(--text);font-size:15px}.press-release{max-width:720px;margin:32px auto 0;line-height:1.8;color:var(--text-m);font-size:15px}.logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.logo-card{text-align:center}.logo-card .preview{background:var(--glass);border:1px solid var(--glass-b);border-radius:16px;padding:32px 16px;margin-bottom:12px}.logo-card .preview.dark{background:#06050a}.logo-card .preview.light{background:#f5f5f7}.logo-card a{color:var(--purple);font-size:13px;text-decoration:none}.billing-toggle{display:flex;gap:4px;padding:4px;margin:0 auto 48px;width:-moz-fit-content;width:fit-content;border:1px solid var(--glass-b);border-radius:32px;background:var(--glass);backdrop-filter:blur(20px)}.billing-toggle button{background:transparent;border:none;color:var(--text-m);font-size:13px;padding:10px 20px;border-radius:24px;cursor:pointer;transition:all .2s}.billing-toggle button small{color:var(--green);font-size:11px}.billing-toggle button.active{background:rgba(139,92,246,.2);color:var(--text)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1200px;margin:0 auto}.pricing-tier{position:relative;background:var(--glass);border:1px solid var(--glass-b);backdrop-filter:blur(20px);border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;transition:all .3s}.pricing-tier:hover{border-color:rgba(139,92,246,.3);transform:translateY(-4px)}.pricing-tier.featured{border-color:var(--purple);background:rgba(139,92,246,.06);box-shadow:0 0 60px rgba(139,92,246,.15)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:4px 12px;background:var(--purple);color:#fff;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;border-radius:20px}.pricing-tier h3{font-size:1.4rem;margin:0 0 4px}.pricing-tier .tagline{color:var(--text-m);font-size:13px;margin-bottom:24px}.pricing-tier .price{display:flex;align-items:baseline;gap:2px;flex-wrap:wrap;margin-bottom:24px}.pricing-tier .price .currency{color:var(--text-m);font-size:18px}.pricing-tier .price .amount{font-family:Space Grotesk,sans-serif;font-size:2.8rem;font-weight:600;letter-spacing:-.03em}.pricing-tier .price .period{color:var(--text-dim);font-size:12px;margin-left:4px}.pricing-tier ul{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px;flex-grow:1}.pricing-tier ul li{color:var(--text-m);font-size:14px;padding-left:24px;position:relative;line-height:1.5}.pricing-tier ul li:before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:600}.pricing-tier .pricing-cta{width:100%;padding:14px 20px;border-radius:12px;border:1px solid var(--glass-b);background:hsla(0,0%,100%,.04);color:var(--text);font-size:14px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .25s}.pricing-tier .pricing-cta:hover{border-color:var(--purple);background:rgba(139,92,246,.15)}.pricing-tier.featured .pricing-cta{background:var(--purple);border-color:var(--purple)}.pricing-tier.featured .pricing-cta:hover{background:#7c4df2}.magazine-featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;margin-top:32px}.magazine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px}.magazine-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:32px auto}.magazine-filter button{background:var(--glass);border:1px solid var(--glass-b);color:var(--text-m);font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .2s}.magazine-filter button.active,.magazine-filter button:hover{color:var(--text);border-color:var(--purple)}.magazine-filter button.active{background:rgba(139,92,246,.2)}.article-card{display:flex;flex-direction:column;padding:24px;background:var(--glass);border:1px solid var(--glass-b);border-radius:16px;text-decoration:none;color:inherit;transition:all .3s;position:relative;overflow:hidden}.article-card:hover{border-color:var(--purple);transform:translateY(-4px);box-shadow:0 20px 40px rgba(139,92,246,.1)}.article-card.featured{border-color:rgba(139,92,246,.4);background:linear-gradient(135deg,rgba(139,92,246,.06),rgba(236,72,153,.04))}.article-card-category{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--purple);margin-bottom:12px}.article-card-title{font-size:22px;line-height:1.25;margin:0 0 12px;color:var(--text)}.article-card.featured .article-card-title{font-size:26px}.article-card-description{font-size:14px;line-height:1.55;color:var(--text-m);margin:0 0 20px;flex:1}.article-card-meta{display:flex;gap:12px;font-size:11px;color:var(--text-dim);letter-spacing:.5px}.article-layout{display:grid;grid-template-columns:1fr;gap:40px;max-width:1080px;margin:0 auto;padding:0 24px}@media (min-width:1024px){.article-layout{grid-template-columns:220px 1fr}}.article-header{text-align:center;max-width:760px;margin:0 auto 48px;padding:0 24px}.article-back{display:inline-block;color:var(--text-m);font-size:13px;text-decoration:none;margin-bottom:24px}.article-back:hover{color:var(--purple)}.article-category-badge{display:inline-block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:20px;border:1px solid rgba(139,92,246,.4);background:rgba(139,92,246,.08);color:var(--purple);margin-bottom:24px}.article-description{font-size:18px;line-height:1.55;color:var(--text-m);margin:16px 0 24px}.article-meta{gap:16px;font-size:13px;color:var(--text-dim);margin-bottom:24px}.article-meta,.article-tags{display:flex;justify-content:center}.article-tags{gap:8px;flex-wrap:wrap}.article-tag{font-size:11px;padding:4px 12px;border-radius:16px;border:1px solid var(--glass-b);background:var(--glass);color:var(--text-m)}.article-body-wrapper{min-width:0}.article-toc{position:sticky;top:100px;align-self:start;padding:20px;background:var(--glass);border:1px solid var(--glass-b);border-radius:12px;font-size:13px}.article-toc-title{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px}.article-toc ul{list-style:none;padding:0;margin:0}.article-toc li{margin-bottom:8px}.article-toc a{color:var(--text-m);text-decoration:none;line-height:1.4}.article-toc a:hover{color:var(--purple)}.toc-level-3{padding-left:16px;font-size:12px}.article-body,.prose{max-width:720px;font-size:17px;line-height:1.7;color:var(--text)}.prose h2{font-size:28px;margin-top:48px;margin-bottom:16px;line-height:1.25}.prose h2,.prose h3{scroll-margin-top:100px}.prose h3{font-size:22px;margin-top:32px;margin-bottom:12px;line-height:1.3}.prose p{margin:0 0 20px}.prose ol,.prose ul{margin:0 0 20px;padding-left:24px}.prose li{margin-bottom:8px}.prose blockquote{border-left:3px solid var(--purple);padding:8px 0 8px 20px;margin:24px 0;color:var(--text-m);font-style:italic}.prose code{background:var(--glass);padding:2px 6px;border-radius:4px;font-size:.9em}.prose pre{background:rgba(0,0,0,.4);border:1px solid var(--glass-b);padding:16px;border-radius:8px;overflow-x:auto;margin:20px 0}.prose pre code{background:transparent;padding:0}.prose a{color:var(--purple)}.article-footer{margin-top:64px;padding-top:32px;border-top:1px solid var(--glass-b)}.share-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.share-label{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin-right:4px}.share-buttons a,.share-buttons button{display:inline-flex;align-items:center;padding:8px 16px;background:var(--glass);border:1px solid var(--glass-b);border-radius:20px;color:var(--text-m);font-size:12px;text-decoration:none;cursor:pointer;transition:all .2s}.share-buttons a:hover,.share-buttons button:hover{color:var(--text);border-color:var(--purple)}.newsletter-form{display:flex;gap:8px;max-width:480px;margin:24px auto 0}.newsletter-form input{flex:1;padding:12px 16px;background:var(--glass);border:1px solid var(--glass-b);border-radius:24px;color:var(--text);font-size:14px}.newsletter-form input::-moz-placeholder{color:var(--text-dim)}.newsletter-form input::placeholder{color:var(--text-dim)}.newsletter-form button{padding:12px 24px;background:var(--purple);border:1px solid var(--purple);border-radius:24px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.newsletter-form button:hover:not(:disabled){background:#7c4df2}.newsletter-form button:disabled{opacity:.6;cursor:not-allowed}.newsletter-success{text-align:center;padding:20px;color:var(--text)}.waitlist-success{text-align:center;padding:32px 24px;background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(236,72,153,.06));border:1px solid rgba(139,92,246,.3);border-radius:16px}.waitlist-success-title{font-size:24px;font-weight:500;color:var(--text);margin-bottom:8px}.waitlist-success-position{font-size:14px;color:var(--purple);letter-spacing:1px;margin-bottom:20px}.waitlist-success-intro{font-size:14px;color:var(--text-m);margin:20px 0 12px}.waitlist-success-link{display:flex;gap:8px;max-width:420px;margin:0 auto 16px}.waitlist-success-link input{flex:1;padding:10px 14px;background:rgba(0,0,0,.3);border:1px solid var(--glass-b);border-radius:20px;color:var(--text);font-size:12px;font-family:monospace}.waitlist-success-link button{padding:10px 18px;background:var(--purple);border:none;border-radius:20px;color:#fff;font-size:12px;cursor:pointer}.waitlist-success-share{display:flex;gap:12px;align-items:center;justify-content:center;font-size:12px;color:var(--text-dim);margin-top:16px}.waitlist-success-share a{color:var(--text-m);padding:6px 14px;border:1px solid var(--glass-b);border-radius:16px;text-decoration:none;transition:all .2s}.waitlist-success-share a:hover{color:var(--text);border-color:var(--purple)}.invite-code{font-size:14px;color:var(--text-m);margin:16px 0 8px}.invite-code strong{color:var(--purple);font-family:monospace;letter-spacing:1px}.invite-social-proof{font-size:13px;color:var(--text-dim);margin-top:20px}.invite-invalid{font-size:15px;color:var(--text-m);text-align:center;margin-top:24px}.studio-auth{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(ellipse at top,#14121f 0,#0a0a0e 60%);overflow:hidden}.studio-auth-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.35;pointer-events:none}.studio-auth-card{position:relative;z-index:1;width:100%;max-width:440px;padding:40px 36px;background:rgba(18,16,28,.75);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.studio-auth-logo{display:flex;justify-content:center;margin-bottom:24px;line-height:0}.studio-auth-logo img{height:40px;width:auto;display:block}.studio-auth-title{font-size:26px;line-height:1.2;text-align:center;margin:0 0 8px;color:var(--text)}.studio-auth-sub{font-size:14px;color:var(--text-m);text-align:center;margin-bottom:28px}.studio-auth-form{display:flex;flex-direction:column;gap:14px}.studio-auth-field{display:flex;flex-direction:column;gap:6px}.studio-auth-field>span{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim)}.studio-auth-field input{padding:12px 14px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;color:var(--text);font-size:14px;transition:border-color .2s}.studio-auth-field input:focus{outline:none;border-color:var(--purple)}.studio-auth-field input:disabled{opacity:.6}.studio-auth-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-m);line-height:1.5;cursor:pointer}.studio-auth-checkbox input{margin-top:3px;accent-color:var(--purple)}.studio-auth-error{padding:10px 14px;background:rgba(236,72,153,.12);border:1px solid rgba(236,72,153,.35);border-radius:10px;color:#f9a8d4;font-size:13px}.studio-auth-success{padding:14px 18px;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.35);border-radius:12px;color:var(--text);text-align:center;font-size:14px}.studio-auth-submit{padding:14px 18px;background:var(--purple);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:500;letter-spacing:.5px;cursor:pointer;transition:all .2s;box-shadow:0 6px 20px rgba(139,92,246,.25)}.studio-auth-submit:hover:not(:disabled){background:#7c4df2;box-shadow:0 10px 28px rgba(139,92,246,.35)}.studio-auth-submit:disabled{opacity:.6;cursor:not-allowed}.studio-auth-divider{position:relative;margin:24px 0 16px;text-align:center;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim)}.studio-auth-divider:after,.studio-auth-divider:before{content:"";position:absolute;top:50%;width:42%;height:1px;background:hsla(0,0%,100%,.08)}.studio-auth-divider:before{left:0}.studio-auth-divider:after{right:0}.studio-auth-divider span{background:transparent;padding:0 12px}.studio-auth-oauth{display:flex;flex-direction:column;gap:10px}.studio-auth-oauth-btn{padding:12px 16px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;color:var(--text);font-size:13px;cursor:pointer;transition:all .2s}.studio-auth-oauth-btn:hover{background:hsla(0,0%,100%,.08);border-color:var(--purple)}.studio-auth-magic{margin-top:16px;text-align:center}.studio-auth-link-btn{background:transparent;border:none;color:var(--purple);font-size:13px;cursor:pointer;text-decoration:underline}.studio-auth-link-btn:disabled{opacity:.6}.studio-auth-footer,.studio-auth-magic-sent{font-size:13px;color:var(--text-m)}.studio-auth-footer{margin-top:24px;text-align:center}.studio-auth-footer a{color:var(--purple);text-decoration:none}.studio-auth-footer a:hover{text-decoration:underline}.studio-auth-dot{margin:0 10px;color:var(--text-dim)}.studio-shell{display:flex;min-height:100vh;background:#0a0a0e;color:var(--text)}.studio-main{flex:1;padding:40px 48px 80px;min-width:0}@media (max-width:1024px){.studio-main{padding:28px 24px 100px}}.studio-sidebar{width:280px;flex-shrink:0;padding:28px 20px;background:rgba(18,16,28,.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.studio-sidebar-top{margin-bottom:32px}.studio-sidebar-logo{display:inline-flex;align-items:center;line-height:0;margin-bottom:28px;text-decoration:none}.studio-sidebar-logo img{height:28px;width:auto;display:block}.studio-sidebar-user{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06)}.studio-sidebar-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;flex-shrink:0}.studio-sidebar-user-meta{min-width:0;flex:1}.studio-sidebar-user-name{font-size:14px;color:var(--text)}.studio-sidebar-user-email,.studio-sidebar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-sidebar-user-email{font-size:11px;color:var(--text-dim)}.studio-sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.studio-sidebar-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:var(--text-m);font-size:14px;text-decoration:none;transition:all .2s}.studio-sidebar-link:hover{background:hsla(0,0%,100%,.04);color:var(--text)}.studio-sidebar-link.active{background:rgba(139,92,246,.15);color:var(--text);box-shadow:0 0 24px rgba(139,92,246,.08)}.studio-sidebar-link svg{opacity:.85}.studio-sidebar-bottom{margin-top:20px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;gap:10px}.studio-sidebar-backlink{color:var(--text-dim);font-size:12px;text-decoration:none;padding:6px 0}.studio-sidebar-backlink:hover{color:var(--text)}.studio-sidebar-logout{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;padding:10px;color:var(--text-m);font-size:13px;cursor:pointer;transition:all .2s}.studio-sidebar-logout:hover{background:rgba(236,72,153,.1);border-color:rgba(236,72,153,.3);color:#f9a8d4}.studio-mobile-nav{display:none}@media (max-width:1024px){.studio-sidebar{display:none}.studio-mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(18,16,28,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.06);padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}.studio-mobile-nav-link{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;color:var(--text-dim);font-size:10px;text-decoration:none;border-radius:8px;min-width:56px}.studio-mobile-nav-link.active{color:var(--purple)}}.studio-page{max-width:1200px;margin:0 auto}.studio-page-header{margin-bottom:32px}.studio-page-header h1{font-size:32px;line-height:1.2;margin:0 0 4px}.studio-page-sub{font-size:14px;color:var(--text-m);margin:0}.studio-page-meta{font-size:12px;color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase}.studio-section{margin-bottom:40px}.studio-section h2{font-size:18px;letter-spacing:.5px;color:var(--text);margin:0 0 16px}.studio-back-link{display:inline-block;color:var(--text-m);font-size:13px;text-decoration:none;margin-bottom:16px}.studio-back-link:hover{color:var(--purple)}.studio-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.studio-stat-card{padding:20px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:14px}.studio-stat-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.studio-stat-value{font-size:28px;color:var(--text);font-weight:500}.studio-quick-actions{display:flex;gap:12px;flex-wrap:wrap}.studio-quick-action{padding:12px 20px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;color:var(--text);font-size:13px;text-decoration:none;transition:all .2s}.studio-quick-action:hover{border-color:var(--purple);background:rgba(139,92,246,.08)}.studio-empty{padding:28px;border:1px dashed hsla(0,0%,100%,.1);border-radius:14px;color:var(--text-m);font-size:14px}.studio-empty-card{padding:48px 32px;text-align:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:16px}.studio-empty-card h2{margin:0 0 10px}.studio-empty-card p{color:var(--text-m);font-size:14px;margin:0 0 20px}.studio-activity-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.studio-activity-item a{display:flex;align-items:center;gap:16px;padding:14px 16px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;color:var(--text);text-decoration:none;transition:all .2s}.studio-activity-item a:hover{border-color:var(--purple);background:rgba(139,92,246,.06)}.studio-activity-name{flex:1;font-size:14px}.studio-activity-synth{font-size:12px;color:var(--text-m)}.studio-activity-date{font-size:11px;color:var(--text-dim)}.studio-subscription-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(236,72,153,.04));border:1px solid rgba(139,92,246,.2);border-radius:14px;flex-wrap:wrap}.studio-subscription-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim)}.studio-subscription-plan{font-size:22px;color:var(--text);letter-spacing:1px}.studio-subscription-actions{display:flex;align-items:center;gap:16px}.studio-subscription-hint{font-size:12px;color:var(--text-dim)}.studio-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;background:var(--purple);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s}.studio-cta-btn:hover:not(:disabled){background:#7c4df2}.studio-cta-btn:disabled{opacity:.55;cursor:not-allowed}.studio-cta-btn.secondary{background:hsla(0,0%,100%,.06);color:var(--text);border:1px solid hsla(0,0%,100%,.1)}.studio-cta-btn.secondary:hover{border-color:var(--purple)}.studio-cta-btn.danger{background:rgba(236,72,153,.18);color:#f9a8d4;border:1px solid rgba(236,72,153,.4)}.studio-cta-btn.danger:hover:not(:disabled){background:rgba(236,72,153,.28)}.studio-filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.studio-input,.studio-select{padding:11px 14px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:var(--text);font-size:13px;min-width:180px}.studio-input:focus,.studio-select:focus{outline:none;border-color:var(--purple)}.studio-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}@media (max-width:1024px){.studio-preset-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:600px){.studio-preset-grid{grid-template-columns:1fr}}.studio-preset-card{display:flex;flex-direction:column;padding:18px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;color:inherit;text-decoration:none;transition:all .25s}.studio-preset-card:hover{border-color:var(--purple);transform:translateY(-2px);box-shadow:0 14px 32px rgba(139,92,246,.12)}.studio-preset-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.studio-preset-card-name{font-size:16px;color:var(--text);margin-bottom:4px}.studio-preset-card-synth{font-size:11px;letter-spacing:.5px;color:var(--purple)}.studio-preset-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.studio-preset-card-tags span{font-size:10px;padding:3px 8px;border-radius:10px;background:hsla(0,0%,100%,.04);color:var(--text-m)}.studio-preset-card-foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-dim);margin-top:auto}.studio-preset-card-details{color:var(--purple)}.studio-preset-ring{position:relative;width:52px;height:52px;flex-shrink:0}.studio-preset-ring-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--text)}.studio-preset-ring-lg{width:120px;height:120px}.studio-preset-ring-value-lg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:500;color:var(--text)}.studio-preset-detail-header{display:flex;gap:32px;align-items:center;flex-wrap:wrap;margin-bottom:40px}.studio-preset-detail-header h1{font-size:32px;margin:0 0 8px}.studio-preset-detail-synth{font-size:14px;color:var(--text-m);margin-bottom:10px}.studio-preset-detail-meta{font-size:12px;color:var(--text-dim);margin-bottom:14px}.studio-preset-detail-tags{display:flex;gap:8px;flex-wrap:wrap}.studio-preset-detail-tags span{font-size:11px;padding:4px 10px;border-radius:14px;background:hsla(0,0%,100%,.04);color:var(--text-m);border:1px solid hsla(0,0%,100%,.06)}.studio-preset-detail-match{text-align:center}.studio-preset-detail-match-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);margin-top:10px}.studio-knobs-wrap{display:flex;flex-direction:column;gap:28px}.studio-knob-group h3{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--purple);margin:0 0 14px}.studio-knob-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:18px}.studio-knob{text-align:center;padding:14px 8px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px}.studio-knob-value{font-size:13px;color:var(--text);margin-top:6px}.studio-knob-label{font-size:10px;letter-spacing:.5px;color:var(--text-dim);text-transform:uppercase;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-download-buttons{display:flex;gap:10px;flex-wrap:wrap}.studio-download-btn{padding:11px 18px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:var(--text);font-size:13px;cursor:pointer;transition:all .2s}.studio-download-btn:hover:not(:disabled){border-color:var(--purple);background:rgba(139,92,246,.08)}.studio-download-btn:disabled{opacity:.55;cursor:not-allowed}.studio-daw-accordion{display:flex;flex-direction:column;gap:8px}.studio-daw-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;overflow:hidden}.studio-daw-head{width:100%;padding:16px 20px;background:transparent;border:none;color:var(--text);font-size:14px;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.studio-daw-head:hover{color:var(--purple)}.studio-daw-item.open .chev{transform:rotate(180deg)}.studio-daw-head .chev{transition:transform .2s;color:var(--text-dim)}.studio-daw-steps{padding:0 24px 20px 44px;margin:0;font-size:14px;color:var(--text-m);line-height:1.6}.studio-daw-steps li{margin-bottom:8px}.studio-profile-header{display:flex;gap:24px;align-items:center;margin-bottom:40px}.studio-profile-avatar{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:500;color:#fff;background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 20px 40px rgba(139,92,246,.3)}.studio-profile-header h1{margin:0 0 6px;font-size:32px}.studio-profile-badge{display:inline-block;padding:4px 12px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.3);border-radius:14px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--purple);margin-bottom:6px}.studio-profile-since{font-size:12px;color:var(--text-dim)}.studio-cgs-wrap{display:flex;gap:24px;align-items:center;padding:24px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;flex-wrap:wrap}.studio-radar-wrap{flex:1;min-width:280px}.studio-cgs-total{padding:24px;min-width:140px}.studio-cgs-total-label{font-size:11px;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:8px}.studio-cgs-total-value{font-size:48px;color:var(--text);font-weight:500}@media (max-width:768px){.studio-radar-wrap :global(.recharts-responsive-container){height:300px!important}}.studio-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}.studio-badge{padding:18px 12px;text-align:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:14px}.studio-badge.locked{opacity:.4}.studio-badge-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#ec4899);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:18px;color:#fff}.studio-badge.locked .studio-badge-icon{background:hsla(0,0%,100%,.08)}.studio-badge-name{font-size:12px;color:var(--text)}.studio-instruments-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.studio-instrument-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.studio-instrument-name{color:var(--text)}.studio-instrument-level{color:var(--text-dim);font-size:11px}.studio-instrument-bar{height:6px;background:hsla(0,0%,100%,.04);border-radius:3px;overflow:hidden}.studio-instrument-bar>div{height:100%;background:linear-gradient(90deg,#a855f7,#ec4899)}.studio-tabs{display:flex;gap:6px;padding:4px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;margin-bottom:24px;width:-moz-fit-content;width:fit-content}.studio-tab{padding:9px 18px;background:transparent;border:none;border-radius:8px;color:var(--text-m);font-size:13px;cursor:pointer;transition:all .2s}.studio-tab:hover{color:var(--text)}.studio-tab.active{background:rgba(139,92,246,.2);color:var(--text)}.studio-track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.studio-track-card{padding:20px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:14px}.studio-track-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.studio-track-card-name{font-size:16px;color:var(--text)}.studio-track-stage{font-size:10px;padding:3px 10px;border-radius:12px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.3);color:var(--purple);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.studio-track-card-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text-m);margin-bottom:12px}.studio-track-card-meta span{padding:3px 10px;background:hsla(0,0%,100%,.04);border-radius:10px}.studio-track-presets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.studio-track-preset-chip{font-size:10px;padding:3px 8px;border-radius:10px;background:rgba(139,92,246,.1);color:var(--purple);font-family:monospace}.studio-track-card-foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-dim)}.studio-track-hint{font-style:italic}.studio-album-list{display:flex;flex-direction:column;gap:12px}.studio-album-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;overflow:hidden}.studio-album-head{width:100%;padding:16px 20px;background:transparent;border:none;color:var(--text);font-size:14px;text-align:left;display:flex;gap:14px;align-items:center;cursor:pointer}.studio-album-cover{width:52px;height:52px;border-radius:10px;background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(236,72,153,.2));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0}.studio-album-head>div:nth-child(2){flex:1}.studio-album-name{font-size:15px;color:var(--text);margin-bottom:4px}.studio-album-desc{font-size:12px;color:var(--text-m);margin-bottom:4px}.studio-album-count{font-size:11px;color:var(--text-dim)}.studio-album-head .chev{color:var(--text-dim);transition:transform .2s}.studio-album-card.open .studio-album-head .chev{transform:rotate(180deg)}.studio-album-tracks{list-style:none;padding:0 20px 16px 86px;margin:0;font-size:13px;color:var(--text-m)}.studio-album-tracks li{padding:6px 0;border-top:1px solid hsla(0,0%,100%,.04)}.studio-export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.studio-export-card{padding:24px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;display:flex;flex-direction:column;gap:14px}.studio-export-card h3{font-size:15px;margin:0;color:var(--text)}.studio-export-card p{font-size:13px;color:var(--text-m);margin:0;line-height:1.55}.studio-export-field{display:flex;flex-direction:column;gap:6px}.studio-export-field>span{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim)}.studio-export-hint{font-size:11px;color:var(--text-dim);font-style:italic}.studio-settings{max-width:720px}.studio-settings-form{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.studio-subheading{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin-top:24px;margin-bottom:12px}.studio-field-hint{font-size:11px;color:var(--text-dim);margin-top:-8px;font-style:italic}.studio-settings-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid hsla(0,0%,100%,.04);font-size:14px;color:var(--text-m)}.studio-settings-row label{color:var(--text)}.studio-toggle-group{display:flex;gap:6px;padding:4px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:10px}.studio-toggle{padding:7px 14px;background:transparent;border:none;border-radius:7px;color:var(--text-m);font-size:12px;cursor:pointer}.studio-toggle:hover{color:var(--text)}.studio-toggle.active{background:rgba(139,92,246,.2);color:var(--text)}.studio-settings-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.studio-delete-dialog{margin-top:20px;padding:20px;background:rgba(236,72,153,.05);border:1px solid rgba(236,72,153,.25);border-radius:14px}.studio-delete-dialog h3{margin:0 0 8px;color:#f9a8d4;font-size:16px}.studio-delete-dialog p{font-size:13px;color:var(--text-m);margin:0 0 14px}.studio-delete-scheduled{padding:14px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:10px;color:var(--text);font-size:13px;text-align:center}.showcase-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 3rem;justify-content:center}.showcase-filter-btn{padding:.5rem 1rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:999px;color:hsla(0,0%,100%,.75);font-size:.85rem;cursor:pointer;transition:all .2s ease}.showcase-filter-btn:hover{background:hsla(0,0%,100%,.08);color:#fff}.showcase-filter-btn.active{background:var(--purple,#9b5cff);border-color:var(--purple,#9b5cff);color:#fff}.showcase-section{margin-bottom:4rem}.showcase-section-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:hsla(0,0%,100%,.95)}.showcase-featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.showcase-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.showcase-empty{text-align:center;padding:3rem 1rem;color:hsla(0,0%,100%,.55);font-style:italic}.showcase-card{position:relative;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.showcase-card:hover{transform:translateY(-4px);border-color:var(--card-color,hsla(0,0%,100%,.2));box-shadow:0 12px 48px -12px color-mix(in srgb,var(--card-color,#9b5cff) 35%,transparent)}.showcase-card.featured{border-color:color-mix(in srgb,var(--card-color,#9b5cff) 40%,transparent)}.showcase-card-cover{position:relative;width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,color-mix(in srgb,var(--card-color,#9b5cff) 25%,transparent),rgba(0,0,0,.35));border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.showcase-card-glow{position:absolute;inset:0;background:radial-gradient(circle at center,color-mix(in srgb,var(--card-color,#9b5cff) 20%,transparent),transparent 70%);opacity:0;transition:opacity .3s ease}.showcase-card:hover .showcase-card-glow{opacity:1}.showcase-card-media-icon{font-size:3rem;color:var(--card-color,#fff);opacity:.8;z-index:1}.showcase-card-body{padding:1.25rem}.showcase-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.showcase-card-title{font-size:1.1rem;font-weight:600;color:#fff}.showcase-card-chip{padding:.25rem .6rem;border:1px solid;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.showcase-card-artist{font-size:.85rem;color:hsla(0,0%,100%,.6);margin-bottom:.75rem}.showcase-card-desc{font-size:.9rem;color:hsla(0,0%,100%,.75);line-height:1.5;margin-bottom:.75rem}.showcase-card-desc.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.showcase-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.showcase-card-tag{padding:.2rem .55rem;background:hsla(0,0%,100%,.06);border-radius:999px;font-size:.7rem;color:hsla(0,0%,100%,.6)}.showcase-submit,.showcase-submit-card{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,rgba(155,92,255,.08),rgba(255,92,180,.05));border:1px solid rgba(155,92,255,.2);border-radius:1rem}.showcase-submit-title{font-size:1.35rem;font-weight:600;margin-bottom:.5rem}.showcase-submit-sub{color:hsla(0,0%,100%,.65);margin-bottom:1.5rem}.showcase-submit-form{display:flex;flex-direction:column;gap:1rem}.showcase-submit-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:640px){.showcase-submit-row{grid-template-columns:1fr}}.showcase-submit-btn{padding:.8rem 1.5rem;background:var(--purple,#9b5cff);color:#fff;border:0;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s}.showcase-submit-btn:hover{background:#b076ff}.showcase-submit-btn:disabled{opacity:.5;cursor:not-allowed}.showcase-submit-error{color:#ff6b6b;font-size:.85rem}.showcase-submit-login{padding:1rem;background:hsla(0,0%,100%,.04);border-radius:.5rem;text-align:center;color:hsla(0,0%,100%,.7)}.trendhub-teaser{margin-top:4rem;padding:2.5rem;background:linear-gradient(135deg,rgba(80,200,255,.06),rgba(155,92,255,.08));border:1px solid rgba(80,200,255,.18);border-radius:1.25rem;position:relative;overflow:hidden}.trendhub-teaser-inner{position:relative;z-index:1}.trendhub-teaser-soon{display:inline-block;padding:.25rem .75rem;background:rgba(80,200,255,.15);border:1px solid rgba(80,200,255,.35);border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#50c8ff;margin-bottom:1rem}.trendhub-teaser-title{font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.trendhub-teaser-desc{color:hsla(0,0%,100%,.7);margin-bottom:1.5rem;max-width:60ch}.trendhub-teaser-bullets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-bottom:1.5rem;padding-left:1.25rem}.trendhub-teaser-bullets li{color:hsla(0,0%,100%,.75)}.trendhub-teaser-cta{display:inline-block;padding:.7rem 1.4rem;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:.5rem;color:#fff;text-decoration:none;font-weight:500;transition:all .2s}.trendhub-teaser-cta:hover{background:hsla(0,0%,100%,.14)}.challenges-section{margin-bottom:4rem}.challenges-section-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.challenges-empty{text-align:center;padding:3rem 1rem;color:hsla(0,0%,100%,.55);font-style:italic}.challenge-card{position:relative;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;padding:1.5rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column;gap:1rem}.challenge-card:hover{transform:translateY(-3px);border-color:var(--card-color,hsla(0,0%,100%,.2));box-shadow:0 10px 40px -12px color-mix(in srgb,var(--card-color,#9b5cff) 30%,transparent)}.challenge-card.expired{opacity:.65}.challenge-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.challenge-card-title{font-size:1.2rem;font-weight:600;color:#fff}.challenge-card-chip{padding:.25rem .6rem;border:1px solid var(--card-color,hsla(0,0%,100%,.25));color:var(--card-color,#fff);border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.challenge-card-desc{font-size:.9rem;color:hsla(0,0%,100%,.72);line-height:1.5}.challenge-card-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:hsla(0,0%,100%,.6)}.challenge-card-meta>span{display:inline-flex;align-items:center;gap:.35rem}.challenge-card-details{margin-top:.5rem}.challenge-card-rules-toggle{background:transparent;border:0;color:var(--card-color,#9b5cff);padding:0;cursor:pointer;font-size:.85rem;font-weight:500}.challenge-card-rules{margin-top:.5rem}.challenge-card-rules-body{padding:.75rem 1rem;background:rgba(0,0,0,.25);border-radius:.5rem;font-size:.85rem;color:hsla(0,0%,100%,.75);white-space:pre-wrap}.challenge-card-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:.5rem}.challenge-card-cta{flex:1;padding:.6rem 1rem;background:var(--card-color,#9b5cff);color:#fff;border:0;border-radius:.5rem;text-decoration:none;text-align:center;font-weight:500;cursor:pointer;transition:filter .2s}.challenge-card-cta:hover{filter:brightness(1.15)}.challenge-card-expired{padding:.6rem 1rem;background:hsla(0,0%,100%,.06);border-radius:.5rem;text-align:center;color:hsla(0,0%,100%,.5);font-size:.85rem}.challenge-countdown{display:inline-flex;gap:.6rem;font-variant-numeric:tabular-nums;font-size:.85rem;color:hsla(0,0%,100%,.9)}.challenge-countdown.expired{color:hsla(0,100%,71%,.85)}.challenge-countdown-lg{display:flex;gap:1.25rem;margin:1.5rem 0}.challenge-countdown-lg>div{text-align:center;min-width:64px;padding:.85rem .5rem;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:.6rem}.challenge-countdown-lg strong{display:block;font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums;color:#fff}.challenge-countdown-lg span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:hsla(0,0%,100%,.55)}.challenge-submit{margin-top:2.5rem;padding:2rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:1rem}.challenge-submit-title{font-size:1.3rem;font-weight:600;margin-bottom:.4rem}.challenge-submit-sub{color:hsla(0,0%,100%,.65);margin-bottom:1.5rem}.challenge-submit-form{display:flex;flex-direction:column;gap:1rem}.challenge-submit-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:640px){.challenge-submit-row{grid-template-columns:1fr}}.challenge-submit-btn{padding:.8rem 1.5rem;background:var(--purple,#9b5cff);color:#fff;border:0;border-radius:.5rem;font-weight:600;cursor:pointer}.challenge-submit-btn:disabled{opacity:.5;cursor:not-allowed}.challenge-submit-error{color:#ff6b6b;font-size:.85rem}.challenge-submit-login{padding:1rem;background:hsla(0,0%,100%,.04);border-radius:.5rem;text-align:center;color:hsla(0,0%,100%,.7)}.midi-panel{padding:1.5rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:1rem}.midi-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.midi-panel-head h3{font-size:1.15rem;font-weight:600}.midi-panel-dot{width:10px;height:10px;border-radius:50%;background:hsla(0,0%,100%,.2);display:inline-block}.midi-panel-dot.connected{background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.55)}.midi-panel-empty,.midi-panel-unsupported{padding:1rem;background:hsla(0,0%,100%,.04);border:1px dashed hsla(0,0%,100%,.15);border-radius:.5rem;color:hsla(0,0%,100%,.7);font-size:.9rem;text-align:center}.midi-panel-connect{display:flex;justify-content:center;margin:1rem 0}.midi-panel-connect-btn,.midi-panel-send-btn{padding:.75rem 1.5rem;background:var(--purple,#9b5cff);color:#fff;border:0;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s}.midi-panel-connect-btn:hover,.midi-panel-send-btn:hover{background:#b076ff}.midi-panel-connect-btn:disabled,.midi-panel-send-btn:disabled{opacity:.5;cursor:not-allowed}.midi-panel-devices{display:flex;flex-direction:column;gap:1rem}.midi-panel-select-wrap label{display:block;font-size:.85rem;color:hsla(0,0%,100%,.65);margin-bottom:.4rem}.midi-panel-select-wrap select{width:100%;padding:.6rem .8rem;background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.15);border-radius:.5rem;color:#fff;font-size:.9rem}.midi-panel-send{display:flex;align-items:center;gap:1rem}.midi-panel-progress{flex:1;display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:hsla(0,0%,100%,.7)}.midi-panel-progress-bar{flex:1;height:6px;background:hsla(0,0%,100%,.08);border-radius:999px;overflow:hidden;position:relative}.midi-panel-progress-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--purple,#9b5cff),#ff5cb4);transition:width .2s}.midi-panel-sent{color:#4ade80;font-size:.85rem}.midi-panel-live{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid hsla(0,0%,100%,.08)}.midi-panel-live h4{font-size:1rem;font-weight:600;margin-bottom:.4rem}.midi-panel-live-body{color:hsla(0,0%,100%,.6);font-size:.85rem;margin-bottom:1rem}.midi-slider{margin-bottom:.9rem}.midi-slider-head{display:flex;justify-content:space-between;font-size:.85rem;color:hsla(0,0%,100%,.8);margin-bottom:.35rem}.midi-slider-meta{font-variant-numeric:tabular-nums;color:hsla(0,0%,100%,.55)}.midi-slider input[type=range]{width:100%;accent-color:var(--purple,#9b5cff)}.studio-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.studio-modal{width:100%;max-width:780px;max-height:90vh;overflow-y:auto;background:#13111a;border:1px solid hsla(0,0%,100%,.1);border-radius:1.25rem;padding:2rem;animation:slide-up .25s ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.studio-modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.08);border:0;color:#fff;cursor:pointer;font-size:1.2rem}.studio-modal-close:hover{background:hsla(0,0%,100%,.15)}.studio-modal-head{margin-bottom:1.5rem;padding-right:2.5rem}.studio-modal-title{font-size:1.75rem;font-weight:700;color:#fff;cursor:text}.studio-modal-title-input{width:100%;font-size:1.75rem;font-weight:700;background:hsla(0,0%,100%,.05);border:1px solid var(--purple,#9b5cff);border-radius:.4rem;color:#fff;padding:.35rem .6rem}.studio-modal-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:hsla(0,0%,100%,.6);margin-top:.5rem}.studio-modal-stage{padding:.35rem .65rem;background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.15);border-radius:.4rem;color:#fff;font-size:.85rem}.studio-modal-section{margin-top:2rem}.studio-modal-section h3{font-size:1rem;font-weight:600;color:hsla(0,0%,100%,.95);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.studio-modal-notes{width:100%;min-height:120px;padding:.9rem;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;color:#fff;font-family:inherit;font-size:.9rem;line-height:1.5;resize:vertical}.studio-modal-notes-status{font-size:.75rem;color:hsla(0,0%,100%,.5);margin-top:.4rem;text-align:right}.studio-modal-notes-status.saved{color:#4ade80}.studio-modal-presets{display:flex;flex-direction:column;gap:.5rem}.studio-modal-preset-match{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:.5rem;color:#fff;text-decoration:none;font-size:.9rem;transition:background .2s}.studio-modal-preset-match:hover{background:hsla(0,0%,100%,.08)}.studio-modal-moodboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.studio-moodboard-item{padding:.9rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:.6rem;font-size:.85rem;color:hsla(0,0%,100%,.85)}.studio-modal-audio-links{display:flex;flex-direction:column;gap:.5rem}.studio-modal-audio-links a{padding:.7rem .9rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:.5rem;color:#fff;text-decoration:none;font-size:.88rem}.studio-modal-timeline{font-size:.85rem;color:hsla(0,0%,100%,.7)}.studio-modal-timeline-date{font-variant-numeric:tabular-nums;color:hsla(0,0%,100%,.9)}.studio-modal-empty{padding:1rem;background:hsla(0,0%,100%,.03);border-radius:.5rem;color:hsla(0,0%,100%,.5);font-style:italic;font-size:.88rem;text-align:center}.studio-modal-error{padding:1rem;background:hsla(0,100%,71%,.1);border:1px solid hsla(0,100%,71%,.3);border-radius:.5rem;color:#ffb4b4;font-size:.88rem}.studio-radar-lg{width:100%;max-width:600px;margin:0 auto}.studio-cgs-wrap-lg{position:relative;display:flex;justify-content:center;align-items:center;min-height:400px}.studio-cgs-total{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.studio-cgs-total-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:hsla(0,0%,100%,.5)}.studio-cgs-total-value{font-size:3rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.studio-points-timeline{width:100%}.studio-points-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.studio-points-head h3{font-size:1.1rem;font-weight:600}.studio-points-range{display:inline-flex;gap:.25rem;padding:.25rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem}.studio-points-range button{padding:.4rem .85rem;background:transparent;border:0;border-radius:.35rem;color:hsla(0,0%,100%,.65);font-size:.8rem;cursor:pointer}.studio-points-range button.active{background:hsla(0,0%,100%,.12);color:#fff}.studio-badges-grid-lg{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.studio-badge-lg{padding:1.25rem 1rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:.9rem;text-align:center;transition:all .25s ease}.studio-badge-lg:hover{background:hsla(0,0%,100%,.08);border-color:rgba(155,92,255,.4);box-shadow:0 8px 30px -10px rgba(155,92,255,.4)}.studio-badge-lg.locked{opacity:.45}.studio-badge-lg-icon{font-size:2.25rem;margin-bottom:.5rem}.studio-badge-lg-name{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.35rem}.studio-badge-lg-desc{font-size:.78rem;color:hsla(0,0%,100%,.6);line-height:1.4}.studio-badge-lg-date{font-size:.7rem;color:rgba(155,92,255,.85);margin-top:.5rem;font-variant-numeric:tabular-nums}.studio-badge-lg-requirement{font-size:.7rem;color:hsla(0,0%,100%,.45);margin-top:.5rem;font-style:italic}.studio-instrument-rings{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.studio-instrument-ring{padding:1.25rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:.9rem;text-align:center}.studio-instrument-ring-svg{display:block;margin:0 auto}.studio-instrument-ring-center{font-size:1.5rem;font-weight:700;fill:#fff;font-variant-numeric:tabular-nums}.studio-instrument-ring-body h4{font-size:1rem;font-weight:600;color:#fff;margin:.75rem 0 .25rem}.studio-instrument-ring-body{font-size:.78rem;color:hsla(0,0%,100%,.6)}.studio-instrument-ring-body>div{margin-top:.2rem}.studio-instrument-ring-last{color:hsla(0,0%,100%,.5);font-size:.72rem;margin-top:.35rem}.studio-heatmap-wrap{width:100%;overflow-x:auto}.studio-heatmap-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.studio-heatmap-head h3{font-size:1.1rem;font-weight:600}.studio-heatmap{display:block}.studio-heatmap-cell{transition:transform .1s ease;cursor:pointer}.studio-heatmap-cell.level-0{fill:hsla(0,0%,100%,.04)}.studio-heatmap-cell.level-1{fill:rgba(155,92,255,.3)}.studio-heatmap-cell.level-2{fill:rgba(155,92,255,.55)}.studio-heatmap-cell.level-3{fill:rgba(155,92,255,.8)}.studio-heatmap-cell.level-4{fill:#9b5cff}.studio-heatmap-cell:hover{stroke:#fff;stroke-width:1}.studio-heatmap-legend{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:hsla(0,0%,100%,.55)}.studio-heatmap-legend-cell{display:inline-block;width:11px;height:11px;border-radius:2px}.studio-heatmap-legend-cell.level-0{background:hsla(0,0%,100%,.04)}.studio-heatmap-legend-cell.level-1{background:rgba(155,92,255,.3)}.studio-heatmap-legend-cell.level-2{background:rgba(155,92,255,.55)}.studio-heatmap-legend-cell.level-3{background:rgba(155,92,255,.8)}.studio-heatmap-legend-cell.level-4{background:#9b5cff}.studio-heatmap-tooltip{position:absolute;padding:.5rem .75rem;background:rgba(0,0,0,.9);border:1px solid hsla(0,0%,100%,.15);border-radius:.4rem;font-size:.75rem;color:#fff;pointer-events:none;white-space:nowrap;z-index:10}.studio-empty{padding:2rem;background:hsla(0,0%,100%,.03);border-radius:.6rem;color:hsla(0,0%,100%,.5);font-style:italic;text-align:center}