:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#13213a;background:radial-gradient(circle at 15% 20%,#fff7e6,#eef5ff,#dce7ff)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{min-height:100vh;display:grid;place-items:center;padding:24px}.panel{width:min(760px,100%);background:rgba(255,255,255,.9);border:1px solid #d2def8;border-radius:18px;padding:24px;box-shadow:0 12px 40px rgba(17,36,79,.12)}h1{margin-top:0}button{border:0;border-radius:10px;padding:10px 16px;font-size:15px;color:#fff;background:linear-gradient(90deg,#0f5ad8,#1b86f9);cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}.results{margin-top:18px;padding:16px;border-radius:12px;background:#f6f9ff}.results p{margin:8px 0;word-break:break-word}.error{color:#b42318}input{width:100%;margin-top:6px;border:1px solid #5c6f95;border-radius:8px;padding:10px 12px;background:#f6f9ff;color:#0f2347}.join-grid{margin-top:14px;display:grid;gap:10px}.join-grid label{font-size:14px;color:#334f84}.room-page{align-items:stretch}.room-shell{width:min(1100px,100%);background:rgba(255,255,255,.86);border:1px solid #d2def8;border-radius:18px;padding:16px;box-shadow:0 12px 40px rgba(17,36,79,.12)}.room-header h1{margin:0}.room-header p{margin-top:6px;color:#415a8c}.status-banner{display:flex;gap:10px;padding:10px 12px;border-radius:10px;margin:12px 0;font-size:14px}.status-connecting{background:#fff6dc;color:#7a5c03}.status-connected{background:#e8f8ea;color:#196f2f}.status-error{background:#fdecec;color:#981b1b}.status-warning{background:#fff0cc;color:#7a4c00}.reconnect-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:10px 12px;border-radius:10px;background:rgba(255,210,118,.24);color:#5a3b00;font-weight:600}.media-stack{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;background:#0d172b}.annotation-toolbar{position:absolute;top:10px;right:10px;z-index:20}.annotation-toolbar button{background:linear-gradient(90deg,#0f5ad8,#1b86f9)}.room-layout{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 320px;align-items:start}.chat-panel{border-radius:14px;padding:12px;background:rgba(19,29,54,.9);color:#d9e6ff;min-height:420px;display:grid;grid-template-rows:auto 1fr auto;gap:10px}.chat-panel h3{margin:0}.chat-list{border-radius:10px;background:rgba(9,17,34,.75);padding:8px;overflow:auto;max-height:380px}.chat-item{margin:0 0 8px;padding:8px;border-radius:8px;background:rgba(85,115,170,.22);font-size:13px}.delivery{margin-left:8px;font-size:11px;text-transform:uppercase}.delivery-delivered{color:#7be5a0}.delivery-failed{color:#ff8a8a}.chat-input-row{display:grid;grid-template-columns:1fr auto;gap:8px}.chat-input-row input{margin-top:0;background:rgba(242,247,255,.95)}.expired-card{margin-bottom:12px;border-radius:12px;border:1px solid #f7b8b8;background:#fff0f0;padding:14px}.expired-card h2{margin:0 0 8px}.expired-actions{display:flex;gap:10px;margin-top:10px}.button-link{display:inline-flex;align-items:center;border-radius:10px;padding:10px 16px;background:#e0ebff;color:#173a78;text-decoration:none;font-weight:600}.jitsi-shell{width:100%;height:100%}.jitsi-shell iframe{width:100%;height:100%;border:0}.annotation-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;cursor:crosshair}.annotation-layer.annotation-disabled{pointer-events:none;cursor:default}.annotation-layer.annotation-enabled{pointer-events:auto}.annotation-layer.annotation-operator{pointer-events:none;cursor:default}.annotation-hint{position:absolute;top:10px;left:10px;padding:6px 8px;border-radius:8px;font-size:12px;color:#ebf2ff;background:rgba(9,25,56,.7);pointer-events:none}.annotation-layer.annotation-disabled .annotation-hint{opacity:0}.high-contrast{background:#000}.high-contrast .room-shell{background:#000;border-color:#00daf3}.high-contrast .room-header p,.high-contrast .chat-panel,.high-contrast .chat-item,.high-contrast .annotation-hint,.high-contrast .status-banner{text-shadow:0 0 2px #000}.high-contrast .chat-panel{background:#02070f;border:1px solid #00daf3}.high-contrast .chat-item{background:#001726;color:#f2fbff}.high-contrast button{min-width:44px;min-height:44px;border:1px solid #00daf3}.high-contrast .annotation-point{background:#0f0;border-color:#fff;box-shadow:0 0 0 4px rgba(0,255,0,.3)}.annotation-point{position:absolute;width:18px;height:18px;border-radius:999px;border:2px solid #ffe8a3;background:#e11d48;transform:translate(-50%,-50%);box-shadow:0 0 0 4px rgba(225,29,72,.2);pointer-events:none}.room-layout-operator{grid-template-columns:1fr}.room-layout-operator .media-stack{aspect-ratio:16 / 9}.operator-kiosk.page{place-items:stretch;padding:8px}.operator-kiosk .room-shell{width:100%;max-width:none;padding:8px}.operator-kiosk .room-layout{gap:8px}.operator-kiosk .media-stack{min-height:calc(100vh - 32px);border-radius:10px}@media(max-width:740px){.page{padding:12px}.panel,.room-shell{padding:14px;border-radius:14px}.status-banner{flex-direction:column;gap:4px}.room-layout{grid-template-columns:1fr}.chat-panel{min-height:280px}.reconnect-banner{flex-direction:column;align-items:flex-start}}