:root{--bg-dark: #000000;--bg-surface: #0a0a0a;--bg-surface-hover: #121212;--bg-card: #0c0c0c;--border-color: #1a1a1a;--border-subtle: #262626;--border-hover: #333333;--text-white: #ffffff;--text-primary: #ededed;--text-muted: #888888;--text-dim: #555555;--dot-green: #10b981;--dot-amber: #f59e0b;--dot-red: #ef4444;--dot-blue: #3b82f6;--font-body: -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#1f1f1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#2e2e2e}.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-dark)}.section-container{width:100%;max-width:1140px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4{color:var(--text-white);letter-spacing:-.03em;font-weight:700}p{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);font-weight:500;font-size:.88rem;padding:.65rem 1.4rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.btn-primary{background:#fff;color:#000;font-weight:600;box-shadow:0 2px 10px #ffffff26}.btn-primary:hover{background:#e5e5e5;transform:translateY(-1px);box-shadow:0 4px 16px #ffffff40}.btn-secondary{background:#121212;color:#fff;border:1px solid var(--border-subtle)}.btn-secondary:hover{background:#1a1a1a;border-color:var(--border-hover);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-muted);border:1px solid var(--border-color)}.btn-outline:hover{color:#fff;border-color:var(--border-subtle)}.flat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2.25rem;transition:border-color .2s ease}.flat-card:hover{border-color:var(--border-subtle)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0;vertical-align:middle;transform:translateY(-1px)}.status-dot.green{background:var(--dot-green)}.status-dot.amber{background:var(--dot-amber)}.status-dot.red{background:var(--dot-red)}.status-dot.blue{background:var(--dot-blue)}.card-header-dot{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.pill-tag{display:inline-flex;align-items:center;gap:.75rem;padding:.35rem .85rem;border-radius:999px;font-size:.75rem;font-weight:500;color:var(--text-muted);background:#111;border:1px solid var(--border-color)}.t-btn,.preset-btn,.tab-btn{position:relative;display:inline-flex;align-items:center;gap:.45rem;background:#0f0f0f;border:1px solid #262626;color:var(--text-muted);font-size:.78rem;font-weight:500;padding:.45rem .85rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);overflow:hidden;-webkit-user-select:none;user-select:none}.t-btn:before,.preset-btn:before,.tab-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:none;pointer-events:none}@keyframes sheen-sweep{0%{left:-100%}60%,to{left:100%}}@keyframes pulse-border-glow{0%,to{border-color:#262626;box-shadow:0 0 #fff0}50%{border-color:#555;box-shadow:0 0 10px #ffffff1f}}.t-btn:not(.active-raw):not(.active-clustered),.preset-btn:not(.active),.tab-btn:not(.active){animation:pulse-border-glow 1.8s infinite ease-in-out}.t-btn:not(.active-raw):not(.active-clustered):before,.preset-btn:not(.active):before,.tab-btn:not(.active):before{animation:sheen-sweep 2.2s infinite ease-in-out}.t-btn:hover,.preset-btn:hover,.tab-btn:hover{color:#fff;border-color:#555;transform:translateY(-1.5px);box-shadow:0 4px 14px #0009,inset 0 1px #fff3}.t-btn.active-clustered,.preset-btn.active,.tab-btn.active{background:#fff!important;color:#000!important;font-weight:600!important;border-color:#fff!important;box-shadow:0 2px 10px #fff3,inset 0 1px #ffffff80!important;transform:translateY(0)}.t-btn.active-raw{background:#1f1f1f!important;color:#fff!important;font-weight:600!important;border-color:#ef4444!important;box-shadow:0 2px 10px #ef444433!important}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 850px){.grid-2,.grid-3{grid-template-columns:1fr;gap:1.5rem}}