.aoying-tab { border-color: #805e36; color: #e5b779; }
.aoying-tab[aria-pressed="true"] { background: #302319; border-color: #e5b779; }
#aoyingUnread { border-radius: 9px; background: #e5b779; color: #161310; padding: 0 5px; }
.aoying-pane { --ao-accent: #7ab6e8; --ao-muted: #929c97; --ao-line: #353c39; --ao-bg: #101613; }
#aoyingMonitorPane { display: flex; flex-direction: column; min-height: 0; overflow: hidden; gap: 0; }
.aoying-pane[hidden] { display: none; }
.aoying-toolbar { display:flex; align-items:center; gap:5px; flex:0 0 auto; padding:2px 0 6px; }
.aoying-toolbar .aoying-sources { flex:1; margin:0; gap:4px; }
.aoying-toolbar .ghost-button { font-size:10px; padding:4px 6px; }
.aoying-scope { flex:0 0 auto; margin:0 0 7px; color:var(--ao-muted); font-size:10px; }
.aoying-status-text:empty { display:none; }
.aoying-tools, .aoying-sources, .aoying-card-head, .aoying-dialog-head { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.aoying-tools { justify-content: space-between; padding-bottom: 10px; }
.aoying-tools strong { color: var(--ao-accent); font-size: 13px; }
.aoying-tools small, .aoying-hint { color: var(--ao-muted); font-size: 11px; line-height: 1.6; }
.aoying-sources { margin-bottom: 10px; }
.aoying-source { border: 1px solid var(--ao-line); border-radius: 4px; padding: 4px 6px; color: #b7bebc; font-size: 10px; }
.aoying-source[data-state="live"] { border-color: #33785a; color: #8fdbb3; }
.aoying-source[data-state="offline"], .aoying-source[data-state="reconnecting"], .aoying-source[data-state="error"] { color: #eeae86; }
.aoying-controls { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.aoying-feed { display: grid; align-content:start; gap:7px; min-height:0; flex:1 1 0; overflow:auto; overscroll-behavior:contain; scrollbar-color:#454d49 #111513; scrollbar-width:thin; padding-right:3px; }
.aoying-card { padding:0; border:1px solid var(--ao-line); border-radius:3px; background:var(--ao-bg); overflow-wrap:anywhere; }
.aoying-card:hover, .aoying-card.active { border-color:var(--ao-accent); }
.aoying-card.active { background:#101d25; }
.aoying-select { display:block; width:100%; text-align:left; color:#e4e9e6; background:transparent; border:0; border-radius:2px; padding:10px; cursor:pointer; font:inherit; user-select:text; }
.aoying-card-head { justify-content:flex-start; font-size:10px; color:var(--ao-muted); gap:5px; }
.aoying-card-head > * { border:1px solid var(--ao-line); border-radius:3px; padding:3px 5px; }
.aoying-card-head b { color:#e4e9e6; }
.aoying-time { color:var(--ao-muted); font:9px/1.6 Consolas,"SFMono-Regular",monospace; margin:7px 0; font-variant-numeric:tabular-nums; }
.aoying-event-body { border-left:3px solid var(--ao-accent); padding-left:9px; }
.aoying-card h3 { font-size:14px; line-height:1.55; margin:0 0 6px; font-weight:600; }
.aoying-card h3 em { color:var(--ao-accent); font-style:normal; }
.aoying-card .long { color:#8bdbb6; }
.aoying-card .short { color:#ed8d9c; }
.aoying-card .neutral { color:#d0d8d3; }
.aoying-card p { font-size: 12px; line-height: 1.6; margin: 4px 0; white-space: pre-wrap; }
.aoying-card .aoying-post { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.aoying-tags { display:flex; flex-wrap:wrap; gap:4px; margin-top:10px; color:#a6b0aa; font-size:10px; }
.aoying-tags span { border:1px solid var(--ao-line); padding:2px 5px; border-radius:3px; }
.aoying-card details { color:var(--ao-muted); padding:0 10px 9px; font-size:11px; }
.aoying-card summary { cursor:pointer; width:fit-content; padding:3px 0; }
.aoying-card details p { font-size:11px; }
.aoying-card summary:focus-visible { outline:2px solid var(--ao-accent); outline-offset:2px; }
.aoying-card .aoying-numbers { font-variant-numeric: tabular-nums; font-family: Consolas, "SFMono-Regular", monospace; font-size: 11px; color: #c1ccc5; }
.aoying-card .aoying-reported { color: #b7a58c; }
.aoying-card footer { display: flex; justify-content: space-between; gap: 8px; margin-top: 7px; font-size: 10px; color: var(--ao-muted); }
.aoying-card a, .aoying-dialog a { color: #e5b779; }
.aoying-empty { padding: 34px 12px; text-align: center; color: var(--ao-muted); font-size: 12px; line-height: 1.8; border: 1px dashed var(--ao-line); }
.aoying-dialog { width: min(520px, calc(100vw - 24px)); max-height: 85vh; overflow: auto; padding: 20px; background: #131917; color: #e5ebe7; border: 1px solid #805e36; border-radius: 10px; }
.aoying-dialog::backdrop { background: #000a; }
.aoying-dialog-head { justify-content: space-between; margin-bottom: 14px; }
.aoying-dialog h2 { margin: 0; font-size: 18px; }
.aoying-dialog p, .aoying-dialog li { font-size: 13px; line-height: 1.8; }
.aoying-dialog ol { padding-left: 20px; }
.aoying-dialog input { display: block; width: 100%; padding: 10px; margin: 8px 0; background: #0b100d; color: #e5b779; border: 1px solid #4d554d; border-radius: 4px; }
.aoying-dialog code { overflow-wrap: anywhere; }
.aoying-dialog button:focus-visible, .aoying-pane button:focus-visible, .aoying-tab:focus-visible { outline: 2px solid #e5b779; outline-offset: 3px; }
.aoying-status-text { color: #e5b779; font-size: 12px; margin: 6px 0; }
@media (max-width: 560px) { .aoying-controls .ghost-button { padding:5px 7px; } .aoying-card h3 { font-size:13px; } .aoying-time { font-size:8px; } }