.login{min-height:100vh;display:grid;place-items:center;padding:16px}
.login .card{width:100%;max-width:360px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.top h1{margin:0;font-size:19px}
.wrap{max-width:1000px;margin:0 auto;padding:20px 16px 60px}
.ev{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-bottom:12px;cursor:pointer}
.ev:hover{border-color:var(--accent)}
.ev h3{margin:0 0 4px}
.mini{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.mini span{font-size:13px;color:var(--muted)}
.mini b{color:var(--text)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.linkbox{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:6px;word-break:break-all;font-size:13px}
.modal.wide{max-width:560px}
@media(max-width:560px){.ev{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}}