:root[data-theme=light]{--bg: #ffffff;--ink: #1a1a1a;--muted: #6b6b6b;--line: #e0e0e0;--panel: #f8f8f8;--accent: #0066cc;--warn: #ff9800;--danger: #d32f2f;--link: #0066cc;--success: #2e7d32;--badge-low: #e8f5e9;--badge-low-text: #2e7d32;--badge-medium: #fff3e0;--badge-medium-text: #e65100;--badge-high: #ffebee;--badge-high-text: #c62828}:root[data-theme=dark]{--bg: #1a1a1a;--ink: #e8e8e8;--muted: #9e9e9e;--line: #333333;--panel: #242424;--accent: #4d9fff;--warn: #ffb74d;--danger: #ef5350;--link: #4d9fff;--success: #66bb6a;--badge-low: #1b3a1f;--badge-low-text: #81c784;--badge-medium: #3d2f1f;--badge-medium-text: #ffb74d;--badge-high: #3d1f1f;--badge-high-text: #ef5350}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--ink);transition:background-color .2s ease,color .2s ease}#root{height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}ul{list-style:none}.app-container{display:grid;grid-template-columns:260px 1fr 360px;height:100vh;overflow:hidden}.nav-column{background-color:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}.thread-column{display:flex;flex-direction:column;overflow:hidden}.shield-column{background-color:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}.flex-row{display:flex;flex-direction:row;align-items:center}.flex-col{display:flex;flex-direction:column}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:16px}.p-xs{padding:4px}.p-sm{padding:8px}.p-md{padding:12px}.p-lg{padding:16px}.px-sm{padding-left:8px;padding-right:8px}.px-md{padding-left:12px;padding-right:12px}.py-sm{padding-top:8px;padding-bottom:8px}.py-md{padding-top:12px;padding-bottom:12px}.text-muted{color:var(--muted)}.text-sm{font-size:13px}.text-xs{font-size:12px}.text-bold{font-weight:600}.border-bottom{border-bottom:1px solid var(--line)}.clickable{cursor:pointer;transition:background-color .15s ease}.clickable:hover{background-color:var(--line)}.clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}