:root{color-scheme:dark;font-family:system-ui,'Yu Gothic',sans-serif;background:#0f1420;color:#edf1fa}*{box-sizing:border-box}body{margin:0}#cloudbar{min-height:54px;padding:10px 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#192234;border-bottom:1px solid #344257}#sync{font-size:12px;color:#b9cee7;margin-left:auto}button{font:inherit;border:1px solid #799ac6;border-radius:10px;padding:10px 16px;cursor:pointer;background:#2b64b4;color:white}button:disabled{opacity:.5;cursor:wait}#logout{padding:6px 10px;font-size:12px;background:transparent}#gate{min-height:calc(100dvh - 54px);display:grid;place-items:center;padding:24px}.login-card{max-width:540px;padding:36px;border:1px solid #344257;background:#192234;border-radius:22px;box-shadow:0 20px 70px #0003}h1{font-size:clamp(24px,5vw,34px);line-height:1.5}p{line-height:1.8;color:#c7d2e6}.mark{display:inline-grid;place-items:center;width:54px;height:54px;background:#2864b8;border-radius:15px;font-weight:800}#message{font-size:13px;white-space:pre-wrap}a{color:#a9d0ff;font-size:13px}#study{border:0;width:100%;height:calc(100dvh - 54px);display:block}#study[hidden],#gate[hidden],button[hidden]{display:none}@media(max-width:600px){#cloudbar{gap:8px;padding:8px 12px}#cloudbar strong{font-size:14px}.login-card{padding:24px}#sync{font-size:11px}}
header .menu-link{color:#cbd5e1;text-decoration:none;font-size:.85rem;white-space:nowrap}header .menu-link:focus-visible{outline:2px solid #60a5fa;outline-offset:4px}@media(max-width:640px){header,#cloudbar{flex-wrap:wrap;height:auto;min-height:52px;padding:10px 12px;gap:8px}header strong{flex-basis:100%}header .menu-link{font-size:.8rem}}