html,body{margin:0;background:#000;color:#fff;font:24px/1.3 system-ui,"Noto Sans CJK JP",sans-serif;overflow:hidden}
main{width:600px;height:600px;box-sizing:border-box;padding:18px 22px 14px;display:flex;flex-direction:column;gap:10px}
header{display:flex;justify-content:space-between;align-items:center}
#clock{font-size:52px;font-weight:700;letter-spacing:1px}
#badge{display:flex;align-items:center;gap:10px;font-size:26px}
#dot{width:20px;height:20px;border-radius:50%;background:#888;display:inline-block}
.idle #dot{background:#3ddc84}.busy #dot{background:#ffb020;animation:pulse 1s infinite}.new #dot{background:#4aa8ff}.down #dot{background:#ff4d4d}
@keyframes pulse{50%{opacity:.3}}
#err{background:#5a0000;color:#fff;font-size:26px;font-weight:700;padding:10px 14px;border-radius:12px;text-align:center}
section{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;overflow:hidden}
section[hidden],#err[hidden],#dbg[hidden]{display:none}
.cap{font-size:18px;color:#8fd3ff}.meta{font-size:22px;color:#ccc}.meta b{color:#fff;font-size:28px}
.head{font-size:32px;font-weight:600;line-height:1.3;overflow:hidden}
.cmd{font-size:26px;color:#ddd}
.think{font-size:38px;font-weight:700;color:#ffb020;margin-top:18px}
.dots i{font-style:normal;animation:blink 1.2s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,100%{opacity:.15}50%{opacity:1}}
.reply{font-size:34px;font-weight:600;line-height:1.32}
#hist{list-style:none;margin:0;padding:8px 0 0;border-top:1px solid #333;font-size:19px;color:#bbb}
#hist li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
#hist .t{color:#8fd3ff;margin-right:8px}
#dbg{font-size:13px;color:#777}
#dict{background:#161616;color:#fff;border:2px solid #555;height:56px;box-sizing:border-box;font-size:24px;padding:0 14px;border-radius:28px}

#cards{width:600px}
.card2{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;width:600px;height:600px;padding:22px;border:4px solid #222;border-radius:22px;overflow:hidden;white-space:pre-wrap;word-break:break-word}
.card2:focus{border-color:#8fd3ff;outline:none}
.card2 .ct{font-size:18px;color:#8fd3ff}.card2 .cq{font-size:24px;color:#ddd}
.card2 .cr{font-size:28px;font-weight:600;line-height:1.35;flex:1;overflow:hidden}
.card2 .cr.small{font-size:23px}
.card2 .cn{font-size:16px;color:#777;text-align:center}