.header{text-align:center;padding:80px 0 48px}.header__content{flex-direction:column;align-items:center;gap:24px;display:flex}.header__title{letter-spacing:-.03em;color:#f5f5f7;margin:0;font-size:56px;font-weight:700}.header__subtitle{color:#86868b;letter-spacing:-.01em;margin:8px 0 0;font-size:21px;font-weight:400}@media (width<=768px){.header{padding:48px 0 32px}.header__title{font-size:36px}.header__subtitle{font-size:17px}}.footer{border-top:1px solid #ffffff0f;margin-top:80px;padding:48px 0 32px}.footer__note{color:#6e6e73;justify-content:center;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.footer__note p{margin:0}.hw-card{background:#1d1d1f;border-radius:18px;padding:24px;transition:transform .3s}.hw-card:hover{transform:scale(1.02)}.hw-card__icon{color:#2997ff;margin-bottom:12px}.hw-card__label{color:#86868b;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:12px;font-weight:600}.hw-card__value{color:#f5f5f7;letter-spacing:-.02em;margin:0 0 6px;font-size:32px;font-weight:700}.hw-card__confidence{text-transform:uppercase;letter-spacing:.02em;margin-left:8px;font-size:11px;font-weight:500}.hw-card__subtext{color:#6e6e73;margin:0;font-size:13px}.hw-dashboard{margin-bottom:56px}.hw-dashboard__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.hw-dashboard__title{letter-spacing:-.02em;color:#f5f5f7;margin:0;font-size:28px;font-weight:600}.hw-dashboard__refresh{color:#86868b;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:980px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .3s;display:flex}.hw-dashboard__refresh:hover{color:#f5f5f7;border-color:#ffffff4d}.hw-dashboard__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.hw-dashboard__grid{grid-template-columns:1fr}.hw-dashboard__title{font-size:24px}}.filter-chip{color:#86868b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1f;border-radius:980px;align-items:center;padding:6px 14px;font-size:13px;font-weight:500;transition:all .3s;display:inline-flex}.filter-chip:hover{color:#f5f5f7;border-color:#ffffff4d}.filter-chip--active{color:#1d1d1f;background:#f5f5f7;border-color:#f5f5f7}.filter-chip--active:hover{background:#e8e8ed;border-color:#e8e8ed}.filter-bar{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.filter-bar__search{align-items:center;display:flex;position:relative}.filter-bar__search-icon{color:#86868b;pointer-events:none;position:absolute;left:14px}.filter-bar__input{color:#f5f5f7;box-sizing:border-box;background:#1d1d1f;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 40px;font-size:15px;transition:border-color .3s}.filter-bar__input::placeholder{color:#6e6e73}.filter-bar__input:focus{border-color:#2997ff}.filter-bar__clear{color:#86868b;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1;position:absolute;right:8px}.filter-bar__clear:hover{color:#f5f5f7}.filter-bar__row{align-items:flex-start;gap:12px;display:flex}.filter-bar__group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-bar__label{color:#86868b;text-transform:uppercase;letter-spacing:.04em;min-width:80px;font-size:12px;font-weight:600}.filter-bar__chips{flex-wrap:wrap;gap:8px;display:flex}.filter-bar__footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.filter-bar__sort{align-items:center;gap:8px;display:flex}.filter-bar__select{color:#f5f5f7;cursor:pointer;background:#1d1d1f;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:6px 10px;font-size:13px}.filter-bar__sort-dir{color:#f5f5f7;cursor:pointer;background:#1d1d1f;border:1px solid #ffffff1a;border-radius:8px;padding:6px 10px;font-size:16px;line-height:1}.filter-bar__sort-dir:hover{border-color:#ffffff4d}.filter-bar__meta{align-items:center;gap:12px;display:flex}.filter-bar__count{color:#86868b;font-size:13px}.filter-bar__reset{color:#2997ff;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500}.filter-bar__reset:hover{text-decoration:underline}@media (width<=768px){.filter-bar__group{flex-direction:column;align-items:flex-start;gap:6px}.filter-bar__label{min-width:unset}.filter-bar__footer{flex-direction:column;align-items:flex-start;gap:12px}}.compat-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:980px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.compat-badge--optimal{color:#30d158;background:#30d15826}.compat-badge--slow{color:#ffd60a;background:#ffd60a26}.compat-badge--incompatible{color:#ff453a;background:#ff453a26}.model-card{background:#1d1d1f;border-radius:18px;flex-direction:column;padding:28px;transition:transform .3s;display:flex}.model-card:hover{transform:scale(1.02)}.model-card__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.model-card__name{color:#f5f5f7;letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.model-card__badges{flex-shrink:0;gap:6px;display:flex}.model-card__family{color:#2997ff;background:#2997ff1f;border-radius:6px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.model-card__source{color:#86868b;background:#ffffff0f;border-radius:6px;align-items:center;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.model-card__desc{color:#86868b;margin:0 0 14px;font-size:14px;line-height:1.5}.model-card__meta{background:#ffffff08;border-radius:10px;flex-direction:column;gap:6px;margin-bottom:14px;padding:12px 14px;display:flex}.model-card__meta-item{align-items:center;gap:10px;display:flex}.model-card__meta-label{color:#6e6e73;text-transform:uppercase;letter-spacing:.03em;min-width:72px;font-size:11px;font-weight:600}.model-card__meta-value{color:#f5f5f7;font-size:13px;font-weight:500}.model-card__tags{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.model-card__tag{color:#6e6e73;background:#ffffff0a;border-radius:6px;padding:3px 8px;font-size:12px}.model-card__requirements{flex-direction:column;gap:8px;margin-top:auto;margin-bottom:16px;display:flex}.model-card__req{background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.model-card__req-info{flex-direction:column;gap:2px;display:flex}.model-card__quant{color:#f5f5f7;font-size:13px;font-weight:600}.model-card__vram{color:#6e6e73;font-size:12px}.model-card__overall{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.model-card__overall-label{color:#86868b;font-size:13px;font-weight:500}.model-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.model-grid__empty{text-align:center;color:#6e6e73;padding:64px 0;font-size:16px}@media (width<=768px){.model-grid{grid-template-columns:1fr}}.carbon-ad{max-width:400px;min-height:100px;margin:0 auto 32px}.carbon-ad #carbonads{background:#1d1d1f;border-radius:14px;gap:12px;padding:16px;font-family:inherit;display:flex}.carbon-ad .carbon-wrap{align-items:flex-start;gap:12px;display:flex}.carbon-ad .carbon-img{flex-shrink:0}.carbon-ad .carbon-img img{border-radius:8px;width:100px;height:auto;display:block}.carbon-ad .carbon-text{color:#86868b;font-size:13px;line-height:1.4;text-decoration:none;display:block}.carbon-ad .carbon-text:hover{color:#f5f5f7}.carbon-ad .carbon-poweredby{color:#6e6e73;margin-top:6px;font-size:10px;text-decoration:none;display:block}*,:before,:after{box-sizing:border-box}:root{--color-bg:#000;--color-card:#1d1d1f;--color-accent:#2997ff;--color-text:#f5f5f7;--color-text-secondary:#86868b;--color-text-tertiary:#6e6e73;--color-border:#ffffff0f;--ease:cubic-bezier(.25, .1, .25, 1);--duration:.3s;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);margin:0;padding:0}#root,.app{min-height:100vh}.app__container{max-width:1080px;margin:0 auto;padding:0 24px}.loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.loading__spinner{border:3px solid #ffffff1a;border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.loading__text{color:var(--color-text-secondary);margin:0;font-size:15px}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#2997ff4d}.landing{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.landing__title{letter-spacing:-.03em;color:#f5f5f7;margin:0 0 4px;font-size:56px;font-weight:700}.landing__subtitle{color:#86868b;margin:0 0 40px;font-size:21px;font-weight:400}.landing__hint{color:#6e6e73;margin:20px 0 0;font-size:14px}.detect-btn{color:#2997ff;cursor:pointer;background:#1d1d1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.detect-btn:hover{transform:scale(1.08);box-shadow:0 0 40px #2997ff33}.detect-btn:active{transform:scale(.96)}.detect-btn:disabled{cursor:default}.detect-btn__icon{z-index:1;transition:transform .6s;position:relative}.detect-btn--active .detect-btn__icon{animation:1.2s infinite icon-spin}.detect-btn__ring{border:2px solid #2997ff33;border-radius:50%;animation:3s infinite ring-pulse;position:absolute;inset:-6px}.detect-btn__ring--outer{border-color:#2997ff14;animation-delay:.5s;inset:-14px}.detect-btn--active .detect-btn__ring{border-color:#2997ff80;animation:.8s infinite ring-active}.detect-btn--active .detect-btn__ring--outer{border-color:#2997ff40;animation-delay:.15s}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ring-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}@keyframes ring-active{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@media (width<=768px){.landing__title{font-size:36px}.landing__subtitle{font-size:17px}.detect-btn{width:80px;height:80px}.detect-btn__icon{width:26px;height:26px}}