/* 기록 (RecordsScreen) */
#records .wrapk{flex:1;display:grid;grid-template-columns:420px minmax(0,1fr);gap:32px;margin-top:20px;min-height:0}
.rlist{display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0;padding:4px}
.rcard{display:flex;gap:14px;align-items:center;text-align:left;background:var(--card);border:2px solid transparent;border-radius:22px;padding:14px 18px;color:var(--ink)}
.rcard:hover{border-color:var(--leaf-soft)}
.rcard[aria-current="true"]{border-color:var(--leaf)}
.rcard img{width:54px;flex:none}
.rcard b{font-family:var(--display);font-weight:400;font-size:21px;display:block}
.rcard small{color:var(--muted);font-size:14px}
.rcard .x{margin-left:auto;font-size:13px;color:var(--muted);background:none;border:0;padding:6px}
.rdetail{background:var(--card);border-radius:28px;padding:28px 32px;overflow-y:auto;min-height:0}
.rdetail h2{font-family:var(--display);font-weight:400;font-size:32px;margin:0}
.tlog{display:flex;flex-direction:column;gap:10px;margin:18px 0 26px;padding:18px;background:var(--bg);border-radius:20px}
.tlog .t{font-size:15px;max-width:80%;padding:8px 14px;border-radius:16px;white-space:pre-wrap}
.tlog .ai{background:var(--card);align-self:flex-start}
.tlog .fu{border:2px dashed var(--leaf)}
.tlog .me2{background:var(--leaf-soft);align-self:flex-end}
.emptyr{display:grid;place-items:center;text-align:center;color:var(--muted);gap:10px}
.emptyr img{width:150px}
@media (max-width:900px){#records .wrapk{grid-template-columns:1fr}}