@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg-primary: #0b0b0d;--bg-secondary: #121214;--bg-card: #17181b;--bg-card-hover: #1f2024;--bg-input: #111216;--border-color: #2f3138;--border-hover: #444750;--text-primary: #f3f4f6;--text-secondary: #c2c5cd;--text-muted: #8f939d;--accent: #d1d5db;--accent-hover: #e5e7eb;--accent-muted: rgba(255, 255, 255, .08);--danger: #ff6b6b;--danger-hover: #ff7f7f;--danger-muted: rgba(255, 107, 107, .2);--success: #86efac;--warning: #fbbf24;--cat-amp: #ef4444;--cat-effect: #f59e0b;--cat-cab: #a855f7;--cat-capture: #d1d5db;--cat-amp: #d4d4d8;--cat-effect: #e5e7eb;--cat-cab: #d4d4d8;--cat-capture: #a1a1aa;--font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--transition-fast: .15s ease;--transition-base: .22s ease;--shadow-sm: 0 8px 20px rgba(3, 8, 20, .32);--shadow-md: 0 16px 32px rgba(3, 8, 20, .42);--shadow-lg: 0 26px 48px rgba(3, 8, 20, .55);--max-width: 1200px;--nav-height: 68px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.05),transparent 28%),radial-gradient(circle at 90% 0%,rgba(255,255,255,.03),transparent 30%),var(--bg-primary);color:var(--text-primary);line-height:1.55;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit;color:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}.nav{position:sticky;top:0;z-index:100;min-height:var(--nav-height);background:#0a0a0ce6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding:0 var(--space-lg)}.nav__inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max-width);margin:0 auto;gap:var(--space-md)}.nav__brand{font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.nav__brand-icon{width:34px;height:34px;padding:5px;border-radius:10px;background:linear-gradient(145deg,#ffffff24,#ffffff14);border:1px solid rgba(255,255,255,.22);filter:drop-shadow(0 4px 10px rgba(0,0,0,.45));color:#f8fbff;flex-shrink:0;filter:drop-shadow(0 4px 10px rgba(124,131,255,.35))}.nav__links{display:flex;align-items:center;gap:var(--space-xs);background:#141518eb;border:1px solid rgba(70,72,78,.9);border-radius:999px;padding:4px;box-shadow:var(--shadow-sm)}.nav__link{padding:9px 14px;font-size:.85rem;font-weight:600;color:var(--text-secondary);border-radius:999px;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.nav__link:hover,.nav__link--active{color:var(--text-primary);background:#ffffff14}.nav__link--active{color:var(--accent)}.main{max-width:var(--max-width);margin:0 auto;padding:clamp(22px,3vw,42px) var(--space-lg) var(--space-xl)}.site-footer{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg) var(--space-lg);color:var(--text-muted);font-size:.8rem;line-height:1.5;text-align:center}.site-footer p{border-top:1px solid var(--border-color);padding-top:var(--space-md)}.page-header{margin-bottom:var(--space-xl)}.page-header__title-wrap{display:inline-flex;align-items:center;gap:12px}.page-header__logo{width:clamp(36px,3vw,46px);height:clamp(36px,3vw,46px);padding:clamp(5px,.5vw,6px);border-radius:12px;background:linear-gradient(145deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.22);flex-shrink:0;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45))}.page-header__title{font-size:clamp(1.6rem,2.5vw,2.15rem);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-xs)}.page-header__subtitle{font-size:.95rem;color:var(--text-secondary)}.search{position:relative;margin-bottom:var(--space-lg)}.search__input,.create-rig__input,.filter-select{width:100%;padding:12px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.93rem;color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.search__input{padding-left:42px;box-shadow:inset 0 1px #ffffff08}.search__input::placeholder,.create-rig__input::placeholder{color:var(--text-muted)}.search__input:focus,.create-rig__input:focus,.filter-select:focus{border-color:#e5e7eb6b;box-shadow:0 0 0 3px var(--accent-muted);background:#18191d}.search__icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.filters{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-label{font-size:.71rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em}.filter-select{min-width:160px;padding-right:34px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238f939d' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.stats__item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:14px 16px;display:flex;flex-direction:column}.stats__value{font-size:1.3rem;font-weight:700}.stats__label{margin-top:2px;font-size:.69rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.device-card,.rig-card,.modal,.empty-state,.rigs-toolbar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stats{background:transparent;border:0;border-radius:0;box-shadow:none}.device-card{padding:16px;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);display:flex;flex-direction:column;gap:var(--space-sm);cursor:pointer}.device-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.device-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.device-card__name{font-size:1rem;font-weight:650;letter-spacing:-.01em;line-height:1.35}.device-card__category,.device-detail__category{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.device-card__category--amp{background:#ef444424;color:var(--cat-amp)}.device-card__category--effect{background:#f59e0b24;color:var(--cat-effect)}.device-card__category--cab{background:#a855f724;color:var(--cat-cab)}.device-card__category--capture{background:#d1d5db24;color:var(--cat-capture)}.device-card__category--amp{background:#ffffff14;color:var(--cat-amp)}.device-card__category--effect{background:#ffffff14;color:var(--cat-effect)}.device-card__category--cab{background:#ffffff14;color:var(--cat-cab)}.device-card__category--capture{background:#ffffff14;color:var(--cat-capture)}.device-card__based-on{font-size:.82rem;color:var(--text-secondary)}.device-card__meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:auto}.device-card__tag,.device-detail__tag{font-size:.73rem;padding:4px 10px;background:var(--bg-input);border:1px solid rgba(70,72,78,.9);border-radius:999px;color:var(--text-secondary)}.device-card__fav{margin-left:auto;font-size:1.1rem;color:var(--text-muted);transition:color var(--transition-fast),transform var(--transition-fast);padding:var(--space-xs)}.device-card__fav:hover{color:var(--danger);transform:scale(1.15)}.device-card__fav--active{color:var(--danger)}.device-detail{max-width:760px;background:#111114eb;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:clamp(18px,3vw,34px)}.device-detail__back{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.84rem;color:var(--text-secondary);margin-bottom:var(--space-lg)}.device-detail__back:hover{color:var(--accent)}.device-detail__title{font-size:clamp(1.75rem,3vw,2.3rem);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-sm)}.device-detail__category{margin-bottom:var(--space-xl)}.device-detail__section{margin-bottom:var(--space-lg)}.device-detail__label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-xs)}.device-detail__value{font-size:.95rem;color:var(--text-primary)}.device-detail__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.device-detail__actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 16px;font-size:.88rem;font-weight:600;border-radius:11px;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);border:1px solid transparent;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn--primary{background:linear-gradient(135deg,#e5e7eb,#a1a1aa);color:#111216;box-shadow:0 8px 18px #00000059}.btn--primary:hover{background:linear-gradient(135deg,#f3f4f6,#d4d4d8)}.btn--secondary{background:#18191d;border-color:var(--border-color);color:var(--text-secondary)}.btn--secondary:hover{border-color:var(--border-hover);color:var(--text-primary);background:#1f2024}.btn--danger{background:var(--danger-muted);color:var(--danger)}.btn--danger:hover{background:var(--danger);color:#f8fbff}.btn--icon{padding:0;width:36px;height:36px}.btn--fav{font-size:1.06rem}.btn--fav-active{color:var(--danger)}.rigs-toolbar{padding:var(--space-lg);margin-bottom:var(--space-lg)}.create-rig{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.rigs-toolbar__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.rigs-toolbar__file{display:none}.rigs-feedback{min-height:1.3em;margin-top:var(--space-sm);font-size:.85rem;color:var(--danger)}.rigs-feedback--success{color:var(--success)}.rigs-grid{display:grid;gap:var(--space-md)}.rig-card{overflow:hidden}.rig-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:14px 16px}.rig-card__name{font-size:1rem;font-weight:650}.rig-card__count{font-size:.76rem;color:var(--text-muted);margin-left:var(--space-sm)}.rig-card__actions{display:flex;gap:var(--space-xs)}.rig-card__body{border-top:1px solid var(--border-color);padding:6px 16px 8px}.rig-card__device{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(58,60,66,.9)}.rig-card__device:last-child{border-bottom:none}.rig-card__device-name{font-size:.9rem;font-weight:500}.rig-card__device-link:hover{color:var(--accent)}.rig-card__remove{color:var(--text-muted)}.rig-card__empty{padding:14px 16px 16px;color:var(--text-muted);font-size:.88rem}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-muted)}.empty-state__icon{font-size:2.3rem;margin-bottom:var(--space-md);opacity:.75}.empty-state__title{font-size:1.05rem;font-weight:650;color:var(--text-secondary);margin-bottom:var(--space-xs)}.empty-state__description{font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#000000b8;backdrop-filter:blur(5px);z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.modal-overlay--open{opacity:1;visibility:visible}.modal{width:min(560px,100%);max-height:80vh;display:flex;flex-direction:column;transform:translateY(8px) scale(.98);transition:transform var(--transition-base)}.modal-overlay--open .modal{transform:translateY(0) scale(1)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border-color)}.modal__title{font-size:1rem;font-weight:650}.modal__header--search{justify-content:stretch}.modal__search-input{padding-left:14px}.modal__body{padding:10px 16px 14px;overflow-y:auto}.modal__item{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;border-bottom:1px solid rgba(58,60,66,.9);cursor:pointer;transition:color var(--transition-fast)}.modal__item:last-child{border-bottom:none}.modal__item:hover{color:var(--accent)}.result-count{font-size:.84rem;color:var(--text-muted);margin-bottom:var(--space-md)}@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}}@media(max-width:768px){.nav{padding:0 var(--space-md)}.nav__brand span{display:none}.nav__link{padding:8px 11px;font-size:.8rem}.main{padding:var(--space-lg) var(--space-md) var(--space-lg)}.site-footer{padding:0 var(--space-md) var(--space-md)}.device-grid{grid-template-columns:1fr}.filters{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.filters::-webkit-scrollbar{display:none}.filter-select{min-width:150px;flex-shrink:0}.stats{grid-template-columns:1fr}.create-rig,.device-detail__actions{flex-direction:column}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b152a}::-webkit-scrollbar-thumb{background:#31466f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#446092}