:root{--xh-world-chrome-opacity:1}
body.xh-smart-paused .view::before,
body.xh-smart-paused .view::after,
body.xh-smart-paused .xh-rain i,
body.xh-smart-paused .rh-node,
body.xh-smart-paused .xh-vibe-fx{animation-play-state:paused!important}
body.xh-chrome-soft .top,
body.xh-chrome-soft .musicbar,
body.xh-chrome-soft .oe-wrap,
body.xh-chrome-soft .xh-media,
body.xh-chrome-soft .mantel-frame{opacity:var(--xh-world-chrome-opacity)}
body.xh-chrome-soft.focused .dock{opacity:var(--xh-world-chrome-opacity)}
.toolbar #xh-world-launch{color:#5fe0a8}
.xh-world{display:flex;flex-direction:column;gap:12px;min-height:100%}
.xh-world-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:2px;scrollbar-width:none}
.xh-world-tabs::-webkit-scrollbar{display:none}
.xh-wtab{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);color:var(--dim);font-family:var(--mono);font-size:9.5px;letter-spacing:1px;text-transform:uppercase;font-weight:800;padding:7px 10px;cursor:pointer}
.xh-wtab.on{border-color:rgba(95,215,240,.55);background:rgba(95,215,240,.13);color:#fff}
.xh-wbody{display:flex;flex-direction:column;gap:10px}
.xh-wgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.xh-wcard{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.045);padding:11px;color:var(--text)}
.xh-wcard b{display:block;font-size:13px;line-height:1.25;margin-bottom:4px;color:#fff}
.xh-wcard span,.xh-wcard p{display:block;margin:0;color:var(--dim);font-size:11.5px;line-height:1.45}
.xh-wrow{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.xh-wrow.tight{gap:5px}
.xh-win,.xh-warea,.xh-wsel{width:100%;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.055);color:var(--text);font-family:var(--sans);font-size:13px;padding:9px 10px;outline:none}
.xh-warea{min-height:96px;resize:vertical;line-height:1.45}
.xh-win:focus,.xh-warea:focus,.xh-wsel:focus{border-color:var(--cyan)}
.xh-wbtn{border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.055);color:var(--dim);font-family:var(--mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800;padding:9px 10px;cursor:pointer}
.xh-wbtn:hover{border-color:var(--cyan);color:#fff;background:rgba(95,215,240,.08)}
.xh-wbtn.primary{border-color:rgba(95,215,240,.55);background:linear-gradient(92deg,rgba(95,215,240,.22),rgba(177,77,255,.18));color:#fff}
.xh-wbtn.warn{border-color:rgba(255,76,117,.45);color:#ff9caf;background:rgba(255,76,117,.08)}
.xh-wbtn:disabled{opacity:.42;cursor:not-allowed}
.xh-wcheck{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:12px;line-height:1.4}
.xh-wcheck input{accent-color:var(--cyan)}
.xh-world iframe{width:100%;height:300px;border:0;border-radius:11px;background:#05060a}
.xh-view-frame{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:300px;max-height:420px;border:1px solid rgba(95,215,240,.2);border-radius:12px;background:radial-gradient(90% 90% at 50% 35%,rgba(95,215,240,.08),rgba(3,4,9,.86));overflow:hidden}
.xh-view-frame img{display:block;max-width:100%;max-height:420px;width:auto;height:auto;object-fit:contain}
.xh-view-frame iframe{display:block;width:100%;height:420px;border:0;background:#05060a}
.xh-view-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--dim);font-size:11.5px;line-height:1.4}
.xh-view-meta span:last-child{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--cyan);white-space:nowrap}
.xh-radio-player{position:sticky;bottom:0;z-index:2;border:1px solid rgba(95,215,240,.28);border-radius:12px;background:linear-gradient(180deg,rgba(7,9,15,.94),rgba(7,9,15,.98));padding:9px;display:flex;flex-direction:column;gap:7px}
.xh-radio-player audio{width:100%;height:34px}
.xh-station{width:100%;text-align:left}
.xh-vibe-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.xh-vibe-preview .xh-wbtn{min-height:54px;font-size:20px}
.xh-empty-note{border:1px dashed rgba(201,168,76,.25);border-radius:12px;background:rgba(201,168,76,.045);padding:13px;color:var(--dim);font-size:12px;line-height:1.5}
.xh-windup{position:fixed;inset:0;z-index:86;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(90% 90% at 50% 35%,rgba(95,215,240,.16),rgba(4,5,9,.86));backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.xh-windup-card{width:min(560px,92vw);border:1px solid rgba(95,215,240,.28);border-radius:18px;background:linear-gradient(180deg,rgba(10,12,20,.9),rgba(7,8,14,.96));box-shadow:0 28px 90px rgba(0,0,0,.62);padding:20px;text-align:center}
.xh-windup-k{font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);font-weight:800}
.xh-windup h2{margin:8px 0 7px;font-size:24px;line-height:1.12;color:#fff}
.xh-windup p{margin:0 auto 15px;max-width:50ch;color:rgba(255,255,255,.78);font-size:14px;line-height:1.55}
.xh-break{position:fixed;inset:0;z-index:82;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,5,9,.24);pointer-events:auto}
.xh-break-card{width:min(420px,92vw);border:1px solid rgba(95,215,240,.32);border-radius:16px;background:rgba(8,10,16,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 70px rgba(0,0,0,.58);padding:18px;text-align:center}
.xh-break-card h3{margin:0 0 7px;color:#fff;font-size:19px}
.xh-break-card p{margin:0 0 14px;color:var(--dim);font-size:13px;line-height:1.5}
.xh-rain{position:fixed;inset:0;z-index:81;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,rgba(95,215,240,.08),rgba(3,4,9,.24))}
.xh-rain i{position:absolute;top:-20%;width:1px;height:78px;background:linear-gradient(180deg,transparent,rgba(180,236,255,.55),transparent);animation:xhRain 1.2s linear infinite}
@keyframes xhRain{to{transform:translate3d(-8vw,125vh,0)}}
.xh-vibe-fx{position:fixed;z-index:84;left:50%;top:50%;transform:translate(-50%,-50%);font-size:58px;filter:drop-shadow(0 0 22px rgba(95,215,240,.72));pointer-events:none;animation:xhVibe 2.8s ease forwards}
@keyframes xhVibe{0%{opacity:0;transform:translate(-50%,-40%) scale(.7)}15%{opacity:1}70%{opacity:1;transform:translate(calc(-50% + 18vw),calc(-50% - 9vh)) scale(1.1)}100%{opacity:0;transform:translate(calc(-50% + 28vw),calc(-50% - 18vh)) scale(.9)}}
.xh-vibe-card{position:fixed;right:18px;top:92px;z-index:85;width:min(310px,92vw);border:1px solid rgba(95,215,240,.34);border-radius:14px;background:linear-gradient(180deg,rgba(10,12,20,.95),rgba(7,8,14,.98));box-shadow:0 18px 60px rgba(0,0,0,.56);padding:12px;display:flex;flex-direction:column;gap:8px}
.xh-vibe-card b{font-size:13px;color:#fff}
.xh-vibe-card span{font-size:12px;color:var(--dim);line-height:1.45}
.xh-split{position:fixed;top:0;right:0;height:100%;width:min(560px,96vw);z-index:75;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(10,12,20,.97),rgba(7,8,14,.99));border-left:1px solid rgba(95,215,240,.28);box-shadow:-18px 0 70px rgba(0,0,0,.56)}
.xh-split-h{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--line)}
.xh-split-h b{flex:1;font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan)}
.xh-split iframe{flex:1;border:0;background:#fff;border-radius:0}
@media(max-width:560px){
  .xh-wgrid{grid-template-columns:1fr}
  .xh-vibe-preview{grid-template-columns:repeat(2,1fr)}
  .xh-world iframe{height:240px}
  .xh-view-frame{min-height:230px;max-height:300px}
  .xh-view-frame img{max-height:300px}
  .xh-view-frame iframe{height:300px}
  .xh-view-meta{flex-direction:column;align-items:flex-start}
  .xh-vibe-card{left:12px;right:12px;top:auto;bottom:86px;width:auto}
}