*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:17px/1.55 system-ui,sans-serif;color:#183b53;background:#f0f5fa}#entry{max-width:670px;margin:5vh auto;padding:32px;background:white;border:1px solid #cfdfeb;border-radius:16px;box-shadow:0 8px 30px #173b5310}h1{font-size:1.9rem;line-height:1.2}.eyebrow{font-weight:700;font-size:.82rem;letter-spacing:.025em}label{display:block;font-weight:650;margin-top:18px}input{display:block;width:100%;font:inherit;margin-top:6px;padding:12px;border:1px solid #9bb4c7;border-radius:8px}button{font:inherit;padding:10px 16px;border:0;border-radius:8px;background:#184b70;color:white;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#submit{margin-top:22px;width:100%}a{color:#15588b}.hint,footer{font-size:.88rem;color:#536a7b}.error{color:#a52225}#sessionbar{position:fixed;inset:0 0 auto;min-height:62px;display:flex;gap:10px;align-items:center;padding:8px 16px;background:#173e5c;color:white;z-index:2}#sessionbar button{font-size:.85rem;background:#e8f1f7;color:#173e5c;padding:7px 11px}#who{margin-left:auto;font-size:.82rem;overflow-wrap:anywhere}#viewer{position:fixed;top:62px;left:0;width:100%;height:calc(100% - 62px);border:0;background:#f4f7fb}#statusPanel{margin:100px auto 20px;max-width:700px;padding:25px;background:white;border-radius:10px}[hidden]{display:none!important}@media(max-width:700px){#entry{margin:12px;padding:24px}#sessionbar{flex-wrap:wrap;height:106px;font-size:.9rem}#who{font-size:.75rem}#viewer{top:106px;height:calc(100% - 106px)}}