/* The room uses the viewport left by the shared navigation. */
.operator-room-page{background:#030710;color:#e4eaff}
.operator-room-page main{max-width:none;padding:0}
.or-world{position:relative;isolation:isolate;height:calc(100dvh - var(--or-header-height,79px));min-height:260px;padding:12px 20px 16px;display:flex;background:radial-gradient(ellipse at 0 40%,#09276055,transparent 34%),radial-gradient(ellipse at 100% 75%,#25105b40,transparent 35%),#050a13;font-family:Manrope,"Noto Sans JP",sans-serif}
.or-frame{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;max-width:1800px;margin:0 auto;padding:0 16px 10px;border:1px solid #4e77b6;border-radius:12px;background:linear-gradient(120deg,#0a1320ee,#070c16ee);box-shadow:0 0 0 3px #0d1730,0 0 22px #266cff20}
.or-frame:before{content:"";position:absolute;left:24px;top:-1px;width:70px;height:2px;background:#4bbbff;box-shadow:0 0 12px #3b95ff}
.or-heading{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;flex-shrink:0;min-height:66px;padding:10px 2px;margin:0}
.or-heading h1{font-size:22px;line-height:1.3;margin:0;letter-spacing:1px;color:#f1f1ff}
.or-heading p{font-size:12px;line-height:1.5;margin:3px 0 0;color:#aabeda}
.or-chat-icon{font-size:30px;line-height:1;color:#31b6ff;text-shadow:0 0 12px #0088ff}
.or-toolbar{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:11px;line-height:1.5;color:#8eaddb}
#or-identity{color:#76c5ff}#or-status:before{content:"";display:inline-block;width:5px;height:5px;background:#36d6cc;border-radius:100%;margin-right:7px}
.or-timeline{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#5777b4 #0a1120;scrollbar-width:thin;border:1px solid #263c59;border-radius:8px;background:#03090fe0;padding:20px 22px}
#or-messages{display:flex;flex-direction:column;gap:22px}.or-message{display:flex;align-items:flex-start;gap:18px;max-width:85%;align-self:flex-start;width:fit-content}.or-avatar{flex:0 0 54px;width:54px;height:54px;display:grid;place-items:center;border:2px solid #6474ff;border-radius:50%;color:#69a7ff;box-shadow:0 0 18px #3141f333;font-size:24px;margin-top:4px;background:#080d1c}.or-avatar svg{width:35px;height:35px}.or-message:nth-child(3n) .or-avatar{border-color:#23d7cc;color:#23d7cc}.or-message:nth-child(4n) .or-avatar{border-color:#b058ff;color:#b058ff}.or-message-content{min-width:0}.or-meta{display:flex;gap:18px;align-items:baseline;padding:0 0 5px;font-size:14px;flex-wrap:wrap}.or-meta strong{color:#72beff}.or-meta time{font-size:11px;color:#8999b4}.or-bubble{position:relative;border:1px solid #3d5579;border-radius:14px;padding:12px 18px;background:linear-gradient(120deg,#1b293c,#111b2b);box-shadow:inset 0 0 18px #27334650}.or-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.8;color:#f0f4ff}.or-bubble img{display:block;max-width:100%;max-height:290px;border:1px solid #304866;border-radius:5px;margin-top:8px;object-fit:contain}.or-message.operator{align-self:flex-end;flex-direction:row-reverse}.or-message.operator .or-avatar{color:#ffda73;border-color:#e6bf5b;background:#100f13;font-weight:800;font-size:22px;box-shadow:0 0 20px #e5b34522}.operator .or-meta{justify-content:flex-end}.operator .or-meta strong{color:#ffd763}.operator .or-bubble{background:linear-gradient(120deg,#140a2b,#140e37);border-color:#9440ed;box-shadow:inset 0 0 18px #6423a533,0 0 12px #681cff15}

#or-messages{flex-shrink:0;gap:24px}.or-message{max-width:min(85%,780px)}.or-avatar{width:42px;height:42px;flex-basis:42px}.or-avatar svg{width:28px;height:28px}
#or-older,#or-new{border:1px solid #3b5e92;border-radius:6px;background:#101d34;color:#b6d9ff;padding:8px 16px;font-size:12px;cursor:pointer}
#or-older{align-self:center;flex-shrink:0;margin:0 0 18px}
#or-new{position:absolute;bottom:var(--or-compose-offset,110px);left:50%;transform:translateX(-50%);box-shadow:0 0 15px #315bd877;z-index:2;white-space:nowrap}
#or-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#a2b3d5;padding:12px}
#or-empty h2{font-size:21px;line-height:1.5;color:#d3e5ff;margin:0 0 8px}#or-empty p{font-size:13px;line-height:1.8;margin:0}
.or-compose{flex-shrink:0;display:grid;grid-template-columns:68px minmax(0,1fr) 112px;gap:12px;padding-top:12px;align-items:stretch}
.or-upload{position:relative;border:1px solid #385782;border-radius:9px;background:#0a101c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#bdccfa;font-size:10px;cursor:pointer}
.or-upload svg{width:26px;height:26px}.or-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.or-upload:focus-within{outline:2px solid #63c6ff}
.or-input{min-width:0;position:relative;display:flex}.or-input textarea{width:100%;height:60px;min-height:60px;resize:none;border:1px solid #4e71a9;border-radius:9px;background:#0c1422;color:#eef4ff;padding:8px 14px 18px;font-family:inherit;font-size:16px;line-height:1.5;box-sizing:border-box}.or-input textarea::placeholder{color:#798baa}.or-input small{position:absolute;bottom:3px;right:10px;color:#8093b1;font-size:9px;line-height:1.4}
.or-send{height:60px;border-radius:10px;border:1px solid #b16aff;background:linear-gradient(145deg,#823aff,#3414d4 60%,#230b80);color:white;font-size:17px;font-weight:700;box-shadow:inset 0 0 10px #ab69ff,0 0 12px #823cff35;cursor:pointer}.or-send span{display:inline-block;font-size:21px;transform:rotate(-20deg);margin-right:5px}.or-send:disabled{opacity:.5;cursor:wait}
.or-note{flex-shrink:0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:0 16px;font-size:10px;line-height:1.6;color:#92a6c9;margin:6px 0 0}
#or-error{grid-column:1/-1;margin:0;color:#ffb2b9;font-size:13px;line-height:1.5}#or-error:empty{display:none}
#or-preview{grid-column:1/-1;display:flex;gap:10px;align-items:center;font-size:12px;color:#acc6e9;min-width:0}#or-preview img{width:48px;height:36px;object-fit:contain}#or-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#or-remove{margin-left:auto;flex-shrink:0;background:#192338;color:#e0eaff;border:1px solid #415b85;border-radius:5px;padding:6px;cursor:pointer}
.or-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.or-world [hidden]{display:none!important}.or-world button:focus-visible,.or-world a:focus-visible,.or-world textarea:focus-visible{outline:2px solid #6ad4ff;outline-offset:3px}
@media(max-width:800px){.or-world{padding:8px 10px 10px}.or-frame{padding:0 10px 8px}.or-heading{gap:9px;min-height:60px}.or-heading h1{font-size:20px}.or-heading p{font-size:11px}.or-timeline{padding:16px 12px}.or-message{max-width:94%;gap:10px}.or-avatar{width:34px;height:34px;flex-basis:34px}.or-avatar svg{width:24px;height:24px}.or-message.operator .or-avatar{font-size:16px}.or-meta{font-size:12px;gap:10px}.or-bubble{padding:10px 12px}.or-bubble p{font-size:14px}.or-compose{grid-template-columns:56px minmax(0,1fr) 76px;gap:8px;padding-top:9px}.or-send span{display:none}}
@media(max-width:480px){.or-world{padding:6px 6px 8px}.or-frame{padding:0 8px 8px;border-radius:10px}.or-heading{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:58px;padding:10px 0}.or-chat-icon,.or-heading p{display:none}.or-heading h1{font-size:20px}.or-toolbar{font-size:10px;gap:2px}.or-timeline{padding:16px 8px}.or-message{max-width:100%;gap:7px}#or-messages{gap:20px}.or-avatar{width:28px;height:28px;flex-basis:28px}.or-avatar svg{width:21px;height:21px}.or-message.operator .or-avatar{font-size:13px}.or-meta{font-size:11px;gap:8px}.or-meta time{font-size:9px}.or-bubble{padding:9px 11px;border-radius:10px}.or-compose{grid-template-columns:46px minmax(0,1fr) 58px;gap:7px}.or-input textarea{padding-inline:10px}.or-upload{font-size:8px}.or-upload svg{width:23px;height:23px}.or-send{font-size:14px}.or-note{font-size:9px;gap:1px;margin-top:5px}#or-empty h2{font-size:18px}#or-empty p{font-size:12px}}
@media(max-height:520px) and (orientation:landscape){.or-world{padding:5px 10px 7px;min-height:220px}.or-frame{padding:0 10px 6px}.or-heading{min-height:42px;padding:5px 0;grid-template-columns:minmax(0,1fr) auto}.or-heading h1{font-size:18px}.or-chat-icon,.or-heading p{display:none}.or-toolbar{flex-direction:row;gap:14px;font-size:10px}.or-timeline{padding:12px 14px}.or-compose{grid-template-columns:52px minmax(0,1fr) 82px;padding-top:6px;gap:8px}.or-input textarea{height:48px;min-height:48px;padding-top:5px}.or-send{height:48px;font-size:15px}.or-send span{display:none}.or-upload svg{width:22px;height:22px}.or-note{font-size:9px;margin-top:4px}#or-empty h2{font-size:17px}#or-empty p{font-size:12px}}
@media(min-width:780px) and (max-width:1100px), (max-height:520px) and (orientation:landscape) and (max-width:1100px){
 body.operator-room-page>.site-header.site-header--menu-only{height:62px!important;min-height:62px!important;padding:0 22px!important;flex-wrap:nowrap!important}
 body.operator-room-page:not(.home-chart-mode) .site-header.site-header--menu-only .nav-toggle{display:grid!important;width:50px;height:50px;margin-left:auto}
 body.operator-room-page:not(.home-chart-mode) .site-header.site-header--menu-only .primary-nav{display:none!important}
 body.operator-room-page.menu-open:not(.home-chart-mode) .site-header.site-header--menu-only .primary-nav{display:flex!important;position:fixed!important;inset:62px 0 0!important;width:100%;height:calc(100dvh - 62px);padding:15px 24px;overflow:auto;flex-direction:column;background:#080a0d;visibility:visible;transform:none;clip-path:none}
 body.operator-room-page.menu-open .primary-nav>a{font-size:16px!important;padding:10px 0!important}
 body.operator-room-page.menu-open .menu-panel-head{display:none}
 .or-world{min-height:0}
}

.or-quote{margin:0 0 8px;padding:6px 10px;border-left:3px solid #76c5ff;color:#afc6e4;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
#or-reply{grid-column:1/-1;display:flex;gap:10px;align-items:center;min-width:0;color:#afc6e4;font-size:12px}
#or-reply-summary{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.or-reply-button,#or-reply-cancel{background:#101d34;border:1px solid #3b5e92;border-radius:5px;color:#b6d9ff;padding:5px 10px;cursor:pointer;font-size:12px}
.or-reply-button{margin-top:6px}#or-reply-cancel{flex-shrink:0}
.or-send #or-send-label{display:inline;font-size:12px;transform:none;margin:0}

.or-message.operator .or-avatar{border:0;overflow:hidden;background:#000;box-shadow:none}
.or-message.operator .or-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}

.or-home-link{display:inline-block;color:#e1bd68;text-decoration:none;padding:4px 0;font-size:12px;white-space:nowrap}.or-home-link:hover{text-decoration:underline}

@media(pointer:fine){.or-timeline{cursor:grab}.or-timeline.is-dragging{cursor:grabbing;user-select:none}.or-timeline button,.or-timeline a{cursor:pointer}}