.guide-entry{width:100%;margin:12px 0 0;border-color:#b796e75c!important;color:#eadcff!important}
.guide-intro{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #a080cc44;border-radius:17px;background:#292035;margin-bottom:18px}.guide-intro>div{display:grid;gap:5px;flex:1}.guide-intro strong{font-size:16px}.guide-intro span{font-size:13px;color:#ccbcd9}.guide-intro button{font-size:14px;white-space:nowrap;min-height:44px;border-radius:10px;padding:10px;background:#c6a0f4;color:#211331}.guide-intro #guide-dismiss{background:transparent;color:#dbcce9;font-size:24px;min-width:34px;padding:3px}
.app-guide{width:min(610px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:26px;border:1px solid #b9a0df60;border-radius:26px;background:#191620;color:#f5f0fb;overflow-y:auto;box-shadow:0 35px 120px #0008}.app-guide::backdrop{background:#06060cbd;backdrop-filter:blur(6px)}.app-guide header{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-brand{font-size:11px;letter-spacing:2px;color:#cbb7e7}.app-guide #guide-close{width:44px;height:44px;border:1px solid #bea9d63d;border-radius:50%;font-size:25px}.guide-content{position:relative;padding:20px 0 8px}.guide-number{display:block;font-size:66px;font-weight:800;line-height:1;color:#caa5f9;font-variant-numeric:tabular-nums;direction:ltr;text-align:start;opacity:.95}.guide-progress{font-size:13px;color:#bdaeC7;margin:17px 0 9px}.app-guide h2{font-size:29px;line-height:1.3;margin:0 0 18px;outline:none}.guide-body{font-size:17px;line-height:1.9;color:#e7deee;margin:0}.guide-tip{border-inline-start:3px solid #bd9edc;background:#ffffff07;color:#c5b8d2;font-size:14px;line-height:1.85;padding:14px 17px;margin-top:20px;border-radius:8px}.guide-steps{display:flex;gap:10px;margin:24px 0}.guide-steps button{border-radius:50%;width:36px;height:36px;border:1px solid #86739766;font-size:13px}.guide-steps button[aria-current=step]{background:#c6a0f4;color:#20142e;border-color:transparent}.app-guide footer{display:flex;justify-content:space-between;gap:12px}.app-guide footer button{min-height:46px;font-size:14px}
.cinema-immersive{padding:0!important;gap:0!important;grid-template-rows:1fr!important;background:#000!important;width:100vw;height:100dvh;overflow:hidden}
.cinema-immersive .theater-header,.cinema-immersive #theater-chat,.cinema-immersive #theater-voice-home{display:none!important}
.cinema-immersive .theater-body,.cinema-immersive #theater-screen{display:block!important;position:absolute!important;inset:0!important;padding:0!important;margin:0!important;width:100%!important;height:100%!important;min-height:0!important;background:#000!important}
.cinema-immersive #world-tv{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;background:#000!important;box-shadow:none!important;display:block!important}
.cinema-immersive #world-video{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;border-radius:0!important;object-fit:contain!important;background:#000!important}
.cinema-immersive.cinema-fill #world-video{object-fit:cover!important}
.cinema-immersive .tv-bar,.cinema-immersive .tv-caption,.cinema-immersive .cinema-control-footer{display:none!important}
.cinema-immersive #cinema-controls{position:absolute;z-index:10;inset-inline:0;bottom:0;padding:70px max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000c);border:0;transition:opacity .22s}
.cinema-immersive #cinema-controls .cinema-transport,.cinema-immersive #cinema-controls .cinema-timeline{max-width:950px;margin-inline:auto}
.immersive-bar{position:absolute;inset-block-start:0;inset-inline:0;z-index:15;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:max(18px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 60px;background:linear-gradient(#000c,transparent);transition:opacity .22s}.immersive-bar strong{flex:1;min-width:70px;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.immersive-bar button{border:1px solid #f2eaf548;background:#18151daa;color:#f6f0fa;border-radius:12px;min-height:44px;padding:9px 14px;font-size:13px;backdrop-filter:blur(12px)}.immersive-bar #immersive-exit{background:#e1cdf3;color:#21132a;border:0}.immersive-bar #immersive-mic[aria-pressed=true]{border-color:#a0ebaf;color:#b9efbd}
.immersive-hint{position:absolute;z-index:14;top:25%;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 36px);padding:10px 16px;border-radius:20px;background:#15111cad;color:#eee7f4;font-size:13px;line-height:1.6;text-align:center;pointer-events:none;transition:opacity .22s}
.immersive-mic-state{position:absolute;inset-inline-end:max(15px,env(safe-area-inset-right));top:50%;z-index:14;font-size:11px;padding:6px 9px;border-radius:20px;background:#111a;pointer-events:none;color:#e3dbe9}.immersive-mic-state[data-open=true]{color:#bcf2c3;border:1px solid #a0dfa44d}
.cinema-controls-hidden{cursor:none}.cinema-controls-hidden #cinema-controls,.cinema-controls-hidden #immersive-bar,.cinema-controls-hidden #immersive-hint{opacity:0;pointer-events:none}
[hidden]{display:none!important}
@media(max-width:650px){.guide-intro{gap:8px;padding:12px}.guide-intro span{font-size:12px}.guide-intro button{padding:8px;font-size:12px}.app-guide{padding:20px}.app-guide h2{font-size:25px}.guide-body{font-size:15px;line-height:1.85}.guide-tip{font-size:13px}.guide-number{font-size:52px}.guide-steps{gap:8px;margin:18px 0}.guide-content{padding-top:14px}.app-guide footer button{padding:9px 12px}.immersive-bar{gap:7px;padding:12px 12px 45px;padding-top:max(12px,env(safe-area-inset-top))}.immersive-bar button{font-size:12px;padding:7px 10px}.immersive-bar strong{flex-basis:50%;order:-1}.immersive-hint{font-size:12px;top:30%}.cinema-immersive #cinema-controls{padding:50px 12px max(14px,env(safe-area-inset-bottom))}.cinema-immersive .cinema-transport{flex-wrap:wrap;justify-content:center}.immersive-mic-state{font-size:10px}}
@media(max-height:500px){.immersive-hint{top:27%}.immersive-bar{flex-wrap:nowrap;padding-top:8px}.immersive-bar strong{order:0;flex-basis:auto}.cinema-immersive #cinema-controls{padding-top:24px;padding-bottom:6px}.guide-content{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.cinema-immersive #cinema-controls,.immersive-bar,.immersive-hint{transition:none}}
