:root{font-family:system-ui,-apple-system,sans-serif;color-scheme:dark;background:#0c1420;color:#eaf2fc}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:36px 24px}header,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px}h1{font-size:31px;margin:6px 0 20px}h2{font-size:18px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#bedb8e}p{line-height:1.65;color:#b7c5d7}aside{padding:15px 18px;background:#272819;border:1px solid #5d5f35;border-radius:12px;color:#e2d9a4;margin:10px 0 24px}.panel{background:#142132;border:1px solid #32475e;border-radius:16px;padding:24px;margin-bottom:20px}#login-view{max-width:460px;margin:36px auto}label{display:block;margin:18px 0 8px}input{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #50637a;border-radius:8px;background:#0d1723;color:#fff;font:inherit}button{padding:11px 16px;border:1px solid #526a82;background:#263d53;color:#fff;border-radius:9px;font:inherit;cursor:pointer}button.primary{width:100%;background:#c3eb88;color:#192916;border:0;font-weight:700;margin-top:12px}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #d5efb4;outline-offset:2px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.account h2{margin-top:0}.account-id{display:block;color:#e9d3a3;font-size:23px;overflow-wrap:anywhere}.account button{display:block;margin-top:18px}.account small{color:#9bb0c8}.toolbar{margin:22px 0}.alert{border:2px solid #ff6682;color:#ffc2ce;background:#3d1524;border-radius:12px;padding:20px;margin-bottom:20px}#message{color:#f5ca8c}output{display:block;overflow-wrap:anywhere;color:#d6f3b1;font-size:19px;margin-top:16px}.note{font-size:12px;color:#a5b5c9}summary{cursor:pointer}details.panel{margin-top:18px}@media(max-width:600px){main{padding:22px 16px}h1{font-size:26px}header{align-items:flex-start}header button{font-size:12px}.panel{padding:19px}.grid{grid-template-columns:1fr}}