:root{color-scheme:light dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.layout{display:grid;grid-template-columns:220px 1fr;height:100%}.sidebar{border-right:1px solid #ccc;padding:12px}.content{padding:16px;overflow:auto}.nav a{display:block;padding:8px;margin:4px 0;text-decoration:none;border-radius:6px}.nav a.active{background:#2d6cdf;color:#fff}.nav a:hover{background:#e5e5e5}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:12px}button{cursor:pointer;padding:6px 10px;border-radius:6px;border:1px solid #aaa;background:#f7f7f7}button.primary{background:#2d6cdf;color:#fff;border-color:#2d6cdf}input,textarea,select{width:100%;padding:8px;border:1px solid #aaa;border-radius:6px}.grid{display:grid;gap:8px}.card{border:1px solid #ddd;border-radius:8px;padding:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.muted{opacity:.75}.list{display:grid;gap:8px}.row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start}.row .meta{font-size:12px}.tag{display:inline-block;padding:2px 6px;border-radius:999px;background:#eee;font-size:12px;margin-right:4px}.post-body:hover{background-color:#f0f0f0!important}.replies-container{margin-top:8px;margin-left:16px;border-left:2px solid #ddd;padding-left:12px}.reply-item{margin-bottom:8px;padding:8px;background:#f9f9f9;border-radius:6px;border:1px solid #e5e5e5}.reply-content{margin-bottom:4px}.reply-meta{font-size:11px;opacity:.7}.reply-item.error{background:#ffebee;border-color:#ffcdd2;color:#c62828}