:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#082b31;color:#f6efd4;font:15px system-ui}header{padding:12px 20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #967944}header b{color:#eec667;font-size:23px;letter-spacing:3px}.tag,.muted{color:#b7c9c9}button{padding:10px 14px;min-height:42px;border:1px solid #ab914c;border-radius:8px;background:#173d42;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #f7d37a;outline-offset:3px}#status{margin-left:auto;font-size:13px}nav{display:flex;gap:8px}iframe{border:0;width:100%;height:calc(100dvh - 110px);min-height:650px}#journal{white-space:pre-wrap;margin:15px;font:13px monospace}#error:empty{display:none}#error{padding:12px 20px;color:#ffccad}#notice{padding:8px 20px;background:#174349;font-size:13px}#retry{margin:10px 20px}#login{max-width:520px;margin:9vh auto;padding:28px;border:1px solid #8c7848;border-radius:16px;background:linear-gradient(140deg,#17464b,#0a272d)}h1{font-size:30px;line-height:1.2;color:#f1ce82}p{line-height:1.6}label,input{display:block}input{width:100%;padding:12px;margin:8px 0 16px;border:1px solid #a68b49;border-radius:7px;background:#082b31;color:#fff}#enter{width:100%;background:#dcc27a;color:#102d32;font-weight:700}[hidden]{display:none!important}@media(max-width:520px){header{padding:10px;gap:8px}header b{font-size:20px}.tag{font-size:12px}#status{width:100%;margin:0}nav{width:100%}nav button{flex:1}#login{margin:30px 12px;padding:22px}#notice{padding:8px 12px}iframe{min-height:740px}}
#connection{padding:12px 20px;background:#664e21;color:#fff1cf;line-height:1.5}