.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-3);color:var(--text-primary);cursor:pointer;font-weight:600;white-space:nowrap;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.btn--md{padding:.6rem 1rem;font-size:var(--text-sm)}.btn--sm{padding:.4rem .7rem;font-size:var(--text-xs)}.btn--icon-only.btn--md{padding:.6rem}.btn--icon-only.btn--sm{padding:.4rem}.btn--block{width:100%}.btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-4)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,var(--brand-500),var(--brand-600));border-color:var(--brand-600);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg,var(--brand-400),var(--brand-500));border-color:var(--brand-500)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-subtle);color:var(--text-primary)}.btn--danger{background:var(--danger-soft);border-color:#f4576f66;color:var(--danger-500)}.btn--danger:hover:not(:disabled){background:var(--danger-500);border-color:var(--danger-500);color:#fff}.shell{display:flex;flex-direction:column;min-height:100vh}.shell__header{position:sticky;inset-block-start:0;z-index:40;background:color-mix(in srgb,var(--surface-1) 80%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block-end:1px solid var(--border-subtle)}.shell__header-inner{max-width:var(--content-max);margin-inline:auto;min-height:var(--header-height);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-4)}.shell__brand{display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary);flex-shrink:0}.shell__brand:hover{color:var(--text-primary)}.shell__brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background:linear-gradient(140deg,var(--brand-500),var(--info-500));color:#fff;font-size:1.2rem}.shell__brand-text{display:flex;flex-direction:column;font-weight:700;line-height:1.2}.shell__brand-text small{font-size:var(--text-xs);font-weight:500;color:var(--text-muted)}.shell__nav{display:flex;align-items:center;gap:var(--space-1);margin-inline-end:auto}.shell__nav-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem .9rem;border-radius:var(--radius-md);border:1px solid transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.shell__nav-link:hover{background:var(--surface-3);color:var(--text-primary)}.shell__nav-link--active{background:var(--brand-soft);border-color:#7c5cff52;color:var(--brand-400)}.shell__account{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.shell__user{display:inline-flex;align-items:center;gap:var(--space-2);padding:.3rem .7rem .3rem .3rem;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--border-subtle);font-size:var(--text-xs);font-weight:600;max-width:12rem}.shell__user img{border-radius:var(--radius-pill)}.shell__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell__main{flex:1;width:100%;max-width:var(--content-max);margin-inline:auto;padding:var(--space-6) var(--space-4)}.shell__footer{max-width:var(--content-max);margin-inline:auto;width:100%;padding:var(--space-4);border-block-start:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-xs)}.shell__footer span{display:inline-flex;align-items:center;gap:var(--space-2)}.shell__account>.btn:last-child{display:none}@media(max-width:720px){.shell__brand-text small,.shell__user-name{display:none}.shell__account>.btn:last-child{display:inline-flex}.shell__nav{position:absolute;inset-block-start:100%;inset-inline:0;flex-direction:column;align-items:stretch;gap:var(--space-1);padding:var(--space-3);background:var(--surface-2);border-block-end:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);display:none}.shell__nav--open{display:flex;animation:fade-in-up var(--duration-base) var(--ease)}.shell__main{padding:var(--space-4) var(--space-3)}}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field__label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:var(--text-secondary)}.field__control{width:100%;padding:.6rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-1);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}.field__control::placeholder{color:var(--text-muted)}.field__control:hover:not(:disabled){border-color:var(--border-strong)}.field__control:focus{outline:none;border-color:var(--brand-500);background:var(--surface-2);box-shadow:0 0 0 3px var(--brand-ring)}.field__control:disabled{opacity:.6;cursor:not-allowed}.field__select-wrap{position:relative;display:grid}.field__control--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-end:2.2rem;cursor:pointer;direction:rtl}.field__caret{position:absolute;inset-inline-end:.8rem;inset-block-start:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}.field__hint,.field__error{font-size:var(--text-xs);line-height:1.5;display:flex;align-items:center;gap:var(--space-1)}.field__hint{color:var(--text-muted)}.field__error{color:var(--danger-500)}.field--invalid .field__control{border-color:var(--danger-500)}.field--invalid .field__control:focus{box-shadow:0 0 0 3px var(--danger-soft)}.toast-viewport{position:fixed;inset-block-end:var(--space-4);inset-inline-start:var(--space-4);z-index:60;display:flex;flex-direction:column;gap:var(--space-2);max-width:min(24rem,calc(100vw - 2rem));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-3);box-shadow:var(--shadow-lg);font-size:var(--text-sm);pointer-events:auto;animation:fade-in-up var(--duration-base) var(--ease)}.toast__icon{flex-shrink:0;font-size:1.15rem;margin-block-start:.1rem}.toast__message{flex:1;line-height:1.5}.toast__close{background:none;border:0;padding:0;cursor:pointer;color:var(--text-muted);display:grid;place-items:center;transition:color var(--duration-fast) var(--ease)}.toast__close:hover{color:var(--text-primary)}.toast--success{border-color:var(--success-500);background:linear-gradient(180deg,var(--success-soft),var(--surface-3))}.toast--success .toast__icon{color:var(--success-500)}.toast--danger{border-color:var(--danger-500);background:linear-gradient(180deg,var(--danger-soft),var(--surface-3))}.toast--danger .toast__icon{color:var(--danger-500)}.toast--warning{border-color:var(--warning-500);background:linear-gradient(180deg,var(--warning-soft),var(--surface-3))}.toast--warning .toast__icon{color:var(--warning-500)}.toast--info{border-color:var(--info-500);background:linear-gradient(180deg,var(--info-soft),var(--surface-3))}.toast--info .toast__icon{color:var(--info-500)}.add-account{display:flex;flex-direction:column;gap:var(--space-5);max-width:46rem;margin-inline:auto}.add-account__header{display:flex;flex-direction:column;gap:var(--space-2)}.add-account__header p{font-size:var(--text-sm)}.add-account__form{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5)}.add-account__section{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.add-account__section legend{display:flex;align-items:center;gap:var(--space-2);padding:0;margin-block-end:var(--space-1);font-size:var(--text-sm);font-weight:700;color:var(--brand-400)}.add-account__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--space-4)}.add-account__token{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:start}.add-account__token>.btn{margin-block-start:1.65rem}.add-account__hint{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--info-soft);border:1px solid rgba(34,211,238,.25);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.7}.add-account__hint>:first-child{color:var(--info-500);font-size:1.1rem;flex-shrink:0;margin-block-start:.1rem}.add-account__checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-3)}.check{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-subtle);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease)}.check:hover{border-color:var(--border-strong)}.check input{width:1.05rem;height:1.05rem;accent-color:var(--brand-500);cursor:pointer}.check:has(input:checked){border-color:#7c5cff66;background:var(--brand-soft)}.device-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-3)}.device-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-subtle);cursor:pointer;transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}.device-option:hover{border-color:var(--border-strong)}.device-option input{position:absolute;opacity:0;pointer-events:none}.device-option:has(input:focus-visible){outline:2px solid var(--brand-400);outline-offset:2px}.device-option__icon{font-size:1.6rem;color:var(--text-muted);margin-block-start:.1rem;transition:color var(--duration-fast) var(--ease)}.device-option__body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.device-option__body strong{font-size:var(--text-sm);font-weight:650}.device-option__body small{font-size:var(--text-xs);color:var(--text-muted);line-height:1.6}.device-option--active{background:var(--brand-soft);border-color:#7c5cff66}.device-option--active .device-option__icon{color:var(--brand-400)}.add-account__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;padding-block-start:var(--space-2);border-block-start:1px solid var(--border-subtle)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.25rem .6rem;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--neutral-soft);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;line-height:1.6;white-space:nowrap}.badge--success{background:var(--success-soft);border-color:#2dd4a759;color:var(--success-500)}.badge--warning{background:var(--warning-soft);border-color:#f0b42959;color:var(--warning-500)}.badge--danger{background:var(--danger-soft);border-color:#f4576f59;color:var(--danger-500)}.badge--info{background:var(--info-soft);border-color:#22d3ee59;color:var(--info-500)}.badge--brand{background:var(--brand-soft);border-color:#7c5cff59;color:var(--brand-400)}.badge--neutral{background:var(--neutral-soft);border-color:var(--border-subtle);color:var(--text-secondary)}.account-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);position:relative;overflow:hidden;transition:border-color var(--duration-base) var(--ease),transform var(--duration-base) var(--ease)}.account-card:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:var(--accent, var(--neutral-500))}.account-card--success{--accent: var(--success-500)}.account-card--info{--accent: var(--info-500)}.account-card--warning{--accent: var(--warning-500)}.account-card--danger{--accent: var(--danger-500)}.account-card--neutral{--accent: var(--border-strong)}.account-card:hover{border-color:var(--border-strong)}.account-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.account-card__identity{display:flex;align-items:center;gap:var(--space-3);min-width:0}.account-card__avatar{width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-3);object-fit:cover;flex-shrink:0}.account-card__avatar--fallback{display:grid;place-items:center;color:var(--text-muted);font-size:1.35rem}.account-card__names{min-width:0}.account-card__names h3{font-size:var(--text-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card__handle{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);direction:ltr;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card__header-actions{display:flex;align-items:center;gap:var(--space-2)}.account-card__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-subtle)}.account-card__meta dt{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);margin-block-end:.2rem}.account-card__meta dd{margin:0;font-size:var(--text-sm);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card__toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:var(--space-2)}.toggle-pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.55rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-1);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.toggle-pill:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3);color:var(--text-primary)}.toggle-pill--active{background:var(--brand-soft);border-color:#7c5cff66;color:var(--brand-400)}.toggle-pill:disabled{opacity:.45;cursor:not-allowed}.account-card__reason{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--danger-soft);border:1px solid rgba(244,87,111,.3);color:var(--danger-500);font-size:var(--text-xs);line-height:1.6}.account-card__notice{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--info-soft);border:1px solid rgba(34,211,238,.28);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.6}.account-card__notice>:first-child{color:var(--info-500);font-size:1.05rem;flex-shrink:0;margin-block-start:.1rem}.account-card__editor{display:flex;flex-direction:column;gap:var(--space-3);padding-block-start:var(--space-4);border-block-start:1px dashed var(--border-subtle);animation:fade-in-up var(--duration-base) var(--ease)}.account-card__editor-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--space-3)}.account-card__editor-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.account-card__confirm{display:inline-flex;align-items:center;gap:var(--space-2);padding:.25rem .6rem;border-radius:var(--radius-md);background:var(--danger-soft);border:1px solid rgba(244,87,111,.3);font-size:var(--text-xs)}.activity{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.activity__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.activity__header h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base)}.activity__empty{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding-block:var(--space-3)}.activity__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);max-height:26rem;overflow-y:auto}.activity__item{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-subtle);border-inline-start-width:3px}.activity__item--info{border-inline-start-color:var(--info-500)}.activity__item--warning{border-inline-start-color:var(--warning-500)}.activity__item--danger{border-inline-start-color:var(--danger-500)}.activity__icon{font-size:1.1rem;margin-block-start:.15rem}.activity__item--info .activity__icon{color:var(--info-500)}.activity__item--warning .activity__icon{color:var(--warning-500)}.activity__item--danger .activity__icon{color:var(--danger-500)}.activity__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.activity__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm)}.activity__row time{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.activity__detail{font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono);word-break:break-word}.activity__diagnosis{display:flex;flex-direction:column;gap:var(--space-1);margin-block-start:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--text-xs);line-height:1.6}.activity__diagnosis p{display:flex;align-items:flex-start;gap:var(--space-2);color:var(--text-secondary)}.activity__fix{color:var(--success-500)!important}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);text-align:center}.empty-state__icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-lg);background:var(--brand-soft);border:1px solid rgba(124,92,255,.28);color:var(--brand-400);font-size:1.75rem}.empty-state p{max-width:34rem;font-size:var(--text-sm)}.dashboard{display:flex;flex-direction:column;gap:var(--space-5)}.dashboard__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--space-3)}.metric{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.metric__icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);font-size:1.35rem;flex-shrink:0}.metric__icon--brand{background:var(--brand-soft);color:var(--brand-400)}.metric__icon--success{background:var(--success-soft);color:var(--success-500)}.metric__icon--warning{background:var(--warning-soft);color:var(--warning-500)}.metric__icon--info{background:var(--info-soft);color:var(--info-500)}.metric__label{font-size:var(--text-xs);color:var(--text-muted)}.metric__value{font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.metric__value--sm{font-size:var(--text-lg)}.dashboard__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.dashboard__toolbar h2{font-size:var(--text-lg)}.segmented{display:inline-flex;padding:.2rem;gap:.2rem;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border-subtle)}.segmented__item{display:inline-flex;align-items:center;gap:var(--space-1);padding:.4rem .75rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.segmented__item:hover{color:var(--text-primary)}.segmented__item--active{background:var(--brand-soft);color:var(--brand-400)}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(21rem,1fr));gap:var(--space-4);align-items:start}.skeleton-card{height:16rem;background:linear-gradient(100deg,var(--surface-2) 30%,var(--surface-3) 50%,var(--surface-2) 70%);background-size:250% 100%;animation:skeleton 1.4s var(--ease) infinite}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.dashboard__legend{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-block-start:var(--space-2)}@media(max-width:640px){.dashboard__grid{grid-template-columns:1fr}.dashboard__toolbar{align-items:stretch}.segmented{flex:1}.segmented__item{flex:1;justify-content:center}}.login{min-height:100vh;display:grid;place-items:center;padding:var(--space-5) var(--space-4)}.login__card{width:min(30rem,100%);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center;box-shadow:var(--shadow-lg)}.login__mark{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-lg);background:linear-gradient(140deg,var(--brand-500),var(--info-500));color:#fff;font-size:1.9rem}.login__intro{display:flex;flex-direction:column;gap:var(--space-2)}.login__intro p{font-size:var(--text-sm)}.login__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:.85rem 1.25rem;border-radius:var(--radius-md);background:linear-gradient(180deg,var(--brand-500),var(--brand-600));color:#fff;font-weight:700;font-size:var(--text-base);transition:background var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.login__button:hover{background:linear-gradient(180deg,var(--brand-400),var(--brand-500));color:#fff}.login__button:active{transform:translateY(1px)}.login__error{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);border-radius:var(--radius-md);background:var(--danger-soft);border:1px solid rgba(244,87,111,.32);color:var(--danger-500);font-size:var(--text-sm);text-align:start}.login__features{list-style:none;margin:0;padding:var(--space-4);width:100%;display:flex;flex-direction:column;gap:var(--space-3);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-subtle);text-align:start}.login__features li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.login__features li>:first-child{color:var(--brand-400);font-size:1.1rem;margin-block-start:.15rem}.login__notice{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);text-align:start;line-height:1.6}.login__notice>:first-child{margin-block-start:.15rem;flex-shrink:0}:root{--surface-0: #08080d;--surface-1: #0b0b12;--surface-2: #11121b;--surface-3: #171826;--surface-4: #1f2133;--border-subtle: #22243a;--border-strong: #303352;--text-primary: #eceefb;--text-secondary: #a7abc9;--text-muted: #6f7495;--text-inverse: #0b0b12;--brand-400: #9a86ff;--brand-500: #7c5cff;--brand-600: #6544e0;--brand-soft: rgba(124, 92, 255, .14);--brand-ring: rgba(124, 92, 255, .32);--success-500: #2dd4a7;--success-soft: rgba(45, 212, 167, .14);--warning-500: #f0b429;--warning-soft: rgba(240, 180, 41, .14);--danger-500: #f4576f;--danger-soft: rgba(244, 87, 111, .14);--info-500: #22d3ee;--info-soft: rgba(34, 211, 238, .14);--neutral-500: #6f7495;--neutral-soft: rgba(111, 116, 149, .14);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);--font-sans: "Segoe UI", "Noto Kufi Arabic", "Tajawal", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "Consolas", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--ease: cubic-bezier(.2, .7, .3, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--content-max: 1180px;--header-height: 64px}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{min-height:100%}body{background:radial-gradient(90rem 40rem at 80% -10%,rgba(124,92,255,.12),transparent 60%),radial-gradient(70rem 35rem at 0% 100%,rgba(34,211,238,.08),transparent 60%),var(--surface-1);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{line-height:1.3;font-weight:650;letter-spacing:-.01em}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}a{color:var(--brand-400);text-decoration:none;transition:color var(--duration-fast) var(--ease)}a:hover{color:var(--brand-500)}button,input,select,textarea{font:inherit;color:inherit}img{display:block;max-width:100%}code,kbd,samp{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:2px solid var(--brand-400);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--brand-ring)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-1)}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:var(--radius-pill);border:2px solid var(--surface-1)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.surface-card{background:linear-gradient(160deg,var(--surface-2),var(--surface-1));border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.cluster{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}