:root{--green:#1ed760;--green-border:#1db954;--green-hover:#1fdf64;--green-pressed:#169c46;--bg-base:#121212;--bg-surface:#181818;--bg-elevated:#1f1f1f;--bg-card:#252525;--bg-card-alt:#272727;--bg-highlight:#2a2a2a;--text-base:#fff;--text-secondary:#b3b3b3;--text-bright:#cbcbcb;--text-max:#fdfdfd;--text-muted:#6a6a6a;--text-negative:#f3727f;--text-warning:#ffa42b;--text-announcement:#539df5;--text-positive:#1ed760;--border-default:#4d4d4d;--border-light:#7c7c7c;--border-separator:#333;--shadow-heavy:#00000080 0px 8px 24px;--shadow-medium:#0000004d 0px 8px 8px;--shadow-inset:#121212 0px 1px 0px, #7c7c7c 0px 0px 0px 1px inset;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:500px;--radius-full:9999px;--radius-circle:50%;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);color:var(--text-base);background-color:var(--bg-base);min-height:100vh;font-weight:400;line-height:1.5;overflow-x:hidden}#root{min-height:100vh;display:flex}a{color:var(--text-base);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--green)}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font-family);outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.text-title{letter-spacing:-.01em;font-size:1.5rem;font-weight:700;line-height:normal}.text-heading{font-size:1.125rem;font-weight:600;line-height:1.3}.text-body-bold{font-size:1rem;font-weight:700}.text-body{font-size:1rem;font-weight:400}.text-label{text-transform:uppercase;letter-spacing:1.4px;font-size:.875rem;font-weight:700;line-height:1}.text-caption-bold{font-size:.875rem;font-weight:700;line-height:1.5}.text-caption{font-size:.875rem;font-weight:400}.text-small-bold{font-size:.75rem;font-weight:700;line-height:1.5}.text-small{color:var(--text-secondary);font-size:.75rem;font-weight:400}.text-micro{font-size:.625rem;font-weight:400}.text-secondary{color:var(--text-secondary)}.text-positive{color:var(--text-positive)}.text-negative{color:var(--text-negative)}.text-warning{color:var(--text-warning)}.text-info{color:var(--text-announcement)}.btn{justify-content:center;align-items:center;gap:var(--space-3);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:700;display:inline-flex}.btn-pill{composes:btn;background:var(--bg-elevated);color:var(--text-base);border-radius:var(--radius-full);padding:8px 16px}.btn-pill:hover{background:var(--bg-card);transform:scale(1.02)}.btn-pill:active{transform:scale(.98)}.btn-pill-lg{composes:btn;background:var(--bg-surface);color:var(--text-base);border-radius:var(--radius-pill);padding:12px 32px;font-size:1rem}.btn-pill-lg:hover{background:var(--bg-elevated)}.btn-green{composes:btn;background:var(--green);color:#000;border-radius:var(--radius-full);letter-spacing:.14px;padding:10px 24px;font-weight:700}.btn-green:hover{background:var(--green-hover);transform:scale(1.04)}.btn-green:active{background:var(--green-pressed);transform:scale(.98)}.btn-outlined{composes:btn;color:var(--text-base);border-radius:var(--radius-full);border:1px solid var(--border-light);background:0 0;padding:6px 16px}.btn-outlined:hover{border-color:var(--text-base)}.btn-circle{composes:btn;background:var(--bg-elevated);color:var(--text-base);border-radius:var(--radius-circle);padding:12px}.btn-circle:hover{background:var(--bg-card);transform:scale(1.06)}.btn-circle-green{composes:btn;background:var(--green);color:#000;border-radius:var(--radius-circle);padding:12px}.btn-circle-green:hover{background:var(--green-hover);transform:scale(1.08)}.btn-ghost{composes:btn;color:var(--text-secondary);border-radius:var(--radius-md);background:0 0;padding:6px 12px}.btn-ghost:hover{color:var(--text-base);background:#ffffff0d}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none!important}.card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-5);transition:background var(--transition-normal), box-shadow var(--transition-normal)}.card:hover{background:var(--bg-elevated)}.card-elevated{composes:card;box-shadow:var(--shadow-medium)}.card-interactive{composes:card;cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}.input-pill{background:var(--bg-elevated);color:var(--text-base);border-radius:var(--radius-pill);width:100%;box-shadow:var(--shadow-inset);transition:box-shadow var(--transition-fast);border:none;padding:12px 16px;font-size:.875rem}.input-pill::placeholder{color:var(--text-muted)}.input-pill:focus{box-shadow:#121212 0px 1px 0px, var(--text-base) 0px 0px 0px 1px inset}.input-dark{background:var(--bg-base);color:var(--text-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;transition:border-color var(--transition-fast);padding:12px 16px;font-size:.875rem}.input-dark::placeholder{color:var(--text-muted)}.input-dark:focus{border-color:var(--green)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.items-center{align-items:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pipelinePulse{0%,to{box-shadow:0 0 #1ed76066}50%{box-shadow:0 0 0 8px #1ed76000}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease forwards}.animate-slide-up{animation:slideUp var(--transition-slow) ease forwards}.animate-slide-in{animation:slideIn var(--transition-normal) ease forwards}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-card) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.badge{border-radius:var(--radius-sm);text-transform:capitalize;align-items:center;padding:2px 8px;font-size:.625rem;font-weight:600;line-height:1.33;display:inline-flex}.badge-green{color:var(--green);background:#1ed76026}.badge-orange{color:var(--text-warning);background:#ffa42b26}.badge-red{color:var(--text-negative);background:#f3727f26}.badge-blue{color:var(--text-announcement);background:#539df526}.badge-gray{color:var(--text-secondary);background:#b3b3b31a}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-7);width:90%;max-width:480px;max-height:85vh;box-shadow:var(--shadow-heavy);animation:.3s slideUp;overflow-y:auto}.divider{background:var(--border-separator);height:1px;margin:var(--space-5) 0}.traits-grid{flex-wrap:wrap;gap:4px;display:flex}.trait-pill{border-radius:var(--radius-sm);max-width:100%;transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff0f;align-items:center;gap:4px;padding:3px 8px;font-size:.5625rem;line-height:1.4;display:inline-flex;overflow:hidden}.trait-pill:hover{background:#ffffff14;border-color:#ffffff1f}.trait-pill-label{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-weight:500}.trait-pill-value{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.detail-trait-row{transition:background var(--transition-fast);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.detail-trait-row:hover{background:#ffffff08}.detail-trait-name{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.75rem;font-weight:500}.detail-trait-value{color:var(--text-base);text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.75rem;font-weight:600;overflow:hidden}details>summary::-webkit-details-marker{display:none}details[open]>summary .detail-arrow{transform:rotate(90deg)}details>summary span:first-child{transition:transform .15s;display:inline-block}details[open]>summary span:first-child{transform:rotate(90deg)}@media (width<=768px){:root{--space-5:12px;--space-7:20px}}