:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20312d;background:#f4f6f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.presenter,.viewer{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.toolbar{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid #d6ded7;background:#fff;flex-shrink:0;min-height:70px}.brand{font-size:21px;font-weight:750;letter-spacing:-.7px;color:inherit;text-decoration:none;white-space:nowrap}.brand span{display:block;font-size:11px;letter-spacing:.2px;font-weight:500;color:#6d7a73;margin-top:2px}.session-state{display:flex;gap:8px;align-items:center;flex:1;font-size:13px;min-width:145px}.indicator{height:8px;width:8px;border-radius:50%;background:#9aa6a0;flex-shrink:0}.indicator.live{background:#148354;box-shadow:0 0 0 3px #e2f3e9}#count{color:#6d7a73;padding-left:10px}.actions{display:flex;gap:8px;flex-wrap:wrap}button{border:1px solid #ccd6cd;border-radius:7px;padding:9px 12px;background:white;color:inherit;font:inherit;font-size:13px;cursor:pointer;min-height:38px}button:hover{background:#eff3ef}button:focus-visible,input:focus-visible{outline:3px solid #90c6aa;outline-offset:2px}button.primary{background:#214c3d;color:#fff;border-color:#214c3d}button.primary:hover{background:#173d30}button.danger{color:#9a4032;border-color:#e4c8c2}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}.notice{padding:7px 20px;font-size:12px;background:#eef2ef;color:#536359;flex-shrink:0;min-height:30px}iframe{width:100%;flex:1;min-height:0;border:0;background:#fff}#stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:16px;background:#e7ebe7;position:relative}#drawing{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}#message{font-size:15px;color:#68766e;text-align:center;max-width:420px;padding:18px;background:#fffffff0;border-radius:8px;position:absolute}dialog{border:1px solid #cbd5cd;border-radius:12px;max-width:450px;width:calc(100% - 32px);padding:24px;box-shadow:0 15px 60px #20312d33}dialog::backdrop{background:#183b2e55}dialog h2{margin-top:0;font-size:21px}dialog p{line-height:1.5;color:#58685e;font-size:14px}label{display:block;font-size:13px}input{display:block;width:100%;margin:8px 0 16px;border:1px solid #bdcabe;padding:10px;border-radius:6px;font:inherit;font-size:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:700px){.toolbar{padding:9px 12px;gap:10px}.brand{font-size:18px}.session-state{font-size:12px}.actions{width:100%}.actions button{flex:1;font-size:12px;padding:8px 5px}.notice{padding:6px 12px;font-size:11px}#count{padding-left:2px}#stage{padding:8px}}

.download-link{display:inline-block;padding:10px 14px;margin-right:12px;border-radius:7px;background:#214c3d;color:#fff;text-decoration:none;font-size:14px}
#key-error{color:#9a4032}
.remember-device{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.remember-device input{width:20px;height:20px;margin:0;flex-shrink:0}dialog p.help{font-size:12px;margin-top:4px}#forget-device{font-size:12px;color:#536359}
.sign-in{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.sign-in-card{width:100%;max-width:430px;background:#fff;border:1px solid #cbd5cd;border-radius:12px;padding:28px;box-shadow:0 8px 40px #20312d12}.sign-in-card h1{font-size:23px;margin:24px 0 12px}.sign-in-card p{font-size:14px;line-height:1.5;color:#58685e}.sign-in-card p.help,.sign-in-card p.viewer-help{font-size:12px}.sign-in-card p.viewer-help{margin-top:24px;padding-top:18px;border-top:1px solid #d6ded7}.sign-in-card #submit-login{width:100%;margin-top:8px;min-height:44px}#login-error{color:#9a4032}@media(max-width:480px){.sign-in{padding:16px;align-items:flex-start}.sign-in-card{padding:22px;margin-top:24px}}