* { box-sizing: border-box; }
body { margin: 0; font: 14px/1.4 system-ui, sans-serif; }
.lv { border: 3px solid #888; margin: 4px; padding: 4px; min-width: 0; }
.bar { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; padding: 2px 4px; color: #fff; }
.bar input { width: 6em; }
.stamp { background: #fff; padding: 0 4px; font-size: 11px; animation: flash 1.6s ease-out; }
@keyframes flash { 0% { background: currentColor; color: #fff; } 100% { background: #fff; } }
.row { display: flex; flex-wrap: wrap; }
.main { flex: 3 1 240px; min-width: 0; }
.side { flex: 1 1 160px; min-width: 0; }
nav a, .tabs a { margin-right: 8px; }
.tabs a.on { font-weight: bold; text-decoration: underline; }
.widget { border: 2px dashed #888; margin: 4px; padding: 2px; }
.rows div { padding: 1px 4px; border-bottom: 1px solid #ddd; }