:root{--site-nav-height:68px;--bg:#080606;--panel:#17100e;--panel-strong:#f05a28;--text:#fff3eb;--muted:#c9aca1;--line:#3f2922;--accent:#f05a28;--accent-2:#ffb35c;--accent-3:#c7361d;--focus:#1b6f86;--home-scroll-intensity:0;--motion-fast:.16s;--motion-medium:.26s;--motion-slow:.68s;--motion-ease:cubic-bezier(.2, .8, .2, 1);--motion-pop:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{background-blend-mode:screen, screen, screen, soft-light, normal;min-height:100%;color:var(--text);background-color:#0000;background-image:radial-gradient(circle at 72% 12%,#f05a287b,#0000 32%),radial-gradient(circle at 0 100%,#322a6bbe,#0000 34%),radial-gradient(circle at 88% 88%,#8a2bff9e,#0000 42%),radial-gradient(circle at 44% 56%,#b3311d52,#0000 38%),linear-gradient(135deg,#050404 0%,#190a08 48%,#b3311d 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:145% 145%,135% 135%,140% 140%,155% 155%,100% 100%;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes lavaBackground{0%{background-position:72% 12%,0 100%,88% 88%,44% 56%,50%;background-size:145% 145%,135% 135%,165% 165%,155% 155%,100% 100%}20%{background-position:90% 28%,16% 76%,78% 82%,58% 38%,50%;background-size:165% 150%,120% 145%,180% 150%,170% 135%,100% 100%}42%{background-position:64% 44%,30% 92%,94% 72%,28% 62%,50%;background-size:130% 170%,150% 125%,160% 185%,145% 165%,100% 100%}68%{background-position:38% 24%,8% 58%,82% 94%,76% 72%,50%;background-size:160% 135%,140% 160%,190% 170%,125% 175%,100% 100%}84%{background-position:54% 6%,24% 72%,96% 84%,52% 84%,50%;background-size:150% 160%,125% 135%,175% 190%,180% 145%,100% 100%}to{background-position:72% 12%,0 100%,88% 88%,44% 56%,50%;background-size:145% 145%,135% 135%,165% 165%,155% 155%,100% 100%}}@keyframes motionPageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes motionCardIn{0%{opacity:0;transform:translateY(12px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes motionPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes motionGlowPulse{0%,to{box-shadow:0 0 0 1px #ffb35c1f,0 0 18px #f05a281f}50%{box-shadow:0 0 0 1px #ffb35c3d,0 0 34px #f05a2847}}@keyframes motionSkeletonSweep{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes motionProcessingSweep{0%{background-position:200%}to{background-position:-200%}}@keyframes motionProgressGlow{0%,to{filter:saturate();opacity:.82}50%{filter:saturate(1.35);opacity:1}}@keyframes motionPlayPulse{0%,to{transform:scale(1)}50%{transform:scale(1.055)}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1600px) and (hover:hover) and (prefers-reduced-motion:no-preference){html,body{animation:80s ease-in-out infinite lavaBackground}}@media (max-width:720px),(prefers-reduced-motion:reduce){html,body{background-size:145% 145%,135% 135%,140% 140%,155% 155%,100% 100%;background-attachment:scroll}}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.home-page{isolation:isolate;min-height:160vh;font-family:Segoe UI,"sans-serif";position:relative}.home-page:before{z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% calc(20% + var(--home-scroll-intensity) * 34%), rgba(255, 179, 92, calc(.05 + var(--home-scroll-intensity) * .08)), transparent 26%), radial-gradient(circle at calc(72% - var(--home-scroll-intensity) * 28%) 72%, rgba(143, 123, 255, calc(.04 + var(--home-scroll-intensity) * .08)), transparent 30%);content:"";opacity:.85;transition:background .18s;position:fixed;inset:0}.site-nav{z-index:50;min-height:var(--site-nav-height);background:#0b0a0a;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #211d1b14}.site-nav-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.site-nav-actions .header-action-center{margin-left:0}.home-nav{z-index:50;min-height:var(--site-nav-height);background:#0b0a0a;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:20px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #211d1b14}.site-logo,.home-logo{color:#0000;text-shadow:0 0 12px #f05a2861,0 0 28px #e4288c47;background:linear-gradient(90deg,#ffdf9a,#f05a28 45%,#e4288c 78%,#8f7bff);-webkit-background-clip:text;background-clip:text;padding:.04em .18em .18em .08em;font-family:Segoe Script,cursive;font-size:1.5rem;font-style:italic;font-weight:850;line-height:1.28;display:inline-block}.home-logo-large{color:#0000;background:linear-gradient(90deg,#ffdf9a,#f05a28 45%,#e4288c 78%,#8f7bff);-webkit-background-clip:text;background-clip:text;margin:-.04em 0 -.08em;font-family:inherit;font-size:100px;font-style:normal;font-weight:850;line-height:1}.home-nav-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.home-nav-links a{color:#f6f0ec;border-radius:8px;padding:8px 10px;font-weight:750}.home-nav-links a:hover,.home-nav-links a:focus{background:#ffffff24;outline:none}.home-nav-button{color:#fff8ed;background:linear-gradient(135deg,#f05a281f,#e4288c14),#ffffff0b;border:1px solid #ffb35c2e;border-radius:8px;align-items:center;gap:10px;width:210px;padding:8px 10px;font-weight:850;display:inline-flex}.home-nav-button:hover,.home-nav-button:focus{background:linear-gradient(135deg,#f05a282e,#e4288c1f),#ffffff0f;border-color:#ffb35c57;outline:none;box-shadow:0 0 22px #f05a2829}.home-user-avatar{color:#fff8ed;background:linear-gradient(135deg,#f05a28,#e4288c 70%,#8f7bff);border-radius:8px;flex:none;place-items:center;width:34px;height:34px;font-weight:900;display:grid;overflow:hidden}.home-user-avatar img{object-fit:cover;width:100%;height:100%}.home-user-meta{text-align:left;gap:1px;display:grid}.home-user-label{color:#c9aca1;text-transform:uppercase;font-size:.68rem;font-weight:800;line-height:1}.home-user-chevron{color:#c9aca1;font-size:.9rem}.home-user-menu{position:relative}.home-user-dropdown{z-index:70;opacity:0;pointer-events:none;transform-origin:100% 0;background:linear-gradient(135deg,#f05a281f,#e4288c14),#0c0808fa;border:1px solid #ffb35c33;border-radius:8px;width:210px;padding:8px;transition:opacity .18s,transform .2s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-8px)scale(.98);box-shadow:0 24px 72px #00000075}.home-user-dropdown.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.home-user-dropdown a,.home-user-dropdown button{color:#f6f0ec;text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:10px 12px;font-weight:750}.home-user-dropdown a:hover,.home-user-dropdown a:focus,.home-user-dropdown button:hover,.home-user-dropdown button:focus{color:#ffdf9a;background:linear-gradient(135deg,#f05a282e,#e4288c1f),#ffffff0f;outline:none}.home-menu-button{color:#f6f0ec;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-weight:800;display:none}.home-menu-button:hover,.home-menu-button:focus{background:#ffffff24;outline:none}.home-menu-icon{font-size:1.05rem;line-height:1}.home-hero{place-items:center;min-height:calc(100vh - 68px);padding:28px;display:grid}.home-hero-content{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);align-items:center;gap:clamp(28px,7vw,92px);width:min(1080px,100%);display:grid}.home-hero-text{text-align:left;justify-items:start;gap:12px;display:grid}.home-hero-logo{perspective:900px;justify-items:center;display:grid}.home-logo-stage{transform-style:preserve-3d;will-change:transform;place-items:center;transition:filter .18s,transform .22s;display:grid}.home-logo-stage:hover{filter:drop-shadow(0 0 26px #ff5c2342)drop-shadow(0 0 52px #e4288c33)}@keyframes homeLogoIdle{0%,to{translate:0}50%{translate:0 -8px}}.home-logo-slot{aspect-ratio:1;color:#fff3eb9e;text-transform:uppercase;background:#0b0a0a6b;border:1px solid #ffffff38;border-radius:24px;place-items:center;width:clamp(180px,24vw,280px);font-family:Segoe UI,system-ui,sans-serif;font-size:.82rem;font-weight:800;display:grid;box-shadow:0 18px 50px #00000038,inset 0 0 36px #f05a2824}.home-logo-image{object-fit:cover;border-radius:22px;width:100%;height:100%;display:block}.home-hero-content .muted{max-width:620px}.home-hero-copy{gap:8px;max-width:660px;margin-top:4px;display:grid}.home-hero-copy h2{color:#fff3eb;margin-bottom:0;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.35rem,3vw,2.1rem);font-weight:850}.home-hero-copy p{color:var(--muted);margin-bottom:0;font-family:Segoe UI,system-ui,sans-serif;font-size:1.05rem;line-height:1.6}.home-hero-waveform{background:#0805063d;border:1px solid #ffb35c24;border-radius:8px;align-items:center;gap:5px;width:fit-content;max-width:100%;height:54px;margin-block:8px 4px;padding:10px 12px;display:flex;overflow:hidden}.home-trust-strip{gap:8px;width:min(640px,100%);margin-top:2px;display:grid}.home-trust-strip span{color:#fff3ebdb;background:linear-gradient(90deg,#f05a2829,#e4288c0f),#0805063d;border-left:3px solid #ffb35cad;border-radius:8px;padding:8px 11px;font-size:.82rem;font-weight:850}.home-hero-waveform span{background:linear-gradient(#ffb35c,#f05a28 46%,#e4288c);border-radius:999px;width:4px;height:42%;display:block;box-shadow:0 0 14px #e4288c42}.home-hero-waveform span:nth-child(3n){animation-duration:1.55s}.home-hero-waveform span:nth-child(4n){animation-duration:1.85s}@keyframes homeWavePulse{0%,to{opacity:.72;height:24%}50%{opacity:1;height:88%}}.home-hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:10px;display:flex}.home-supported-strip{flex-wrap:wrap;gap:8px;max-width:640px;margin-top:2px;display:flex}.home-supported-strip span{color:#fff3ebc7;background:#08050642;border:1px solid #ffb35c24;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:850}.home-section{padding:28px}.home-audience-section{justify-items:center;padding:34px 28px 18px;display:grid}.home-audience-content{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:stretch;gap:14px;width:min(1080px,100%);display:grid}.home-audience-intro,.home-audience-grid article{background:linear-gradient(135deg,#f05a281f,#e4288c12),#08050680;border:1px solid #ffb35c29;border-radius:8px;box-shadow:0 18px 58px #00000038,0 0 42px #e4288c12}.home-audience-intro{align-content:center;gap:10px;padding:24px;display:grid}.home-audience-intro h2{color:#fff3eb;margin-bottom:0;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.45rem,3vw,2.35rem)}.home-audience-intro p{color:var(--muted);margin-bottom:0;font-size:1rem;line-height:1.65}.home-audience-grid{gap:10px;display:grid}.home-audience-grid article{gap:6px;padding:16px;display:grid}.home-audience-grid span{color:var(--accent-2);text-transform:uppercase;font-size:.72rem;font-weight:950}.home-audience-grid strong{color:#fff7ef;font-size:1rem}.home-audience-grid p{color:var(--muted);margin-bottom:0;line-height:1.55}.home-card-deck-section{min-height:420vh;padding-block:0}.home-card-deck-sticky{align-content:center;justify-items:center;gap:22px;min-height:calc(100vh - 68px);padding:32px 28px 92px;display:grid;position:sticky;top:68px;overflow:visible}.home-card-deck-copy{text-align:center;gap:8px;max-width:760px;display:grid}.home-card-deck-copy h2{color:#fff3eb;margin-bottom:0;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.45rem,3vw,2.4rem)}.home-card-deck{isolation:isolate;perspective:1200px;place-items:center;width:min(760px,100%);min-height:390px;padding:26px;display:grid;position:relative;overflow:visible}.home-deck-card{pointer-events:none;will-change:transform, opacity;background:radial-gradient(circle at 14% 18%,#ffb35c21,#0000 34%),radial-gradient(circle at 92% 82%,#8f7bff1f,#0000 36%),linear-gradient(135deg,#f05a2833,#e4288c21),#090506d6;border-color:#ffb35c47;align-content:center;gap:14px;width:min(680px,100vw - 44px);min-height:285px;transition:box-shadow .26s,border-color .26s,opacity .26s,transform .36s cubic-bezier(.2,.8,.2,1);animation:.38s cubic-bezier(.2,.8,.2,1) both homeDeckCardIn;display:grid;position:relative;box-shadow:0 28px 80px #00000061,0 0 0 1px #ffb35c14,0 0 34px #ff5c232e,0 0 72px #e4288c1f}.home-deck-card h2{margin-bottom:0;font-size:clamp(1.55rem,3.6vw,2.6rem)}.home-deck-card p{margin-bottom:0}.home-deck-card.active{pointer-events:auto;border-color:#ffb35c70;box-shadow:0 30px 86px #0000006b,0 0 0 1px #ffb35c24,0 0 40px #ff5c233d,0 0 92px #e4288c2e,0 0 120px #8f7bff14}@keyframes homeDeckCardIn{0%{opacity:0;transform:translateX(calc(var(--deck-slide-direction,1) * 72px)) translateY(12px) rotate(calc(var(--deck-slide-direction,1) * 2deg)) scale(.975)}to{opacity:1;transform:translate(0)translateY(0)rotate(0)scale(1)}}.home-card-deck-dots{gap:8px;display:flex}.home-card-deck-dots button{background:#fff8ed38;border:0;border-radius:999px;width:28px;height:5px;padding:0;transition:background .18s,transform .18s;display:block}.home-card-deck-dots button.active{background:var(--accent);transform:scaleX(1.35);box-shadow:0 0 14px #ff5c237a}.home-card-deck-dots button:hover,.home-card-deck-dots button:focus{background:#ffb35c;outline:none}.home-scroll-hint{color:#fff3ebad;letter-spacing:.02em;margin:-4px 0 0;font-size:.82rem;font-weight:850}@keyframes homeScrollHint{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.home-card-preview{background:#0003;border:1px solid #ffb35c24;border-radius:8px;width:min(420px,100%);min-height:74px;padding:12px}.home-card-preview-piano{min-height:92px;padding:12px;position:relative}.mini-piano-white-keys{background:#080403;border:1px solid #ffb35c29;border-radius:8px;grid-template-columns:repeat(8,minmax(0,1fr));height:68px;display:grid;overflow:hidden}.mini-piano-white-keys span{color:#1a0c08;background:linear-gradient(#fff8ed,#e2c9b8);border-right:1px solid #50302052;place-items:end center;padding-bottom:8px;font-size:.72rem;font-weight:950;display:grid}.mini-piano-white-keys span:last-child{border-right:0}.mini-piano-white-keys span.active{color:#fff8ed;background:linear-gradient(#ffb35c,#f05a28);box-shadow:inset 0 -10px 18px #7b220c3d}.mini-piano-black-keys{pointer-events:none;height:42px;position:absolute;inset:12px 12px auto}.mini-piano-black-keys span{color:#fff4ed;background:linear-gradient(#15100f,#050303);border:1px solid #ffb35c1a;border-radius:0 0 6px 6px;place-items:end center;width:9.5%;height:42px;padding-bottom:6px;font-size:.58rem;font-weight:950;display:grid;position:absolute;top:0;transform:translate(-50%)}.mini-piano-black-keys span.active{background:linear-gradient(#8f3428,#f05a28);box-shadow:0 0 18px #f05a2861}.home-card-preview-sliders{align-content:center;gap:11px;display:grid}.home-card-preview-sliders span{background:#fff8ed1f;border-radius:999px;height:8px;display:block;position:relative}.home-card-preview-sliders i{border-radius:inherit;background:linear-gradient(90deg,#f05a28,#e4288c);height:100%;display:block}.home-card-preview-sliders b{background:#ffb35c;border-radius:999px;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #ffb35c61}@media (min-width:1181px) and (hover:hover) and (prefers-reduced-motion:no-preference){.home-logo-stage{animation:7.5s ease-in-out infinite homeLogoIdle}.home-hero-waveform span{animation:2.4s ease-in-out infinite homeWavePulse}.home-scroll-hint{animation:2.8s ease-in-out infinite homeScrollHint}.home-card-preview-sliders b{animation:2.8s ease-in-out infinite homeSliderKnob}}@keyframes homeSliderKnob{50%{scale:1.16}}.home-card-preview-tracks{gap:8px;display:grid}.home-card-preview-tracks span{color:var(--muted);background:#ffffff09;border:1px solid #ffb35c1f;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-weight:850;display:flex}.home-card-preview-tracks span.active{color:#fff7ef;background:#f05a2829;border-color:#ff5c2361}.home-card-preview-tracks strong{color:#ffb35c}.home-card-preview-people{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.home-card-preview-people span{color:#fff8ed;background:linear-gradient(135deg,#f05a28,#e4288c 70%,#8f7bff);border-radius:8px;place-items:center;width:38px;height:38px;font-weight:950;display:grid}.home-card-preview-people p{color:var(--muted);background:#ffffff09;border:1px solid #ffb35c1f;border-radius:8px;flex:140px;padding:10px 12px;font-weight:850}.home-product-preview-section,.home-final-cta,.home-origin-section{justify-items:center;padding:34px 28px;display:grid}.home-product-preview,.home-final-cta,.home-origin-card{background:linear-gradient(135deg,#f05a2821,#e4288c14),#0805069e;border:1px solid #ffb35c2e;border-radius:8px;width:min(1080px,100%);box-shadow:0 24px 80px #0000004d,0 0 50px #e4288c14}.home-product-preview{gap:18px;padding:24px;display:grid}.home-product-preview h2,.home-final-cta h2,.home-origin-card h2{color:#fff3eb;margin-bottom:0;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.45rem,3vw,2.25rem)}.home-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.home-preview-grid article{background:#00000038;border:1px solid #ffb35c21;border-radius:8px;align-content:center;gap:8px;min-height:142px;padding:16px;display:grid}.home-preview-grid span{color:var(--accent-2);text-transform:uppercase;font-size:.72rem;font-weight:900}.home-preview-grid strong{color:#fff7ef;font-size:1.12rem}.home-preview-grid p{color:var(--muted);margin-bottom:0;font-size:.88rem;line-height:1.5}.home-final-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;margin:0 auto 56px;padding:26px}.home-final-cta p{max-width:680px;color:var(--muted);margin:8px 0 0;line-height:1.6}.home-origin-section{padding-top:0}.home-origin-card{gap:14px;margin-bottom:56px;padding:26px;display:grid}.home-origin-placeholder{background:radial-gradient(circle at 18% 10%,#ffd9921a,#0000 34%),linear-gradient(135deg,#ffb35c12,#8f7bff0a),#00000029;border:1px solid #ffcc783d;border-radius:8px;gap:18px;min-height:180px;padding:clamp(18px,3vw,28px);display:grid;box-shadow:inset 0 0 28px #ffb35c0b,0 0 34px #ffb35c14}.home-origin-placeholder p{background:linear-gradient(#fff3bf 0%,#e6b85e 44%,#9d7330 100%);color:#0000;text-shadow:0 0 12px #ffcc7829,0 0 28px #ffb35c1a;-webkit-background-clip:text;background-clip:text;max-width:920px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,1.7vw,1.18rem);font-weight:700;line-height:1.85}.home-origin-gif{object-fit:contain;background:#0000002e;border:1px solid #ffcc782e;border-radius:8px;justify-self:end;width:min(260px,100%);max-height:220px;display:block;box-shadow:0 16px 38px #00000047,0 0 24px #ffb35c1a}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.home-logo-stage,.home-hero-waveform span,.home-scroll-hint,.home-card-preview-sliders b{animation:none}.home-card-deck-section{min-height:auto}.home-card-deck-sticky{position:static}.home-card-deck{gap:14px;min-height:auto;display:grid}.home-deck-card{position:static;opacity:1!important;transform:none!important}}.app-frame{min-height:calc(100vh - var(--site-nav-height));grid-template-columns:248px minmax(0,1fr);display:grid}.performance-mode *,.performance-mode :before,.performance-mode :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.performance-mode .home-page:before,.performance-mode .home-page:after,.performance-mode .project-card:before,.performance-mode .project-album-header:before{opacity:.2!important}.sidebar{width:248px;max-width:100%;min-height:calc(100vh - var(--site-nav-height));color:#fff8ed;background:linear-gradient(#120d0cfa,#090708fc),#0b0808;border-right:1px solid #ffb35c14;flex-direction:column;justify-content:space-between;gap:22px;padding:20px 18px;display:flex}.mobile-app-nav{display:none}.sidebar-desktop-content{padding-top:8px}.mobile-nav-spacer{min-width:42px;display:block}.brand{align-items:center;gap:10px;margin-bottom:32px;font-weight:800;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.nav-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.nav-link{color:#d9c8bd;min-height:40px;transition:background var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative}.nav-link:hover,.nav-link:focus{color:#fff8ed;background:linear-gradient(135deg,#f05a281f,#e4288c14),#ffffff0a;outline:none;transform:translate(2px)}.sidebar-profile{width:100%;min-width:0;transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease);background:linear-gradient(135deg,#f05a2814,#e4288c0d),#ffffff09;border:1px solid #ffb35c1f;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.sidebar-profile:hover,.sidebar-profile:focus{background:#ffffff1a;border-color:#ffb35c3d;outline:none;transform:translateY(-1px);box-shadow:0 0 24px #f05a281f}.sidebar-profile-text{min-width:0;display:grid}.sidebar-profile-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-avatar{color:#fff8ed;background:linear-gradient(135deg,#f05a28,#e4288c 70%,#8f7bff);border-radius:8px;flex:none;place-items:center;width:36px;height:36px;font-weight:900;display:grid;overflow:hidden}.sidebar-avatar img,.profile-picture-preview img,.public-profile-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-profile-label{color:#c9aca1;text-transform:uppercase;font-size:.75rem;font-weight:800;display:block}.site-profile{background:#ffffff0b;width:auto;max-width:min(260px,45vw)}.site-profile-menu-wrap{position:relative}.site-profile-trigger{cursor:pointer;color:inherit;font:inherit;text-align:left}.site-profile-trigger.is-open{border-color:#ffb35c61;box-shadow:0 0 26px #f05a2829}.site-profile-menu{z-index:90;background:linear-gradient(135deg,#f05a281f,#e4288c14),#0c0808fa;border:1px solid #ffb35c33;border-radius:8px;gap:6px;width:min(260px,100vw - 36px);padding:8px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 24px 72px #00000075}.site-profile-menu a,.site-profile-menu button{color:#fff8ed;cursor:pointer;width:100%;font:inherit;text-align:left;transition:background var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease);background:0 0;border:0;border-radius:8px;justify-content:flex-start;align-items:center;padding:11px 12px;font-weight:850;text-decoration:none;display:flex}.site-profile-menu form{margin:0}.site-profile-menu a:hover,.site-profile-menu a:focus,.site-profile-menu button:hover,.site-profile-menu button:focus{color:#ffdf9a;background:linear-gradient(135deg,#f05a282e,#e4288c1f),#ffffff0f;outline:none;transform:translate(2px)}.mobile-menu-toggle{color:#fff8ed;background:linear-gradient(135deg,#f05a2829,#e4288c1f),#ffffff0f;border:1px solid #ffb35c3d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:inline-flex}.mobile-menu-toggle span{background:#fff8ed;border-radius:999px;width:18px;height:2px;display:block}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#17100ed9;justify-content:space-between;align-items:center;min-height:72px;padding:0 28px;display:flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.app-main-header{z-index:45;position:sticky;top:0}.app-main-header strong{color:var(--text)}.header-action-center{align-items:center;gap:8px;display:flex;position:relative}.header-icon-button{color:#fff8ed;cursor:pointer;background:linear-gradient(135deg,#f05a2824,#e4288c1a),#ffffff0d;border:1px solid #ffb35c2e;border-radius:999px;place-items:center;width:42px;height:42px;font-size:1rem;font-weight:900;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-grid;position:relative}.header-icon-button:hover,.header-icon-button:focus,.header-icon-button.is-active{border-color:#ffb35c80;outline:none;transform:translateY(-1px);box-shadow:0 0 22px #f05a2833}.header-action-badge{color:#fff8ed;background:#f05a28;border:1px solid #fff8ed6b;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:900;line-height:1;display:inline-grid;position:absolute;top:-4px;right:-4px}.header-action-panel{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#f05a281c,#e4288c14),#0c0808fa;border:1px solid #ffb35c33;border-radius:8px;gap:12px;width:min(520px,100vw - 36px);padding:14px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 24px 72px #00000075}.header-action-panel-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.header-action-panel h2{margin-bottom:4px;font-size:1rem}.header-panel-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.header-panel-summary span{color:#ffd8a8;background:#ffb35c14;border:1px solid #ffb35c24;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:900}.header-panel-tools{background:#0000002e;border:1px solid #ffb35c1f;border-radius:8px;gap:10px;padding:10px;display:grid}.notification-category-list{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.notification-section-list,.notification-section{gap:10px;display:grid}.notification-section h3{color:var(--text);margin-bottom:0;font-size:.88rem}.notification-list{scrollbar-color:#f05a28d1 #00000038;scrollbar-width:thin;gap:10px;max-height:min(520px,65vh);padding-right:2px;display:grid;overflow:auto}.notification-item{transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, box-shadow var(--motion-fast) ease;background:#0003;border:1px solid #ffb35c24;border-radius:8px;gap:10px;padding:12px;display:grid}.notification-item.unread{border-color:#ff5c2370;box-shadow:0 0 0 1px #ff5c231a}.notification-item strong{color:var(--text);align-items:center;gap:8px;min-width:0;display:flex}.notification-item p{color:var(--muted);margin-bottom:0;font-size:.86rem}.profile-inline-link{color:#ffd4c4;width:fit-content;font-size:.78rem;font-weight:900;display:inline-flex}.profile-inline-link:hover,.profile-inline-link:focus{color:#fff7ef}.notification-actions,.share-project-form,.friend-request-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.friend-request-form{grid-template-columns:minmax(0,1fr) auto auto;display:grid}.friend-request-tool{flex:420px;gap:7px;min-width:0;display:grid}.friend-request-hint{color:var(--muted);margin:0;font-size:.78rem;font-weight:850}.modal-backdrop{z-index:80;background:#000000a3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.share-invite-modal{width:min(640px,100%);max-height:min(720px,100vh - 36px);overflow:auto;box-shadow:0 28px 90px #0000009e,0 0 0 1px #ffb35c24}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.permission-toggle{cursor:pointer;background:#0003;border:1px solid #ffb35c24;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.permission-toggle input{accent-color:var(--accent);margin-top:3px}.permission-toggle span{gap:3px;display:grid}.permission-toggle small{color:var(--muted);font-weight:750}.permission-toggle.disabled{cursor:not-allowed;opacity:.54}.notification-actions .button{min-height:36px;padding:8px 12px}.unread-dot{background:var(--accent);border-radius:999px;width:8px;height:8px;box-shadow:0 0 14px #ff5c23c7}.message-row{grid-template-columns:38px minmax(0,1fr);align-items:start}.message-row .notification-actions,.message-row form{grid-column:2}.message-avatar{color:#fff7f0;text-transform:uppercase;background:linear-gradient(135deg,#ff5c23f2,#e4288cb8);border-radius:8px;place-items:center;width:34px;height:34px;font-size:.88rem;font-weight:900;display:inline-grid}.direct-message-form{gap:8px;display:grid}.direct-message-form .textarea{resize:vertical;min-height:88px}.notification-category{background:#0003;border:1px solid #ffb35c24;border-radius:8px;gap:4px;padding:10px;display:grid}.notification-category p{color:var(--muted);margin-bottom:0;font-size:.84rem}.share-project-form .input{flex:180px}.friend-request-form .input{flex:220px}.header-action-panel .input,.header-action-panel .textarea{min-width:0}.share-project-form .select{flex:0 180px}.share-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.share-management-row,.share-role-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share-management-row{border-top:1px solid #ffb35c1a;justify-content:space-between;padding-top:8px}.share-management-row p{flex:140px}.share-role-form .select{min-width:140px}.share-member-edit-panel{background:#00000029;border:1px solid #ffb35c1f;border-radius:8px;flex:100%;gap:8px;padding:10px;display:grid}.member-permission-grid{flex:260px;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px 10px;min-width:0;display:grid}.member-permission-grid label{color:var(--muted);align-items:center;gap:6px;font-size:.78rem;font-weight:850;display:inline-flex}.member-permission-grid input{accent-color:var(--accent)}.permission-summary-list{flex-wrap:wrap;gap:8px;display:flex}.permission-summary-list span{color:var(--muted);background:#0000002e;border:1px solid #ffb35c1f;border-radius:999px;padding:6px 9px;font-size:.76rem;font-weight:850}.permission-summary-list span.enabled{color:#ffd8c8;background:#f05a2824;border-color:#ffb35c61}.project-people-summary{border-top:1px solid #ffb35c1f;gap:10px;padding-top:12px;display:grid}.project-people-summary>div{gap:6px;display:grid}.project-people-summary strong{color:var(--text)}.project-people-summary span,.project-people-summary a{color:#fff3eb;overflow-wrap:anywhere;background:#0000002e;border:1px solid #ffb35c1f;border-radius:999px;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:6px 9px;display:inline-flex}.project-people-summary small{color:var(--muted);font-size:.72rem;font-weight:850}.project-workflow-empty-panel,.project-recent-activity-card{background:linear-gradient(135deg,#f05a2817,#e4288c0d),#09060694;border-color:#ffb35c29}.project-activity-list{gap:9px;display:grid}.project-activity-item{background:#0003;border:1px solid #ffb35c21;border-radius:8px;gap:3px;padding:11px 12px;display:grid}.project-activity-item span{color:#ffb35c;text-transform:uppercase;background:#ffb35c1a;border-radius:999px;width:fit-content;padding:4px 8px;font-size:.68rem;font-weight:950}.project-activity-item strong{color:#fff8ed}.project-activity-item p{color:var(--muted);margin:0}.project-activity-item time{color:#bda69b;font-size:.76rem;font-weight:800}.project-activity-empty{background:#ffb35c12;border:1px solid #ffb35c24;border-radius:8px;gap:5px;padding:14px;display:grid}.project-activity-empty strong{color:#fff8ed}.project-activity-empty p{color:var(--muted);margin:0}.profile-editor-preview,.public-profile-hero{align-items:center;gap:14px;display:flex}.compact-button{width:fit-content;min-height:34px;padding:8px 12px}.profile-editor-preview .compact-button{margin-top:10px}.profile-completion-panel{background:linear-gradient(135deg,#f05a281a,#e4288c0f),#05040447;border:1px solid #ffb35c29;border-radius:8px;gap:12px;padding:14px;display:grid}.profile-completion-panel strong{color:#fff4e8;margin-bottom:4px;font-size:1.35rem;line-height:1.1;display:block}.profile-completion-meter{background:#00000047;border:1px solid #ffb35c2e;border-radius:999px;height:10px;overflow:hidden}.profile-completion-meter span{border-radius:inherit;background:linear-gradient(90deg,#f05a28,#ffb35c,#e4288c);height:100%;display:block;box-shadow:0 0 18px #ffb35c3d}.profile-picture-preview,.public-profile-avatar{color:#fff8ed;background:linear-gradient(135deg,#f05a28,#e4288c 70%,#8f7bff);border:1px solid #ffb35c38;flex:none;place-items:center;font-weight:950;display:grid;overflow:hidden}.profile-picture-preview{border-radius:8px;width:72px;height:72px;font-size:1.5rem}.public-profile-card{max-width:900px;position:relative;overflow:hidden}.public-profile-card:before{border-radius:inherit;content:"";pointer-events:none;background:radial-gradient(circle at 18% 20%,#ffb35c2e,#0000 28%),radial-gradient(circle at 88% 8%,#e4288c29,#0000 34%);position:absolute;inset:-1px}.public-profile-card>*{z-index:1;position:relative}.public-profile-avatar{border-radius:14px;width:112px;height:112px;font-size:2.6rem}.public-profile-bio{max-width:720px;color:var(--text);font-size:1.02rem;line-height:1.7}.public-profile-friend-action{background:linear-gradient(135deg,#ff5c231a,#e4288c14),#00000038;border:1px solid #ff5c2338;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.public-profile-friend-action div{gap:3px;min-width:0;display:grid}.public-profile-friend-action span{color:#ffb35c;letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:950}.public-profile-friend-action strong{color:#fff8ed;font-size:1.02rem}.public-profile-friend-action form{justify-content:flex-end;display:flex}.public-profile-friend-action.ready{background:linear-gradient(135deg,#3ad29b1f,#ffb35c0f),#00000038;border-color:#78ffcd38}.public-profile-friend-action.pending{background:linear-gradient(135deg,#ffb35c1f,#e4288c0f),#00000038;border-color:#ffb35c4d}.friends-list-card{overflow:hidden}.friends-list{gap:10px;display:grid}.friend-list-item{background:linear-gradient(135deg,#f05a2814,#e4288c0a),#00000038;border:1px solid #ffb35c24;border-radius:8px;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px;display:grid}.friend-list-profile{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;display:grid}.friend-list-profile div{gap:3px;min-width:0;display:grid}.friend-list-profile strong,.friend-list-profile span,.friend-list-profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-list-profile strong{color:#fff8ed;font-size:1.02rem}.friend-list-profile span{color:#ffd4c4;font-weight:850}.friend-list-profile small{color:var(--muted);font-weight:800}.friend-list-avatar{color:#fff8ed;background:linear-gradient(135deg,#f05a28,#e4288c 70%,#8f7bff);border:1px solid #ffb35c38;border-radius:8px;place-items:center;width:54px;height:54px;font-size:1.2rem;font-weight:950;display:grid;overflow:hidden}.friend-list-actions{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.friend-inline-message-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0;display:grid}.friend-remove-form{display:flex}.friends-empty-state{background:#ffb35c14;border:1px solid #ffb35c24;border-radius:8px;gap:5px;padding:14px;display:grid}.friends-empty-state strong{color:#fff8ed}.friends-empty-state p{color:var(--muted);margin:0}.project-thread-list{gap:10px;max-height:420px;display:grid;overflow:auto}.thread-latest-preview{color:var(--muted);background:#f05a281a;border:1px solid #ffb35c24;border-radius:8px;padding:10px 12px}.thread-latest-preview strong{color:var(--text)}.project-thread-message{background:#0000002e;border:1px solid #ffb35c24;border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:8px;padding:12px;display:grid}.project-thread-message-body{gap:8px;min-width:0;display:grid}.project-thread-message p{color:var(--text);margin-bottom:0;line-height:1.5}.album-viewer-card,.album-status-card{max-width:860px}.album-listener-tracklist{gap:8px;display:grid}.album-listener-row{background:#0003;border:1px solid #ffb35c24;border-radius:8px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;padding:12px;display:grid}.album-listener-row.active{border-color:#ffb35c70;box-shadow:0 0 0 1px #ffb35c1f}.album-listener-row div{gap:4px;min-width:0;display:grid}.album-listener-row span{color:var(--muted);font-size:.82rem;font-weight:800}.guest-banner{background:#f05a281f;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex}.global-query-message{padding:14px 28px 0}.global-query-message .form-message{margin-bottom:0}.guest-banner p{color:var(--muted);margin-bottom:0}.page{animation:motionPageIn var(--motion-slow) var(--motion-pop) both;padding:28px 28px 112px}body:has(.project-playbar) .page{padding-bottom:156px}body:has(.piano-roll-dock) .page{padding-bottom:260px;animation:none;transform:none}body:has(.project-playbar):has(.piano-roll-dock) .page{padding-bottom:340px}.page-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:motionCardIn .52s var(--motion-pop) both;background:linear-gradient(135deg,#f05a281c,#e4288c12),#0705068a;border:1px solid #ffb35c29;border-radius:8px;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;padding:16px 18px;display:flex;box-shadow:0 18px 54px #00000038}.page-header>div{min-width:0}.eyebrow{color:var(--accent-2);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(2rem,4vw,3.6rem)}h2{font-size:1.2rem}.muted{color:var(--muted)}.grid{gap:16px;display:grid}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.three.project-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,760px),1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.project-empty-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.project-empty-card{background:linear-gradient(135deg,#f05a281f,#e4288c12),#08060694;border:1px solid #ffb35c2e;border-radius:8px;align-content:space-between;gap:18px;min-height:220px;padding:18px;display:grid;box-shadow:0 18px 58px #00000038}.project-empty-card h2{margin-bottom:6px}.project-empty-card .button{justify-self:flex-start}.project-empty-step-list,.project-workflow-steps{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.project-empty-step-list span,.project-workflow-steps span{color:#ffd8c6;background:#00000038;border:1px solid #ffb35c24;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:900}.project-workflow-steps span.ready{color:#d4fff2;background:#46d29b1f;border-color:#78ffcd33}.editor-session-card h3{margin-bottom:4px}.editor-session-card{padding-right:82px}.editor-session-play-button{width:48px;min-width:48px;height:48px;position:absolute;top:90px;right:18px;transform:none}.editor-session-recipe{color:#ffd8c8;overflow-wrap:anywhere;background:#f05a281a;border:1px solid #ffb35c29;border-radius:8px;width:fit-content;max-width:100%;margin-top:10px;margin-bottom:0;padding:8px 10px;font-size:.82rem;font-weight:850}.selectable-card{position:relative}.selectable-card.selected{border-color:#ff5c239e;box-shadow:0 0 0 1px #ff5c2329,0 18px 48px #ff5c2314}.session-select-control{color:#ffd8c8;cursor:pointer;background:linear-gradient(135deg,#f05a281c,#e4288c0f),#00000047;border:1px solid #ffb35c33;border-radius:999px;align-self:flex-start;align-items:center;gap:9px;padding:8px 11px;font-size:.78rem;font-weight:900;transition:border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.session-select-control input{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.session-select-control:hover,.session-select-control:focus-within{border-color:#ffb35c75;transform:translateY(-1px);box-shadow:0 0 18px #f05a2829}.session-select-box{background:#00000052;border:1px solid #ffb35c61;border-radius:6px;place-items:center;width:18px;height:18px;display:grid;box-shadow:inset 0 0 0 2px #0000002e}.session-select-box:after{content:"";opacity:0;background:linear-gradient(135deg,#ffb35c,#f05a28,#e4288c);border-radius:4px;width:9px;height:9px;transition:opacity .16s,transform .16s;transform:scale(.6);box-shadow:0 0 12px #ffb35c7a}.session-select-control input:checked+.session-select-box:after{opacity:1;transform:scale(1)}.reverse-toggle-control{width:100%;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:#f05a2814;border:1px solid #ffb35c29;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:12px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:flex}.reverse-toggle-control.active{background:linear-gradient(135deg,#f05a283d,#e4288c29),#120907e0;border-color:#ffb35cb8;animation:.68s ease-out both motionGlowPulse;transform:translateY(-1px);box-shadow:0 14px 34px #00000047,0 0 0 1px #ffb35c33,0 0 26px #f05a2838}.reverse-toggle-control span{gap:3px;display:grid}.reverse-toggle-control small{color:var(--muted);font-weight:750}.reverse-toggle-control.active small{color:#ffd8c8}.reverse-toggle-state{color:var(--text);text-align:right;flex:none;min-width:32px;font-size:.92rem}.bulk-action-bar{background:linear-gradient(135deg,#f05a281a,#e4288c0f),#0806067a;border:1px solid #ffb35c29;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.bulk-action-bar p{margin-bottom:0}.bulk-action-controls,.bulk-delete-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-session-meta{gap:8px;margin:0;display:grid}.editor-session-meta div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.editor-session-meta dt{color:var(--muted);font-size:.82rem;font-weight:800}.editor-session-meta dd{color:var(--text);margin:0;font-weight:800}.card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-actions form{display:inline-flex}.tracklist-row{border:1px solid var(--line);background:#0b0a0a42;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;transition:border-color .16s,box-shadow .16s,opacity .16s,transform .16s;display:grid}.tracklist-main{gap:4px;min-width:0;display:grid}.tracklist-main strong,.tracklist-main span{overflow-wrap:anywhere}.tracklist-row.rearranging{cursor:grab;-webkit-user-select:none;user-select:none}.tracklist-row.rearranging:active{cursor:grabbing}.tracklist-row.rearranging:not(.dragging){opacity:.72}.tracklist-row.dragging{z-index:2;opacity:1;background:linear-gradient(135deg,#f05a2833,#e4288c1f),#120907e0;border-color:#ffb35cb8;animation:1.15s ease-in-out infinite motionGlowPulse;position:relative;transform:scale(1.012);box-shadow:0 18px 42px #0000005c,0 0 0 1px #ffb35c33,0 0 26px #f05a2838}.tracklist-row.rearranging .tracklist-main{pointer-events:none}.tracklist-row.rearranging .tracklist-actions{width:100%}.tracklist-row.editing{grid-template-columns:1fr;align-items:stretch}.tracklist-actions,.add-track-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.track-play-control{grid-template-columns:64px 40px;justify-content:flex-end;align-items:center;gap:10px;display:inline-grid}.track-playing-label{color:#ffb35c;letter-spacing:0;text-align:right;text-transform:uppercase;grid-area:1/1;min-width:56px;font-size:.72rem;font-weight:900}.project-card-playing-label{text-align:left;grid-area:auto;min-width:0;margin-top:4px;display:block}.project-card-playing-label.inactive{visibility:hidden}.project-card-pill-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.project-card{min-height:188px;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease);background:linear-gradient(135deg,#f05a281a,#e4288c14),#070506c2;grid-template-columns:132px minmax(0,1fr);align-items:start;gap:16px;padding:16px 96px 16px 16px;display:grid;position:relative;overflow:hidden}.project-card:before{content:"";z-index:0;pointer-events:none;opacity:0;transition:opacity var(--motion-fast) ease;background:radial-gradient(circle at 14% 18%,#ffb35c29,#0000 28%),radial-gradient(circle at 96% 18%,#e4288c24,#0000 28%);position:absolute;inset:-1px}.project-card:hover,.project-card:focus-within,.project-card.is-active{border-color:#ffb35c47;box-shadow:0 0 0 1px #ffb35c14,0 18px 42px #00000047,0 0 36px #f05a2814}.project-card:hover .project-card-cover,.project-card:focus-within .project-card-cover,.project-card.is-active .project-card-cover{border-color:#ffb35c5c}.project-card:hover:before,.project-card:focus-within:before,.project-card.is-active:before{opacity:1}.project-card-cover-column{z-index:1;gap:10px;width:132px;display:grid;position:relative}.project-card-content{z-index:1;min-width:0;position:relative}.project-card-cover{z-index:1;box-shadow:0 18px 38px #0000005c,0 0 28px #f05a281f}.project-card-topline{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.project-card-privacy{color:#bda69b;text-transform:uppercase;white-space:nowrap;font-size:.72rem;font-weight:900}.project-access-note{color:#d9bfb2;margin:4px 0 0;font-size:.78rem;font-weight:850}.project-card-title-block{min-width:0}.project-card-title-block h2{overflow-wrap:anywhere}.project-tag-row{flex-wrap:wrap;align-items:center;gap:6px;min-height:31px;display:flex}.project-tag-row.empty{visibility:hidden}.project-card-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.project-card-meta-grid span{background:#0000002e;border:1px solid #ffb35c1f;border-radius:8px;gap:2px;min-width:0;padding:9px 10px;display:grid}.project-card-meta-grid strong,.project-card-meta-grid small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-card-meta-grid strong{color:#fff8ed;font-size:.84rem;font-weight:950}.project-card-meta-grid small{color:#bda69b;font-size:.68rem;font-weight:800}.project-card-action-row{align-items:center;gap:10px;display:flex}.project-card-open-button{justify-content:center;width:100%;min-height:44px;padding-inline:12px}.button.project-card-open-button-inline{display:none}@media (min-width:1181px){.button.project-card-open-button-inline{display:none}}.project-cover-artwork{aspect-ratio:1;background:linear-gradient(135deg,#f05a2833,#e4288c29),#070506b8;border:1px solid #ffb35c33;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 14px 34px #00000038}.project-cover-artwork img{object-fit:cover;width:100%;height:100%;display:block}.project-cover-placeholder{align-content:space-between;gap:10px;width:100%;height:100%;padding:12px;display:grid;position:relative;overflow:hidden}.project-cover-placeholder:before{content:"";filter:saturate(1.18);background:radial-gradient(circle at 26% 22%,#ffb35c8c,#0000 34%),radial-gradient(circle at 82% 18%,#e4288c73,#0000 32%),radial-gradient(circle at 72% 82%,#8f7bff57,#0000 30%),linear-gradient(145deg,#f05a28a3,#2c0c18e6);position:absolute;inset:-20%}.project-cover-mark,.project-cover-type,.project-cover-wave{z-index:1;position:relative}.project-cover-mark{color:#fff8ed;text-shadow:0 0 14px #ffb35c57;background:#0000003d;border:1px solid #fff8ed2e;border-radius:8px;place-items:center;width:42px;height:42px;font-size:1rem;font-weight:950;display:grid}.project-cover-type{color:#ffe0c8;text-transform:uppercase;background:#0000003d;border:1px solid #fff8ed29;border-radius:999px;justify-self:start;padding:5px 8px;font-size:.68rem;font-weight:900}.project-cover-wave{align-items:center;gap:4px;height:30px;display:flex}.project-cover-wave i{background:linear-gradient(#ffd08a,#f05a28,#e4288c);border-radius:999px;width:5px;display:block}.project-cover-wave i:first-child,.project-cover-wave i:nth-child(7){height:32%}.project-cover-wave i:nth-child(2),.project-cover-wave i:nth-child(6){height:58%}.project-cover-wave i:nth-child(3),.project-cover-wave i:nth-child(5){height:82%}.project-cover-wave i:nth-child(4){height:100%}.project-detail-heading{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:20px;min-width:0;display:grid}.project-detail-cover{width:132px;box-shadow:0 20px 48px #00000061,0 0 42px #f05a281f}.project-detail-title-block{gap:10px;min-width:0;display:grid}.project-detail-title-block h1{overflow-wrap:anywhere}.project-album-header{background:linear-gradient(135deg,#f05a282e,#e4288c21),#070506d1;position:relative;overflow:hidden}.project-album-header:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 20%,#ffb35c2e,#0000 30%),radial-gradient(circle at 90% 12%,#e4288c24,#0000 34%);position:absolute;inset:-40%}.project-album-header>*{z-index:1;position:relative}.project-artwork-panel{background:linear-gradient(135deg,#f05a281a,#e4288c0f),#0003;border:1px solid #ffb35c29;border-radius:8px;grid-template-columns:118px minmax(0,1fr);align-items:start;gap:14px;padding:12px;display:grid}.project-artwork-panel h3{margin-bottom:3px}.project-artwork-preview{width:118px}.project-artwork-panel .file-picker{grid-template-columns:auto minmax(0,1fr);align-items:stretch;display:grid}.project-artwork-panel .file-picker .button,.project-artwork-panel .file-picker-name{text-align:left;justify-content:flex-start}.project-artwork-panel .file-picker .button{box-shadow:inset 0 0 0 1px #ffb35c1f,0 10px 24px #f05a281f}.project-planning-panel{border-top:1px solid #ffb35c1f;padding-top:14px}.project-planning-panel h3{margin-bottom:4px}.project-reference-list{gap:8px;display:grid}.project-reference-list a{min-width:0;color:var(--text);background:#00000038;border:1px solid #ffb35c24;border-radius:8px;gap:3px;padding:10px;text-decoration:none;display:grid}.project-reference-list a:hover,.project-reference-list a:focus-visible{border-color:#ffb35c5c;outline:none}.project-reference-list span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:800;overflow:hidden}.project-timeline-preview{background:radial-gradient(circle at 12% 18%,#ffb35c21,#0000 28%),radial-gradient(circle at 88% 28%,#e4288c1a,#0000 30%),#05040475;border-color:#ffb35c2e;overflow:hidden}.project-timeline-toggle-row{justify-content:center;margin-top:16px;display:flex}.project-version-map{gap:8px;display:grid}.project-version-map-row{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease);background:#0000002e;border:1px solid #ffb35c1a;border-radius:8px;grid-template-columns:minmax(140px,.34fr) minmax(0,1fr);align-items:center;gap:14px;padding:10px;display:grid}.project-version-map-row:hover,.project-version-map-row:focus-visible,.project-version-map-row.selected{border-color:#ffb35c6b;outline:none;box-shadow:0 0 0 1px #ffb35c1a,0 0 28px #f05a2829}.project-version-map-row:hover,.project-version-map-row:focus-visible{transform:translateY(-1px)}.project-version-map-row>div:first-child{gap:3px;min-width:0;display:grid}.project-version-map-row strong,.project-version-map-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-version-map-row small{color:var(--muted);font-size:.78rem;font-weight:800}.project-version-node-row{align-items:center;gap:10px;min-width:0;display:flex;position:relative}.project-version-node-row:before{content:"";background:linear-gradient(90deg,#ffb35c42,#e4288c38);height:2px;position:absolute;left:8px;right:8px}.project-version-node,.project-version-more{z-index:1;flex:none;position:relative}.project-version-node{background:#120807;border:2px solid #ffb35c80;border-radius:999px;width:15px;height:15px;box-shadow:0 0 14px #f05a2821}.project-version-node.current{background:linear-gradient(135deg,#ffb35c,#f05a28);border-color:#ffb35c;box-shadow:0 0 20px #f05a2847}.project-version-more{color:#ffb35c;font-size:.76rem;font-weight:950}.project-timeline-detail-panel{background:linear-gradient(135deg,#f05a281f,#e4288c12),#00000038;border:1px solid #ffb35c29;border-radius:8px;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);gap:14px;padding:14px;display:grid}.project-timeline-detail-panel h3{margin-bottom:4px}.project-timeline-event-list{gap:9px;display:grid}.project-timeline-event{border-left:2px solid #ffb35c6b;gap:4px;padding-left:12px;display:grid}.project-timeline-event span{color:#ffb35c;text-transform:uppercase;background:#f05a2824;border-radius:999px;width:fit-content;padding:4px 8px;font-size:.68rem;font-weight:950}.project-timeline-event p{color:var(--muted);margin:0}.project-timeline-event time{color:#bda69b;font-size:.76rem;font-weight:800}.project-artwork-panel .file-picker-name{color:#d8c1b5;background:#05040457;border:1px solid #ffb35c24;border-radius:8px;align-items:center;min-width:0;padding:10px 12px;display:flex}@media (min-width:1181px) and (max-width:1500px){.project-artwork-panel .file-picker{grid-template-columns:minmax(0,220px);place-items:start}.project-artwork-panel .file-picker .button,.project-artwork-panel .file-picker-name{width:100%}}.project-artwork-dropzone{transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease);background:linear-gradient(135deg,#f05a2814,#e4288c0d),#05040433;border:1px dashed #ffb35c2e;border-radius:8px;padding:8px;position:relative}.project-artwork-dropzone:hover,.project-artwork-dropzone:focus-within,.project-artwork-dropzone.dragging{border-color:#ffb35c7a;box-shadow:0 0 0 4px #f05a281a,0 16px 34px #e4288c1f}.project-artwork-dropzone.dragging{transform:translateY(-1px)}.track-play-button.project-card-play-button{z-index:2;transform-origin:50%;width:48px;min-width:48px;height:48px;position:absolute;top:45%;right:22px;transform:translateY(-50%)}.track-play-button{width:40px;min-width:40px;height:40px;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease);background:linear-gradient(135deg,#f05a283d,#e4288c29),#ffffff0f;border-radius:999px;grid-area:1/2;padding:0;line-height:1;box-shadow:inset 0 0 0 1px #ffb35c1f}.track-play-button.active{background:linear-gradient(135deg,#f05a287a,#e4288c47),#ffb35c1f;border-color:#ffb35c94;box-shadow:0 0 0 4px #f05a281f,0 10px 28px #f05a2833}.track-play-button:not(.project-card-play-button):hover,.track-play-button:not(.project-card-play-button):focus-visible{transform:translateY(-1px)scale(1.03)}.track-play-button.active:not(.project-card-play-button){animation:.52s ease-out both motionPlayPulse}.track-play-button.project-card-play-button:hover,.track-play-button.project-card-play-button:focus-visible{transform:translateY(-50%)scale(1.02);box-shadow:0 0 0 3px #f05a281a,0 10px 24px #f05a2829}.track-play-button.project-card-play-button.active{box-shadow:0 0 0 3px #f05a281f,0 12px 26px #f05a282e}.project-playbar{z-index:70;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:motionPageIn .42s var(--motion-pop) both;transition:opacity var(--motion-medium) ease, transform var(--motion-medium) var(--motion-ease);background:linear-gradient(135deg,#f05a282e,#e4288c1a),#070506f5;border-top:1px solid #ffb35c38;grid-template-columns:minmax(160px,1.1fr) auto minmax(240px,1.6fr) minmax(150px,.7fr);align-items:center;gap:14px;padding:12px 18px;display:grid;position:fixed;bottom:0;left:248px;right:0;box-shadow:0 -18px 60px #0000006b}.project-playbar.hidden{pointer-events:none;opacity:0;transform:translateY(100%)}.project-playbar.full-width{left:0}.playbar-queue-panel{animation:motionPanelIn .22s var(--motion-pop) both;transform-origin:bottom;background:#0c080ad6;border:1px solid #ffb35c2e;border-radius:8px;grid-column:1/-1;gap:10px;padding:12px;display:grid}.playbar-queue-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.playbar-queue-header span{color:var(--muted);font-size:.82rem;font-weight:800}.playbar-queue-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;max-height:180px;display:grid;overflow:auto}.playbar-queue-item{border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease);background:#ffffff0a;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:2px 10px;padding:10px;display:grid}.playbar-queue-item:hover,.playbar-queue-item.active{border-color:#ffb35c52;transform:translateY(-1px);box-shadow:0 0 22px #f05a281a}.playbar-queue-item.active{animation:.74s ease-out both motionGlowPulse}.playbar-queue-item:hover,.playbar-queue-item.active{background:#ff784c1f;border-color:#ffb35c6b}.playbar-queue-item span{color:var(--accent);grid-row:span 2;font-size:.82rem;font-weight:900}.playbar-queue-item strong,.playbar-queue-item small,.playbar-queue-item time{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playbar-queue-item small{color:var(--muted);font-weight:800}.playbar-queue-item time{color:var(--muted);font-size:.76rem;font-weight:850}.playbar-queue-item em{color:#ffb35c;text-transform:uppercase;white-space:nowrap;border:1px solid #ffb35c33;border-radius:999px;grid-row:span 2;padding:4px 7px;font-size:.68rem;font-style:normal;font-weight:900}.playbar-queue-item:not(.active) em{color:var(--muted);border-color:#ffffff14}.playbar-track{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.playbar-cover{aspect-ratio:1;background:linear-gradient(135deg,#f05a2857,#e4288c3d),#070506e6;border:1px solid #ffb35c38;border-radius:8px;place-items:center;width:44px;display:grid;overflow:hidden;box-shadow:0 0 22px #f05a2824}.playbar-cover img{object-fit:cover;width:100%;height:100%}.playbar-cover span{color:#fff8ed;font-size:.9rem;font-weight:950}.playbar-track-copy{gap:3px;min-width:0;display:grid}.playbar-track strong,.playbar-track span,.playbar-track small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playbar-track span,.playbar-progress span{color:var(--muted);font-size:.82rem;font-weight:800}.playbar-load-state{color:#ffd8a8;font-size:.76rem;font-weight:850}.playbar-load-state.error{color:#ffc9c0}.playbar-controls,.playbar-progress,.playbar-volume{align-items:center;gap:8px;display:flex}.playbar-progress input,.playbar-volume input{width:100%;accent-color:var(--accent)}.playbar-volume input{touch-action:pan-x}.playbar-volume{min-width:0}.privacy-statement-card{gap:18px}.privacy-statement-intro{max-width:840px;color:var(--muted);font-size:1.02rem;line-height:1.65}.privacy-statement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.privacy-statement-grid article{background:linear-gradient(135deg,#f05a2814,#e4288c0f),#00000029;border:1px solid #ffb35c24;border-radius:8px;align-content:start;gap:8px;min-height:150px;padding:16px;display:grid}.privacy-statement-grid h2{margin-bottom:0;font-size:1.04rem}.privacy-statement-grid p{color:var(--muted)}.privacy-statement-note{color:var(--muted);background:#ffb35c14;border:1px solid #ffb35c2e;border-radius:8px;align-items:flex-start;gap:8px;padding:14px;display:flex}.privacy-statement-note strong{color:#ffd8a8;white-space:nowrap}.home-privacy-link{color:#ffd8a8;margin-top:12px;font-weight:900;text-decoration:none;display:inline-flex}.home-privacy-link:hover,.home-privacy-link:focus-visible{color:#fff8ed;text-shadow:0 0 18px #ffb35c42}.section-heading-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading-row h2{margin-bottom:0}.editor-export-heading-row{grid-template-columns:minmax(0,1fr);justify-content:flex-start;align-items:flex-start;display:grid}.editor-export-heading-row>div:first-child{min-width:0}.editor-export-heading-row .editor-export-form{justify-self:stretch;width:100%;max-width:920px}.tracklist-actions form{display:contents}.drag-handle{border:1px solid var(--line);color:var(--muted);touch-action:none;text-transform:uppercase;background:#ffffff0a;border-radius:8px;padding:8px 10px;font-size:.82rem;font-weight:850}.tracklist-row.dragging .drag-handle{color:var(--text);background:linear-gradient(135deg,#f05a2866,#e4288c3d),#ffffff14;border-color:#ffb35cb8;box-shadow:0 0 18px #f05a2847}.tracklist-row.editing .tracklist-actions{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;width:100%;display:grid}.edit-track-form{grid-template-columns:minmax(180px,1fr) minmax(140px,180px) auto;align-items:center;gap:8px;min-width:0;display:grid}.delete-track-form{justify-content:flex-end;align-items:center;display:flex}.tracklist-row.editing .track-title-input,.tracklist-row.editing .track-status-select{width:100%;min-width:0}.add-track-form{border-top:1px solid var(--line);padding-top:12px}.add-track-form .input{flex:220px}.version-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-export-list,.admin-issue-list{gap:10px;display:grid}.admin-disclosure{gap:0}.admin-disclosure-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:1.2rem;font-weight:900;list-style:none;display:flex}.admin-disclosure-summary::-webkit-details-marker{display:none}.admin-disclosure-summary:after{content:"+";border:1px solid var(--line);width:32px;height:32px;color:var(--accent-2);background:#ffffff0a;border-radius:8px;flex:none;place-items:center;font-size:1rem;line-height:1;display:grid}.admin-disclosure[open]>.admin-disclosure-summary:after{content:"-"}.admin-disclosure-summary span{gap:3px;min-width:0;display:grid}.admin-disclosure-summary small{color:var(--muted);font-size:.78rem;font-weight:800}.admin-disclosure-content{padding-top:14px}.admin-diagnostic-note{color:#ffd8c8;margin-bottom:0;font-size:.84rem;line-height:1.5}.admin-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-filter-row .button.active{color:#fff8ed;background:#ff5b302e;border-color:#ff5b3094}.admin-panel-tools{grid-template-columns:minmax(0,1fr) minmax(220px,360px);align-items:center;gap:10px;display:grid}.admin-search-input{width:100%}.admin-issue-item{border:1px solid var(--line);background:#05040457;border-radius:8px;padding:12px}.admin-id-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-copy-button{min-height:34px;padding:6px 10px}.admin-metadata-preview{color:var(--muted);overflow-wrap:anywhere;background:#00000038;border:1px solid #ffb35c1f;border-radius:8px;margin:0;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.admin-path-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.admin-path-row .muted{overflow-wrap:anywhere;min-width:0}.admin-search-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-search-form .input{flex:240px}.admin-mini-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 0;display:grid}.admin-mini-stats div{border:1px solid var(--line);border-radius:8px;padding:8px}.admin-mini-stats dt{color:var(--muted);font-size:.78rem;font-weight:800}.admin-mini-stats dd{margin:2px 0 0;font-size:1.1rem;font-weight:900}.editor-export-form{flex:560px;grid-template-columns:minmax(160px,1fr) minmax(78px,92px) minmax(96px,116px) minmax(142px,auto);align-items:center;gap:8px;min-width:0;max-width:100%;display:grid}.export-title-input,.export-format-select{min-width:0}.editor-export-submit-button{white-space:nowrap;min-width:150px}.editor-export-item{border:1px solid var(--line);animation:motionCardIn .48s var(--motion-pop) both;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-medium) ease, transform var(--motion-medium) var(--motion-ease);background:#05040457;border-radius:8px;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:12px;padding:12px;display:grid}.editor-export-item:hover{border-color:#ffb35c3d;transform:translateY(-1px);box-shadow:0 0 26px #f05a2814}.editor-export-item>div:first-child{min-width:0}.editor-export-item .card-actions{justify-content:flex-end;min-width:0}.editor-export-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-export-select-control{margin-bottom:12px}.editor-export-title-row strong{overflow-wrap:anywhere}.export-next-step{width:fit-content;color:var(--muted);background:#ffffff0a;border:1px solid #ffb35c24;border-radius:999px;margin-top:8px;padding:6px 10px;font-size:.8rem;font-weight:850;display:inline-flex}.export-next-step.export-status-ready{color:#bfffe2;border-color:#6dedb542}.export-next-step.export-status-failed{color:#ffc9c9;border-color:#ff74744d}.editor-export-track-title-input{flex:180px;min-width:0}.create-export-preview{gap:8px;margin-top:10px;display:grid}.export-status-ready{color:#b9ffd6;background:#49ca8e29}.export-status-failed{color:#ffc9c0;background:#ff5b5b29}.export-status-processing{color:#ffd8a8;background:linear-gradient(90deg,#ffb35c1f,#f05a2847,#ffb35c1f) 0 0/240% 100%;animation:1.35s linear infinite motionProcessingSweep}.export-status-pending{color:#ffd8a8;background:linear-gradient(90deg,#ffb35c14,#ffb35c2e,#ffb35c14) 0 0/240% 100%;animation:1.8s linear infinite motionProcessingSweep}.song-version-section.editing{border-color:#ffb35c47}.version-mode-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.song-detail-side{align-self:start;min-width:0}.song-detail-section-tabs{background:linear-gradient(135deg,#f05a281a,#e4288c0f),#0705067a;border:1px solid #ffb35c24;border-radius:8px;gap:8px;padding:10px;display:flex;overflow-x:auto}.song-detail-section-tabs .button{white-space:normal;flex:1 0 140px;justify-content:center;min-height:42px}.song-detail-section-tabs .button.active{color:#fff7ef;background:#f05a283d;border-color:#ffb35c6b;box-shadow:0 0 18px #f05a2824}.song-writing-panel{border:1px solid var(--line);background:#05040461;border-radius:8px;gap:12px;padding:14px;display:grid}.song-writing-textarea{min-height:320px}.version-timeline-panel{background:radial-gradient(circle at 12% 20%,#ffb35c24,#0000 30%),linear-gradient(135deg,#f05a281a,#e4288c0f),#04030357;border:1px solid #ffb35c29;border-radius:8px;gap:14px;padding:14px;display:grid;overflow:hidden}.version-timeline-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.version-timeline-heading h3{margin-bottom:0}.version-timeline-track{scrollbar-color:#ffb35c57 #ffffff0f;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;gap:10px;padding:2px 2px 8px;display:grid;overflow-x:auto}.version-timeline-node{background:#0000003d;border:1px solid #ffb35c1f;border-radius:8px;align-content:start;gap:4px;min-height:126px;padding:14px 12px 12px;display:grid;position:relative}.version-timeline-node:before{content:"";background:#ffb35c42;width:14px;height:2px;position:absolute;top:22px;right:calc(100% - 2px)}.version-timeline-node:first-child:before{display:none}.version-timeline-node.current{border-color:#ffb35c5c;box-shadow:inset 0 0 0 1px #ffb35c14,0 0 24px #f05a281a}.version-timeline-dot{background:#160b08;border:2px solid #ffb35c94;border-radius:999px;width:14px;height:14px;box-shadow:0 0 16px #f05a2829}.version-timeline-node.current .version-timeline-dot{background:#f05a28;border-color:#ffb35c}.version-timeline-node strong,.version-timeline-node small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.version-timeline-node small{color:var(--muted);font-size:.76rem;font-weight:800}.song-version-card{border:1px solid var(--line);background:#05040461;border-radius:8px;gap:14px;padding:14px;display:grid}.song-version-card.current{background:linear-gradient(135deg,#f05a2824,#e4288c14),#0504047a;border-color:#ffb35c5c}.song-version-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.song-version-header h3{margin:0;font-size:1.08rem}.version-status-badge{color:var(--muted);text-transform:uppercase;white-space:nowrap;border:1px solid #ffffff1a;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:900}.version-status-badge.current{color:#ffb35c;background:#ffb35c1f;border-color:#ffb35c52}.version-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.version-meta-grid div{background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;gap:4px;padding:10px;display:grid}.version-meta-grid dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:850}.version-meta-grid dd{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.86rem;font-weight:800;overflow:hidden}.version-notes-panel{border-left:3px solid #ffb35c47;gap:6px;padding-left:10px;display:grid}.version-notes-panel p{color:var(--muted);margin:0}.version-lyrics-panel{background:#ffffff06;border:1px solid #ffb35c1f;border-radius:8px;gap:10px;padding:12px;display:grid}.section-heading-row.compact{gap:10px}.section-heading-row.compact p{margin:3px 0 0;font-size:.82rem}.lyrics-save-status{color:var(--muted);text-align:right;max-width:190px;font-size:.76rem;font-weight:850}.lyrics-save-status.saving{color:#ffb35c}.lyrics-tools .lyrics-save-status{text-align:left;max-width:none}.lyrics-textarea{resize:vertical;white-space:pre-wrap;min-height:220px}.lyrics-textarea.compact{min-height:140px}.lyrics-readonly{color:var(--text);white-space:pre-wrap;margin:0;line-height:1.7}.version-preview-panel{min-width:0}.audio-source-note{color:var(--muted);margin:8px 0 0;font-size:.82rem;font-weight:800}.version-edit-panel{border-top:1px solid var(--line);gap:12px;padding-top:12px;display:grid}.version-notes-form{gap:10px;display:grid}.version-notes-form .button{justify-self:start}.project-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.project-summary-grid div{border:1px solid var(--line);background:#0504046b;border-radius:8px;gap:4px;padding:12px;display:grid}.project-summary-grid strong{color:var(--text);font-size:1.2rem}.project-summary-grid span{color:var(--muted);font-size:.84rem}.privacy-default-panel,.release-readiness-panel,.timing-control-panel,.create-snapshot-panel{background:#0504043d;border:1px solid #ffb35c29;border-radius:8px;padding:12px}.privacy-default-panel{gap:8px;display:grid}.release-checklist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.release-checklist li{color:var(--muted);background:#0000002e;border:1px solid #ffb35c1f;border-radius:8px;align-items:center;gap:10px;padding:10px;font-weight:750;display:flex}.release-checklist li span:first-child{color:#ffd8c8;background:#ffffff0d;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;display:inline-grid}.release-checklist li.complete{color:var(--text)}.release-checklist li.complete span:first-child{color:#ffb35c;background:#f05a2838}.version-rename-form,.version-action-form{align-items:center;gap:8px;display:flex}.version-rename-form{flex:280px}.version-rename-form .input,.track-title-input,.track-status-select{min-width:min(220px,100%)}.version-rename-form .input{flex:180px}.version-upload-card{border-color:#ffb35c33}.upload-status{color:#ffd8a8;background:#ffb35c14;border:1px solid #ffb35c29;border-radius:8px;margin:0;padding:9px 10px;font-size:.86rem;font-weight:800}.upload-status.error{color:#ffc9c0;background:#ff80701a;border-color:#ff807047}.checkbox-row{align-items:flex-start;gap:10px;display:flex}.checkbox-row input{accent-color:var(--accent);margin-top:4px}.checkbox-row span{gap:2px;display:grid}.checkbox-row small{color:var(--muted);font-size:.82rem;font-weight:750}.setting-toggle{width:100%;color:var(--text);cursor:pointer;text-align:left;background:linear-gradient(135deg,#f05a2814,#e4288c0d),#0000003d;border:1px solid #ffb35c24;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.setting-toggle span{gap:3px;display:grid}.setting-toggle small{color:var(--muted);font-weight:750}.setting-toggle em{color:#c9aca1;background:#ffffff14;border-radius:999px;padding:7px 11px;font-style:normal;font-weight:950}.setting-toggle.active{border-color:#7fffd447;box-shadow:0 0 28px #33ba8b1a}.setting-toggle.active em{color:#bff8e3;background:#33ba8b29}.editor-session-detail-list{gap:0;margin:0;display:grid}.editor-session-detail-list div{border-top:1px solid var(--line);grid-template-columns:minmax(120px,.45fr) minmax(0,1fr);gap:12px;padding:12px 0;display:grid}.editor-session-detail-list div:first-child{border-top:0;padding-top:0}.editor-session-detail-list dt{color:var(--muted);font-weight:800}.editor-session-detail-list dd{margin:0}.dashboard-list-item{border-top:1px solid var(--line);padding-top:10px}.dashboard-list-item:first-child{border-top:0;padding-top:0}.dashboard-project-row{color:inherit;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease);background:linear-gradient(135deg,#f05a2814,#e4288c0a),#04030347;border:1px solid #ffb35c1f;border-radius:8px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;padding:10px;text-decoration:none;display:grid}.dashboard-project-row:hover,.dashboard-project-row:focus-visible{border-color:#ffb35c4d;transform:translateY(-1px);box-shadow:0 14px 34px #f05a281f}.dashboard-project-row>span{gap:3px;min-width:0;display:grid}.dashboard-project-tags{color:#ffb35c;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:850;overflow:hidden}.dashboard-project-row strong,.dashboard-project-row .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-project-cover{width:56px}.dashboard-command-center{background:radial-gradient(circle at 12% 20%,#ffb35c24,#0000 34%),linear-gradient(135deg,#f05a2821,#e4288c14),#080506c2;border:1px solid #ffb35c2e;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:16px;padding:18px;display:grid;box-shadow:0 24px 72px #00000047}.dashboard-command-copy{align-content:center;gap:8px;display:grid}.dashboard-command-copy h2{margin-bottom:0;font-size:clamp(1.5rem,3vw,2.4rem)}.dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dashboard-stat-grid a{color:var(--text);background:#0000003d;border:1px solid #ffb35c24;border-radius:8px;gap:4px;min-height:128px;padding:14px;text-decoration:none;display:grid}.dashboard-stat-grid span,.dashboard-stat-grid small{color:var(--muted);font-weight:850}.dashboard-stat-grid strong{color:#fff8ed;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.dashboard-action-grid{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.dashboard-release-focus{background:linear-gradient(135deg,#ffb35c14,#e4288c0d),#00000038;border:1px solid #ffb35c24;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:14px;display:flex}.dashboard-release-focus h3{margin-bottom:4px}.dashboard-release-focus>div{min-width:0}.dashboard-release-focus .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.help-hero{background:radial-gradient(circle at 14% 12%,#ffb35c2e,#0000 32%),radial-gradient(circle at 86% 18%,#e4288c1f,#0000 34%),#0a0607c7;border-color:#ffb35c38;position:relative;overflow:hidden}.help-hero h2{max-width:720px;margin-bottom:0;font-size:clamp(1.8rem,4vw,3rem)}.help-workflow-card{min-height:260px;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease);justify-content:space-between}.help-workflow-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.help-workflow-card:hover{border-color:#ffb35c47;transform:translateY(-2px);box-shadow:0 18px 50px #00000038,0 0 26px #f05a2817}.dashboard-onboarding{gap:16px;margin-bottom:22px;display:grid}.dashboard-welcome-panel,.dashboard-start-panel,.dashboard-profile-panel{background:linear-gradient(135deg,#f05a2821,#e4288c14),#080506b3;border:1px solid #ffb35c2e;border-radius:8px;padding:18px;box-shadow:0 20px 70px #0000003d}.dashboard-welcome-panel{background:linear-gradient(135deg,#33ba8b1f,#e4288c14),#080506b8;border-color:#7fffd42e;justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-welcome-panel p:last-child{margin-bottom:0}.dashboard-start-panel h2,.dashboard-welcome-panel h2,.dashboard-profile-panel h2{margin-bottom:6px}.dashboard-start-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.dashboard-start-grid a{min-height:150px;color:var(--text);background:#00000047;border:1px solid #ffb35c29;border-radius:8px;align-content:start;gap:8px;padding:16px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.dashboard-start-grid a:hover,.dashboard-start-grid a:focus-visible{border-color:#ffb35c70;transform:translateY(-2px);box-shadow:0 0 24px #f05a282e}.dashboard-start-grid p{color:var(--muted);margin-bottom:0;font-size:.92rem}.dashboard-profile-panel{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;display:grid}.profile-completion-list{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.profile-completion-list span{color:var(--muted);background:#00000038;border:1px solid #ffb35c29;border-radius:999px;padding:8px 10px;font-size:.82rem;font-weight:850}.profile-completion-list span.complete{color:#bff8e3;background:#33ba8b1c;border-color:#7fffd433}.dashboard-onboarding-dismiss{justify-content:flex-end;display:flex}.card{border:1px solid var(--line);background:var(--panel);animation:motionCardIn .56s var(--motion-pop) both;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-medium) ease, transform var(--motion-medium) var(--motion-ease);border-radius:8px;padding:18px;box-shadow:0 8px 24px #221c140f}.card:hover{border-color:#ffb35c3d;box-shadow:0 14px 38px #0000002e,0 0 24px #f05a280f}.card:has(.piano-roll-dock){animation:none;transform:none}.grid>.card:first-child,.grid>.mini-card:first-child,.grid>article:first-child,.editor-export-list>article:first-child{animation-delay:30ms}.grid>.card:nth-child(2),.grid>.mini-card:nth-child(2),.grid>article:nth-child(2),.editor-export-list>article:nth-child(2){animation-delay:75ms}.grid>.card:nth-child(3),.grid>.mini-card:nth-child(3),.grid>article:nth-child(3),.editor-export-list>article:nth-child(3){animation-delay:.12s}.grid>.card:nth-child(4),.grid>.mini-card:nth-child(4),.grid>article:nth-child(4),.editor-export-list>article:nth-child(4){animation-delay:.165s}.grid>.card:nth-child(n+5),.grid>.mini-card:nth-child(n+5),.grid>article:nth-child(n+5),.editor-export-list>article:nth-child(n+5){animation-delay:.21s}.empty-state{background:#0b0a0a52;border:1px dashed #fff3;border-radius:8px;justify-items:start;gap:10px;padding:22px;display:grid}.empty-state h2,.empty-state p{margin-bottom:0}.not-found-card{align-items:flex-start;max-width:760px}.route-loading{gap:18px;display:grid}.route-loading-header,.route-loading-card{background:linear-gradient(135deg,#f05a281a,#e4288c0f),#070506a8;border:1px solid #ffb35c29;border-radius:8px;padding:18px;box-shadow:0 16px 42px #0000002e}.route-loading-header{align-content:end;gap:14px;min-height:132px;display:grid}.route-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.route-loading-card{align-content:start;gap:12px;min-height:180px;display:grid}.skeleton-line,.skeleton-pill{background:linear-gradient(90deg,#ffffff0d,#ffb35c26,#ffffff0d) 0 0/240% 100%;border-radius:999px;animation:1.35s ease-in-out infinite motionSkeletonSweep;display:block;overflow:hidden}.skeleton-line{width:100%;height:14px}.skeleton-line.short{width:42%}.skeleton-line.medium{width:68%}.skeleton-line.title{width:min(340px,72%);height:42px}.skeleton-pill{width:88px;height:28px}.confirm-overlay{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040203b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-dialog{background:linear-gradient(145deg, #140808f5, #08050cf5), var(--panel);border:1px solid #ffb35c47;border-radius:8px;width:min(440px,100%);padding:20px;box-shadow:0 24px 80px #0000006b}.confirm-dialog h2,.confirm-dialog p{margin-bottom:12px}.audio-preview{border:1px solid var(--line);background:#0b0a0a42;border-radius:8px;gap:10px;padding:12px;display:grid}.waveform-player{border:1px solid var(--line);min-width:0;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-medium) ease;background:#0504046b;border-radius:8px;gap:10px;padding:10px;display:grid}.waveform-player:focus-within,.waveform-player:hover{border-color:#ffb35c3d;box-shadow:0 0 28px #e4288c14}.waveform-surface{width:100%;min-height:84px;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-medium) ease;background:linear-gradient(135deg,#f05a281a,#e4288c1f),#090606;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.engine-waveform-surface{cursor:pointer;width:100%;height:84px;min-height:84px;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-medium) ease, transform var(--motion-fast) var(--motion-ease);background:linear-gradient(135deg,#f05a281a,#e4288c1f),#090606;border:1px solid #ffffff1a;border-radius:8px;display:block;overflow:hidden}.waveform-surface:hover,.engine-waveform-surface:hover,.engine-waveform-surface:focus-visible{border-color:#e4288c47;box-shadow:inset 0 0 24px #e4288c14,0 0 24px #f05a2814}.engine-waveform-surface:active{transform:scale(.998)}.audio-loading-state{color:#ffd8a8;background:#ffb35c1a;border:1px solid #ffb35c2e;border-radius:8px;margin-bottom:0;padding:8px 10px;font-size:.86rem;font-weight:800}.audio-ready-state{color:#b9ffd8;background:#53dca014;border:1px solid #53dca02e;border-radius:8px;margin-bottom:0;padding:8px 10px;font-size:.86rem;font-weight:800}.waveform-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.volume-control{align-items:center;display:flex;position:relative}.volume-icon{align-items:end;gap:2px;height:16px;display:inline-flex}.volume-icon span{background:currentColor;border-radius:999px;width:3px;display:block}.volume-icon span:first-child{height:6px}.volume-icon span:nth-child(2){height:11px}.volume-icon span:nth-child(3){height:16px}.volume-slider-label{border:1px solid var(--line);background:#050404eb;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.volume-slider{width:112px;accent-color:var(--accent)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.upload-progress{border:1px solid var(--line);background:#0504046b;border-radius:8px;gap:8px;padding:10px;display:grid}.upload-progress-header{color:var(--text);justify-content:space-between;align-items:center;gap:12px;font-size:.88rem;display:flex}.upload-progress-track{background:#ffffff1f;border-radius:999px;height:8px;overflow:hidden}.upload-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#ffb35c,#f05a28,#e4288c);height:100%;transition:width .16s;animation:1.1s ease-in-out infinite motionProgressGlow;display:block}.file-picker{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.file-picker input{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.file-picker-name{color:var(--muted);font-size:.92rem;font-weight:750}.project-import-form{gap:10px;min-width:0;display:grid}.project-import-panel{background:linear-gradient(135deg,#f05a281a,#e4288c0f),#00000042;border:1px solid #ffb35c2e;border-radius:8px;gap:12px;padding:13px;display:grid}.project-import-heading{align-items:flex-start;gap:10px;display:flex}.project-import-heading strong,.project-import-heading small{display:block}.project-import-heading small{color:var(--muted);margin-top:3px;font-size:.82rem;font-weight:750}.project-import-icon{color:#fff8ed;background:linear-gradient(135deg,#ffb35c3d,#f05a2857);border:1px solid #ffb35c2e;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;font-weight:950;display:grid;box-shadow:0 0 18px #f05a281f}.project-import-form .select{background:linear-gradient(135deg,#f05a2817,#e4288c0d),#00000057;border-color:#ffb35c38}.project-import-picker{position:relative}.project-import-picker summary{color:#fff4e8;cursor:pointer;background:linear-gradient(135deg,#f05a281f,#e4288c12),#00000057;border:1px solid #ffb35c33;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;list-style:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.project-import-picker summary::-webkit-details-marker{display:none}.project-import-picker summary:after{content:"⌄";color:#ffb35c;background:#00000038;border:1px solid #ffb35c2e;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:950;display:grid}.project-import-picker[open] summary,.project-import-picker summary:hover,.project-import-picker summary:focus-visible{border-color:#ffb35c7a;transform:translateY(-1px);box-shadow:0 0 22px #f05a2829}.project-import-picker[open] summary:after{content:"⌃"}.project-import-picker summary span,.project-import-picker summary small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.project-import-picker summary small{color:var(--muted);font-size:.78rem;font-weight:850}.project-import-option-list,.project-import-empty{z-index:8;background:linear-gradient(145deg, #1d0908fa, #0c040afa), var(--panel);border:1px solid #ffb35c2e;border-radius:8px;gap:8px;max-height:280px;margin-top:0;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 20px 60px #00000057}.project-import-option-list{scrollbar-color:#f05a28d1 #00000047;scrollbar-width:thin}.project-import-option-list::-webkit-scrollbar{width:10px}.project-import-option-list::-webkit-scrollbar-track{background:#00000047;border:1px solid #ffb35c1f;border-radius:999px}.project-import-option-list::-webkit-scrollbar-thumb{background:linear-gradient(#ffb35c,#f05a28,#e4288c);border:2px solid #0a0404f2;border-radius:999px}.project-import-option-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ffd08a,#ff6937,#f044a0)}.project-import-option{width:100%;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:#0003;border:1px solid #ffb35c1f;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;transition:background .16s,border-color .16s,box-shadow .16s;display:flex}.project-import-option:hover,.project-import-option:focus-visible,.project-import-option.selected{background:linear-gradient(135deg,#f05a2829,#e4288c14),#00000042;border-color:#ffb35c6b;box-shadow:inset 3px 0 #f05a28d6}.project-import-option span,.project-import-option strong,.project-import-option small{min-width:0;display:block}.project-import-option strong{overflow-wrap:anywhere}.project-import-option small{color:var(--muted);margin-top:3px;font-size:.78rem;font-weight:850}.project-import-option em{color:#ffd8c8;text-overflow:ellipsis;white-space:nowrap;background:#f05a281a;border:1px solid #ffb35c24;border-radius:999px;flex:none;max-width:42%;padding:6px 8px;font-size:.78rem;font-style:normal;font-weight:900;overflow:hidden}.project-import-empty{color:var(--muted);margin-bottom:0}.audio-preview p{margin-bottom:0}.audio-preview-modifiers{gap:10px;display:grid}.audio-time{color:var(--muted);text-align:center;min-width:44px;font-size:.82rem;font-weight:850}.button{background:var(--panel-strong);color:#fff8ed;overflow-wrap:anywhere;text-align:center;white-space:normal;min-height:40px;transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, box-shadow var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-weight:750;display:inline-flex}.button:not(.track-play-button):not(:disabled):hover,.button:not(.track-play-button):not(:disabled):focus-visible{transform:translateY(-1px);box-shadow:0 0 22px #f05a2824}.button-spinner{border:2px solid #fff8ed47;border-top-color:#fff8ed;border-radius:999px;width:14px;height:14px;animation:.7s linear infinite spin;display:none}.button-spinner.visible{display:inline-block}.button.secondary{border-color:var(--line);color:var(--text);background:0 0}.button.danger{color:#ffc9c0;border-color:#ff807061}.button.icon{width:40px;padding:0}.button.icon.track-play-button{aspect-ratio:1;border-radius:999px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.48}.button.is-disabled,.button[aria-disabled=true]{pointer-events:none;cursor:not-allowed;opacity:.48}.workflow-action-toast{z-index:120;opacity:0;color:#ffd8c8;pointer-events:none;background:linear-gradient(135deg,#f05a2833,#e4288c1f),#080506eb;border:1px solid #ffb35c33;border-radius:999px;padding:10px 14px;font-size:.86rem;font-weight:900;transition:opacity .16s,transform .16s;position:fixed;bottom:18px;right:18px;transform:translateY(10px);box-shadow:0 18px 48px #0000004d,0 0 22px #f05a282e}html.workflow-action-submitting .workflow-action-toast{opacity:1;transform:translateY(0)}form[aria-busy=true] button[type=submit]{cursor:wait;opacity:.68}.input,.select,.textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#120d0c;border-radius:8px;padding:10px 12px}.form-message{width:100%;animation:motionPanelIn .22s var(--motion-pop) both;border-radius:8px;align-self:start;margin-bottom:0;padding:10px 12px;font-size:.9rem;font-weight:750}.form-message.error{color:#ffc9c0;background:#d14e3f29}.form-message.success{color:#bdf1e8;background:#287c7829}.auth-confirmation-message{border:1px solid #bdf1e829;gap:4px;display:grid}.auth-confirmation-message span{color:#bdf1e8d1;font-size:.82rem;font-weight:750;line-height:1.45}.form-message.guest{color:#ffd8a8;background:#ffb35c24}.username-check{color:var(--muted);font-size:.86rem;font-weight:700}.username-check.available{color:#bdf1e8}.username-check.unavailable,.username-check.invalid,.username-check.error{color:#ffc9c0}.username-check.checking{color:#ffd8a8}.settings-inner-form{border-top:1px solid var(--line);padding-top:12px}.danger-zone-card{background:linear-gradient(135deg,#d14e3f1f,#f05a280f),#0504046b;border-color:#ff807057}.danger-confirmation-phrase{color:#ffd8c8;overflow-wrap:anywhere;background:#0000003d;border:1px solid #ffb35c29;border-radius:8px;width:fit-content;max-width:100%;padding:8px 10px;display:block}.auth-guest-option{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.auth-guest-option p{margin-bottom:0;font-size:.9rem}.textarea{resize:vertical;min-height:120px}.modifier-control{border:1px solid var(--line);transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease);background:#0b0a0a42;border-radius:8px;gap:8px;padding:12px;display:grid}.modifier-control:focus-within{border-color:#ffb35c52;box-shadow:0 0 22px #f05a281f}.modifier-control:has(input[type=range]:active){border-color:#ffb35c75;transform:translateY(-1px);box-shadow:0 0 0 1px #ffb35c1f,0 0 28px #f05a282e}.modifier-control.is-disabled{opacity:.72}.modifier-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.modifier-toggle{min-width:54px;color:var(--text);background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;padding:6px 9px;font-weight:850}.modifier-control input[type=range]{width:100%;accent-color:var(--accent)}.modifier-scale{color:var(--muted);justify-content:space-between;font-size:.75rem;font-weight:800;display:flex}.modifier-note{color:var(--muted);margin-bottom:0;font-size:.8rem}.edit-session-modifiers{gap:8px;display:grid}.effect-preset-panel{background:#0504043d;border:1px solid #ffb35c2e;border-radius:8px;padding:12px}.effect-preset-panel h3,.effect-preset-panel h4{margin:0}.effect-preset-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.effect-preset-button{text-align:left;flex-direction:column;align-items:flex-start;width:100%;min-height:68px;padding:10px}.effect-preset-button span{color:var(--muted);font-size:.76rem;font-weight:750;line-height:1.35}.effect-preset-save-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.effect-preset-save-form .input{flex:180px}.create-base-preset-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.create-base-preset-card{min-height:132px;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:#0000003d;border:1px solid #ffb35c26;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:13px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid}.create-base-preset-card:hover,.create-base-preset-card:focus-visible,.create-base-preset-card.active{background:linear-gradient(135deg,#f05a2829,#e4288c1a),#0000004d;border-color:#ffb35c7a;transform:translateY(-1px);box-shadow:0 0 24px #f05a2829}.create-base-preset-card.active{animation:.7s ease-out both motionGlowPulse;box-shadow:0 0 0 1px #ffb35c29,0 0 28px #ffb35c24}.create-base-preset-icon{color:#fff8ed;background:linear-gradient(135deg,#f05a28,#e4288c);border-radius:8px;place-items:center;width:36px;height:36px;font-weight:950;display:grid}.create-base-preset-card strong,.create-base-preset-card small,.create-base-preset-card em{display:block}.create-base-preset-card small{color:#ffb35c;margin-top:2px;font-size:.76rem;font-style:normal;font-weight:900}.create-base-preset-card em{color:var(--muted);grid-column:1/-1;font-size:.86rem;font-style:normal;font-weight:750}.create-action-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:14px;display:grid}.create-save-card,.create-export-card{min-width:0}.create-export-summary{background:#f05a281a;border:1px solid #ffb35c29;border-radius:8px;gap:3px;width:fit-content;max-width:100%;padding:10px 12px;display:grid}.create-export-summary span{color:var(--muted);font-size:.76rem;font-weight:850}.create-export-summary strong{color:#ffd8c8}.create-export-history-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.create-export-history-toolbar .select{width:auto;min-width:150px}.create-export-rename-form{flex:320px;align-items:center;gap:8px;min-width:0;display:flex}.create-export-rename-form .input{flex:180px;min-width:0}.create-character-panel{background:#05040438;border:1px solid #ffb35c24;border-radius:8px;gap:12px;padding:12px;display:grid}.create-character-panel h3{margin-bottom:4px}.create-snapshot-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.create-snapshot-panel strong{color:var(--text);margin-top:2px;font-size:1.1rem;display:block}.create-snapshot-stats{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.create-snapshot-stats span{color:#ffd8c8;background:#f05a281f;border:1px solid #ffb35c24;border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:850}.mini-card.is-active{border-color:#ffb35c94;animation:.7s ease-out both motionGlowPulse;box-shadow:0 0 0 1px #ffb35c24}.sound-draft-load-button{text-align:left;flex-direction:column;align-items:flex-start;width:100%}.sound-draft-load-button span{color:var(--muted);font-size:.78rem;font-weight:800}.sound-draft-actions,.sound-draft-rename-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sound-draft-toolbar{grid-template-columns:minmax(0,1fr) minmax(150px,.22fr) minmax(170px,.24fr);align-items:center;gap:10px;display:grid}.sound-draft-rename-form{flex:260px}.sound-draft-rename-form .input{flex:160px}.sound-draft-grid .mini-card{min-width:0}.sound-draft-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.export-plan-list,.effect-preset-dropdown{gap:10px;display:grid}.effect-preset-dropdown summary{cursor:pointer;flex-direction:column;align-items:flex-start;width:fit-content;list-style:none}.effect-preset-dropdown summary span{color:var(--muted);font-size:.74rem;font-weight:800}.effect-preset-dropdown summary::-webkit-details-marker{display:none}.effect-preset-dropdown[open] summary{background:#ff5b302e}.effect-preset-dropdown>.stack{border-top:1px solid #ffb35c24;padding-top:10px}.effect-preset-card{gap:8px;display:grid}.effect-preset-card-actions,.effect-preset-edit-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.effect-preset-card-actions .button{flex:84px}.effect-preset-edit-row .input{flex:160px}.export-recipe{color:#ffd8c8;background:#ff5b301a;border:1px solid #ff5b3042;border-radius:8px;width:fit-content;max-width:100%;padding:7px 10px;font-size:.84rem;font-weight:850;display:inline-flex}.edit-session-modifiers .modifier-control{gap:6px;padding:10px}.edit-session-modifiers .modifier-header label{font-size:.9rem}.edit-session-modifiers .modifier-toggle{min-width:48px;padding:5px 8px;font-size:.8rem}.edit-session-modifiers .modifier-scale{font-size:.68rem}.pill{color:#ffd8c8;background:#f05a282e;border-radius:999px;place-self:start;align-items:center;width:fit-content;max-width:max-content;height:fit-content;padding:4px 9px;font-size:.8rem;font-weight:700;line-height:1.2;display:inline-flex}.pill.secondary{color:var(--muted);background:#ffffff12}.stack{align-content:start;gap:12px;display:grid}.split{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:16px;display:grid}.waveform{border:1px solid var(--line);background:#090606;border-radius:8px;align-items:center;gap:5px;height:150px;padding:18px;display:flex}.waveform span{background:#f2c365;border-radius:999px;flex:1;min-width:5px}.piano-roll-dock{z-index:48;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#f05a2838,#e4288c1a),#090506f5;border-top:1px solid #ffb35c38;padding:14px 20px 16px;position:fixed;bottom:0;left:248px;right:0;box-shadow:0 -18px 60px #00000061}body:has(.project-playbar) .piano-roll-dock{bottom:74px}.piano-roll-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.piano-roll-status,.piano-roll-controls{align-items:center;gap:10px;min-width:0;display:flex}.piano-roll-status .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.piano-keyboard{background:#080505;border:1px solid #ffb35c38;border-radius:8px;height:164px;overflow:auto hidden}.piano-keyboard-stage{width:min(100%,1728px);min-width:1056px;height:100%;margin:0 auto;position:relative}.piano-white-keys{grid-template-columns:repeat(22,minmax(0,1fr));height:100%;display:grid}.piano-key{color:var(--text);cursor:pointer;font:inherit;border:0;font-weight:900;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s}.piano-key-white{color:#26130f;background:linear-gradient(#fff8eaf5,#d6bba4f0),#f7eadb;border-right:1px solid #53261ab3;justify-content:center;align-items:flex-end;min-width:0;padding:0 4px 13px;font-size:.78rem;display:flex}.piano-key-white:last-child{border-right:0}.piano-black-keys{pointer-events:none;position:absolute;inset:0}.piano-key-black{color:#fdf2ea;pointer-events:auto;background:linear-gradient(#2d1315fa,#0a0708fa),#090606;border:1px solid #ffb35c29;border-radius:0 0 7px 7px;width:32px;height:66%;position:absolute;top:0;transform:translate(-50%)}.piano-key-black span{font-size:.62rem;display:block;transform:translateY(34px)}.piano-key-white span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.piano-key:hover,.piano-key:focus{box-shadow:inset 0 0 0 2px var(--accent-2), 0 0 20px #f05a283d;outline:none}.piano-key:active,.piano-key.is-active{transform:translateY(2px)}.piano-key-black:active,.piano-key-black.is-active{background:linear-gradient(#f05a28eb,#53172bfa),#f05a28;transform:translate(-50%)translateY(2px)}.piano-key-white:active,.piano-key-white.is-active{color:#140806;background:linear-gradient(#ffb35cfa,#f05a28d1),#ffb35c}.piano-key.is-active{animation:.52s ease-out both motionGlowPulse}.pill-row{flex-wrap:wrap;gap:6px;display:flex}@media (max-width:1300px){.editor-export-item{grid-template-columns:1fr;align-items:stretch}.editor-export-item .card-actions{justify-content:flex-start}}@media (max-width:1100px){.split,.grid.two{grid-template-columns:1fr}.header-action-panel{top:calc(var(--site-nav-height) + 12px);width:auto;max-width:640px;max-height:calc(100dvh - var(--site-nav-height) - 28px);margin-inline:auto;position:fixed;left:14px;right:14px;overflow:auto}.header-action-panel-header{flex-direction:column;align-items:flex-start;gap:8px}.friend-request-form,.direct-message-form{grid-template-columns:1fr}.friend-request-form,.notification-actions{width:100%;display:grid}.friend-request-form .input,.friend-request-form .button,.notification-actions .button,.notification-item>.button,.notification-item>form,.notification-item>form .button,.direct-message-form .button{width:100%}.notification-list{max-height:none;padding-right:0;overflow:visible}.song-detail-section-tabs{z-index:8;background:linear-gradient(135deg,#f05a281f,#e4288c14),#070506f0;position:sticky;top:72px}.section-heading-row{flex-direction:column;align-items:stretch}.editor-export-form{flex:auto;width:100%}.editor-export-form .input,.editor-export-form .button{width:100%}.editor-export-item{flex-direction:column;align-items:stretch}.editor-export-item .card-actions{justify-content:flex-start}}@media (max-width:860px){.app-frame{min-height:100vh;display:block}.split,.grid.three,.grid.four,.grid.two{grid-template-columns:1fr}.song-detail-section-tabs{flex-wrap:wrap;position:static}.song-writing-textarea{min-height:280px}.song-detail-section-tabs .button,.version-lyrics-panel .card-actions .button,.song-writing-panel .card-actions .button{flex:100%;width:100%}.dashboard-command-center,.dashboard-stat-grid{grid-template-columns:1fr}.dashboard-stat-grid a,.help-workflow-card{min-height:auto}.version-timeline-heading{flex-direction:column}.version-timeline-track{grid-auto-columns:minmax(132px,78%)}.version-timeline-node{min-height:116px}.project-version-map-row,.project-timeline-detail-panel{grid-template-columns:1fr}.project-version-node-row{min-height:28px}.version-preview-panel .waveform-controls{grid-template-columns:auto repeat(3,minmax(0,auto));justify-content:start;display:grid}.lyrics-save-status{text-align:left;max-width:none}.public-profile-hero,.public-profile-friend-action{flex-direction:column;align-items:flex-start}.public-profile-friend-action .button,.public-profile-friend-action form{width:100%}.friend-list-actions,.friend-inline-message-form{grid-template-columns:1fr}.friend-list-actions .button,.friend-inline-message-form .button,.friend-remove-form{width:100%}.header-action-center{position:static}.site-profile-menu-wrap{display:none}.site-nav-actions{padding-right:64px}.header-action-panel{width:auto;max-height:calc(100vh - 138px);padding:12px;left:12px;right:12px;overflow:auto}.header-panel-summary,.notification-category-list{grid-template-columns:1fr;display:grid}.friend-request-form,.notification-actions,.message-row .notification-actions{grid-template-columns:1fr;width:100%}.friend-request-form .input,.friend-request-form .button,.notification-actions .button,.notification-actions form,.message-row form{width:100%}.notification-item,.message-row{grid-template-columns:minmax(0,1fr)}.message-avatar{display:none}.sidebar{z-index:60;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;border-right:0;width:100%;min-height:auto;padding:0;position:static;top:0}.sidebar-desktop-content,.sidebar-desktop-profile{display:none}.mobile-app-nav{width:100%;display:block}.mobile-app-nav-bar{z-index:75;pointer-events:none;justify-content:space-between;align-items:center;gap:0;min-height:0;padding:0;display:block;position:fixed;top:13px;right:18px}.mobile-app-nav-bar .mobile-menu-toggle{pointer-events:auto;border-radius:10px;width:52px;height:52px}.mobile-nav-spacer{display:none}.mobile-brand{margin-bottom:0}.mobile-app-menu{top:calc(var(--site-nav-height) + 10px);z-index:74;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#f05a281a,#e4288c14),#0e0a0afa;border:1px solid #ffb35c2e;border-radius:8px;padding:10px 18px 14px;display:none;position:fixed;left:12px;right:12px;box-shadow:0 24px 72px #00000075}.mobile-app-menu.is-open{gap:12px;display:grid}.nav-list{grid-template-columns:1fr}.mobile-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav-list .nav-link{background:#ffffff0a;border:1px solid #ffffff14}.mobile-sidebar-profile{margin-top:0}.song-version-header,.version-mode-actions{flex-direction:column;align-items:flex-start}.version-meta-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 18px}.app-main-header{position:relative;top:auto}.header-action-center{justify-content:flex-end;width:100%}.header-action-panel{top:calc(var(--site-nav-height) + 12px);width:auto;max-height:calc(100dvh - var(--site-nav-height) - 28px);padding:12px;position:fixed;left:12px;right:12px;overflow:auto}.header-action-panel-header{flex-direction:column;align-items:flex-start;gap:8px}.friend-request-form,.notification-actions{grid-template-columns:1fr;width:100%;display:grid}.friend-request-form .input,.friend-request-form .button,.notification-actions .button,.notification-item>.button,.notification-item>form,.notification-item>form .button,.direct-message-form .button{width:100%}.notification-list{max-height:none;padding-right:0;overflow:visible}.notification-item strong,.notification-item p{overflow-wrap:anywhere}.message-row{grid-template-columns:34px minmax(0,1fr)}.message-row .notification-actions,.message-row form{grid-column:1/-1}.share-summary-grid,.admin-panel-tools,.admin-path-row{grid-template-columns:1fr}.admin-path-row .admin-copy-button{justify-self:flex-start}.guest-banner{flex-direction:column;align-items:flex-start;padding:14px 18px}.page{padding:18px 18px 170px}.route-loading-grid,.dashboard-command-center{grid-template-columns:1fr}.dashboard-release-focus{flex-direction:column;align-items:stretch}.dashboard-release-focus .button{width:100%}.dashboard-release-focus .muted{white-space:normal}body:has(.project-playbar) .page{padding-bottom:320px}body:has(.piano-roll-dock) .page{padding-bottom:300px}body:has(.project-playbar):has(.piano-roll-dock) .page{padding-bottom:540px}.page-header{flex-direction:column;align-items:flex-start;padding:14px}.project-card-open-button{display:none}.button.project-card-open-button-inline{justify-self:stretch;width:min(100%,340px);min-height:46px;margin-top:2px;display:inline-flex}.project-card-meta-grid{grid-template-columns:1fr;gap:8px;padding-right:0}.project-tag-row{gap:5px;padding-right:0}.project-tag-row.empty{display:none}.project-version-map-row{grid-template-columns:1fr}.project-version-node-row{padding-block:4px;overflow-x:auto}.project-card-meta-grid span{padding:9px 10px}.project-card-topline{flex-direction:column;align-items:flex-start;gap:8px;padding-right:64px}.project-card-title-block{padding-right:0}.project-detail-heading{grid-template-columns:86px minmax(0,1fr);gap:12px}.project-detail-cover{width:86px}.project-detail-title-block{gap:8px}.project-artwork-panel{grid-template-columns:76px minmax(0,1fr);gap:10px}.project-artwork-preview{width:76px}.project-artwork-panel .file-picker{grid-template-columns:minmax(0,1fr)}.project-artwork-panel .file-picker .button,.project-artwork-panel .file-picker-name{width:100%}.dashboard-welcome-panel,.dashboard-start-grid,.dashboard-profile-panel{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.dashboard-start-grid a{min-height:auto}.profile-completion-list{justify-content:flex-start}.dashboard-profile-panel .button{justify-self:flex-start}.project-playbar{grid-template-columns:1fr;gap:10px;padding:12px;left:0}.piano-roll-dock{padding:10px 12px 12px;left:0}body:has(.project-playbar) .piano-roll-dock{bottom:214px}.piano-roll-toolbar{flex-direction:column;align-items:flex-start;margin-bottom:8px}.piano-roll-status,.piano-roll-controls{width:100%}.piano-roll-controls{justify-content:space-between}.piano-keyboard{height:118px}.piano-keyboard-stage{width:max(100%,880px)}.piano-key-white{padding-bottom:10px;font-size:.62rem}.piano-key-black{width:30px}.piano-key-black span{font-size:.52rem;transform:translateY(20px)}.playbar-controls,.playbar-progress,.playbar-volume{width:100%}.playbar-queue-header{flex-direction:column;align-items:flex-start}.playbar-queue-list{grid-template-columns:1fr}.playbar-queue-item{grid-template-columns:auto minmax(0,1fr) auto}.playbar-queue-item time{grid-column:2}.admin-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.effect-preset-list,.project-empty-grid,.create-base-preset-list,.create-action-grid{grid-template-columns:1fr}.create-export-history-toolbar,.create-export-history-toolbar .select,.create-export-rename-form,.create-export-rename-form .input,.create-export-rename-form .button,.sound-draft-toolbar{width:100%}.sound-draft-toolbar{grid-template-columns:1fr}.effect-preset-save-form .input,.effect-preset-save-form .button,.effect-preset-edit-row .input,.effect-preset-edit-row .button{width:100%}.tracklist-row,.tracklist-row.editing{grid-template-columns:1fr}.tracklist-actions,.add-track-form{flex-direction:column;align-items:stretch;width:100%}.tracklist-row.editing .tracklist-actions{grid-template-columns:1fr}.edit-track-form{grid-template-columns:1fr;width:100%}.delete-track-form,.delete-track-form .button{width:100%}.tracklist-row.editing .track-title-input,.tracklist-row.editing .track-status-select,.add-track-form .input,.add-track-form .button,.drag-handle{width:100%;min-width:0}.editor-session-card{padding-right:16px}.editor-session-play-button{justify-self:start;position:static;transform:none}.site-nav{justify-content:space-between;gap:12px;padding:14px 18px}.site-nav-actions{gap:8px;min-width:0}.site-profile{flex:0 0 48px;justify-content:center;width:48px;max-width:48px;height:48px;padding:6px}.site-profile .sidebar-avatar{width:34px;height:34px}.site-profile .sidebar-profile-text{display:none}.site-profile-menu{width:min(240px,100vw - 24px);right:0}.site-nav .header-action-panel{right:0}.home-nav{flex-flow:wrap;align-items:center;padding:14px 18px}.home-menu-button{margin-left:auto;display:inline-flex}.home-nav-links{background:#0b0a0af0;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:8px;display:none}.home-nav-links.is-open{display:grid}.home-nav-links a{width:100%;padding:11px 12px}.home-user-menu,.home-user-menu .home-nav-button{width:100%}.home-user-dropdown{width:100%;max-height:0;box-shadow:none;margin-top:8px;position:static;overflow:hidden;transform:translateY(-4px)}.home-user-dropdown.is-open{max-height:360px;transform:translateY(0)}.home-hero,.home-section{padding:18px}.home-hero-content{grid-template-columns:1fr;gap:24px}.home-hero-text,.home-hero-logo{text-align:center;justify-items:center}.home-hero-actions{justify-content:center}.home-hero-waveform,.home-trust-strip,.home-supported-strip{justify-self:center}.home-trust-strip{text-align:left}.home-supported-strip{justify-content:center}.home-product-preview-section,.home-audience-section,.home-final-cta,.home-origin-section{padding:18px}.home-origin-gif{justify-self:center}.home-audience-content{grid-template-columns:1fr}.home-card-deck-section{width:100%;overflow-x:clip}.home-card-deck-sticky{justify-items:center;width:100%;padding-inline:16px}.home-card-deck-copy,.home-card-deck{justify-self:center;width:100%;max-width:calc(100vw - 32px)}.home-card-deck{padding-inline:0}.home-deck-card{justify-self:center;width:100%;max-width:calc(100vw - 32px)}.home-audience-intro,.home-audience-grid article{padding:16px}.home-preview-grid{grid-template-columns:1fr}.home-preview-grid article{min-height:112px}.home-final-cta{grid-template-columns:1fr;justify-items:start}.privacy-statement-grid{grid-template-columns:1fr}.privacy-statement-note{display:grid}.privacy-statement-note strong{white-space:normal}}@media (max-width:1180px){.project-card{grid-template-columns:1fr;gap:12px;padding:14px}.project-card-cover-column{width:min(220px,52vw)}.project-card-content{flex-direction:column;gap:14px;width:100%;display:flex}.project-card-topline,.project-card-title-block,.project-tag-row,.project-card-meta-grid{padding-right:0}.project-card-topline{align-items:flex-start;gap:9px}.button.project-card-open-button-inline{order:20;width:100%;max-width:none;margin-top:2px;display:inline-flex}.track-play-button.project-card-play-button{width:48px;min-width:48px;height:48px;top:min(136px,14px + 26vw);right:22px;transform:none}.track-play-button.project-card-play-button:hover,.track-play-button.project-card-play-button:focus-visible{transform:scale(1.01)}.project-card-meta-grid{width:100%}}@media (max-width:560px){.project-card-cover-column{width:min(198px,52vw)}}@media (max-width:420px){.project-artwork-panel{grid-template-columns:1fr}.project-artwork-preview{width:min(176px,100%)}}@media (min-width:861px) and (max-width:1180px){.page{padding-inline:22px}.route-loading-grid{grid-template-columns:1fr}.project-card-cover-column .project-card-open-button{display:none}.project-card-meta-grid,.grid.three.project-card-grid{grid-template-columns:1fr}.project-detail-heading{grid-template-columns:112px minmax(0,1fr)}.project-detail-cover{width:112px}.home-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-audience-content{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.card{padding:16px}.grid.three,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-export-form{grid-template-columns:1fr;width:100%;min-width:0}.editor-export-submit-button{width:100%}.card-actions,.sound-draft-actions,.version-actions,.effect-preset-card-actions,.waveform-controls{align-items:stretch}.card-actions .button:not(.icon),.sound-draft-actions .button:not(.icon),.version-actions .button:not(.icon),.effect-preset-card-actions .button:not(.icon){white-space:normal;text-align:center;flex:150px;min-width:0;max-width:100%}.create-action-grid{grid-template-columns:1fr}.editor-export-form{flex:100%;min-width:0}.editor-export-form .input,.editor-export-form .select,.editor-export-form .button{flex:160px;min-width:0}.sound-draft-toolbar{grid-template-columns:1fr}.editor-session-detail-list div{grid-template-columns:minmax(96px,.35fr) minmax(0,1fr)}.project-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}