:root{--color-bg: #000000;--color-bg-glow: #0c1220;--color-panel: rgba(22, 23, 27, .52);--color-panel-solid: #17181c;--color-border: rgba(255, 255, 255, .09);--color-text: #f4f5f7;--color-muted: #9aa0ae;--color-muted-2: #6d7280;--color-orange: #f89920;--color-orange-dark: #dd8613;--color-blue: #007aaf;--color-green: #008755;--color-navy: #1f3255;--color-success-bg: rgba(0, 135, 85, .14);--color-success-border: rgba(0, 135, 85, .35);--color-success-text: #6fe3ae;--color-error-bg: rgba(224, 68, 68, .12);--color-error-border: rgba(224, 68, 68, .35);--color-error-text: #ff8a8a;--radius-lg: clamp(14px, 3vw, 22px);--radius-md: 12px;--shadow-card: 0 24px 70px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .4);--space-page-x: clamp(16px, 5vw, 32px);--header-h: 60px;--sidebar-w: 300px}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100dvh;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(31,50,85,.35),transparent 60%),radial-gradient(ellipse 60% 40% at 85% 100%,rgba(248,153,32,.06),transparent 60%);background-repeat:no-repeat;background-attachment:fixed;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1{font-size:clamp(20px,3.4vw,26px);font-weight:650;line-height:1.25;margin:0 0 6px}.muted{color:var(--color-muted);line-height:1.5}.bg-watermark{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.bg-watermark img{width:clamp(320px,60vw,900px);height:auto;opacity:.05;-webkit-user-select:none;user-select:none}.app{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;height:var(--header-h);padding:0 var(--space-page-x);background:#0a0b0e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.brand{display:flex;align-items:center;gap:10px}.brand img{height:26px;width:auto;display:block}.nav{display:flex;gap:6px;margin-left:8px}.nav a{padding:8px 12px;border-radius:10px;color:var(--color-muted);font-size:14px;font-weight:550;transition:color .15s ease,background .15s ease}.nav a:hover{color:var(--color-text);background:#ffffff0d}.nav a.active{color:var(--color-text);background:#f8992024}.header-spacer{flex:1}.user{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-muted)}.user__name{color:var(--color-text);font-weight:600}.dev-switch{background:#ffffff0f;color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:6px 8px;font-size:12px}.app-main{flex:1;width:100%;max-width:1360px;margin:0 auto;padding:clamp(16px,3vw,28px) var(--space-page-x) 40px}.glass{background:var(--color-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:clamp(16px,3vw,22px)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass,.app-header{background:var(--color-panel-solid)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 18px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .05s ease,opacity .15s ease}.btn--primary{background:var(--color-orange);color:#1a1200}.btn--primary:hover:not(:disabled){background:var(--color-orange-dark)}.btn--secondary{background:#ffffff0f;color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:#ffffff1a}.btn:active:not(:disabled){transform:scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed}.skeleton{display:inline-block;height:14px;border-radius:8px;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:shimmer 1.3s ease infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge--soon{background:#007aaf29;color:#7fc7e6;border:1px solid rgba(0,122,175,.35)}.dash__head{margin-bottom:18px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.dash__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.widget{display:flex;flex-direction:column;gap:10px;min-height:120px}.widget__title{font-weight:650;font-size:15px}.widget .skeleton{height:12px}.crosses{display:grid;grid-template-columns:var(--sidebar-w) 1fr;gap:16px;align-items:start}.crosses__search{grid-column:1 / -1}.crosses__side{display:flex;flex-direction:column;gap:12px}.crosses__main{display:flex;flex-direction:column;gap:16px}.stub-row{display:flex;flex-direction:column;gap:8px}.center{min-height:60dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-page-x)}.center .glass{max-width:460px;text-align:center}@media(max-width:860px){.crosses{grid-template-columns:1fr}}@media(max-width:560px){.user__name{display:none}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}*{transition-duration:.001ms!important}}.tree{list-style:none;margin:0;padding:0}.tree-row{display:flex;align-items:center;gap:6px;border-radius:8px;padding:3px 6px}.tree-row:hover{background:#ffffff0a}.tree-row.selected{background:#f8992024}.tree-toggle{all:unset;cursor:pointer;width:18px;text-align:center;color:var(--color-muted);font-size:12px}.tree-toggle--leaf{cursor:default}.tree-name{all:unset;cursor:pointer;flex:1;color:var(--color-text);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-count{color:var(--color-muted-2);font-size:11.5px;min-width:28px;text-align:right}.nom-list{list-style:none;margin:10px 0 0;padding:0}.nom-item{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.06)}.nom-item:last-child{border-bottom:none}.nom-name{flex:1;font-size:14px}.nom-art{color:var(--color-muted);font-size:12px;font-variant-numeric:tabular-nums}.dot{width:8px;height:8px;border-radius:50%;background:var(--color-muted-2);flex:0 0 auto}.dot--on{background:var(--color-green)}.nom-pick{all:unset;cursor:pointer;flex:1;font-size:14px;color:var(--color-text)}.nom-pick:hover{color:var(--color-orange)}.card-head{display:flex}.nom-card{display:flex;flex-direction:column;gap:18px;margin-top:14px}.nom-card__top{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.nom-photo{width:120px;height:120px;object-fit:contain;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--color-border);flex:0 0 auto}.card-title{font-size:clamp(16px,3vw,20px);font-weight:650;margin:0 0 8px}.card-sub{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--color-muted);font-size:13px}.card-section h3{font-size:13px;font-weight:650;margin:0 0 8px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em}.prices{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.price-row{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff05}.price-label{color:var(--color-muted);font-size:13px}.price-value{font-weight:650;font-variant-numeric:tabular-nums}.wh-list{list-style:none;margin:8px 0 0;padding:0}.wh-item{display:flex;justify-content:space-between;padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13.5px}.wh-item:last-child{border-bottom:none}.char-row{display:grid;grid-template-columns:minmax(140px,40%) 1fr;gap:12px;padding:7px 4px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13.5px}.char-row:last-child{border-bottom:none}.char-prop{color:var(--color-muted)}.err-text{color:var(--color-error-text);font-size:13px}.cross-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.cross-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff05}.cross-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cross-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cross-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;color:var(--color-muted);font-size:12px}.cross-comment{font-size:12.5px}.cross-prices{display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--color-muted);text-align:right;white-space:nowrap}.cross-del{all:unset;cursor:pointer;color:var(--color-muted-2);font-size:14px;padding:4px 8px;border-radius:8px;align-self:center}.cross-del:hover{color:var(--color-error-text);background:var(--color-error-bg)}.add-controls{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.search-input{flex:1;min-width:200px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);padding:10px 12px;font-size:14px;min-height:42px}.search-input::placeholder{color:var(--color-muted-2)}.search-input:focus{outline:none;border-color:var(--color-orange)}.add-controls .btn{width:auto}.cmp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cmp-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cmp-actions .btn{width:auto}.app-search{flex:1;display:flex;justify-content:center;min-width:0}.app-search__input{width:100%;max-width:520px;background:#ffffff0f;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text);padding:9px 16px;font-size:14px}.app-search__input:focus{outline:none;border-color:var(--color-orange)}.user__id{display:flex;flex-direction:column;line-height:1.15;text-align:right}.user__role{font-size:11px;color:var(--color-muted)}.user .btn{width:auto}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px;font-size:13px;color:var(--color-muted)}.crumb-sep{opacity:.6;margin:0 4px}.crumb-cur{color:var(--color-text)}.crumb-link{all:unset;cursor:pointer;color:var(--color-muted)}.crumb-link:hover{color:var(--color-orange);text-decoration:underline}.page-title{margin:4px 0 14px}.compare{display:flex;flex-direction:column;gap:16px}.cmp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.cmp-source b{color:var(--color-text)}.cmp-cards{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.cmp-card{position:relative;flex:0 0 200px;width:200px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff05;padding:12px;display:flex;flex-direction:column;gap:8px}.cmp-card--source{border-color:#f8992066}.cmp-card--empty{flex:1 1 100%;align-items:center;justify-content:center;text-align:center;min-height:120px}.cmp-card__label{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted)}.cmp-card__label--source{color:var(--color-orange)}.cmp-card__x{position:absolute;top:8px;right:8px;all:unset;cursor:pointer;color:var(--color-muted-2);padding:2px 6px;border-radius:6px}.cmp-card__x:hover{color:var(--color-error-text);background:var(--color-error-bg)}.cmp-card__img{width:100%;height:120px;object-fit:contain;background:#ffffff0a;border-radius:8px}.cmp-card__brand{font-size:12px;color:var(--color-muted)}.cmp-card__name{font-size:13.5px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.cmp-card__prices{display:flex;gap:14px}.cmp-card__prices>div{display:flex;flex-direction:column}.cmp-card__prices b{font-size:14px}.cmp-card__stock{font-size:12px;color:var(--color-muted)}.cmp-card__more{font-size:12px;color:var(--color-blue)}.cmp-group td{padding:0}.cmp-group__btn{all:unset;cursor:pointer;display:block;width:100%;padding:8px 10px;font-weight:650;color:var(--color-text);background:#ffffff0a}.analogs__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.analogs__filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.analogs__filters .btn{width:auto}.analogs-table{width:100%;border-collapse:collapse;font-size:13px}.analogs-table th,.analogs-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;white-space:nowrap;vertical-align:middle}.analogs-table th{color:var(--color-muted);font-weight:600}.an-name{white-space:normal;min-width:220px}.analogs-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-orange)}.bar{position:relative;width:110px;height:16px;background:#ffffff14;border-radius:8px;overflow:hidden}.bar__fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--color-blue),var(--color-green))}.bar__label{position:relative;font-size:11px;line-height:16px;padding-left:6px;color:var(--color-text)}.in-compare{color:var(--color-success-text);font-size:12.5px;white-space:nowrap}.pager{display:flex;align-items:center;gap:12px;margin-top:12px}.pager .btn{width:auto}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.chip{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--color-border);border-radius:999px;background:#ffffff0a;font-size:13.5px;color:var(--color-muted)}.chip:hover{border-color:var(--color-orange);color:var(--color-text);background:#f8992014}.chip-caret{color:var(--color-muted-2);font-size:11px}.chip-count{color:var(--color-muted-2);font-size:12px;font-variant-numeric:tabular-nums}.chip-img{width:22px;height:22px;object-fit:contain;opacity:.9;flex:0 0 auto}.chip-logo{flex:1 1 auto;min-width:0;height:34px;width:auto;max-width:220px;object-fit:contain;object-position:left center;display:block}.chip-name{white-space:nowrap}.chip--brand{min-width:150px;gap:12px;padding:6px 12px}.chip--brand .chip-count{flex:0 0 auto}@media(max-width:720px){.app-search{display:none}}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--color-muted)}.switch input{width:16px;height:16px;accent-color:var(--color-orange)}.cmp-wrap{overflow-x:auto;margin-top:12px}.cmp-table{border-collapse:collapse;width:100%;font-size:13px}.cmp-table th,.cmp-table td{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap;vertical-align:top}.cmp-table th{color:var(--color-muted);font-weight:600}.cmp-prop{color:var(--color-muted)}.cmp-base-col{background:#ffffff08}.cmp-diff{background:var(--color-error-bg);color:var(--color-error-text)}.cmp-same{color:var(--color-success-text)}
