/* SOULONE Live Studio / private multitrack library — premium dark system.
   Never alter upload, authentication, storage or session recovery. */
:root{
  color-scheme:dark;
  --ink:#f0f6ff;
  --gray:#9eb4d0;
  --line:#2b4464;
  --shadow:0 12px 24px rgba(0,0,0,.16);
}
html{background:#050b15;color:#f0f6ff}
body{
  background:radial-gradient(ellipse 55% 50% at 80% 0%,rgba(16,102,222,.14),transparent 70%),#050b15!important;
  color:#eef4ff!important;
  min-height:100dvh;
}
body>header{
  background:#081526!important;border-color:#294361!important;
  color:#f2f8ff!important;
}
body>header h1{color:#f7faff}
body>header small{color:#a6bad5!important}
body>main{max-width:1300px}
body .panel{
  background:linear-gradient(155deg,#101e30,#0b1727)!important;
  color:#eef5fe!important;
  border:1px solid #294260!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.13)!important;
  border-radius:17px!important;
}
body h1,body h2,body h3,body strong{color:#f6f9ff}
body :is(.muted,.small-note){color:#9bafc7!important}
body :is(input,select,textarea){
  background:#081626!important;
  color:#eef6ff!important;
  border:1px solid #355475!important;
  border-radius:10px!important;
}
body input[type=file]{background:#0c2138!important;border:1px dashed #3b6c9c!important}
body :is(button,.button,.pill){
  border-radius:9px;
}
body button:not(.secondary):not(:disabled){
  background:linear-gradient(125deg,#0e82f5,#0859c5);
  border:1px solid #3296f0;color:#fff;
}
body button.secondary{
  background:#152b45!important;color:#d6eaff!important;border:1px solid #38567b!important;
}
body :is(button,a,input,select,textarea):focus-visible{
  outline:2px solid #61b8ff!important;outline-offset:2px;
}
body .file{border-color:#2d4562!important}
body .file select{background:#0b2036!important}
body .mark{color:#65baff}
body .pill{background:#13345b!important;color:#bfe3ff!important}
body #studioOrientation{
  background:#06101f!important;color:#f5f9ff!important;
}
body #studioOrientation img{object-fit:contain!important}
body #auth{
  border-color:#2d4766!important;
}
body a{color:#71bbff}
@media (max-width:760px){
  body>header{gap:9px;padding:14px 16px!important}
  body>main{padding:12px!important;gap:12px!important}
  body .panel{padding:15px!important}
}
@media(prefers-reduced-motion:reduce){body *{scroll-behavior:auto!important}}

/* Full-screen SOULONE Live introduction; no nested logo, fake progress, or cropped tile. */
#soulone-studio-launch{
  padding:0!important;
  background:radial-gradient(ellipse 46% 65% at 72% 47%,rgba(0,96,228,.18),transparent 79%),#050a13!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
#soulone-studio-launch::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;
  background-image:linear-gradient(rgba(95,150,211,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(95,150,211,.12) 1px,transparent 1px);
  background-size:54px 54px;
}
#soulone-studio-launch .so-launch-card{
  width:min(100%,1340px)!important;height:100dvh!important;max-height:none!important;min-height:0!important;
  aspect-ratio:auto!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;background:transparent!important;
  padding:clamp(20px,5vw,60px)!important;gap:12px;
}
#soulone-studio-launch .so-launch-head{
  align-items:center!important;
  border-bottom:1px solid #2a4160;padding-bottom:18px;
}
#soulone-studio-launch .so-launch-head .so-launch-wordmark{
  display:block;width:clamp(165px,21vw,265px);height:auto;max-height:64px;
  object-fit:contain;
}
#soulone-studio-launch .so-launch-close{
  width:auto!important;min-width:0!important;height:auto!important;
  min-height:42px;border-radius:9px!important;padding:9px 15px!important;
  font:600 12px Inter,system-ui,sans-serif!important;color:#dce9fa!important;
  background:#10243d!important;
}
#soulone-studio-launch .so-launch-center{
  width:100%;flex:1;min-height:0;display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.7fr);
  align-items:center;justify-content:space-between;
  text-align:left!important;gap:clamp(15px,5vw,70px);
}
#soulone-studio-launch .so-launch-label{
  font-size:11px;font-weight:800;letter-spacing:.28em;color:#6ab9ff;
}
#soulone-studio-launch .so-launch-copy h2{
  font-size:clamp(38px,6.2vw,82px);line-height:.97;letter-spacing:-.07em;
  font-weight:800;color:#f7f9fe;margin:20px 0!important;
}
#soulone-studio-launch .so-launch-copy h2 span{color:#68b8ff}
#soulone-studio-launch .so-launch-copy p{color:#9cb4d2;font-size:clamp(13px,1.4vw,17px);line-height:1.7;margin:0}
#soulone-studio-launch .so-launch-icon{
  width:min(100%,360px)!important;height:auto!important;max-height:47dvh;
  margin:auto;object-fit:contain!important;
  filter:drop-shadow(0 14px 38px rgba(7,95,197,.24));
}
#soulone-studio-launch .so-launch-foot{
  width:100%;margin-top:auto;border-color:#2a4160!important;padding-top:20px!important;
}
#soulone-studio-launch .so-launch-foot strong{font-size:12px!important}
#soulone-studio-launch .so-launch-foot small{color:#a6bbd4!important}
#soulone-studio-launch .so-launch-progress{display:none!important}
@media(max-width:700px){
  #soulone-studio-launch .so-launch-card{padding:18px!important}
  #soulone-studio-launch .so-launch-center{grid-template-columns:1fr!important;align-content:center;gap:12px;text-align:center!important}
  #soulone-studio-launch .so-launch-copy h2{font-size:clamp(30px,7.5vw,48px);margin:10px 0!important}
  #soulone-studio-launch .so-launch-icon{width:min(170px,29dvh)!important;max-height:28dvh}
}
@media(max-height:430px){
  #soulone-studio-launch .so-launch-head{padding-bottom:8px}
  #soulone-studio-launch .so-launch-head .so-launch-wordmark{max-height:40px}
  #soulone-studio-launch .so-launch-center{grid-template-columns:minmax(0,1fr) 170px!important;text-align:left!important}
  #soulone-studio-launch .so-launch-copy h2{font-size:clamp(27px,4.3vw,50px);margin:8px 0!important}
  #soulone-studio-launch .so-launch-icon{width:min(170px,30dvh)!important}
  #soulone-studio-launch .so-launch-foot{padding-top:8px!important}
}
