/* SHALIZ / CLEAN PRO — independent modern art direction. 2026.
   Overrides historical skins without touching content, accessibility or the audio backend. */
:root{--sp-bg:#f7f8fb;--sp-white:#fff;--sp-text:#172033;--sp-ink:#121927;--sp-muted:#647089;--sp-soft:#eef0f6;--sp-line:#e4e8ef;--sp-violet:#6558ee;--sp-violet-2:#8172f4;--sp-focus:#6558ee;--sp-shadow:0 22px 60px rgba(32,40,73,.075);--sp-font:'Alexandria','Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;--display:var(--sp-font)!important;--ui:var(--sp-font)!important;--text:var(--sp-font)!important;--ink:var(--sp-text)!important;--muted:var(--sp-muted)!important;color-scheme:light}
html{scroll-behavior:smooth}
body.studio-app,body.studio-app.day{background:var(--sp-bg)!important;color:var(--sp-text)!important;font-family:var(--sp-font)!important;min-height:100vh}
body.studio-app button,body.studio-app input,body.studio-app select,body.studio-app textarea{font-family:var(--sp-font)}
body.studio-app button{cursor:pointer}
body.studio-app button:focus-visible,body.studio-app input:focus-visible,body.studio-app select:focus-visible,body.studio-app textarea:focus-visible{outline:3px solid #7770ee!important;outline-offset:3px!important}
body.studio-app .grain{display:none!important}
body.studio-app .view{padding-top:78px!important;background:var(--sp-bg)!important;color:var(--sp-text)!important;min-height:calc(100svh - 78px)}
body.studio-app .view:not(.active){display:none!important}
body.studio-app .topbar{height:78px!important;min-height:78px!important;display:flex!important;gap:clamp(12px,2vw,30px)!important;align-items:center!important;padding:0 clamp(20px,4.2vw,78px)!important;background:rgba(255,255,255,.93)!important;box-shadow:0 1px 0 rgba(26,35,58,.075)!important;border:0!important;backdrop-filter:blur(20px)!important;color:var(--sp-text)!important;z-index:100}
body.studio-app .wordmark{gap:11px!important;border:0!important;background:none!important;padding:0!important;min-width:max-content!important;display:flex!important;align-items:center!important;box-shadow:none!important;color:#11192b!important;text-align:right!important;letter-spacing:0!important}
.studio-brand-icon{width:40px;height:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;padding:9px;transform:rotate(14deg);background:#6558ee;border-radius:13px;box-shadow:0 6px 18px #6558ee33}
.studio-brand-icon span{width:100%;height:100%;background:white;border-radius:2px 7px 2px 7px}
.studio-brand-icon span:nth-child(2),.studio-brand-icon span:nth-child(3){opacity:.65}
body.studio-app .brand-text{font:700 21px/1.1 var(--sp-font)!important;color:#162039!important;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.brand-text small{font:700 8px/1.2 system-ui,sans-serif;letter-spacing:2px;color:#9199aa;direction:ltr}
body.studio-app .master-topnav{display:flex!important;align-items:center!important;gap:7px!important;justify-content:center!important;flex:1!important}
body.studio-app .master-topnav button{font:500 13px/1.5 var(--sp-font)!important;min-height:41px!important;color:#5e687b!important;background:transparent!important;border:0!important;border-radius:11px!important;padding:10px 15px!important;box-shadow:none!important}
body.studio-app .master-topnav button:hover{background:#f1f2fa!important;color:#4439c9!important}
body.studio-app .top-actions{display:flex!important;gap:8px!important;align-items:center!important}
body.studio-app .top-actions .iconbtn,body.studio-app .top-actions .toplink,body.studio-app #menuBtn{height:41px!important;min-width:41px!important;border:1px solid #e8eaf1!important;border-radius:12px!important;background:#fff!important;color:#465267!important;box-shadow:none!important;padding:0 12px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px}
body.studio-app .top-actions .iconbtn:hover,body.studio-app .top-actions .toplink:hover,body.studio-app #menuBtn:hover{color:#6154e9!important;border-color:#d8d4ff!important;background:#f8f7ff!important}
body.studio-app .toplink span{font-size:12px;font-weight:500}
body.studio-app .master-icon{width:19px;height:19px}
body.studio-app #menuBtn{display:none!important}
/* Landing page */
body.studio-app .hall-scene{display:block!important;position:relative!important;overflow:hidden!important;min-height:0!important;isolation:auto!important;width:100%!important;height:auto!important;padding:0!important;background:var(--sp-bg)!important;box-shadow:none!important}
body.studio-app .hall-scene::before,body.studio-app .hall-scene::after{display:none!important}
.studio-shell{width:min(1240px,calc(100% - 60px));margin-inline:auto;padding:70px 0 116px;position:relative;z-index:1}
.hero-layout{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:clamp(50px,6vw,120px);min-height:505px;position:relative}
.hero-content{position:relative;z-index:3;padding:15px 0 10px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;border-radius:30px;border:1px solid #e5e5f6;padding:8px 14px;background:#fff;color:#675bd0;font:600 12px var(--sp-font);white-space:nowrap;box-shadow:0 4px 14px #5454bc08}
body.studio-app .status-dot{display:inline-block!important;flex:none;width:7px;height:7px;border-radius:50%;background:#7f6df4;box-shadow:0 0 0 4px #e6e1ff}
.studio-hero-title{font:800 clamp(53px,5.5vw,88px)/1.37 var(--sp-font);letter-spacing:-2.2px;color:#172138;max-width:700px;margin:24px 0 20px;white-space:normal}
.studio-hero-title span{background:linear-gradient(105deg,#6256e5,#9792ef);-webkit-background-clip:text;background-clip:text;color:transparent}
.studio-hero-subtitle{font:400 clamp(14px,1.35vw,17px)/2 var(--sp-font);color:#647087;max-width:510px;margin:0 0 28px}
.studio-hero-actions{display:flex;gap:11px;flex-wrap:wrap;align-items:center;margin-bottom:31px}
body.studio-app .primary-action,body.studio-app .secondary-action{border:1px solid transparent!important;border-radius:13px!important;min-height:51px;padding:0 22px!important;font:600 14px var(--sp-font)!important;display:inline-flex;align-items:center;gap:13px;justify-content:center;transition:transform .2s,box-shadow .2s,background .2s}
body.studio-app .primary-action{background:#6256eb!important;color:white!important;box-shadow:0 9px 20px #6256eb35!important}
body.studio-app .primary-action:hover{background:#5145dc!important;transform:translateY(-2px);box-shadow:0 13px 23px #6256eb40!important}
body.studio-app .secondary-action{background:#fff!important;color:#29344a!important;border-color:#dfe3ec!important;box-shadow:0 4px 10px #28334a08!important}
body.studio-app .secondary-action:hover{border-color:#b7b1ee!important;background:#fbfaff!important;transform:translateY(-2px)}
.studio-proof{display:flex;align-items:center;gap:15px;color:#8991a2;font:500 11px var(--sp-font);flex-wrap:wrap}
.studio-proof b{font-weight:700;color:#28344c;font-size:15px;display:inline-block;direction:ltr;margin-left:4px}
.proof-divider{width:3px;height:3px;border-radius:50%;background:#b9becb}
/* hero artwork is native CSS and HTML, not an image mockup */
.hero-visual{position:relative;height:505px;min-width:0;display:flex;align-items:center;justify-content:center}
.visual-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:410px;height:410px;background:radial-gradient(circle at 35% 35%,#d4d1ff,#eef1ff 50%,#eff4ff 70%,transparent 75%);top:10px;left:2px}.orb-two{width:260px;height:260px;background:radial-gradient(circle,#c1f4eb66,transparent 73%);bottom:13px;right:0}
.hero-music-visual{position:relative;z-index:1;width:335px;height:360px;border-radius:30px;background:linear-gradient(155deg,#242c50,#141b36 70%,#181a31);box-shadow:0 30px 78px #25274c35,0 1px 0 #ffffff35 inset;overflow:hidden;padding:26px;transform:rotate(-5deg);display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;border:1px solid #31365f}
.hero-music-visual:before{content:'';position:absolute;width:280px;height:280px;background:radial-gradient(circle,#8d8dff88,transparent 70%);top:-100px;left:-80px;pointer-events:none}
.visual-card-label{color:#dfdffa;font:500 12px var(--sp-font);display:flex;align-items:center;gap:8px;z-index:2}
.visual-live-dot{width:7px;height:7px;border-radius:50%;background:#a7f1db;box-shadow:0 0 0 4px #a7f1db22}
.visual-disc{position:absolute;top:78px;left:78px;width:178px;height:178px;background:radial-gradient(circle at center,#e8ddfd 0 5%,#4f4a7d 5.1% 10%,#272848 10.1% 14%,#171a32 14.2% 20%,#282b4f 21% 22%,#191d37 23% 26%,#42486d 26.2% 27%,#1c203c 27.5% 34%,#3c4166 34.5% 35%,#151932 35.2% 42%,#41456a 42.4% 43%,#0d1228 43.5% 49%,#4a5279 50%);border-radius:50%;box-shadow:0 16px 40px #0007,0 0 0 18px #ffffff05;animation:slow-record 24s linear infinite}
.visual-disc span{position:absolute;inset:68px;background:#9588ed;border:8px solid #d5cafa;border-radius:50%}
@keyframes slow-record{to{transform:rotate(360deg)}}
.visual-sound-bars{position:absolute;bottom:107px;left:30px;right:30px;height:36px;display:flex;align-items:center;justify-content:center;gap:3px;direction:ltr}
.visual-sound-bars i,.decor-sound i{display:block;width:4px;height:var(--h);border-radius:10px;background:#c4b8ff;opacity:.85}
.visual-track{position:relative;z-index:2;display:flex;flex-direction:column;gap:7px;padding-top:15px;border-top:1px solid #ffffff27;color:white}
.visual-track strong{font:600 20px var(--sp-font)}.visual-track small{color:#a5adcf;font:400 11px var(--sp-font)}
.visual-note{position:absolute;z-index:2;left:-10px;bottom:25px;width:223px;min-height:118px;border-radius:19px;background:#fff;box-shadow:0 20px 48px #1c26452a;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:16px 18px;transform:rotate(4deg);border:1px solid #e7e7f2}
.visual-note-mark{font:bold 36px Georgia;color:#7b70ec;line-height:.4}.visual-note>span:nth-child(2){font:600 13px/1.7 var(--sp-font);color:#29334b}.visual-note small{font:400 10px var(--sp-font);color:#9499a9}
.visual-chip{position:absolute;right:6px;top:32px;background:white;padding:12px 17px;border-radius:30px;border:1px solid #e9eaf2;box-shadow:0 10px 25px #26314a12;z-index:2;font:600 11px var(--sp-font);display:flex;align-items:center;gap:8px;transform:rotate(5deg);color:#475068}.chip-dot{display:block;width:7px;height:7px;background:#64cdac;border-radius:50%}
/* Explore grid / bento */
.explore-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:44px 0 25px}.section-eyebrow{font:700 12px var(--sp-font);color:#6e61eb;margin-bottom:9px}.explore-header h2{font:700 clamp(27px,3.1vw,40px)/1.5 var(--sp-font);color:#182238;margin:0 0 3px;letter-spacing:-.6px}.explore-header p{font:400 14px var(--sp-font);color:#818a9c;margin:0}.section-index{color:#9da4b0;font:600 13px Arial;direction:ltr}
body.studio-app #hallDoors.hall-doors{width:100%!important;max-width:100%!important;aspect-ratio:auto!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;align-items:stretch!important}
body.studio-app #hallDoors .portal,body.studio-app #hallDoors .portal[data-go]{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;min-height:255px!important;height:255px!important;width:100%!important;flex:initial!important;margin:0!important;padding:22px 24px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;border-radius:23px!important;border:1px solid #e5e7f1!important;background:white!important;color:#1c2840!important;box-shadow:0 8px 29px #27354a08!important;transform:none!important;translate:none!important;filter:none!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;overflow:hidden!important;isolation:isolate;grid-column:span 2!important;cursor:pointer}
body.studio-app #hallDoors .portal:nth-child(1),body.studio-app #hallDoors .portal:nth-child(2){grid-column:span 3!important;height:315px!important}
body.studio-app #hallDoors .portal:hover,body.studio-app #hallDoors .portal:focus-visible{transform:translateY(-5px)!important;filter:none!important;border-color:#c8c5f5!important;box-shadow:0 22px 44px #27354a17!important}
body.studio-app #hallDoors .portal::before,body.studio-app #hallDoors .portal::after{display:none!important;content:none!important}
body.studio-app #hallDoors .card-topline,body.studio-app #hallDoors .card-bottom{display:flex;position:relative;z-index:2;flex-direction:column;align-items:flex-start;max-width:100%}
body.studio-app #hallDoors .card-topline{flex-direction:row;justify-content:space-between;align-items:center;width:100%}
body.studio-app #hallDoors .card-icon{display:grid!important;place-items:center;width:48px;height:48px;background:#eeedff;border-radius:15px;color:#6559df}
body.studio-app #hallDoors .card-arrow{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;color:#8e97a7;background:#f6f7fb;transform:rotate(180deg);transition:background .2s,color .2s}
body.studio-app #hallDoors .portal:hover .card-arrow{background:#6558e8;color:white}
body.studio-app #hallDoors .door-title{font:700 clamp(19px,1.85vw,25px)/1.5 var(--sp-font)!important;position:static!important;width:100%!important;max-width:100%!important;color:#1e2840!important;margin:0 0 4px!important;padding:0!important;text-align:right!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}
body.studio-app #hallDoors .door-note{display:block!important;position:static!important;color:#69758b!important;font:400 13px/1.7 var(--sp-font)!important;margin:0!important;padding:0!important;max-width:100%;text-align:right!important;opacity:1!important}
body.studio-app #hallDoors .card-footnote{font:500 11px var(--sp-font);color:#9ba2b1;margin-top:8px;display:block!important}
body.studio-app #hallDoors .card-music{background:linear-gradient(135deg,#f0f0ff,#eeedff 45%,#e8e8ff)!important;border-color:#dedcf8!important}
body.studio-app #hallDoors .card-music .card-icon{background:#e1ddff}
body.studio-app #hallDoors .card-literature{background:linear-gradient(125deg,#fefbf6,#fff6ef)!important;border-color:#f4e9dd!important}
body.studio-app #hallDoors .card-literature .card-icon{background:#ffede0;color:#b87b51}
body.studio-app #hallDoors .card-letters .card-icon{background:#eaf6ff;color:#5b8fb8}
body.studio-app #hallDoors .card-reflection .card-icon{background:#e9f8f2;color:#449978}
body.studio-app #hallDoors .card-guests .card-icon{background:#f7edff;color:#9b6abb}
body.studio-app #hallDoors .card-illustration{position:absolute;z-index:1;pointer-events:none;inset:0;display:block!important;overflow:hidden}
/* card illustrations, genuine vector/CSS shapes */
.decor-vinyl{display:block;position:absolute;left:12%;top:45px;width:160px;height:160px;border-radius:50%;background:repeating-radial-gradient(circle at center,#302f59 0 3px,#58518d 4px 5px,#20254a 6px 11px);box-shadow:0 12px 27px #5556a033,0 0 0 10px #8880e622;transform:rotate(-18deg)}.decor-vinyl i{position:absolute;inset:60px;border-radius:50%;background:#b0a0fa;border:10px solid #d7cdf9}
.decor-sound{position:absolute;display:flex!important;align-items:center;gap:3px;left:35px;top:220px;height:31px;direction:ltr}.decor-sound i{background:#9990e7}
.decor-page{position:absolute;left:18%;top:50px;width:185px;height:155px;border-radius:8px;background:linear-gradient(150deg,#fff,#fef5eb);transform:rotate(-9deg);box-shadow:0 12px 22px #bb937127,0 0 0 1px #eddfd1;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:32px}.decor-page i{height:5px;border-radius:10px;background:#dbc8b5}.decor-page i:nth-child(2){width:66%}.decor-page i:nth-child(3){width:88%}.decor-page i:nth-child(4){width:72%}.decor-letter{position:absolute;left:28%;top:70px;font:700 95px/1 var(--sp-font);color:#c6a082;transform:rotate(-8deg)}
.decor-envelope{position:absolute;left:34px;top:92px;width:126px;height:78px;background:linear-gradient(155deg,#e5f3ff,#bcd9ee);border:1px solid #c5dcec;border-radius:12px;transform:rotate(-12deg);box-shadow:0 15px 25px #9fbccc38}.decor-envelope:after{content:'';position:absolute;inset:0;background:linear-gradient(30deg,transparent 49%,#83b6de 50%,transparent 51%),linear-gradient(-30deg,transparent 49%,#83b6de 50%,transparent 51%)}
.decor-orbit{position:absolute;left:50px;top:80px;width:120px;height:120px;border-radius:50%;background:#dff7ef;box-shadow:inset -26px -20px #b9e9d9,0 0 0 22px #e8fbf5;transform:rotate(-15deg)}.decor-orbit:after{content:'';position:absolute;width:128px;height:55px;border:2px solid #a5dac9;border-radius:50%;left:-9px;top:29px;transform:rotate(-25deg)}.decor-orbit i{position:absolute;right:18px;top:20px;width:9px;height:9px;border-radius:50%;background:#7fcbb3}
.decor-profile{position:absolute;left:52px;top:79px;width:110px;height:110px;border-radius:50%;background:linear-gradient(140deg,#f1dafe,#e7ccfb);box-shadow:0 0 0 17px #f8edff}.decor-profile i:first-child{position:absolute;width:35px;height:35px;border-radius:50%;background:#ba93d4;left:38px;top:22px}.decor-profile i:last-child{position:absolute;width:65px;height:40px;border-radius:60px 60px 26px 26px;background:#ba93d4;left:22px;top:65px}
.closing-line{margin-top:35px;border-top:1px solid #e6e8f0;padding:32px 2px 0;display:flex;gap:12px;align-items:center;color:#788397;font:400 13px var(--sp-font)}.closing-mark{color:#6659e9;font-size:26px}.closing-line button{margin-inline-start:auto;display:inline-flex;align-items:center;gap:7px;padding:9px 0;border:0;background:none;color:#6659e9;font-weight:600;font-size:12px}.closing-line svg{width:15px;height:15px;transform:rotate(180deg)}
body.studio-app .hall-bottom{display:none!important}
/* Inner spaces */
body.studio-app .room-view{background:var(--sp-bg)!important}
body.studio-app .room-hero{position:relative!important;min-height:340px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:46px 30px!important;margin:0!important;background:#f2f3fa!important;border:0!important;border-bottom:1px solid #e7e9f0!important;overflow:hidden!important;text-align:right!important}
body.studio-app .room-hero::before,body.studio-app .room-hero::after{display:none!important}
.room-hero-inner{position:relative;width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 280px;align-items:center;gap:30px;min-height:250px;z-index:1}
.room-hero-content{display:flex;flex-direction:column;align-items:flex-start;max-width:720px}
body.studio-app .room-kicker{display:flex;gap:9px;align-items:center;font:600 12px var(--sp-font)!important;color:#6a60d8!important;margin-bottom:15px!important}
body.studio-app .room-hero h2{margin:0 0 9px!important;max-width:100%!important;color:#17223a!important;font:750 clamp(36px,4vw,60px)/1.5 var(--sp-font)!important;text-shadow:none!important;text-align:right!important}
body.studio-app .room-hero p{margin:0 0 22px!important;max-width:660px!important;color:#64718a!important;font:400 clamp(13px,1.35vw,16px)/2 var(--sp-font)!important;text-align:right!important}
body.studio-app .back-door{display:inline-flex!important;align-items:center;gap:9px;min-height:42px!important;border:1px solid #e0e3f0!important;border-radius:12px!important;padding:9px 17px!important;color:#46506a!important;background:white!important;box-shadow:0 5px 15px #1c244007!important;font:500 12px var(--sp-font)!important}
body.studio-app .back-door svg{width:16px;height:16px;transform:rotate(180deg)}
body.studio-app .back-door:hover{background:#f9f8ff!important;color:#554ad4!important;border-color:#c9c5f7!important}
.room-hero-graphic{position:relative;height:245px;width:245px;margin-inline:auto;display:grid;place-items:center}
.room-graphic-orb{position:absolute;inset:8px;border-radius:30%;transform:rotate(20deg);background:linear-gradient(140deg,#e7e4ff,#cbc7ff);box-shadow:0 0 0 19px #eeeaff66}
.room-graphic-icon{position:relative;width:115px;height:115px;border-radius:29px;background:white;display:grid;place-items:center;color:#6559e6;box-shadow:0 15px 39px #6258bc2f;transform:rotate(-7deg)}
.room-graphic-icon svg{width:54px;height:54px;stroke-width:1.4}
.literature-room .room-graphic-orb{background:linear-gradient(135deg,#ffe9da,#f3e2d1)}.literature-room .room-graphic-icon{color:#c88b61}
.letters-room .room-graphic-orb{background:linear-gradient(135deg,#ddf3ff,#c5e6fb)}.letters-room .room-graphic-icon{color:#598db9}
.reflection-room .room-graphic-orb{background:linear-gradient(135deg,#e2f8ed,#bfeada)}.reflection-room .room-graphic-icon{color:#4b9a79}
.guests-room .room-graphic-orb{background:linear-gradient(135deg,#f2e5ff,#e0ccfb)}.guests-room .room-graphic-icon{color:#a179bf}
body.studio-app .room-kicker,body.studio-app .room-decor,body.studio-app .starfield,body.studio-app .master-room-art{background:none!important}
body.studio-app .content-shell{width:min(1180px,calc(100% - 50px))!important;max-width:none!important;padding:44px 0 165px!important;margin:0 auto!important;color:#27344a!important}
body.studio-app .section-heading{margin-bottom:23px!important;text-align:right!important}
body.studio-app .section-heading>span{font:600 11px var(--sp-font)!important;color:#6a5de8!important}
body.studio-app .section-heading h3{margin:9px 0!important;color:#172138!important;font:700 clamp(23px,2.6vw,35px)/1.45 var(--sp-font)!important}
body.studio-app .section-heading p{font:400 13px/1.9 var(--sp-font)!important;color:#7c889d!important}
body.studio-app .content-shell h3,body.studio-app .content-shell h4{color:#202c42}
/* Albums */
.studio-albums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:28px}
body.studio-app .studio-album-choice{position:relative;min-height:180px;padding:24px 24px;display:flex;align-items:flex-start;gap:17px;overflow:hidden;text-align:right;border:1px solid #e5e5fa!important;border-radius:21px!important;background:linear-gradient(120deg,#efedff,#e7e5ff)!important;box-shadow:0 6px 22px #524a990d!important;color:#232c44!important;transition:transform .2s,box-shadow .2s,border-color .2s}
body.studio-app .studio-album-choice:hover{transform:translateY(-4px);box-shadow:0 17px 30px #524a991d!important;border-color:#bdb8f7!important}
body.studio-app .studio-album-choice.album-second{background:linear-gradient(120deg,#e6f5f3,#d8f0ed)!important;border-color:#d4e8e5!important}
.album-choice-icon{display:grid;place-items:center;position:relative;z-index:2;flex:none;width:44px;height:44px;border-radius:13px;background:#fff;color:#6559ea;font-size:21px}
.studio-album-choice>span:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;z-index:2;position:relative;gap:9px;padding-top:1px}
.studio-album-choice small{font:500 11px var(--sp-font);color:#8180ae}.studio-album-choice strong{font:700 clamp(20px,2vw,25px) var(--sp-font);color:#283051}.studio-album-choice em{font:600 12px var(--sp-font);color:#6356df;font-style:normal;margin-top:6px}.studio-album-choice.album-second em{color:#348b7e}
.choice-art{position:absolute;left:-18px;bottom:-65px;width:204px;height:204px;border:24px solid #6e60d82c;border-radius:50%;box-shadow:0 0 0 23px #c9c3f644,0 0 0 45px #f5f3ff55}.choice-art.art-two{border-color:#62c3b83a;box-shadow:0 0 0 23px #9bddd444,0 0 0 45px #e9fcf855}
body.studio-app .music-layout{display:grid!important;grid-template-columns:minmax(255px,.73fr) minmax(0,1.35fr)!important;gap:22px!important;align-items:start!important}
body.studio-app .album-card,body.studio-app .tracks-pane{background:#fff!important;border:1px solid #e8eaf1!important;border-radius:21px!important;box-shadow:0 8px 29px #26324b08!important;overflow:hidden}
body.studio-app .album-card{padding:22px!important}
body.studio-app .album-frame{background:#efeff8!important;border:0!important;border-radius:16px!important;overflow:hidden!important;box-shadow:none!important}
body.studio-app .album-frame img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}
body.studio-app .album-frame .seal{display:none!important}
body.studio-app .album-meta{padding:20px 3px 2px!important}
body.studio-app .album-meta>span{color:#8d95a6!important;font-size:11px!important}
body.studio-app .album-meta h4{font:700 21px/1.6 var(--sp-font)!important;color:#202944!important;margin:9px 0 17px!important}
body.studio-app .gold-btn{border:1px solid #6256ed!important;border-radius:12px!important;background:#6256ed!important;color:#fff!important;box-shadow:0 6px 15px #6256ed2c!important;font:600 13px var(--sp-font)!important;padding:12px 19px!important}
body.studio-app .gold-btn:hover{background:#5348dd!important;border-color:#5348dd!important;filter:none!important;transform:translateY(-1px)}
body.studio-app .tracks-pane{padding:21px!important}
body.studio-app .playlist-picker{background:#f7f7fc!important;border:1px solid #edebf4!important;padding:16px!important;border-radius:14px!important;box-shadow:none!important;margin-bottom:18px!important}
body.studio-app .playlist-picker label{display:block;font:600 12px var(--sp-font)!important;color:#526078!important;margin-bottom:9px!important}
body.studio-app #playlistSelect{width:100%;background:#fff!important;border:1px solid #e0e3ec!important;border-radius:11px!important;padding:11px 14px!important;color:#263249!important;min-height:47px!important}
body.studio-app #playlistDescription{font:400 11px/1.7 var(--sp-font)!important;color:#929bad!important;margin:9px 0 0!important}
body.studio-app .pane-heading{font:700 16px var(--sp-font)!important;color:#26334b!important;margin:12px 0 14px!important}
body.studio-app .track-cards{display:grid!important;gap:7px!important;max-height:700px;overflow-y:auto;padding:0 0 3px 3px;scrollbar-color:#d8d6f5 transparent}
body.studio-app .track-card{background:white!important;border:1px solid #edf0f5!important;border-radius:12px!important;box-shadow:none!important;display:flex!important;align-items:center!important;gap:13px!important;text-align:right!important;padding:13px 14px!important;color:#222d46!important;min-height:67px!important}
body.studio-app .track-card:hover{background:#faf9ff!important;border-color:#d7d3ff!important}
body.studio-app .track-card.active{background:#f2f0ff!important;border-color:#bfbaf5!important}
body.studio-app .track-num{color:#a4a8b6!important;font:600 12px Arial!important;min-width:22px!important}
body.studio-app .track-text{flex:1;min-width:0;text-align:right}.track-text strong{color:#25334a!important;font:600 13px var(--sp-font)!important}.track-text small{color:#8992a4!important;font:400 10px var(--sp-font)!important}
body.studio-app .track-action{width:33px;height:33px;flex:none;border-radius:10px;background:#eeeaff!important;color:#5f55da!important;display:grid;place-items:center;font-size:13px}
/* All other functional surfaces */
body.studio-app .tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:24px!important;border-bottom:0!important}
body.studio-app .tabs button{min-height:42px!important;border:1px solid #e4e7f0!important;border-radius:11px!important;padding:9px 16px!important;background:#fff!important;color:#6a7287!important;box-shadow:none!important;font:500 12px var(--sp-font)!important}
body.studio-app .tabs button.selected{background:#6257eb!important;color:white!important;border-color:#6257eb!important}
body.studio-app .manuscript-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:17px!important}
body.studio-app .manuscript-card,body.studio-app .empty-manuscript{background:#fff!important;border:1px solid #e7e9f0!important;border-radius:20px!important;padding:23px!important;box-shadow:0 5px 22px #28334d08!important;color:#263248!important;min-height:205px!important;text-align:right!important}
body.studio-app .manuscript-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 32px #28334d17!important;border-color:#c6c1f7!important}
body.studio-app .manuscript-card h4{font:700 18px var(--sp-font)!important;color:#27334b!important}.manuscript-card p{font:400 12px/2 var(--sp-font)!important;color:#7a8498!important}.manuscript-card small{font:600 11px var(--sp-font)!important;color:#6e60e9!important}.manuscript-card .manu-icon{display:grid;place-items:center;width:42px;height:42px;background:#efedff;color:#7264e8;border-radius:12px;margin-bottom:16px}
body.studio-app .empty-manuscript{grid-column:1/-1;min-height:210px;text-align:center!important;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#78839a!important}
body.studio-app .empty-manuscript .icon{font-size:32px;color:#aca9e6}
body.studio-app .poetry-filter{background:none!important;border:none!important;padding:0!important;margin-bottom:22px!important}
body.studio-app .poetry-filter label{font:500 12px var(--sp-font)!important;color:#67718a!important}
body.studio-app input:not([type="range"]):not([type="checkbox"]),body.studio-app textarea,body.studio-app select{background:#fff;border:1px solid #dfe3ed;border-radius:12px;color:#243049;min-height:44px;padding:10px 13px;box-shadow:none;font:400 13px/1.8 var(--sp-font)}
body.studio-app textarea{min-height:120px;resize:vertical}
body.studio-app input::placeholder,body.studio-app textarea::placeholder{color:#9fa8b8!important}
body.studio-app label{color:#536079;font:500 12px/1.7 var(--sp-font)}
body.studio-app .parchment,body.studio-app .letter-paper,body.studio-app .guest-card,body.studio-app .guest-ledger,body.studio-app .journal{background:white!important;border:1px solid #e7e9f0!important;border-radius:22px!important;box-shadow:0 8px 27px #28334b08!important;color:#28334b!important}
body.studio-app .parchment h3,body.studio-app .guest-card h3,body.studio-app .guest-ledger h3{font:700 22px var(--sp-font)!important;color:#223047!important}
body.studio-app .parchment p,body.studio-app .guest-card p,body.studio-app .guest-ledger p{font:400 12px/2 var(--sp-font)!important;color:#718096!important}
body.studio-app .writing-desk{display:block!important;width:min(760px,100%)!important;margin:0 auto!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.studio-app #letterForm{padding:clamp(22px,4vw,42px)!important;display:flex;flex-direction:column;gap:14px}
body.studio-app #letterForm label{display:flex;flex-direction:column;gap:7px}
body.studio-app .letter-draft-tools,body.studio-app .journal-buttons{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center}
body.studio-app .quiet-btn{border:1px solid #e2e4ee!important;border-radius:11px!important;background:#f6f7fb!important;color:#555f76!important;box-shadow:none!important;padding:11px 16px!important;font:500 12px var(--sp-font)!important}
body.studio-app .quiet-btn:hover{background:#eeeefb!important;border-color:#c8c6f2!important;color:#4c43cc!important}
body.studio-app .journal{padding:clamp(22px,4vw,40px)!important;margin-top:25px!important}
body.studio-app .journal textarea{width:100%;margin:12px 0}
body.studio-app .guest-layout{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
body.studio-app .guest-card,body.studio-app .guest-ledger{padding:30px!important}
body.studio-app .seal{display:none!important}
body.studio-app .ledger-row{border-bottom:1px solid #edeef4!important;padding:12px 0!important}
body.studio-app #favoriteList{max-height:420px;overflow:auto}
body.studio-app .search-result{border:1px solid #e7e9f0!important;background:white!important;border-radius:14px!important;color:#25324a!important;box-shadow:none!important;text-align:right!important;padding:14px!important}
body.studio-app .search-result strong{font-size:13px!important}.search-result small{color:#8791a5!important}
/* Dialogs */
body.studio-app #modal{border:0!important;border-radius:22px!important;padding:0!important;box-shadow:0 28px 100px #101b3455!important;background:transparent!important;max-width:min(740px,calc(100vw - 20px))!important}
body.studio-app #modal::backdrop{background:#121b2d88!important;backdrop-filter:blur(8px)!important}
body.studio-app .modal-body{background:#fff!important;color:#243149!important;border:1px solid #e9eaf1!important;border-radius:22px!important;padding:clamp(22px,4vw,40px)!important;box-shadow:none!important;font-family:var(--sp-font)!important}
body.studio-app .modal-body h2{color:#18233b!important;font:700 26px/1.5 var(--sp-font)!important;margin:0 0 16px!important}
body.studio-app .modal-close{display:grid!important;place-items:center!important;background:#f1f2f7!important;border:0!important;border-radius:11px!important;color:#4c5870!important;width:37px!important;height:37px!important}
/* Player and nav */
body.studio-app #player.player{position:fixed!important;left:24px!important;right:24px!important;bottom:17px!important;width:auto!important;height:auto!important;min-height:78px!important;display:flex!important;align-items:center!important;gap:18px!important;border:1px solid #e7e9f0!important;border-radius:20px!important;padding:12px 17px!important;background:rgba(255,255,255,.97)!important;color:#25314a!important;box-shadow:0 10px 45px #1b294a22!important;backdrop-filter:blur(20px)!important;z-index:65!important}
body.studio-app #player img{width:54px!important;height:54px!important;min-width:54px!important;border-radius:13px!important;object-fit:cover}
body.studio-app #player .player-info{display:flex;flex-direction:column;min-width:0;width:auto;flex:1;max-width:none;gap:3px;overflow:hidden}
body.studio-app #player .player-info small{font:500 10px var(--sp-font)!important;color:#9ba3b3!important}
body.studio-app #player .player-info strong{font:600 13px/1.5 var(--sp-font)!important;color:#2a344a!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.studio-app #player input[type=range]{accent-color:#685bea!important}
body.studio-app #player #seek{height:14px!important;max-width:none!important;margin:5px 0 0!important;width:100%!important}
body.studio-app #player .player-times{display:flex!important;justify-content:space-between!important;font:500 10px Arial,sans-serif!important;color:#9ca4b4!important;direction:ltr}
body.studio-app #player .player-buttons{display:flex!important;align-items:center!important;gap:7px!important;flex:none;direction:ltr}
body.studio-app #player .player-buttons>button,body.studio-app #player .player-volume>button{width:42px!important;height:42px!important;min-width:42px!important;display:grid!important;place-items:center!important;padding:0!important;background:#f5f5fb!important;color:#414b62!important;border:1px solid #e8e8f1!important;border-radius:12px!important;box-shadow:none!important}
body.studio-app #player .player-buttons>button:hover{background:#edebff!important;color:#5b50e0!important}
body.studio-app #player .player-buttons .play-circle{width:49px!important;height:49px!important;min-width:49px!important;background:#6257eb!important;color:white!important;border:1px solid #6257eb!important;border-radius:15px!important;box-shadow:0 6px 16px #6054e72b!important}
body.studio-app #player .player-volume{display:flex!important;align-items:center!important;gap:7px!important;padding:0!important;min-width:130px!important}
body.studio-app #player .player-volume #mutePlayer{width:38px!important;height:40px!important;min-width:38px!important}
body.studio-app #player .player-volume #playerVolume{width:80px!important;height:22px!important;accent-color:#6558eb!important}
body.studio-app #player .player-icon{width:20px;height:20px}
body.studio-app #player.minimized{min-height:64px!important;height:auto!important}
body.studio-app .bottom-nav{display:none!important}
/* animated room transition intentionally simpler than historical door */
body.studio-app #doorOverlay{background:rgba(249,249,255,.96)!important;backdrop-filter:blur(14px)!important}
body.studio-app .overlay-arch{border:0!important;border-radius:23px!important;background:linear-gradient(140deg,#8177f3,#5c51e4)!important;color:#fff!important;width:80px!important;height:80px!important;display:grid!important;place-items:center!important;font-size:27px!important}
body.studio-app #toast{background:#252f4c!important;color:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 14px 37px #182a4a33!important;font:500 12px var(--sp-font)!important}
/* Dark theme — deliberate alternative, not default */
body.studio-app.night{--sp-bg:#121726;--sp-white:#1c2436;--sp-text:#eaf0ff;--sp-ink:#eaf0ff;--sp-muted:#9ea8be;--sp-soft:#20283a;--sp-line:#30394b;--sp-shadow:0 20px 54px #02050b45;color-scheme:dark}
body.studio-app.night .topbar,body.studio-app.night #player.player{background:#1c2332ed!important;border-color:#353e54!important}
body.studio-app.night .brand-text,body.studio-app.night .studio-hero-title,body.studio-app.night .explore-header h2,body.studio-app.night .door-title{color:#edf0ff!important}
body.studio-app.night .eyebrow,body.studio-app.night .secondary-action,body.studio-app.night .studio-card,body.studio-app.night .track-card,body.studio-app.night .album-card,body.studio-app.night .tracks-pane,body.studio-app.night .parchment,body.studio-app.night .guest-card,body.studio-app.night .guest-ledger,body.studio-app.night .manuscript-card,body.studio-app.night .modal-body{background:#1d2536!important;color:#e5eafb!important;border-color:#333e54!important}
body.studio-app.night .studio-hero-subtitle,body.studio-app.night .explore-header p{color:#a6b0c4!important}
body.studio-app.night .room-hero{background:#20283c!important;border-color:#303a50!important}
body.studio-app.night .room-hero h2,body.studio-app.night .room-hero p{color:#edf0ff!important}
body.studio-app.night .room-hero p{color:#b6bfd1!important}
body.studio-app.night .music-room .section-heading h3{color:#e6edff!important}
body.studio-app.night .studio-proof b{color:#e8edff}
body.studio-app.night .top-actions .iconbtn,body.studio-app.night .top-actions .toplink,body.studio-app.night #menuBtn{background:#232d40!important;color:#d7dded!important;border-color:#394458!important}
body.studio-app.night .master-topnav button{color:#b3bdcc!important}
body.studio-app.night #player .player-info strong{color:#f4f5fe!important}
body.studio-app.night .studio-card.card-music{background:linear-gradient(130deg,#36325e,#282645)!important}
body.studio-app.night .studio-card.card-literature{background:linear-gradient(130deg,#423629,#282629)!important}
body.studio-app.night .hero-music-visual{box-shadow:0 30px 70px #03071777}
body.studio-app.night .closing-line{border-color:#323c50!important}
/* Responsive */
@media(max-width:1120px){body.studio-app .master-topnav button{padding:8px 9px!important;font-size:12px!important}body.studio-app .toplink span{display:none!important}.hero-layout{gap:30px}.studio-hero-title{font-size:clamp(48px,6vw,74px)}.hero-visual{transform:scale(.9)}.studio-shell{width:min(1180px,calc(100% - 42px))}}
@media(max-width:850px){body.studio-app .topbar{padding-inline:20px!important}body.studio-app .master-topnav{display:none!important}body.studio-app #menuBtn{display:grid!important}body.studio-app .wordmark{margin-inline-end:auto}.hero-layout{grid-template-columns:1fr 340px;gap:8px}.hero-visual{transform:scale(.76);transform-origin:50% 50%;margin-inline:-60px}.studio-hero-title{font-size:clamp(45px,6.7vw,69px)}body.studio-app #hallDoors.hall-doors{gap:12px!important}.room-hero-inner{grid-template-columns:1fr 200px}.room-hero-graphic{width:185px;height:185px}.room-graphic-icon{height:94px;width:94px}.room-graphic-icon svg{width:45px;height:45px}body.studio-app .music-layout{grid-template-columns:260px minmax(0,1fr)!important}}
@media(max-width:700px){body.studio-app .view{padding-top:65px!important}body.studio-app .topbar{height:65px!important;min-height:65px!important;padding:0 15px!important;gap:8px!important}body.studio-app .brand-text{font-size:18px!important}.studio-brand-icon{width:35px;height:35px;padding:8px}body.studio-app .top-actions{gap:4px!important}body.studio-app .top-actions .iconbtn,body.studio-app .top-actions .toplink,body.studio-app #menuBtn{height:37px!important;min-width:37px!important;width:37px!important;padding:0!important;border-radius:10px!important}body.studio-app #settingsBtn{display:none!important}.studio-shell{width:calc(100% - 34px);padding:29px 0 165px}.hero-layout{display:flex!important;flex-direction:column!important;gap:0!important;min-height:0!important}.hero-content{padding:14px 0!important;width:100%}.eyebrow{font-size:10px;padding:8px 11px}.studio-hero-title{font-size:clamp(42px,10vw,63px);margin:15px 0 14px;line-height:1.45;letter-spacing:-1.2px}.studio-hero-subtitle{font-size:13px;line-height:2;margin-bottom:23px}.studio-hero-actions{gap:8px;margin-bottom:22px}.studio-hero-actions button{font-size:12px!important;padding:0 14px!important;min-height:45px!important}.studio-proof{font-size:10px;gap:9px}.studio-proof b{font-size:12px}.hero-visual{width:100%;max-width:480px;margin:5px auto 18px;height:330px;transform:scale(.77);transform-origin:50% 50%}.orb-one{top:0;left:0}.hero-music-visual{transform:rotate(-5deg)}.visual-note{left:-17px}.explore-header{margin:0 0 18px;align-items:flex-end}.explore-header h2{font-size:26px}.explore-header p{font-size:11px}.section-index{font-size:11px}
body.studio-app #hallDoors.hall-doors{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
body.studio-app #hallDoors .portal,body.studio-app #hallDoors .portal[data-go]{display:flex!important;grid-column:span 1!important;height:197px!important;min-height:197px!important;padding:15px!important;border-radius:18px!important;flex:initial!important}
body.studio-app #hallDoors .portal:nth-child(1),body.studio-app #hallDoors .portal:nth-child(2){grid-column:span 2!important;height:235px!important;min-height:235px!important}
body.studio-app #hallDoors .card-icon{width:39px;height:39px;border-radius:12px}body.studio-app #hallDoors .card-icon svg{width:21px;height:21px}body.studio-app #hallDoors .card-arrow{width:30px;height:30px;border-radius:10px}body.studio-app #hallDoors .door-title{font-size:19px!important;margin-bottom:2px!important}body.studio-app #hallDoors .door-note{font-size:11px!important}body.studio-app #hallDoors .card-footnote{font-size:9px;margin-top:4px}body.studio-app #hallDoors .card-illustration{opacity:.76}body.studio-app #hallDoors .card-music .decor-vinyl{left:10%;top:45px;width:125px;height:125px}body.studio-app #hallDoors .card-literature .decor-page{top:30px;left:12%}.decor-sound{top:165px}.decor-envelope{left:14px;top:75px;width:85px;height:60px}.decor-orbit{left:15px;top:77px;width:80px;height:80px}.decor-orbit:after{width:90px;height:43px;left:-6px;top:20px}.decor-profile{left:20px;top:77px;width:80px;height:80px}.decor-profile i:first-child{width:25px;height:25px;left:28px;top:16px}.decor-profile i:last-child{width:48px;height:30px;left:16px;top:47px}
.closing-line{flex-wrap:wrap;font-size:11px;margin-top:27px;padding-top:23px}.closing-line button{width:100%;margin-inline-start:0;justify-content:flex-start}
body.studio-app .room-hero{padding:26px 18px!important;min-height:245px!important}.room-hero-inner{grid-template-columns:1fr!important;min-height:0;gap:0}.room-hero-graphic{position:absolute;top:2px;left:-20px;width:155px;height:155px;opacity:.38}.room-graphic-icon{width:75px;height:75px;border-radius:20px}.room-graphic-icon svg{width:35px;height:35px}body.studio-app .room-hero h2{font-size:35px!important;position:relative;z-index:3}body.studio-app .room-hero p{font-size:12px!important;line-height:1.85!important;max-width:95%;z-index:3}body.studio-app .room-kicker{font-size:11px!important}body.studio-app .content-shell{width:calc(100% - 30px)!important;padding:27px 0 235px!important}.studio-albums{gap:10px}.studio-album-choice{padding:15px!important;gap:7px!important;min-height:163px!important}.album-choice-icon{width:32px;height:32px;flex:none;font-size:16px}.studio-album-choice small{font-size:9px}.studio-album-choice strong{font-size:14px!important;line-height:1.5}.studio-album-choice em{font-size:10px}.choice-art{width:110px;height:110px;bottom:-36px;left:-32px}.music-layout{display:flex!important;flex-direction:column!important;gap:13px!important}body.studio-app .music-layout{display:flex!important;flex-direction:column!important;gap:13px!important}body.studio-app .album-card{display:grid!important;grid-template-columns:115px minmax(0,1fr)!important;width:100%!important;gap:14px!important;padding:15px!important;align-items:center}.album-frame{width:115px!important;max-width:115px!important}.album-meta{padding:0!important}body.studio-app .album-meta h4{font-size:15px!important;margin:6px 0 11px!important}.tracks-pane{width:100%!important}body.studio-app .tracks-pane{padding:14px!important}body.studio-app .guest-layout{grid-template-columns:1fr!important}body.studio-app .bottom-nav{display:grid!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:62px!important;z-index:70!important;grid-template-columns:repeat(5,1fr)!important;background:#fff!important;border-top:1px solid #e5e8ef!important;box-shadow:0 -4px 14px #151e2c08!important;padding-bottom:env(safe-area-inset-bottom)!important}body.studio-app .bottom-nav button{color:#8994a7!important;background:none!important;border:0!important;gap:3px;display:flex;align-items:center;justify-content:center;flex-direction:column}body.studio-app .bottom-nav button svg{width:19px;height:19px}body.studio-app .bottom-nav button span{font:500 9px var(--sp-font)!important}body.studio-app #player.player{left:8px!important;right:8px!important;bottom:calc(62px + env(safe-area-inset-bottom))!important;min-height:115px!important;height:115px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr);grid-template-rows:39px 48px;gap:7px 10px!important;padding:9px 12px!important;border-radius:17px 17px 0 0!important}body.studio-app #player img{grid-column:1;grid-row:1;width:42px!important;height:42px!important;min-width:42px!important;border-radius:11px!important}body.studio-app #player .player-info{grid-column:2;grid-row:1;width:100%;max-width:none}body.studio-app #player .player-info strong{font-size:11px!important}body.studio-app #player .player-info small{font-size:9px!important}body.studio-app #player .player-times{display:none!important}body.studio-app #player .player-buttons{grid-column:1/-1;grid-row:2;display:flex!important;gap:6px!important;width:100%;justify-content:center}body.studio-app #player .player-buttons>button{width:39px!important;height:39px!important;min-width:39px!important}body.studio-app #player .player-buttons .play-circle{width:44px!important;height:44px!important;min-width:44px!important}body.studio-app #player .player-volume{min-width:0!important;gap:3px!important}body.studio-app #player .player-volume #mutePlayer{width:35px!important;min-width:35px!important;height:38px!important}body.studio-app #player .player-volume #playerVolume{width:clamp(42px,14vw,66px)!important}body.studio-app #player.minimized{height:55px!important;min-height:55px!important;display:flex!important;align-items:center;gap:5px!important;padding:5px 9px!important}body.studio-app #player.minimized img{width:36px!important;height:36px!important;min-width:36px!important}body.studio-app #player.minimized .player-buttons{width:auto;flex:1;gap:3px!important}body.studio-app #player.minimized .player-buttons>button{width:33px!important;min-width:33px!important;height:34px!important}body.studio-app #player.minimized .player-volume #playerVolume{width:36px!important}}
@media(max-width:365px){body.studio-app .wordmark{gap:6px!important}.brand-text small{font-size:7px}.top-actions .iconbtn{display:none!important}body.studio-app #player.player{padding-inline:7px!important}body.studio-app #player .player-buttons{gap:3px!important}body.studio-app #player .player-buttons>button{width:34px!important;min-width:34px!important}.studio-hero-title{font-size:41px}body.studio-app .studio-album-choice{padding:12px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Night-mode contrast refinements. Never rely on dark text inherited from legacy skins. */
body.studio-app.night .wordmark .brand-text,body.studio-app.night .master-topnav button:hover{color:#f4f5ff!important}
body.studio-app.night #hallDoors .portal:not(.card-music):not(.card-literature){background:#1d2536!important;border-color:#344056!important}
body.studio-app.night #hallDoors .portal .door-title{color:#f0f2ff!important}
body.studio-app.night #hallDoors .portal .door-note,body.studio-app.night #hallDoors .portal .card-footnote{color:#b6bdd0!important}
body.studio-app.night .explore-header h2,body.studio-app.night .content-shell .section-heading h3,body.studio-app.night .content-shell h3,body.studio-app.night .content-shell h4,body.studio-app.night .studio-proof b{color:#eef1ff!important}
body.studio-app.night .content-shell .section-heading p,body.studio-app.night .content-shell .section-heading span{color:#abb5cd!important}
body.studio-app.night .studio-album-choice.album-first{background:linear-gradient(135deg,#34305d,#252b48)!important;border-color:#4a487c!important}
body.studio-app.night .studio-album-choice.album-second{background:linear-gradient(135deg,#1a4a4c,#1d3a42)!important;border-color:#38676a!important}
body.studio-app.night .studio-album-choice strong{color:#f1f3ff!important}
body.studio-app.night .studio-album-choice small{color:#b8bdd5!important}
body.studio-app.night .studio-album-choice em{color:#c1b7ff!important}
body.studio-app.night .album-card,body.studio-app.night .tracks-pane,body.studio-app.night .guest-card,body.studio-app.night .guest-ledger,body.studio-app.night .journal,body.studio-app.night .letter-paper,body.studio-app.night .parchment,body.studio-app.night .manuscript-card,body.studio-app.night .empty-manuscript{background:#1d2536!important;border-color:#364056!important;color:#eef1ff!important}
body.studio-app.night .album-meta h4,body.studio-app.night .pane-heading,body.studio-app.night .track-text strong,body.studio-app.night .manuscript-card h4,body.studio-app.night .manuscript-card p,body.studio-app.night .parchment h3,body.studio-app.night .parchment p{color:#eef1ff!important}
body.studio-app.night .track-text small,body.studio-app.night .album-meta>span,body.studio-app.night .parchment p.small-note{color:#a6b0c5!important}
body.studio-app.night .track-card{background:#242e42!important;border-color:#3a465d!important;color:#eef1ff!important}
body.studio-app.night .track-card.active,body.studio-app.night .track-card:hover{background:#333058!important;border-color:#7770cc!important}
body.studio-app.night .track-action{background:#4f4677!important;color:#ded9ff!important}
body.studio-app.night .playlist-picker{background:#222b3f!important;border-color:#3a465d!important}
body.studio-app.night .playlist-picker label,body.studio-app.night .playlist-picker p{color:#b9c2d6!important}
body.studio-app.night #playlistSelect,body.studio-app.night input:not([type="range"]):not([type="checkbox"]),body.studio-app.night textarea,body.studio-app.night select{background:#242e42!important;color:#eef1ff!important;border-color:#3d4a61!important}
body.studio-app.night .tabs button,body.studio-app.night .quiet-btn,body.studio-app.night .back-door{background:#293449!important;color:#cfd5e6!important;border-color:#414e64!important}
body.studio-app.night .tabs button.selected{background:#675be7!important;border-color:#675be7!important;color:white!important}
body.studio-app.night label{color:#b5c0d5!important}
body.studio-app.night #player .player-buttons>button,body.studio-app.night #player .player-volume>button{background:#273148!important;color:#dfe5f3!important;border-color:#3d4760!important}
body.studio-app.night #player .player-buttons .play-circle{background:#6d5cf1!important;color:white!important;border-color:#6d5cf1!important}
body.studio-app.night #player .player-info small,body.studio-app.night #player .player-times{color:#a7b1c7!important}
body.studio-app.night .bottom-nav{background:#1d2536!important;border-color:#364056!important}
body.studio-app.night .bottom-nav button{color:#c0c8d8!important}
body.studio-app.night .modal-body{background:#222b3e!important;color:#eef2ff!important;border-color:#3a465d!important}
body.studio-app.night .modal-body h2{color:#f2f4ff!important}
body.studio-app.night .search-result{background:#263147!important;border-color:#435069!important;color:#edf1ff!important}
body.studio-app.night .search-result strong{color:#eef1ff!important}