/* AI Resource Cloud V1.8 — AETHER V5 cinematic motion + V1.6 authenticated business system.
   Source: user-provided AETHER project; styling is adapted to business operations. */
:root{--arc-glass:rgba(18,26,36,.53);--arc-edge:rgba(216,239,242,.2);--arc-bg:#03050a}
html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,"Microsoft YaHei",sans-serif}
body.arc-unauthorized #control-panel,body.arc-unauthorized .rail,body.arc-unauthorized .hud-bottom{filter:blur(3px);pointer-events:none}
.brand-symbol{letter-spacing:-.09em;font-style:normal;border:1px solid #d7eef454;border-radius:8px;padding:1px 12px;font-size:25px;box-shadow:inset 0 1px #fff4}
.brand-name{letter-spacing:.13em}.brand-name small{letter-spacing:.15em}
.topbar{z-index:32}.main-nav{gap:clamp(14px,1.8vw,28px)}.main-nav a{font-size:10px;letter-spacing:.075em;white-space:nowrap}
.arc-mode-indicator{color:#bcd7d9;font-size:9px;letter-spacing:.13em;white-space:nowrap;text-transform:uppercase}
.arc-mode-indicator[data-state=live]{color:#a9f3d9}.arc-mode-indicator[data-state=demo]{color:#f6c899}
.scene{background:radial-gradient(ellipse at 60% 44%,#182029 0,#080b13 45%,#010205 86%)}
.scene:after{background:radial-gradient(ellipse at 55% 43%,var(--tone-halo),transparent 58%)}
.copy-eyebrow{line-height:1.6}.chapter-copy{left:clamp(24px,4.5vw,82px);bottom:23%;width:min(480px,37vw)}
.chapter-copy h2{font-size:clamp(36px,4vw,68px);line-height:1.04;font-weight:560}.chapter-copy h2 em{text-shadow:0 0 60px var(--tone-halo)}
.chapter-copy>p:last-child{font-size:13px;color:#c3cbd2;line-height:2;max-width:370px}
.director-badge{left:clamp(24px,4.5vw,82px);top:22%;font-size:9px}
.stage-actions{left:clamp(24px,4.5vw,82px);right:auto;bottom:13%;gap:9px}.round-btn{border-radius:12px;padding:12px 15px;font-size:11px;letter-spacing:0}
.round-btn span{margin-right:7px}.arc-workspace-btn{background:linear-gradient(125deg,#d6eee9e8,#86b7ccbb);color:#09121b;border-color:rgba(220,255,255,.6);font-weight:750;box-shadow:0 13px 45px #0009,inset 0 1px 0 #fff8}
.arc-workspace-btn:hover{background:linear-gradient(125deg,#fff,#a1d2d0);color:#041016;box-shadow:0 12px 40px #a4e6e72e}
.scene-hint{bottom:7%;font-size:9px;opacity:.8}.hud-bottom{z-index:29}
.arc-live-panel{position:absolute;top:clamp(170px,26vh,300px);right:clamp(72px,8vw,150px);width:clamp(280px,25vw,350px);padding:23px;border-radius:21px;pointer-events:auto;background:linear-gradient(135deg,rgba(35,49,57,.35),rgba(8,13,23,.57) 75%);backdrop-filter:blur(27px) saturate(150%);-webkit-backdrop-filter:blur(27px) saturate(150%);transition:border-color .35s,transform .5s}
.arc-live-panel:hover{border-color:rgba(227,249,245,.38)}
.arc-panel-meta{display:flex;gap:7px;align-items:center;font-size:9px;letter-spacing:.15em;color:#a0bdc5}
.arc-panel-led{width:6px;height:6px;background:var(--tone,#d6e2db);box-shadow:0 0 12px var(--tone,#eee);border-radius:50%}
#arcPanelRefresh{margin-left:auto;border:1px solid rgba(192,225,233,.2);border-radius:8px;background:#ffffff0b;padding:6px 8px;font-size:17px;color:#bed4db;line-height:1}
.arc-live-label{font-size:22px;font-weight:620;letter-spacing:-.055em;margin:19px 0 15px;line-height:1.3}
.arc-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.arc-metric{border:1px solid rgba(192,223,236,.12);border-radius:12px;min-height:90px;padding:13px 11px;background:rgba(5,12,22,.28);display:flex;flex-direction:column;justify-content:space-between;gap:9px}
.arc-metric small{color:#95b0ba;font-size:10px;line-height:1.35}.arc-metric strong{font-size:25px;font-weight:560;letter-spacing:-.055em;color:#f3fbfa;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arc-panel-note{font-size:10px;color:#96a6b4;line-height:1.8;margin-top:15px;min-height:32px}.arc-panel-actions{display:flex;gap:8px;margin-top:18px}
.arc-panel-actions button{flex:1;border-radius:11px;padding:12px 10px;border:1px solid rgba(186,224,224,.22);background:rgba(219,245,238,.10);font-size:10px;color:#def5ef;cursor:pointer;text-align:center}
.arc-panel-actions button:first-child{background:linear-gradient(140deg,#d4eae0,#91b1ba);color:#081119;font-weight:750;box-shadow:inset 0 1px 0 #fff7}
.arc-panel-actions button:hover{border-color:#c4fff2}.arc-panel-actions button span{padding-left:4px}
body.is-inspecting .arc-live-panel{opacity:0;pointer-events:none}
.arc-inspect-open{color:#dcfffa;border-color:#a1d4c777}
.fallback-reels{transform:translate(8vw,-2vh)}.fallback-kicker{font-size:10px;color:#d8e3dd}
.fallback-status{font-size:10px!important}
/* Auth gate on top of spatial scene, never invent metrics while logged out. */
.arc-login-gate[hidden],.arc-business-overlay[hidden],.arc-toast[hidden]{display:none!important}
.arc-login-gate{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:flex-end;padding:clamp(20px,7vw,125px);overflow-y:auto;overscroll-behavior:contain}
.arc-gate-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#02050c25,#020409ab 60%,#010204f0);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.arc-login-card{width:min(415px,100%);position:relative;z-index:1;padding:clamp(24px,3vw,37px);border-radius:22px;background:linear-gradient(150deg,rgba(35,52,59,.89),rgba(5,11,20,.92));box-shadow:0 30px 150px #000d}
.arc-gate-overline{font-size:9px;color:#b8e5df;letter-spacing:.20em}.arc-login-mark{font-size:64px;font-weight:800;letter-spacing:-.1em;margin:20px 0 4px;line-height:1}.arc-login-mark span{font-size:16px;letter-spacing:0;color:#b2f4da;vertical-align:top;padding-left:7px}
.arc-login-card h1{font-size:clamp(28px,3vw,44px);line-height:1.14;letter-spacing:-.07em;margin:14px 0 14px;font-weight:590}.arc-login-card h1 em{font-style:normal;color:#c1f2e6}
.arc-login-card>p{font-size:12px;line-height:1.9;color:#a8bdc9;margin:0 0 20px}
.arc-login-card label{display:block;font-size:11px;color:#acc4ca;margin-bottom:13px}.arc-login-card input{display:block;width:100%;height:44px;border-radius:11px;border:1px solid #bddfe736;background:#020d1788;color:#f2fbff;padding:0 13px;margin-top:7px;outline:none;font-size:13px}
.arc-login-card input:focus{border-color:#b2e9de;box-shadow:0 0 0 3px #9bf0d31c}
.arc-auth-error{min-height:16px;color:#ffbdb5;font-size:11px;margin:0 0 8px;line-height:1.4}
.arc-login-submit{width:100%;height:45px;border:1px solid #d2ece5b8;border-radius:11px;background:linear-gradient(110deg,#ddf1ed,#94bdbd);color:#09131b;font-size:13px;font-weight:750;display:flex;align-items:center;justify-content:space-between;padding:0 17px}
.arc-demo-btn{width:100%;margin-top:10px;background:transparent;color:#b5cad3;font-size:11px;padding:10px;border:0;border-bottom:1px solid #afdeea35}
.arc-gate-foot{color:#829ba9;text-align:center;font-size:9px;letter-spacing:.14em;margin-top:20px}
/* In-scene real V1.6 business workspace. Same-origin only. */
.arc-business-overlay{position:fixed;inset:0;z-index:80;isolation:isolate}
.arc-business-shade{position:absolute;inset:0;background:rgba(0,3,8,.55);backdrop-filter:blur(5px)}
.arc-business-drawer{position:absolute;inset:18px 18px 18px auto;width:min(1080px,76vw);display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#090f19ec;box-shadow:0 35px 140px #000e;animation:arc-drawer-in .45s cubic-bezier(.16,1,.3,1) both}
@keyframes arc-drawer-in{from{transform:translateX(38px);opacity:.6}to{transform:translateX(0);opacity:1}}
.arc-business-head{height:69px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d6f4f017;padding:14px 22px;background:linear-gradient(100deg,#14252eaa,#10131e)}
.arc-business-head span{font-size:9px;letter-spacing:.19em;color:#98bdbf}.arc-business-head h2{font-size:17px;margin:4px 0 0;letter-spacing:-.045em;font-weight:600}
.arc-business-tools{display:flex;align-items:center;gap:7px}.arc-business-tools button{border:1px solid #d4efeb32;background:#d6e7e812;border-radius:10px;color:#e4f4f2;padding:9px 12px;font-size:10px}.arc-business-tools button:hover{background:#b8f3e82d}
.arc-iframe-wrap{flex:1;min-height:0}.arc-iframe-wrap iframe{display:block;width:100%;height:100%;border:0;background:#090e18}
.arc-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:105px;z-index:99;padding:12px 18px;background:#182832e8;border:1px solid #b7e7dd55;border-radius:12px;font-size:12px;white-space:normal;max-width:90vw;text-align:center;color:#f2f9f9}
body.arc-dialog-open{overflow:hidden}.rail{z-index:24}
@media(max-width:1280px){.topbar{padding:0 28px}.brand-name small{font-size:7px}.arc-live-panel{right:70px;width:275px}.chapter-copy{width:37vw}.stage-actions .round-btn{padding:10px 11px;font-size:10px}}
@media(max-width:1050px){.chapter-copy{width:min(450px,50vw);bottom:31%}.arc-live-panel{top:auto;bottom:22%;right:65px;width:240px;padding:15px}.arc-metric{min-height:68px;padding:9px}.arc-metric strong{font-size:20px}.arc-live-label{font-size:18px;margin:9px 0}.arc-panel-note{display:none}.arc-panel-actions{margin-top:9px}.arc-panel-actions button{font-size:9px;padding:8px 5px}.stage-actions{bottom:13%}}
@media(max-width:700px){
 .topbar{height:67px;padding:0 16px}.brand-symbol{font-size:22px;padding:1px 9px}.brand-name{font-size:11px}.brand-name small{font-size:6px;letter-spacing:.1em}.tools{gap:4px}.tools .arc-mode-indicator{display:none}.tools .tool-btn{font-size:8px;padding:8px}.tools #glassBtn{display:none}
 .director-badge{top:95px;left:20px;font-size:8px;max-width:70vw}
 .chapter-copy{left:20px;bottom:39%;width:calc(100% - 55px);background:linear-gradient(90deg,rgba(2,5,10,.74),rgba(2,5,10,.12));padding:7px 14px 9px 0}
 .chapter-copy h2{font-size:clamp(30px,8.3vw,45px)}.chapter-copy>p:last-child{font-size:11px;max-width:305px;line-height:1.7;margin-top:11px}.copy-eyebrow{font-size:8px;margin:9px 0 10px}.copy-number{font-size:8px}
 .arc-live-panel{left:17px;right:35px;top:auto;bottom:17%;width:auto;padding:11px 13px;border-radius:13px;max-height:19vh;overflow:hidden}
 .arc-live-label{font-size:13px;margin:4px 0 7px}.arc-panel-meta{font-size:7px}.arc-metrics{display:flex;gap:6px}.arc-metric{flex:1;min-width:0;min-height:48px;padding:6px 8px;border-radius:8px;gap:3px}.arc-metric small{font-size:8px}.arc-metric strong{font-size:18px}.arc-panel-actions{position:absolute;top:8px;right:9px;margin:0}.arc-panel-actions button{font-size:8px;padding:7px 8px}.arc-panel-actions button:last-child{display:none}
 .stage-actions{bottom:8%;left:17px;right:40px;display:flex;flex-wrap:wrap;gap:6px}.stage-actions .round-btn{padding:8px 9px;font-size:9px}.stage-actions #tourBtn,.stage-actions #exploreBtn{display:none}.stage-actions .arc-workspace-btn{padding:9px 11px}
 .scene-hint{display:none}.hud-bottom{height:51px}.rail{right:11px}.hud-coordinates{font-size:7px}
 .arc-login-gate{justify-content:center;padding:15px}.arc-gate-backdrop{background:rgba(2,5,10,.79);backdrop-filter:blur(7px)}.arc-login-card{padding:24px;max-width:390px}.arc-login-card h1{font-size:32px}
 .arc-business-drawer{inset:0;width:100vw;border-radius:0}.arc-business-head{height:60px;padding:11px 13px}.arc-business-head span{font-size:7px}.arc-business-head h2{font-size:14px}.arc-business-tools button{padding:8px;font-size:9px}
 .inspector-left,.inspector-right{max-height:45vh}.inspector-head{top:74px}.inspector-hint{display:none}
}
@media(max-width:360px){.stage-actions{bottom:7%}.arc-live-panel{bottom:16%}.chapter-copy{bottom:38%}.chapter-copy h2{font-size:28px}.chapter-copy>p:last-child{font-size:10px}.round-btn{padding:7px!important}.arc-login-card{padding:18px}.topbar #qualityBtn{display:none}}
@media(prefers-reduced-motion:reduce){.arc-business-drawer{animation:none!important}}

/* Static cinematic fallback must not collide with mission-critical text. */
.fallback-reels{transform:translate(15vw,-2vh);gap:20px}
@media(min-width:701px){.chapter-copy{background:linear-gradient(90deg,rgba(0,4,9,.80),rgba(0,4,9,.33) 78%,transparent);padding:12px 13px 12px 0;border-radius:12px}.fallback-reels img:first-child{filter:brightness(.63)}}
@media(max-width:700px){.fallback-reels{transform:none}.fallback-kicker{top:19%}.fallback-status{display:none}.arc-metrics{padding-right:0}}

@media(max-width:700px){.arc-live-panel{max-height:25vh}.arc-panel-actions button{white-space:nowrap}.arc-panel-note{display:none}}
@media(max-width:360px){.arc-live-panel{max-height:26vh;padding:9px 10px}.arc-live-label{font-size:12px;margin:4px 0 6px}.arc-metric strong{font-size:16px}.arc-metric{padding:5px}.arc-panel-meta{max-width:70%}}