:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#d3e0ea;background:#0b0f14}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit}button{cursor:pointer}.viewer{height:100dvh;display:flex;flex-direction:column;overflow:hidden}nav{min-height:48px;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#101a23;border-bottom:1px solid #283a49;flex-wrap:wrap}.brand{font-size:14px;font-weight:700;letter-spacing:.1em;margin-right:8px}nav a{font-size:14px;text-decoration:none;border-radius:5px;padding:8px 10px}nav a[aria-current]{color:#08141d;background:#7fd4ff}nav form{margin-left:auto}nav button{font-size:13px;border:1px solid #324555;background:transparent;color:#b9cbd9;padding:7px 9px;border-radius:5px}iframe{display:block;width:100%;flex:1;min-height:0;border:0}.login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 15% 0,#173142,transparent 65%),#0b0f14}.login-card{width:min(430px,100%);padding:32px;border:1px solid #2c4151;background:#101923;border-radius:12px}.eyebrow{font-size:12px;letter-spacing:.1em;color:#7fd4ff}h1{font-size:30px;letter-spacing:-.02em;margin:20px 0 8px}p{font-size:16px;line-height:1.5;color:#9fb3c4}.login label{display:block;font-size:14px;margin:18px 0 6px}.login input{width:100%;padding:11px 12px;background:#0b1119;border:1px solid #3c5366;border-radius:6px;color:#e5eff7;min-height:44px}.primary{width:100%;padding:12px;margin-top:24px;border:0;border-radius:6px;background:#7fd4ff;color:#08141d;font-weight:650}.hint{font-size:13px;margin:20px 0 0}.error{color:#ffd0c5;background:#442825;border:1px solid #70453d;padding:10px;border-radius:6px}:focus-visible{outline:2px solid #9be0ff;outline-offset:3px}@media(max-width:420px){.brand{display:none}nav{gap:3px;padding:5px 7px}nav a{padding:8px}.login-card{padding:24px}}
.account-name{margin-left:auto;font-size:13px;color:#9fb3c4}.account-name+form{margin-left:8px}.access{max-width:1100px;margin:0 auto;padding:36px 24px 60px}.access h1{margin-top:12px}.access-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.6fr);gap:22px;margin:26px 0}.panel{padding:24px;border:1px solid #2c4151;background:#101923;border-radius:12px}h2{font-size:20px;margin:0 0 18px}h3{font-size:17px;margin:0 0 8px}.access label,dialog label{display:block;font-size:14px;margin:18px 0 6px}.access input,dialog input{width:100%;padding:11px 12px;background:#0b1119;border:1px solid #3c5366;border-radius:6px;color:#e5eff7;min-height:44px}.access .hint,dialog .hint{margin:8px 0 0}.user-card{padding:18px 0;border-bottom:1px solid #283a49}.user-card:first-child{padding-top:0}.user-card:last-child{border:0;padding-bottom:0}.user-card p{font-size:14px;margin:5px 0}.badge{margin-left:10px;font-size:11px;border:1px solid #43778f;border-radius:20px;padding:3px 8px;color:#9be0ff}.actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.actions button{padding:9px 12px;border:1px solid #3c5366;border-radius:6px;color:#d3e0ea;background:#192735;min-height:42px}.actions .primary{width:auto;margin:0;background:#7fd4ff;color:#08141d}.event{display:grid;grid-template-columns:190px 160px 1fr;gap:7px 16px;padding:15px 0;border-bottom:1px solid #283a49;font-size:13px}.event .hint{grid-column:2/-1;overflow-wrap:anywhere}.event time{color:#9fb3c4}.success{color:#a1e2bd}#status:empty{display:none}dialog{color:#d3e0ea;background:#101923;border:1px solid #3c5366;border-radius:12px;padding:28px;width:min(430px,calc(100vw - 32px))}dialog::backdrop{background:#03080dbe}#reset-error{color:#ffd0c5}button:disabled{cursor:wait;opacity:.6}@media(max-width:700px){.access{padding:28px 16px}.access-grid{grid-template-columns:1fr}.panel{padding:20px}.event{grid-template-columns:1fr 1fr}.event .hint{grid-column:1/-1}.event time{grid-column:1/-1}}