:root{--bg-deep: #0b1324;--bg: #0f172a;--panel: #111827;--surface-1: #172135;--surface-2: #1b243a;--border: #27324a;--text: #e6edf6;--text-muted: #9aa6b2;--accent: #22d3ee;--accent-strong: #06b6d4;--danger: #ef4444;--warn: #f59e0b;--success: #10b981;--shadow-sm: 0 6px 16px rgba(3, 7, 18, .35);--shadow-lg: 0 18px 40px rgba(3, 7, 18, .45);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--space-1: 6px;--space-2: 10px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--tap-target: 44px;--font-body: "IBM Plex Sans", "Segoe UI", Tahoma, sans-serif;--font-head: "Space Grotesk", "Segoe UI", Tahoma, sans-serif;--font-mono: "IBM Plex Mono", "Consolas", "Courier New", monospace;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,[role=button],a{touch-action:manipulation}button,[role=button]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible){outline:none}.add-record-btn:active:not(:disabled),.primary-btn:active:not([disabled]),.secondary-btn:active:not([disabled]),.danger-btn:active:not([disabled]){opacity:.85}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(900px 700px at 10% -10%,rgba(34,211,238,.12),transparent 55%),linear-gradient(165deg,var(--bg-deep),var(--bg));min-height:100dvh}h1,h2,h3,h4,h5{font-family:var(--font-head);font-weight:600;letter-spacing:.2px;margin:0 0 var(--space-3)}p{margin:0 0 var(--space-3);color:var(--text-muted)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tab-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.header-main{display:flex;flex-direction:column;gap:4px}.tab-header h3{margin:0;color:var(--text);font-size:20px}.header-summary{margin:0;color:var(--text-muted);font-size:13px;font-weight:600}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-control,.sort-control{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-weight:600;font-size:14px}.search-control input,.sort-control select{border:1px solid var(--border);border-radius:8px;background:#0a122099;color:var(--text);font:inherit;padding:9px 12px}.search-control input{width:180px}.search-control input::placeholder{color:var(--text-muted)}.add-record-btn{border:0;border-radius:8px;background:var(--accent);color:#051018;font-weight:600;padding:10px 14px;cursor:pointer;transition:background .2s ease}.add-record-btn:hover{background:var(--accent-strong)}.add-record-btn:disabled{opacity:.6;cursor:not-allowed;background:var(--accent)}.status-message{margin:0;color:var(--text-muted)}.status-message.error{color:var(--danger)}@media(max-width:768px){.tab-header,.tab-header .header-actions{flex-direction:column;align-items:stretch}.search-control,.sort-control{width:100%}.search-control input,.sort-control select{width:100%;font-size:16px}}.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:16px}.primary-btn,.secondary-btn,.danger-btn{border:0;border-radius:8px;padding:9px 14px;cursor:pointer;font-weight:600}.primary-btn{background:var(--accent);color:#051018}.secondary-btn{background:#0f172a99;color:var(--text);border:1px solid var(--border)}.danger-btn{background:var(--danger);color:#051018}.primary-btn[disabled],.secondary-btn[disabled],.danger-btn[disabled]{opacity:.7;cursor:not-allowed}.timeline{--rail-offset: 137px;position:relative;display:flex;flex-direction:column;gap:18px}.timeline:before{content:"";position:absolute;left:var(--rail-offset);top:0;bottom:0;width:2px;background:linear-gradient(180deg,#27324acc,#27324a4d)}.timeline-item{position:relative;display:grid;grid-template-columns:102px 52px auto auto;align-items:center;column-gap:16px;border:0;width:fit-content;max-width:100%;background:transparent;padding:0;text-align:left;cursor:pointer}@media(hover:hover){.timeline-item:hover .entry-content{border-color:#22d3ee99;background:#22d3ee14}}.timeline-item:active .entry-content{border-color:#22d3ee99;background:#22d3ee14}.entry-date{text-align:right;font-size:13px;color:var(--text-muted);font-weight:600;letter-spacing:.02em}.entry-point{z-index:1;width:34px;height:34px;border-radius:999px;background:var(--panel);border:2px solid var(--accent);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 6px 16px #22d3ee33;font-size:15px}.entry-point lucide-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.entry-content{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:#0a122099;width:fit-content;max-width:min(560px,100%)}.entry-warning-side{color:var(--danger);font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}@media(max-width:600px){.timeline{--rail-offset: 20px}.timeline:before{display:none}.timeline-item{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"icon date" "icon content" "icon warn";column-gap:10px;row-gap:4px}.entry-date{grid-area:date;text-align:left;font-size:12px}.entry-point{grid-area:icon;align-self:start;width:28px;height:28px;font-size:13px}.entry-content{grid-area:content;width:100%}.entry-warning-side{grid-area:warn;justify-content:flex-start}}