/* 1.5.10 — reference-based guest UI, scoped to the opening chapter. */
main{height:4200vh;height:4200svh}
#mu-guest .mx-guest-visual{width:min(430px,88vw);display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:440px}
#mu-guest .mx-guest-panel{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:0;border:0;background:none;box-shadow:none;text-align:right}
#mu-guest .mx-tabs{justify-content:center;gap:30px;flex:0 0 auto;margin-bottom:15px;padding-bottom:12px;font-size:12px;border-color:#7890b21c}
#mx-tab-chat{color:#6d7d97}
#mu-guest .mx-guest-layers{height:auto;flex:1 1 auto;min-height:0;margin:0}
#mu-guest .mx-menu-layer,#mu-guest .mx-wall-layer,.mg-chat-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0}
#mu-guest .mx-wall-layer,.mg-chat-layer{opacity:0;visibility:hidden}
#mu-guest .mx-float-note{flex:0 0 auto;min-height:22px;font-size:12px;line-height:1.8;margin:15px auto 0;max-width:100%;text-align:center}
.mg-menu-card{width:100%;height:100%;max-height:340px;position:relative;border-radius:30px;overflow:hidden;border:2px solid #fffe;box-shadow:0 14px 28px -21px #29416077;background:#edf2f8}
.mg-menu-photo{object-fit:cover;object-position:50% 45%;position:absolute;inset:0;width:100%;height:100%;display:block}
.mg-menu-dock{position:absolute;inset:auto 10px 10px;display:flex;flex-direction:row;align-items:center;gap:8px;border:1px solid #ffffffd9;border-radius:40px;padding:7px;background:#ffffff2b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffffa3,0 5px 14px #18283e14;direction:ltr}
.mg-menu-label{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0;padding:14px 17px;direction:rtl;background:#e9effde8;border-radius:30px;color:#293349}
.mg-menu-label b{font-size:13px;font-weight:400;line-height:1.6}.mg-menu-label span{font-size:12px;white-space:nowrap;color:#367dff}.mg-menu-label small{font-size:10px}
.mg-menu-add{height:44px;width:44px;flex:0 0 44px;border-radius:50%;background:#e9effdec;display:grid;place-items:center;color:#367dff}.mg-menu-add svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.mg-wall-post{width:min(100%,330px);height:100%;max-height:374px;display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #e4ebf4;border-radius:14px;padding:15px;box-shadow:0 12px 30px -25px #234d8655}
.mg-wall-time{display:flex;justify-content:space-between;align-items:center;direction:ltr;font-size:10px;line-height:1.6;color:#8fa3bf;flex:0 0 auto}.mg-wall-time>span:last-child{direction:rtl}
.mg-wall-photo{min-height:0;flex:1;border-radius:11px;overflow:hidden;background:#e4edf2}.mg-wall-photo img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}
.mg-wall-reactions{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.6;color:#253443;flex:0 0 auto}.mg-wall-reactions>span{display:flex;align-items:center;gap:5px}.mg-wall-reactions b{font-weight:400}.mg-wall-reactions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mg-wall-reactions small{font-size:10px;color:#8595ad;margin-right:auto}
.mg-chatroom{width:min(100%,380px);height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffffa1;border-radius:22px;background:radial-gradient(ellipse at 0 45%,#f1fbff80,transparent 65%),#ffffffd9;box-shadow:0 18px 40px -29px #3150786b;padding:7px;color:#334054}
.mg-chat-header{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 46px;border-radius:28px;background:linear-gradient(130deg,#ffffffbd,#f1faffc9);box-shadow:0 9px 19px -13px #29416066;margin-bottom:9px;border:1px solid #ffffffa6}.mg-chat-header b{font-size:15px;font-weight:700;color:#192833}.mg-chat-header small{position:absolute;left:15px;display:flex;align-items:center;gap:5px;color:#6c7f94;font-size:9px}.mg-chat-header small i{height:5px;width:5px;display:block;background:#34c87f;border-radius:50%;box-shadow:0 0 0 3px #34c87f10}
.mg-chat-back{position:absolute;right:5px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #e4eaf2;border-radius:50%;background:#ffffffa6}.mg-chat-back svg{width:20px;height:20px;fill:none;stroke:#182632;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mg-chat-messages{position:relative;display:flex;flex-direction:column;gap:12px;min-height:0;flex:1;padding:3px 5px 10px;overflow:hidden}
.mg-message{max-width:87%;display:flex;flex-direction:column;gap:4px;flex:0 0 auto}.mg-message-out{align-self:flex-start}.mg-message-in{align-self:flex-end;min-width:148px}.mg-message-name{font-size:9px;color:#687c93;padding:0 8px;line-height:1.5;display:flex;gap:12px}.mg-message-name small{font-size:8px;color:#4585ff}.mg-message-in .mg-message-name{color:#4f7d9a}
.mg-bubble{border:1px solid #e4eaf3;border-radius:23px;background:#fff;padding:11px 15px;min-width:160px}.mg-bubble p{font-size:12px;line-height:1.7;margin:0}.mg-bubble time{display:block;direction:ltr;text-align:left;font-size:8px;color:#8193a9;line-height:1.4;margin-top:6px}
.mg-message-in .mg-bubble{border-color:#ffffffcf;background:linear-gradient(145deg,#edfbffb8,#ddf6ffd1);box-shadow:0 0 0 2px #e8faff,inset 0 0 0 1px #ffffff8c,0 10px 21px -17px #379cd250}
.mg-chat-typing{position:absolute;left:8px;top:96px;display:flex;gap:5px;padding:12px 16px;border-radius:18px;background:#e9faff;border:1px solid #fff;opacity:0;visibility:hidden}.mg-chat-typing i{display:block;width:4px;height:4px;border-radius:50%;background:#8eb2c9}
.mg-chat-composer{display:flex;align-items:center;gap:7px;flex:0 0 auto;direction:ltr;margin-top:5px}.mg-chat-composer>span{direction:rtl;text-align:right;flex:1;border:1px solid #e0e8f3;border-radius:30px;padding:13px 17px;font-size:11px;color:#6f7d8e}.mg-chat-composer>i{width:37px;height:37px;border-radius:50%;background:linear-gradient(135deg,#397df0,#4baafa);display:grid;place-items:center}.mg-chat-composer svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){main{height:4600vh;height:4600svh}#mu-guest{padding-bottom:108px;gap:22px}#mu-guest .mx-guest-visual{max-height:415px;width:min(390px,90vw)}#mu-guest .mx-tabs{font-size:11px;margin-bottom:12px;padding-bottom:10px}#mu-guest .mx-float-note{font-size:10px;margin-top:12px;min-height:18px}.mg-menu-label{padding:12px}.mg-menu-label b{font-size:12px}.mg-menu-label span{font-size:10px}.mg-menu-add{width:39px;height:39px;flex-basis:39px}.mg-wall-post{max-width:305px;padding:12px;gap:10px}.mg-chat-messages{gap:9px}.mg-bubble{padding:9px 13px}.mg-chat-header{flex-basis:42px}.mg-chat-header b{font-size:14px}}
@media(max-height:740px){#mu-guest{gap:15px}#mu-guest .mx-tabs{margin-bottom:10px;padding-bottom:9px}#mu-guest .mx-float-note{margin-top:10px}.mg-chat-messages{gap:7px;padding-top:0;padding-bottom:4px}.mg-message{gap:2px}.mg-bubble{padding:7px 11px;border-radius:18px}.mg-bubble p{font-size:11px;line-height:1.5}.mg-bubble time{margin-top:3px}.mg-chat-header{flex-basis:35px;margin-bottom:6px}.mg-chat-header b{font-size:13px}.mg-chat-back{width:27px;height:27px}.mg-chat-composer>span{padding:10px 14px;font-size:10px}.mg-chat-composer>i{width:32px;height:32px}.mg-chat-typing{top:78px}.mg-menu-dock{inset:auto 7px 7px;padding:5px;gap:5px}}
@media(max-width:900px) and (max-height:600px) and (orientation:portrait){#mu-guest{padding-top:80px;padding-bottom:88px;gap:12px}#mu-guest .mu-heading h2{font-size:25px;line-height:1.4}#mu-guest .mu-heading>p:last-child{font-size:10px;margin-top:5px}#mu-guest .mu-kicker{margin-bottom:4px}#mu-guest .mx-tabs{margin-bottom:7px;padding-bottom:6px;font-size:10px}#mu-guest .mx-float-note{margin-top:7px;font-size:9px;min-height:16px}.mg-chat-header{flex-basis:29px;margin-bottom:3px}.mg-chat-back{width:24px;height:24px}.mg-chat-header b{font-size:12px}.mg-chat-messages{gap:4px}.mg-message-name{font-size:8px}.mg-bubble{padding:5px 10px}.mg-bubble p{font-size:10px;line-height:1.4}.mg-bubble time{font-size:7px;margin-top:2px}.mg-chat-composer{margin-top:2px}.mg-chat-composer>span{padding:7px 12px;font-size:9px}.mg-chat-composer>i{width:28px;height:28px}.mg-chat-typing{top:59px}.mg-wall-post{padding:10px;gap:8px}.mg-wall-reactions small{font-size:9px}.mg-menu-label b{font-size:11px}.mg-menu-label span{font-size:9px}}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){#mu-guest{padding:70px 30px 36px;gap:25px}#mu-guest .mx-guest-visual{width:46%;height:100%;max-height:100%;flex:0 1 390px}#mu-guest .mu-heading{width:42%}#mu-guest .mx-tabs{margin-bottom:6px;padding-bottom:6px;font-size:10px}#mu-guest .mx-float-note{margin-top:6px;font-size:9px;min-height:16px}.mg-chatroom{padding:5px;border-radius:16px}.mg-chat-header{flex-basis:28px;margin-bottom:3px}.mg-chat-header b{font-size:11px}.mg-chat-back{width:22px;height:22px}.mg-chat-messages{gap:3px}.mg-message-name{font-size:7px;line-height:1.2}.mg-message-name small{font-size:7px}.mg-message{gap:2px}.mg-bubble{padding:4px 9px;min-width:140px}.mg-bubble p{font-size:9px;line-height:1.4}.mg-bubble time{font-size:7px;margin-top:1px}.mg-chat-composer>span{padding:6px 12px;font-size:9px}.mg-chat-composer>i{width:26px;height:26px}.mg-chat-composer{margin-top:2px}.mg-chat-typing{top:52px}.mg-menu-label{padding:9px 10px}.mg-menu-label b{font-size:10px}.mg-menu-label span{font-size:9px}.mg-menu-add{width:32px;height:32px;flex-basis:32px}.mg-wall-post{padding:9px;gap:7px;max-width:240px}.mg-wall-time{font-size:9px}.mg-wall-reactions{font-size:10px}.mg-wall-reactions small{font-size:8px}}