:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--bg-elevated:#fafafa;--bg-toolbar:#fff;--text:#1a1a1a;--text-muted:#666;--border:#e2e2e2;--border-subtle:#f0f0f0;--border-msg:#e8e8e8;--btn-bg:#fff;--btn-border:#ccc;--primary:#2563eb;--primary-text:#fff;--overlay:#00000059;--banner-bg:#fde68a;--banner-text:#1a1a1a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1a1a1a;--bg-elevated:#242424;--bg-toolbar:#1f1f1f;--text:#e8e8e8;--text-muted:#9aa0a6;--border:#333;--border-subtle:#2a2a2a;--border-msg:#333;--btn-bg:#2a2a2a;--btn-border:#444;--primary:#3b82f6;--primary-text:#fff;--overlay:#0009;--banner-bg:#5b4a12;--banner-text:#fde68a}}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:system-ui,sans-serif}.app{grid-template-columns:360px 1fr;height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);overflow-y:auto}.toolbar{border-bottom:1px solid var(--border);background:var(--bg-toolbar);gap:8px;padding:10px;display:flex;position:sticky;top:0}.toolbar input{flex:1;padding:6px 8px}.thread-item{border-bottom:1px solid var(--border-subtle);cursor:pointer;border-left:3px solid #0000;padding:10px 12px}.thread-item:hover{background:var(--bg-elevated)}.thread-item.unread{font-weight:600}.thread-item.selected{background:var(--bg-elevated);border-left-color:var(--primary)}.thread-item .snippet{color:var(--text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:400;display:-webkit-box;overflow:hidden}.reader{padding:16px;overflow-y:auto}.reader>h3,.reader .card,.reader .list{max-width:720px}.list{margin:0 0 16px;padding:0;list-style:none}.list .row{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.list .row>span:first-child{overflow-wrap:anywhere;min-width:0}.list .row>span:last-child{flex-shrink:0;gap:6px;display:flex}.msg{border:1px solid var(--border-msg);border-radius:8px;margin-bottom:14px}.msg-head{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);padding:10px 12px;font-size:14px}.msg iframe{background:#fff;border:0;width:100%;min-height:200px}.btn{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px}.btn.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:16px}.card input,.card select,.card textarea{width:100%;margin:6px 0;padding:8px;display:block}.modal{background:var(--overlay);place-items:center;display:grid;position:fixed;inset:0}.modal .card{background:var(--bg);width:min(640px,92vw)}.modal input,.modal textarea{width:100%;margin:6px 0;padding:8px}.login{place-items:center;height:100vh;display:grid}.banner{background:var(--banner-bg);color:var(--banner-text);padding:6px 12px;font-size:13px}