/*
 * ЗІБРАНИЙ ФАЙЛ — не редагувати. Джерела: css/fonts.css, css/tokens.css, css/components.css, css/public.css, css/storefront.css, css/auth.css
 * Перезбірка: php bin/css-bundle.php
 */
/* — css/fonts.css — */
@font-face{font-family: 'Inter';font-style: normal;font-weight: 400 700;font-display: optional;src: url('/fonts/inter.woff2') format('woff2')}@font-face{font-family: 'Tektur';font-style: normal;font-weight: 500 700;font-display: optional;src: url('/fonts/tektur.woff2') format('woff2')}@font-face{font-family: 'IBM Plex Mono';font-style: normal;font-weight: 400;font-display: optional;src: url('/fonts/mono-400.woff2') format('woff2')}@font-face{font-family: 'IBM Plex Mono';font-style: normal;font-weight: 600;font-display: optional;src: url('/fonts/mono-600.woff2') format('woff2')}@font-face{font-family: 'IBM Plex Mono';font-style: normal;font-weight: 700;font-display: optional;src: url('/fonts/mono-700.woff2') format('woff2')}
/* — css/tokens.css — */
:root{--cc-lime:        #C8FF00;--primary-100:    #A8D907;--primary-120:    #9BC91E;--primary-50:     #BFD944;--olive-70:       #729100;--olive-80:       #485C00;--olive-90:       #324000;--olive-100:      #253000;--accent:         #A8D907;--gray-100:       #030404;--gray-85:        #101515;--gray-80:        #1D252B;--gray-70:        #273035;--gray-60:        #3B4853;--gray-50:        #4E5F6E;--gray-40:        #77848F;--gray-30:        #A3B1BC;--gray-20:        #C5CED7;--gray-10:        #E8ECF2;--gray-0:         #FFFFFF;--bg-page:        var(--gray-100);--bg-surface:     var(--gray-80);--bg-elevated:    var(--gray-70);--border-hairline:var(--gray-60);--fg-primary:     var(--gray-10);--fg-secondary:   var(--gray-20);--fg-muted:       #8FA0AE;--fg-faint:       var(--gray-50);--success:        #187D19;--success-fg:     #2bb04a;--success-light:  rgba(24,125,25,.14);--warning:        #E6B800;--warning-light:  rgba(230,184,0,.16);--error:          #E53935;--error-light:    rgba(229,57,53,.14);--info:           #0066CC;--info-fg:        #4dabff;--info-light:     rgba(0,102,204,.16);--accent-light:   rgba(168,217,7,.16);--font-primary:   'Inter','IBM Plex Sans',sans-serif;--font-mono:      'IBM Plex Mono',monospace;--font-display:   'Tektur','Inter',sans-serif;--radius:         4px;--radius-lg:      8px;--radius-pill:    9999px;--shadow:         0 2px 12px rgba(0,0,0,.18);--shadow-lg:      0 8px 32px rgba(0,0,0,.28);--focus-glow:     0 0 0 3px rgba(168,217,7,.12);--shadow-glow-lime: var(--focus-glow);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 48px;--sp-9: 64px;--sidebar-w:           240px;--sidebar-collapsed-w: 64px;--topbar-h:            64px;--footer-h:            44px;--container-max:       1440px;--t-fast:    0.18s ease;--t-base:    0.18s ease;--transition: 0.18s ease}*,*::before,*::after{box-sizing: border-box}html,body{margin:0;padding:0}body{background: var(--bg-page);color: var(--fg-primary);font-family: var(--font-primary);font-size: 14px;line-height: 1.45;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}img,svg,video{max-width: 100%;height: auto}a{color: var(--accent);text-decoration: none}a:hover{color: var(--primary-50)}::selection{background: var(--accent);color: var(--gray-100)}h1,h2,h3,h4,h5{color: var(--gray-0);font-weight: 700;margin: 0}h1{font-size: 22px;letter-spacing: -.01em}h2{font-size: 18px}h3{font-size: 14px;text-transform: uppercase;letter-spacing: .08em;color: var(--fg-muted);font-weight: 600}small,.eyebrow{font-size: 11px;letter-spacing: .06em;text-transform: uppercase;color: var(--fg-muted);font-weight: 600}.mono{font-family: var(--font-mono)}.scroll-thin::-webkit-scrollbar{width: 6px;height: 6px}.scroll-thin::-webkit-scrollbar-thumb{background: var(--gray-60);border-radius: 3px}.scroll-thin::-webkit-scrollbar-track{background: transparent}.airy-mark{width: 1em;height: 1em;vertical-align: -0.12em;flex-shrink: 0;display: inline-block}*{scrollbar-width: thin;scrollbar-color: transparent transparent}*:hover{scrollbar-color: rgba(128,128,128,.55) transparent}::-webkit-scrollbar{width: 10px;height: 10px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background: transparent}::-webkit-scrollbar-button{display: none}::-webkit-scrollbar-thumb{background: transparent;border-radius: 999px;border: 3px solid transparent;background-clip: padding-box;transition: background-color .15s}:hover::-webkit-scrollbar-thumb{background: rgba(128,128,128,.55);background-clip: padding-box}::-webkit-scrollbar-thumb:hover{background: rgba(128,128,128,.85);background-clip: padding-box}
/* — css/components.css — */
[hidden]{display: none !important}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;height: 38px;padding: 0 18px;border-radius: var(--radius);font-size: 13.5px;font-weight: 600;border: 2px solid transparent;cursor: pointer;font-family: inherit;transition: var(--t-base);white-space: nowrap;text-decoration: none}.btn--primary{background: var(--primary-120);color: var(--gray-100)}.btn--primary:hover{background: var(--primary-50);color: var(--gray-100)}.btn--secondary{color: var(--primary-120);border-color: var(--primary-120);background: transparent}.btn--secondary:hover{background: var(--bg-surface);color: var(--primary-120)}.btn--ghost{color: var(--gray-30);border-color: var(--gray-60);background: transparent}.btn--ghost:hover{background: var(--bg-surface);color: var(--gray-0)}.btn--danger{background: var(--error);color: #fff}.btn--danger:hover{filter: brightness(1.1);color: #fff}.btn--sm{height: 32px;padding: 0 14px;font-size: 12.5px}.btn--xs{height: 26px;padding: 0 10px;font-size: 11.5px;gap: 5px}.btn--block{width: 100%}.btn[disabled]{opacity: .45;cursor: not-allowed}.btn-icon{width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--gray-60);border-radius: var(--radius);background: transparent;color: var(--gray-30);cursor: pointer;transition: var(--t-fast)}.btn-icon:hover{color: var(--accent);border-color: var(--accent)}.field{display: flex;flex-direction: column;gap: 5px}.field > label{font-size: 12px;font-weight: 500;color: var(--gray-50)}.field--inline{flex-direction: row;align-items: center;gap: 10px}.input,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="url"],input[type="date"],select,textarea{width: 100%;height: 40px;padding: 0 12px;font-size: 13.5px;color: var(--fg-primary);font-family: inherit;border: 1px solid var(--gray-60);border-radius: var(--radius);background: var(--bg-surface);outline: none;transition: var(--t-fast)}textarea{height: auto;min-height: 96px;padding: 10px 12px;resize: vertical;line-height: 1.45}.input:focus,input:focus,select:focus,textarea:focus{border-color: var(--primary-120);box-shadow: var(--focus-glow)}input::placeholder,textarea::placeholder{color: var(--gray-50)}.field--error .input,.field--error input,.field--error select,.field--error textarea{border-color: var(--error);box-shadow: 0 0 0 3px rgba(229,57,53,.12)}.field-error{font-size: 11px;color: var(--error);margin-top: 4px}.field-help{font-size: 11px;color: var(--fg-muted);margin-top: 4px}.search-input{display: flex;align-items: center;gap: 8px;background: var(--bg-surface);border: 1px solid var(--gray-60);border-radius: var(--radius);padding: 0 12px;height: 38px}.search-input input{height: auto;border: none;background: none;padding: 0;flex: 1;box-shadow: none !important}.search-input svg{color: var(--gray-50);flex-shrink: 0}.toggle{display: inline-flex;align-items: center;gap: 10px;cursor: pointer}.toggle .track{width: 40px;height: 22px;background: var(--gray-60);border-radius: 11px;position: relative;transition: var(--t-fast)}.toggle .thumb{position: absolute;top: 3px;left: 3px;width: 16px;height: 16px;background: var(--gray-0);border-radius: 50%;transition: var(--t-fast)}.toggle input{display: none}.toggle input:checked ~ .track{background: var(--primary-120)}.toggle input:checked ~ .track .thumb{left: 21px}.cb{display: inline-flex;align-items: center;gap: 8px;cursor: pointer;font-size: 13px;color: var(--gray-30);user-select: none}.cb input{display: none}.cb .cbox{width: 16px;height: 16px;border: 1px solid var(--gray-60);border-radius: 3px;background: var(--gray-85);display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: var(--t-fast)}.cb input:checked ~ .cbox{background: var(--accent);border-color: var(--accent)}.cb input:checked ~ .cbox::after{content: "";display: block;width: 4px;height: 7px;border: 2px solid #000;border-top: none;border-left: none;transform: rotate(45deg) translate(-1px,-1px)}.cb.radio .cbox{border-radius: 50%}.cb.radio input:checked ~ .cbox::after{width: 6px;height: 6px;border-radius: 50%;background: #000;border: none;transform: none}.card{background: var(--bg-surface);border: 1px solid var(--gray-60);border-radius: var(--radius);padding: var(--sp-6)}.card--flush{padding: 0;overflow: hidden}.card-header{display: flex;align-items: center;justify-content: space-between;padding: var(--sp-4) var(--sp-6);border-bottom: 1px solid var(--gray-60)}.card-header h2,.card-header h3{font-size: 14px;color: var(--gray-10);text-transform: none;letter-spacing: 0;font-weight: 600}.card-body{padding: var(--sp-6)}.card-footer{padding: var(--sp-4) var(--sp-6);border-top: 1px solid var(--gray-60);display: flex;justify-content: flex-end;gap: var(--sp-2)}.kpi{background: var(--bg-surface);border: 1px solid var(--gray-60);border-radius: var(--radius);padding: 18px;border-left: 3px solid var(--accent);display: flex;flex-direction: column;gap: 8px}.kpi--success{border-left-color: var(--success)}.kpi--error{border-left-color: var(--error)}.kpi--warning{border-left-color: var(--warning)}.kpi--info{border-left-color: var(--info)}.kpi__h{display: flex;justify-content: space-between;align-items: center}.kpi__lbl{font-size: 11px;color: var(--fg-muted);text-transform: uppercase;font-weight: 600;letter-spacing: .06em}.kpi__icon{width: 36px;height: 36px;border-radius: var(--radius-lg);background: rgba(255,255,255,.06);display: flex;align-items: center;justify-content: center;color: var(--accent)}.kpi--error .kpi__icon{color: var(--error);background: rgba(229,57,53,.10)}.kpi--warning .kpi__icon{color: var(--warning);background: rgba(230,184,0,.10)}.kpi--info .kpi__icon{color: var(--info-fg);background: rgba(0,102,204,.12)}.kpi__val{font-size: 22px;font-weight: 700;color: var(--gray-0);line-height: 1}.kpi__sub{font-size: 12px;color: var(--fg-muted)}.kpi__delta{display: inline-flex;align-items: center;gap: 3px;font-size: 11px;font-weight: 600;padding: 2px 6px;border-radius: var(--radius);background: var(--success-light);color: var(--success-fg)}.kpi__delta--down{background: var(--error-light);color: var(--error)}.badge{display: inline-flex;align-items: center;padding: 3px 9px;border-radius: 3px;font-size: 11px;font-weight: 600}.badge--success{background: var(--success-light);color: var(--success-fg)}.badge--error{background: var(--error-light);color: var(--error)}.badge--warn{background: var(--warning-light);color: var(--warning)}.badge--info{background: var(--info-light);color: var(--info-fg)}.badge--primary{background: var(--accent-light);color: var(--accent)}.badge--neutral{background: rgba(255,255,255,.07);color: var(--gray-30)}.badge--outline{background: transparent;border: 1px solid var(--gray-60);color: var(--gray-30)}.badge--outline.badge--primary{border-color: var(--accent);color: var(--accent)}.status-dot{width: 8px;height: 8px;border-radius: 50%;display: inline-block;flex-shrink: 0}.status-dot--ok{background: var(--success);box-shadow: 0 0 0 3px rgba(24,125,25,.2)}.status-dot--warn{background: var(--warning);box-shadow: 0 0 0 3px rgba(230,184,0,.2)}.status-dot--err{background: var(--error);box-shadow: 0 0 0 3px rgba(229,57,53,.2)}.tbl{width: 100%;background: var(--bg-surface);border: 1px solid var(--gray-60);border-radius: var(--radius);border-collapse: collapse;overflow: hidden}.tbl th{font-size: 11px;font-weight: 600;color: var(--fg-muted);text-transform: uppercase;letter-spacing: .05em;padding: 10px 14px;border-bottom: 1px solid var(--gray-60);text-align: left;background: rgba(255,255,255,.015)}.tbl td{font-size: 13px;color: var(--fg-secondary);padding: 14px;border-bottom: 1px solid var(--gray-60);vertical-align: middle}.tbl tr:last-child td{border-bottom: none}.tbl tbody tr:hover td{background: rgba(255,255,255,.03)}.tbl td.num,.tbl th.num{text-align: right;font-variant-numeric: tabular-nums}.tbl td.actions,.tbl th.actions{text-align: right;width: 1%;white-space: nowrap}.t-time{color: var(--fg-muted);font-size: 11px}.sidebar{width: var(--sidebar-w);flex-shrink: 0;background: var(--bg-surface);border-right: 1px solid var(--gray-60);display: flex;flex-direction: column;position: sticky;top: 0;height: 100vh;overflow-y: auto}.sidebar--slim{width: var(--sidebar-collapsed-w)}.sb-brand{height: var(--topbar-h);display: flex;align-items: center;gap: 10px;padding: 0 16px;border-bottom: 1px solid var(--gray-60);flex-shrink: 0}.sb-brand__text{font-size: 15px;font-weight: 700;color: var(--gray-0)}.sb-brand__sub{font-size: 9px;font-weight: 500;color: var(--fg-muted);letter-spacing: .5px}.sb-nav{padding: 8px 0;flex: 1}.sb-label{font-size: 10px;font-weight: 600;color: var(--gray-50);text-transform: uppercase;letter-spacing: .8px;padding: 14px 16px 4px}.sb-link{display: flex;align-items: center;gap: 12px;padding: 9px 16px;color: var(--gray-30);font-size: 13px;font-weight: 500;cursor: pointer;position: relative;text-decoration: none;transition: var(--t-fast)}.sb-link:hover{color: var(--gray-0);background: rgba(255,255,255,.03)}.sb-link.active{color: var(--accent);background: rgba(168,217,7,.07)}.sb-link.active::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background: var(--accent)}.sb-link svg{opacity: .7;flex-shrink: 0}.sb-link.active svg{opacity: 1}.sb-link__count{margin-left: auto;background: var(--accent);color: var(--gray-100);font-size: 10px;font-weight: 700;padding: 1px 6px;border-radius: 10px}.sb-link__count.danger{background: var(--error);color: #fff}.sb-foot{padding: 14px 16px;border-top: 1px solid var(--gray-60);font-size: 11px;color: var(--fg-muted);font-family: var(--font-mono)}.sidebar--slim .sb-brand{justify-content: center;padding: 0}.sidebar--slim .sb-brand__text,.sidebar--slim .sb-brand__sub,.sidebar--slim .sb-label,.sidebar--slim .sb-link span,.sidebar--slim .sb-foot{display: none}.sidebar--slim .sb-link{justify-content: center;padding: 11px 0}.sidebar--slim .sb-link__count{position: absolute;top: 6px;right: 14px;margin: 0}.topbar{height: var(--topbar-h);background: rgba(3,4,4,.92);backdrop-filter: blur(14px);border-bottom: 1px solid var(--gray-60);display: flex;align-items: center;justify-content: space-between;padding: 0 var(--sp-6);position: sticky;top: 0;z-index: 100}.topbar__l{display: flex;align-items: center;gap: 18px;min-width: 0}.topbar__title{font-size: 18px;font-weight: 700;color: var(--accent);white-space: nowrap}.topbar__bc{display: flex;align-items: center;gap: 6px;font-size: 13px;color: var(--fg-muted)}.topbar__bc .sep{color: var(--gray-60)}.topbar__bc .cur{color: var(--gray-30)}.topbar__r{display: flex;align-items: center;gap: 10px}.topbar .lang{font-size: 11px;font-weight: 700;color: var(--gray-100);background: var(--gray-10);padding: 5px 10px;border-radius: var(--radius)}.topbar .notif{width: 36px;height: 36px;border-radius: var(--radius);display: flex;align-items: center;justify-content: center;color: var(--fg-muted);position: relative;cursor: pointer;transition: var(--t-fast)}.topbar .notif:hover{color: var(--accent);background: rgba(255,255,255,.03)}.topbar .notif .dot{position: absolute;top: 8px;right: 8px;width: 7px;height: 7px;background: var(--error);border-radius: 50%;border: 1.5px solid var(--gray-100)}.topbar .user{display: flex;align-items: center;gap: 8px;padding: 4px 10px 4px 4px;border-radius: var(--radius);cursor: pointer}.topbar .user:hover{background: rgba(255,255,255,.04)}.topbar .av{width: 32px;height: 32px;border-radius: 50%;background: var(--accent);display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 700;color: var(--gray-100)}.topbar .uname{font-size: 13px;color: var(--gray-20)}.activity{background: var(--bg-surface);border: 1px solid var(--gray-60);border-radius: var(--radius);overflow: hidden}.activity__it{display: flex;gap: 10px;padding: 12px 16px;border-bottom: 1px solid var(--gray-60);align-items: flex-start}.activity__it:last-child{border-bottom: none}.activity__dot{width: 8px;height: 8px;border-radius: 50%;margin-top: 5px;flex-shrink: 0;background: var(--gray-60)}.activity__dot--s{background: var(--success)}.activity__dot--w{background: var(--warning)}.activity__dot--e{background: var(--error)}.activity__dot--p{background: var(--accent)}.activity__dot--i{background: var(--info)}.activity__txt{font-size: 13px;color: var(--gray-30);line-height: 1.45}.activity__txt strong{color: var(--gray-0);font-weight: 600}.activity__tm{font-size: 11px;color: var(--gray-50);margin-top: 3px;font-family: var(--font-mono)}.qa-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px}.qa{display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 16px 8px;background: rgba(255,255,255,.04);border: 1px solid var(--gray-60);border-radius: var(--radius);color: var(--gray-30);font-size: 12px;text-align: center;cursor: pointer;transition: var(--t-fast);text-decoration: none}.qa:hover,.qa.active{border-color: var(--accent);color: var(--accent);background: rgba(168,217,7,.08)}.qa svg{color: inherit}.cabinet{display: flex;min-height: 100vh;background: var(--bg-page)}.cabinet__main{flex: 1;min-width: 0;display: flex;flex-direction: column}.content{flex: 1;padding: var(--sp-6);max-width: var(--container-max);width: 100%;margin: 0 auto}.page-grid-2{display: grid;grid-template-columns: 1.4fr 1fr;gap: var(--sp-5)}@media (max-width: 1100px){.page-grid-2{grid-template-columns: 1fr}}.page-head{display: flex;align-items: flex-end;justify-content: space-between;gap: var(--sp-4);margin-bottom: var(--sp-5)}.page-head h1{font-size: 22px;color: var(--gray-0);font-weight: 700}.page-head .sub{font-size: 13px;color: var(--fg-muted);margin-top: 4px}.toolbar{display: flex;align-items: center;gap: var(--sp-2);margin-bottom: var(--sp-4);flex-wrap: wrap}.toolbar .grow{flex: 1}.row{display: flex;gap: var(--sp-3)}.col{display: flex;flex-direction: column;gap: var(--sp-3)}.gap-2{gap: var(--sp-2)}.gap-3{gap: var(--sp-3)}.gap-4{gap: var(--sp-4)}.gap-5{gap: var(--sp-5)}.gap-6{gap: var(--sp-6)}.divider{height: 1px;background: var(--gray-60);margin: var(--sp-4) 0}.muted{color: var(--fg-muted)}.mono{font-family: var(--font-mono)}.eyebrow{font-size: 11px;letter-spacing: .06em;text-transform: uppercase;color: var(--fg-muted);font-weight: 600}.cab-footer{height: var(--footer-h);border-top: 1px solid var(--gray-60);display: flex;align-items: center;justify-content: space-between;padding: 0 var(--sp-6);font-size: 11px;color: var(--fg-muted);font-family: var(--font-mono)}
/* — css/public.css — */
.pubbar{height: var(--topbar-h);background: rgba(3,4,4,.92);backdrop-filter: blur(14px);border-bottom: 1px solid var(--gray-60);display: flex;align-items: center;gap: var(--sp-6);padding: 0 var(--sp-6);position: sticky;top: 0;z-index: 100}.pubbar__brand{display: flex;align-items: center;gap: 12px;text-decoration: none}.pubbar__brand svg{flex-shrink: 0}.pubbar__brand-text{font-family: var(--font-display);font-size: 18px;font-weight: 700;color: var(--gray-0);letter-spacing: 1.2px;line-height: 1}.pubbar__brand-text b{color: var(--cc-lime);font-weight: 700}.pubbar__search{flex: 1;max-width: 480px;display: flex;align-items: center;gap: 10px;background: #1B1C19;border: 1px solid var(--gray-60);border-radius: var(--radius);padding: 0 14px;height: 40px;transition: border-color .15s ease}.pubbar__search:focus-within{border-color: var(--cc-lime);box-shadow: 0 0 0 3px rgba(200,255,0,.12)}.pubbar__search:focus-within svg{color: var(--cc-lime)}.pubbar__search input{height: auto;border: none;background: none;padding: 0;flex: 1;order: 1;color: #E8ECF2;font-size: 14px;-webkit-tap-highlight-color: transparent}.pubbar__search input:focus,.pubbar__search input:focus-visible{outline: none !important;box-shadow: none !important}.pubbar__search input::placeholder{color: #8B97A2}.pubbar__search svg{color: var(--fg-muted);flex-shrink: 0;order: 2;transition: color .15s ease}.pubbar__search-btn{order: 2;flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;padding: 0;margin: 0;border: 0;background: none;color: var(--fg-muted);cursor: pointer;-webkit-appearance: none;appearance: none;transition: color .15s ease}.pubbar__search-btn svg{display: block}.pubbar__search-btn:hover,.pubbar__search:focus-within .pubbar__search-btn{color: var(--cc-lime)}.pubbar__nav{display: flex;gap: var(--sp-4)}.pubbar__nav a,.pubbar__nav span{font-size: 13px;color: var(--gray-30);font-weight: 500;padding: 6px 0;transition: var(--t-fast);white-space: nowrap;text-decoration: none;border-bottom: 2px solid transparent;margin-bottom: -1px}.pubbar__nav a:hover{color: var(--gray-0)}.pubbar__nav a.active,.pubbar__nav span.active{color: var(--accent);border-bottom-color: var(--accent)}.pubbar__nav span[aria-current]{cursor: default}.pubbar__actions{display: flex;align-items: center;gap: 6px}.pubbar__btn{width: 38px;height: 38px;border-radius: var(--radius);display: inline-flex;align-items: center;justify-content: center;color: var(--gray-30);position: relative;cursor: pointer;transition: var(--t-fast);background: transparent;border: none;text-decoration: none}.pubbar__btn:hover{color: var(--accent);background: rgba(255,255,255,.03)}.pubbar__btn .badge-dot{position: absolute;top: 8px;right: 8px;background: var(--accent);color: var(--gray-100);font-size: 9px;font-weight: 700;padding: 1px 4px;border-radius: 8px;line-height: 1}.pubbar__btn--cta{width: auto;padding: 0 14px;gap: 6px;font-size: 12.5px;font-weight: 600;color: var(--gray-100);background: var(--primary-120);border-radius: var(--radius)}.pubbar__btn--cta:hover{background: var(--primary-50);color: var(--gray-100)}.pubbar-cat{height: 44px;background: var(--bg-page);border-bottom: 1px solid var(--gray-60);display: flex;align-items: center;padding: 0 var(--sp-6);gap: var(--sp-4);overflow-x: auto;position: sticky;top: var(--topbar-h);z-index: 99}.pubbar-cat a,.pubbar-cat span[aria-current]{font-size: 12px;color: var(--gray-30);white-space: nowrap;text-decoration: none;transition: var(--t-fast);padding: 4px 0}.pubbar-cat a:hover{color: var(--accent)}.pubbar-cat a.active,.pubbar-cat span.active{color: var(--accent);font-weight: 600;cursor: default}.pubbar-cat .live{color: var(--cc-lime);font-family: var(--font-mono);font-size: 11px;font-weight: 700;letter-spacing: 1px;display: inline-flex;align-items: center;gap: 6px}.pubbar-cat .live::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: var(--cc-lime);box-shadow: 0 0 0 3px rgba(200,255,0,.18)}.pubbar__burger{display: none;width: 38px;height: 38px;flex: 0 0 auto;align-items: center;justify-content: center;flex-direction: column;gap: 4px;padding: 0;border: 0;background: none;cursor: pointer;border-radius: var(--radius)}.pubbar__burger:hover{background: rgba(255,255,255,.03)}.pubbar__burger-bar{display: block;width: 18px;height: 2px;background: var(--gray-30);border-radius: 2px;transition: transform .18s ease,opacity .18s ease}.pubbar__burger[aria-expanded="true"] .pubbar__burger-bar:nth-child(1){transform: translateY(6px) rotate(45deg)}.pubbar__burger[aria-expanded="true"] .pubbar__burger-bar:nth-child(2){opacity: 0}.pubbar__burger[aria-expanded="true"] .pubbar__burger-bar:nth-child(3){transform: translateY(-6px) rotate(-45deg)}.pubbar__scrim{display: none}@media (max-width: 1350px){.pubbar__brand-text{display: none}.pubbar__search{max-width: 340px}.pubbar__nav{min-width: 0;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none}.pubbar__nav::-webkit-scrollbar{display: none}}@media (max-width: 900px){.pubbar{gap: var(--sp-4);padding: 0 var(--sp-4);backdrop-filter: none;-webkit-backdrop-filter: none;background: var(--gray-100)}.pubbar__burger{display: inline-flex}.pubbar__nav{position: fixed;top: var(--topbar-h);left: 0;bottom: 0;width: min(78vw,320px);flex-direction: column;align-items: stretch;gap: 0;background: var(--bg-surface);border-right: 1px solid var(--gray-60);padding: var(--sp-4) 0;overflow-y: auto;z-index: 101;transform: translateX(-100%);transition: transform .22s ease}.pubbar__nav a,.pubbar__nav span{padding: 12px var(--sp-5);font-size: 15px;border-bottom: 1px solid var(--gray-70)}.pubbar__nav a.active,.pubbar__nav span.active{border-bottom-color: var(--gray-70);background: rgba(200,255,0,.06)}.pubbar[data-nav-open] .pubbar__nav{transform: translateX(0)}.pubbar__scrim{display: block;position: fixed;inset: var(--topbar-h) 0 0;background: rgba(3,4,4,.6);z-index: 100}.pubbar__scrim[hidden]{display: none}.pubbar__brand-text{display: none}.pubbar__search{flex: 0 1 200px;max-width: 200px}}@media (max-width: 640px){.pubbar__search{display: none}.pubbar__brand-text{display: none}.pubbar__lang{display: none}.pubbar__btn--cta{padding: 0 10px;font-size: 12px}.pubbar__nav{flex: 1 1 120px}}@media (max-width: 420px){.pubbar{padding: 0 12px;gap: 10px}.pubbar__actions{gap: 2px}}.public-content{max-width: 1280px;margin: 0 auto;padding: var(--sp-6)}.public-narrow{max-width: 880px;margin: 0 auto;padding: var(--sp-6)}.pub-footer{background: var(--bg-surface);border-top: 1px solid var(--gray-60);margin-top: var(--sp-9)}.pub-footer__inner{max-width: 1280px;margin: 0 auto;padding: var(--sp-7) var(--sp-6);display: grid;grid-template-columns: minmax(240px,1.4fr) repeat(3,minmax(150px,1fr));gap: var(--sp-6);align-items: start}@media (max-width: 900px){.pub-footer__inner{grid-template-columns: repeat(2,minmax(150px,1fr))}}@media (max-width: 560px){.pub-footer__inner{grid-template-columns: 1fr}}.pub-footer__col h2{font-size: 11px;color: var(--fg-muted);text-transform: uppercase;letter-spacing: .08em;font-weight: 600;margin-bottom: var(--sp-3)}.pub-footer__col a:not(.pubbar__brand),.pub-footer__col span[aria-current]:not(.pubbar__brand){display: block;font-size: 13px;color: var(--gray-30);padding: 5px 0;text-decoration: none}.pub-footer__col a:not(.pubbar__brand):hover{color: var(--accent)}.pub-footer__sub{font-size: 12px;color: var(--fg-muted);line-height: 1.6;margin: 12px 0 0;max-width: 320px}.pub-footer__base{border-top: 1px solid var(--gray-60);padding: var(--sp-3) var(--sp-6);max-width: 1280px;margin: 0 auto;display: flex;justify-content: space-between;font-size: 11px;color: var(--fg-muted);font-family: var(--font-mono)}.pub-hero{padding: var(--sp-8) var(--sp-6) var(--sp-7);max-width: 1280px;margin: 0 auto}.pub-hero h1{font-family: var(--font-display);font-size: clamp(36px,5vw,64px);line-height: 1.05;color: var(--gray-0);letter-spacing: -0.5px;text-wrap: balance}.pub-hero h1 b{color: var(--cc-lime);font-weight: 700}.pub-hero .sub{font-size: 16px;color: var(--fg-muted);max-width: 560px;line-height: 1.55;margin-top: var(--sp-4)}.pub-hero__cta{display: flex;gap: 12px;margin-top: var(--sp-5)}.products-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(240px,1fr));gap: var(--sp-4)}.product-card{background: var(--bg-surface);border: 1px solid var(--gray-60);border-radius: var(--radius);overflow: hidden;transition: var(--t-base);display: flex;flex-direction: column;text-decoration: none}.product-card:hover{border-color: var(--accent);box-shadow: var(--shadow-lg)}.pc__img{aspect-ratio: 4/3;background: var(--gray-70);position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;color: var(--gray-50)}.pc__img--placeholder{background-image: linear-gradient(135deg,rgba(168,217,7,.04) 0%,transparent 60%),radial-gradient(at 70% 30%,rgba(168,217,7,.08),transparent 60%)}.pc__img-svg{width: 50%;max-width: 80px;opacity: .35}.pc__badges{position: absolute;top: 8px;left: 8px;display: flex;gap: 4px}.pc__badge{padding: 3px 8px;border-radius: 3px;font-size: 10px;font-weight: 700;text-transform: uppercase;letter-spacing: .04em}.pc__badge--new{background: var(--accent);color: var(--gray-100)}.pc__badge--sale{background: var(--error);color: #fff}.pc__badge--featured{background: transparent;border: 1px solid var(--accent);color: var(--accent)}.pc__badge--drop{background: rgba(0,0,0,.85);color: var(--accent);border: 1px solid var(--accent)}.pc__wish{position: absolute;top: 8px;right: 8px;width: 30px;height: 30px;border-radius: 50%;background: rgba(3,4,4,.65);border: none;cursor: pointer;color: var(--gray-30);display: flex;align-items: center;justify-content: center}.pc__wish:hover,.pc__wish.is-on{color: var(--cc-lime)}.pc__body{padding: 12px;display: flex;flex-direction: column;gap: 6px;flex: 1}.pc__merchant{display: flex;align-items: center;gap: 6px;font-size: 11px;color: var(--gray-50);font-family: var(--font-mono)}.pc__merchant-av{width: 16px;height: 16px;border-radius: 50%;background: var(--accent);color: var(--gray-100);display: inline-flex;align-items: center;justify-content: center;font-size: 8px;font-weight: 700;font-family: var(--font-primary)}.pc__title{font-size: 14px;font-weight: 600;color: var(--gray-10);line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 2.6em}.pc__rating{display: flex;align-items: center;gap: 6px;font-size: 11px}.pc__stars{display: inline-flex;gap: 1px;color: var(--accent)}.pc__stars svg{width: 11px;height: 11px}.pc__rating .score{color: var(--gray-30);font-weight: 600}.pc__rating .count{color: var(--gray-50);font-family: var(--font-mono)}.pc__price{display: flex;align-items: baseline;gap: 8px;margin-top: auto;padding-top: 4px}.pc__price .now{font-size: 18px;font-weight: 700;color: var(--gray-10)}.pc__price .now--sale{color: var(--cc-lime)}.pc__price .was{font-size: 12px;color: var(--gray-50);text-decoration: line-through}.pc__foot{border-top: 1px solid var(--gray-70);padding: 10px 12px;display: flex;align-items: center;justify-content: space-between}.bc{display: flex;align-items: center;gap: 6px;font-size: 13px;flex-wrap: wrap;padding: var(--sp-4) 0}.bc a{color: var(--fg-muted);text-decoration: none}.bc a:hover{color: var(--gray-30)}.bc .cur{color: var(--gray-30)}.bc .sep{color: var(--gray-60);font-size: 11px}.pubbar__lang{position: relative;margin-right: 4px}.pubbar__lang > summary{list-style: none;cursor: pointer;display: inline-flex;align-items: center;gap: 6px;height: 32px;padding: 0 10px;border-radius: 9px;border: 1px solid transparent;color: var(--fg-muted);font-size: 12px;font-weight: 700;letter-spacing: .03em;text-transform: uppercase;transition: background .14s ease,color .14s ease,border-color .14s ease}.pubbar__lang > summary::-webkit-details-marker{display: none}.pubbar__lang > summary::marker{content: ''}.pubbar__lang > summary:hover{color: var(--fg-primary);background: rgba(255,255,255,.06)}.pubbar__lang > summary:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.pubbar__lang[open] > summary{color: var(--fg-primary);background: rgba(255,255,255,.06);border-color: var(--border-hairline)}.pubbar__lang > summary svg{opacity: .7;transition: transform .16s ease}.pubbar__lang[open] > summary svg{transform: rotate(180deg);opacity: 1}.pubbar__lang-menu{position: absolute;right: 0;top: calc(100% + 8px);z-index: 60;min-width: 196px;background: var(--bg-surface,#14161a);border: 1px solid var(--border-hairline);border-radius: 12px;padding: 5px;box-shadow: 0 16px 40px rgba(0,0,0,.45)}.pubbar__lang-item{display: flex;align-items: center;justify-content: space-between;gap: 16px;height: 38px;padding: 0 12px;border-radius: 9px;text-decoration: none;color: var(--fg-secondary);font-size: 14px;font-weight: 500;letter-spacing: 0;text-transform: none;transition: background .12s ease,color .12s ease}.pubbar__lang-item b{color: var(--fg-faint);font-size: 11px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase}.pubbar__lang-item:hover{background: rgba(255,255,255,.05);color: var(--fg-primary)}.pubbar__lang-item.is-active{color: var(--fg-primary);font-weight: 600;cursor: default}.pubbar__lang-item.is-active b{color: var(--accent)}.pubbar__lang-item.is-active::before{content: '';width: 6px;height: 6px;border-radius: 50%;background: var(--accent);margin-right: -6px;flex: 0 0 auto}.pubbar__lang-item.is-active:hover{background: transparent}.pubbar__cart{position: relative;display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;color: var(--fg-secondary);text-decoration: none;transition: color .15s;flex-shrink: 0}.pubbar__cart:hover{color: var(--accent)}.pubbar__cart-badge{position: absolute;top: -2px;right: -2px;min-width: 18px;height: 18px;padding: 0 5px;border-radius: 9px;background: var(--accent);color: #0a0a0a;font-size: 11px;font-weight: 700;line-height: 18px;text-align: center}.pubbar__cart-badge[hidden]{display: none}@media (prefers-reduced-motion: reduce){.pubbar__nav,.pubbar__burger-bar{transition: none}}
/* — css/storefront.css — */
.home-hero{padding: var(--sp-8) var(--sp-6) var(--sp-7);max-width: 1280px;margin: 0 auto}.home-hero h1{font-family: var(--font-display);font-size: clamp(40px,6vw,76px);line-height: .96;color: var(--gray-0);letter-spacing: -1px;text-wrap: balance;margin: 0}.home-hero h1 b{color: var(--cc-lime)}.home-hero__lead{color: var(--fg-muted);font-size: 17px;max-width: 560px;margin: var(--sp-4) 0 var(--sp-5);line-height: 1.5}.home-hero__cta{display: flex;gap: var(--sp-3);flex-wrap: wrap}.home-hero{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--sp-7);align-items: center}.home-hero__brand{display: none}@media (min-width: 1000px){.home-hero{grid-template-columns: minmax(0,1fr) 340px}.home-hero__brand{display: grid;align-content: center;justify-items: center}}.home-hero{align-items: center}.home-hero__brand-mark{width: 250px;height: auto}.home-sec{max-width: 1280px;margin: 0 auto;padding: 0 var(--sp-6) var(--sp-7)}.section-head{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--sp-4)}.section-head h2{font-family: var(--font-display);font-size: 22px;color: var(--gray-0);text-transform: uppercase;letter-spacing: .5px;margin: 0}.home-empty{color: var(--fg-muted);font-size: 14px;padding: var(--sp-4) 0}.cat-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: var(--sp-3)}.cat-tile{background: var(--bg-surface);border: 1px solid var(--gray-60);border-radius: var(--radius);padding: var(--sp-4);text-decoration: none;display: flex;flex-direction: column;gap: 4px;transition: border-color .15s ease}.cat-tile:hover{border-color: var(--accent)}.cat-tile__name{font-size: 13px;color: var(--gray-10);font-weight: 600}.cat-tile__count{font-size: 11px;color: var(--fg-muted);font-family: var(--font-mono)}.products-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(210px,1fr));gap: var(--sp-4)}.product-card{background: var(--bg-surface);border: 1px solid var(--gray-60);border-radius: var(--radius);overflow: hidden;text-decoration: none;display: block;transition: border-color .15s ease}.product-card:hover{border-color: var(--accent)}.product-card__img{aspect-ratio: 4/3;background: var(--gray-70);display: flex;align-items: center;justify-content: center;color: var(--gray-50);position: relative;overflow: hidden}.product-card__img img{width: 100%;height: 100%;object-fit: cover}.product-card__badge{position: absolute;top: 8px;left: 8px;font-size: 10px;font-family: var(--font-mono);font-weight: 700;padding: 3px 8px;border-radius: var(--radius);background: var(--cc-lime);color: var(--gray-100)}.product-card__body{padding: var(--sp-3)}.product-card__title{font-size: 13px;color: var(--gray-10);font-weight: 600;line-height: 1.3}.product-card__price{font-family: var(--font-mono);font-size: 15px;color: var(--gray-0);font-weight: 700;margin-top: 8px}.product-card__price b{color: var(--cc-lime)}.product-card__score{font-size: 11px;color: var(--fg-muted);margin-top: 4px}.product-card__score span{color: var(--accent)}.media-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: var(--sp-4)}.media-card{background: var(--bg-surface);border: 1px solid var(--gray-60);border-radius: var(--radius);overflow: hidden;text-decoration: none;display: block;transition: border-color .15s ease}.media-card:hover{border-color: var(--accent)}.media-card__thumb{aspect-ratio: 16/9;background: var(--gray-70);display: flex;align-items: center;justify-content: center;color: var(--gray-50);position: relative}.media-card__thumb img{width: 100%;height: 100%;object-fit: cover}.media-card__play{position: absolute;width: 44px;height: 44px;border-radius: 50%;background: rgba(3,4,4,.6);display: flex;align-items: center;justify-content: center;color: #fff}.media-card__body{padding: var(--sp-3)}.media-card__title{font-size: 13px;color: var(--gray-10);font-weight: 600;line-height: 1.35}.media-card__meta{font-size: 11px;color: var(--fg-muted);font-family: var(--font-mono);margin-top: 6px}.catalog-layout{display: grid;grid-template-columns: 240px minmax(0,1fr);gap: var(--sp-5);align-items: start}@media (max-width: 900px){.catalog-layout{grid-template-columns: 1fr}}.facets{display: block}.filter-card{background: var(--bg-surface);border: 1px solid var(--gray-60);border-radius: var(--radius);padding: var(--sp-4);margin-bottom: var(--sp-3)}.filter-card h4{font-size: 11px;color: var(--fg-muted);text-transform: uppercase;letter-spacing: .06em;margin: 0 0 var(--sp-3);font-weight: 600}.filter-card .cb{padding: 7px 8px;margin: 0 -8px;width: calc(100% + 16px);display: flex;align-items: center;gap: 10px;text-decoration: none;color: var(--gray-20);font-size: 13.5px;border-radius: 8px;transition: background .12s ease,color .12s ease}.filter-card .cb:hover{color: var(--gray-0);background: rgba(255,255,255,.04)}.filter-card .cb:focus-visible{outline: 2px solid var(--accent);outline-offset: -2px}.filter-card .cb .cbox{width: 17px;height: 17px;border: 1.5px solid var(--gray-50);border-radius: 5px;flex-shrink: 0;box-sizing: border-box;position: relative;transition: background .12s ease,border-color .12s ease,box-shadow .12s ease}.filter-card .cb:hover .cbox{border-color: var(--gray-30,#9aa4b2)}.filter-card .cb.is-checked{color: var(--gray-0);font-weight: 500}.filter-card .cb.is-checked .cbox{background: var(--accent);border-color: var(--accent);box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.filter-card .cb.is-checked .cbox::after{content: "";position: absolute;inset: 0;background: #0b0d07;-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5 10.5l3.2 3.2L15 7' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/13px 13px no-repeat;mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5 10.5l3.2 3.2L15 7' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/13px 13px no-repeat}.filter-card .cb .cb__lbl{flex: 1 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.filter-card .cb .num{color: var(--fg-muted);font-size: 11px;font-family: var(--font-mono);flex-shrink: 0}.filter-card .cb .num--add{color: var(--accent)}.facet-stars{color: var(--accent);letter-spacing: 1px}.facet-upto{color: var(--fg-muted);font-size: 11px}.price-range{display: grid;grid-template-columns: 1fr auto 1fr;gap: 8px;align-items: center}.price-field{position: relative;min-width: 0}.price-field input{width: 100%;height: 36px;box-sizing: border-box;padding: 0 10px;background: var(--gray-100);color: var(--gray-0);border: 1px solid var(--gray-60);border-radius: var(--radius);font-size: 13px;font-family: var(--font-mono)}.price-field input:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px rgba(168,217,7,.12)}.price-range .dash{color: var(--fg-muted);font-size: 12px}.range-slider{position: relative;height: 4px;background: var(--gray-70);border-radius: 2px;margin: var(--sp-4) 7px var(--sp-3)}.range-slider i{position: absolute;height: 100%;background: var(--accent);border-radius: 2px;left: 0;right: 0}.range-slider input[type="range"]{position: absolute;left: -7px;right: -7px;width: calc(100% + 14px);top: 50%;transform: translateY(-50%);margin: 0;height: 0;background: none;pointer-events: none;-webkit-appearance: none;appearance: none}.range-slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;pointer-events: auto;width: 14px;height: 14px;border-radius: 50%;background: var(--gray-100);border: 3px solid var(--accent);box-sizing: border-box;box-shadow: 0 1px 4px rgba(0,0,0,.4);cursor: pointer}.range-slider input[type="range"]::-moz-range-thumb{pointer-events: auto;width: 14px;height: 14px;border-radius: 50%;background: var(--gray-100);border: 3px solid var(--accent);box-sizing: border-box;box-shadow: 0 1px 4px rgba(0,0,0,.4);cursor: pointer}.range-slider input[type="range"]::-moz-range-track{background: none}.range-slider__legend{font-size: 11px;color: var(--fg-muted);font-family: var(--font-mono)}.catalog{max-width: 1280px;margin: 0 auto;padding: var(--sp-6)}.catalog-head{display: flex;justify-content: space-between;align-items: flex-end;gap: var(--sp-4);flex-wrap: wrap;margin-bottom: var(--sp-5)}.catalog-head__info{min-width: 0}.catalog-head h1{font-family: var(--font-display);font-size: clamp(28px,4vw,44px);color: var(--gray-0);letter-spacing: -.5px;margin: 0}.catalog-head__meta{font-size: 13px;color: var(--fg-muted);font-family: var(--font-mono);margin: 6px 0 0}.catalog-head__desc{color: var(--fg-muted);font-size: 15px;max-width: 640px;line-height: 1.5;margin: 8px 0 0}.catalog-head__sort{display: flex;gap: 6px;align-items: center;flex: none}.catalog-head__sort label{font-size: 12px;color: var(--fg-muted)}.catalog-head__sort select{background: var(--bg-surface);border: 1px solid var(--gray-60);color: var(--gray-10);border-radius: var(--radius);padding: 6px 10px;font-size: 13px;color-scheme: dark;min-width: 180px}.facet-chips{display: flex;gap: var(--sp-2);flex-wrap: wrap;margin-top: var(--sp-3)}.facet-chip{font-size: 12px;color: var(--fg-muted);background: var(--bg-surface);border: 1px solid var(--gray-60);border-radius: 999px;padding: 4px 12px}.facet-chip b{color: var(--cc-lime);font-weight: 600}.toast{position: fixed;left: 50%;bottom: 28px;transform: translateX(-50%) translateY(20px);background: var(--gray-85,#1a1e16);color: var(--gray-0);border: 1px solid var(--gray-60);border-radius: var(--radius);padding: 12px 20px;font-size: 14px;opacity: 0;pointer-events: none;transition: opacity .2s ease,transform .2s ease;z-index: 100;max-width: 90vw}.toast.show{opacity: 1;transform: translateX(-50%) translateY(0)}.toast.err{border-color: var(--error);color: var(--error)}.toast.ok{border-color: var(--success-fg)}.toast b{display: block;font-weight: 600}.toast__note{display: block;margin-top: 3px;font-size: 12.5px;color: var(--fg-muted)}.toast.err .toast__note{color: var(--error);opacity: .85}body:has(#cookie-bar) .toast{bottom: 110px}@media (max-width: 720px){body:has(#cookie-bar) .toast{bottom: 190px}}.pdp{max-width: 1180px;margin: 0 auto;padding: var(--sp-6)}.pdp-crumbs{font-size: 12px;color: var(--fg-muted);margin-bottom: var(--sp-4);display: flex;gap: 6px;flex-wrap: wrap}.pdp-crumbs a{color: var(--fg-muted);text-decoration: none}.pdp-crumbs a:hover{color: var(--accent)}.pdp-top{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);gap: var(--sp-7);align-items: start}@media (max-width: 880px){.pdp-top{grid-template-columns: 1fr}}.pdp-gallery__main{aspect-ratio: 4/3;background: var(--gray-70);border: 1px solid var(--gray-60);border-radius: var(--radius);display: flex;align-items: center;justify-content: center;color: var(--gray-50);overflow: hidden}.pdp-gallery__main img{width: 100%;height: 100%;object-fit: cover}.pdp-gallery__thumbs{display: flex;gap: var(--sp-2);margin-top: var(--sp-3);flex-wrap: wrap}.pdp-gallery__thumbs button{width: 64px;height: 64px;border: 1px solid var(--gray-60);border-radius: var(--radius);overflow: hidden;background: var(--gray-70);padding: 0;cursor: pointer}.pdp-gallery__thumbs button.active{border-color: var(--cc-lime)}.pdp-gallery__thumbs img{width: 100%;height: 100%;object-fit: cover}.pdp-info h1{font-family: var(--font-display);font-size: clamp(24px,3vw,36px);color: var(--gray-0);letter-spacing: -.5px;margin: 0 0 var(--sp-2)}.pdp-info__brand{font-size: 13px;color: var(--fg-muted);margin-bottom: var(--sp-2)}.pdp-info__brand a{color: var(--accent);text-decoration: none}.pdp-info__rating{font-size: 13px;color: var(--fg-muted);margin-bottom: var(--sp-3)}.pdp-info__rating span{color: var(--accent)}.pdp-info__lead{color: var(--fg-secondary);font-size: 15px;line-height: 1.5;margin-bottom: var(--sp-4)}.pdp-price{font-family: var(--font-mono);font-size: 30px;font-weight: 700;color: var(--gray-0);margin-bottom: var(--sp-4)}.pdp-price b{color: var(--cc-lime)}.pdp-price__eq{display: block;font-size: 14px;font-weight: 400;color: var(--fg-muted,#9aa);margin-top: 2px}.pdp-tiers{display: flex;flex-direction: column;gap: var(--sp-2);margin-bottom: var(--sp-4)}.pdp-tier{display: flex;align-items: center;gap: var(--sp-3);border: 1px solid var(--gray-60);border-radius: var(--radius);padding: var(--sp-3);cursor: pointer;background: var(--bg-surface)}.pdp-tier.active{border-color: var(--cc-lime)}.pdp-tier input{appearance: none;-webkit-appearance: none;margin: 0;width: 16px;height: 16px;border: 1px solid var(--gray-60);border-radius: 50%;background: transparent;cursor: pointer}.pdp-tier input:checked{border-color: transparent;background: var(--cc-lime);box-shadow: inset 0 0 0 3px var(--bg-surface)}.pdp-tier input:focus-visible{outline: 2px solid var(--cc-lime);outline-offset: 2px}.pdp-tier__name{font-weight: 600;color: var(--gray-10);font-size: 14px}.pdp-tier__desc{font-size: 12px;color: var(--fg-muted)}.pdp-tier__price{margin-left: auto;font-family: var(--font-mono);font-weight: 700;color: var(--cc-lime)}.pdp-buy{display: flex;gap: var(--sp-3);align-items: center;flex-wrap: wrap}.pdp-buy .btn{min-width: 200px;justify-content: center}.pdp-section{max-width: 1180px;margin: var(--sp-7) auto 0;padding: 0 var(--sp-6)}.pdp-section h2{font-family: var(--font-display);font-size: 20px;color: var(--gray-0);text-transform: uppercase;letter-spacing: .5px;margin: 0 0 var(--sp-4)}.pdp-desc{position: relative;max-height: 320px;overflow: hidden;color: var(--fg-secondary);font-size: 15px;line-height: 1.6}.pdp-desc::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 84px;background: linear-gradient(to bottom,transparent,var(--bg-page));pointer-events: none;transition: opacity .2s ease}.pdp-desc-box.is-open .pdp-desc{max-height: none}.pdp-desc-box.is-open .pdp-desc::after{opacity: 0}.pdp-desc__more{margin-top: var(--sp-3);background: none;border: 1px solid var(--border-hairline);color: var(--fg-muted);font: inherit;font-size: 13.5px;padding: 7px 16px;border-radius: 20px;cursor: pointer;transition: color .15s,border-color .15s}.pdp-desc__more:hover{color: var(--accent);border-color: var(--accent)}.pdp-desc p{margin: 0 0 var(--sp-3)}.pdp-desc h3{font-family: var(--font-display);font-size: 17px;color: var(--gray-0);margin: var(--sp-4) 0 var(--sp-2)}.pdp-desc ul,.pdp-desc ol{margin: 0 0 var(--sp-3);padding-left: 1.3em}.pdp-desc li{margin: 0 0 6px}.pdp-desc a{color: var(--accent)}.pdp-desc strong{color: var(--gray-0)}.pdp-desc code{background: var(--bg-elevated);border: 1px solid var(--border-hairline);border-radius: 5px;padding: 1px 5px;font-family: var(--font-mono);font-size: .9em}.pdp-faq__item{border: 1px solid var(--gray-60);border-radius: var(--radius);margin-bottom: var(--sp-2);background: var(--bg-surface)}.pdp-faq__q{padding: var(--sp-3) var(--sp-4);font-weight: 600;color: var(--gray-10);font-size: 14px;cursor: pointer;list-style: none;display: flex;justify-content: space-between}.pdp-faq__q::-webkit-details-marker{display: none}.pdp-faq__q::after{content: '+';color: var(--accent);font-weight: 700}details[open] .pdp-faq__q::after{content: '−'}.pdp-faq__a{padding: 0 var(--sp-4) var(--sp-3);color: var(--fg-secondary);font-size: 14px;line-height: 1.5}.article{max-width: 800px;margin: 0 auto;padding: var(--sp-6)}.article__meta{font-size: 12px;color: var(--fg-muted);font-family: var(--font-mono);margin-bottom: var(--sp-3)}.article h1{font-family: var(--font-display);font-size: clamp(28px,4vw,44px);color: var(--gray-0);letter-spacing: -.5px;margin: 0 0 var(--sp-4);line-height: 1.05}.article__cover{width: 100%;border-radius: var(--radius);border: 1px solid var(--gray-60);margin-bottom: var(--sp-5)}.article__body{color: var(--fg-secondary);font-size: 16px;line-height: 1.7}.article__body h2,.article__body h3{color: var(--gray-0);font-family: var(--font-display);margin: var(--sp-5) 0 var(--sp-3)}.article__body p{margin: 0 0 var(--sp-4)}.article__body ul,.article__body ol{margin: 0 0 var(--sp-4) var(--sp-5)}.article__body a{color: var(--accent)}.article__body table{width: 100%;border-collapse: collapse;margin: 0 0 var(--sp-4);font-size: 15px;background: var(--bg-surface);border: 1px solid var(--border-hairline);border-radius: 12px;overflow: hidden}.article__body thead th{background: var(--bg-elevated);color: var(--gray-0);font-weight: 600;text-align: left;padding: 12px 14px;border-bottom: 1px solid var(--border-hairline)}.article__body tbody td{padding: 11px 14px;border-bottom: 1px solid var(--border-hairline);vertical-align: top}.article__body tbody tr:last-child td{border-bottom: 0}.article__body tbody td:first-child{color: var(--gray-0);font-weight: 500}.article__body tbody th{padding: 11px 14px;border-bottom: 1px solid var(--border-hairline);vertical-align: top;text-align: left;color: var(--gray-0);font-weight: 500}.article__body tbody tr:last-child th{border-bottom: 0}.article__body caption{caption-side: top;text-align: left;padding: 12px 14px 0;color: var(--fg-muted);font-size: 13px}.article__body table strong{color: var(--gray-0)}.article__body code{background: var(--bg-elevated);border: 1px solid var(--border-hairline);border-radius: 5px;padding: 1px 6px;font-family: var(--font-mono);font-size: .9em}.article__body strong{color: var(--gray-0)}@media (max-width: 640px){.article__body table{display: block;overflow-x: auto;white-space: nowrap}}.article__body img{display: block;max-width: 100%;height: auto;margin: 0 auto;border: 1px solid var(--border-hairline);border-radius: 12px;background: var(--bg-surface)}.article__body p:has(img){margin-bottom: var(--sp-2)}.article__body p:has(img) + p em{display: block;text-align: center;font-style: normal;font-size: 14px;color: var(--fg-muted)}.video-detail{max-width: 960px;margin: 0 auto;padding: var(--sp-6)}.video-embed{aspect-ratio: 16/9;width: 100%;border-radius: var(--radius);overflow: hidden;border: 1px solid var(--gray-60);background: #000;margin-bottom: var(--sp-4)}.video-embed iframe{width: 100%;height: 100%;border: 0}.video-detail h1{font-family: var(--font-display);font-size: clamp(24px,3vw,36px);color: var(--gray-0);margin: 0 0 var(--sp-3)}.video-detail__desc{color: var(--fg-secondary);font-size: 15px;line-height: 1.6}.paginator{display: flex;gap: 6px;align-items: center;justify-content: center;margin-top: var(--sp-7);flex-wrap: wrap}.paginator a,.paginator span{min-width: 38px;height: 38px;padding: 0 12px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--gray-60);border-radius: var(--radius);font-size: 13px;font-family: var(--font-mono);text-decoration: none;color: var(--gray-20);background: var(--bg-surface)}.paginator a:hover{border-color: var(--accent);color: var(--gray-0)}.paginator .is-current{background: var(--cc-lime);color: var(--gray-100);border-color: var(--cc-lime);font-weight: 700}.paginator .is-disabled{opacity: .4;pointer-events: none}.paginator .gap{border: none;background: none;color: var(--fg-muted);min-width: 18px}.pricing{max-width: 1100px;margin: 0 auto;padding: var(--sp-8) var(--sp-5)}.pricing-head{text-align: center;margin-bottom: var(--sp-8)}.pricing-head h1{font-family: var(--font-display);font-size: clamp(28px,4vw,44px);color: var(--gray-0);margin: 0 0 var(--sp-3)}.pricing-head p{color: var(--fg-secondary);font-size: 16px;max-width: 560px;margin: 0 auto;line-height: 1.6}.pricing-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: var(--sp-5);align-items: stretch}.pricing-card{display: flex;flex-direction: column;background: var(--bg-surface);border: 1px solid var(--gray-60);border-radius: var(--radius-lg);padding: var(--sp-6);transition: border-color var(--t-base),transform var(--t-base)}.pricing-card:hover{border-color: var(--gray-50);transform: translateY(-2px)}.pricing-card--featured{border-color: var(--accent);box-shadow: var(--shadow-lg),0 0 0 1px var(--accent);position: relative}.pricing-card--featured::before{content: '★';position: absolute;top: -11px;right: var(--sp-5);background: var(--cc-lime);color: var(--gray-100);font-size: 12px;font-weight: 700;padding: 2px 11px;border-radius: var(--radius-pill);letter-spacing: .04em}.pricing-card__name{font-family: var(--font-display);font-size: 22px;color: var(--gray-0);font-weight: 700;margin-bottom: var(--sp-2)}.pricing-card__desc{color: var(--fg-muted);font-size: 13px;line-height: 1.5;min-height: 38px;margin-bottom: var(--sp-4)}.pricing-card__price{font-family: var(--font-display);font-size: 28px;color: var(--accent);font-weight: 700;margin-bottom: var(--sp-4)}.pricing-card__modes{display: flex;flex-direction: column;gap: var(--sp-2);margin-bottom: var(--sp-4)}.pricing-mode{display: flex;flex-direction: column;gap: 2px;padding: var(--sp-3);background: var(--bg-page);border: 1px solid var(--gray-70);border-radius: var(--radius)}.pricing-mode__price{font-family: var(--font-mono);font-size: 18px;color: var(--gray-0);font-weight: 600}.pricing-mode__cur{font-size: 12px;color: var(--accent);margin-left: 2px}.pricing-mode__period{font-size: 12px;color: var(--fg-muted);font-weight: 400;margin-left: 4px}.pricing-mode__tag{font-size: 11px;color: var(--fg-muted);text-transform: uppercase;letter-spacing: .04em}.pricing-card__caps{list-style: none;padding: 0;margin: 0 0 var(--sp-5);display: flex;flex-direction: column;gap: var(--sp-2);flex: 1 1 auto}.pricing-card__caps li{position: relative;padding-left: 22px;font-size: 13px;color: var(--fg-secondary);line-height: 1.4}.pricing-card__caps li::before{content: '✓';position: absolute;left: 0;color: var(--success-fg);font-weight: 700}.pricing-card__cta{display: block;text-align: center;padding: 12px 20px;border-radius: var(--radius);font-weight: 600;font-size: 14px;border: 1px solid var(--gray-50);color: var(--gray-0);background: transparent;transition: background var(--t-base),border-color var(--t-base);margin-top: auto}.pricing-card__cta:hover{border-color: var(--accent)}.pricing-card--featured .pricing-card__cta{background: var(--cc-lime);color: var(--gray-100);border-color: var(--cc-lime)}.pricing-card--featured .pricing-card__cta:hover{background: var(--primary-50);border-color: var(--primary-50);color: var(--gray-100)}@media (max-width: 600px){.pricing-grid{grid-template-columns: 1fr}}.cat-ext{margin-top: 28px}.cat-ext__title{font-size: 18px;color: var(--fg-primary);margin: 0 0 14px}.cat-ext__grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 12px}.cat-ext__card{display: flex;align-items: center;gap: 12px;padding: 14px;border: 1px solid var(--border-hairline);border-radius: 14px;background: var(--bg-surface);text-decoration: none}.cat-ext__card:hover{border-color: var(--accent)}.cat-ext__ico{font-size: 26px;line-height: 1;flex: 0 0 auto}.cat-ext__ico img{width: 34px;height: 34px;object-fit: cover;border-radius: 8px}.cat-ext__body{flex: 1 1 auto;min-width: 0}.cat-ext__body b{display: block;color: var(--fg-primary);font-size: 14px}.cat-ext__body span{display: block;color: var(--fg-muted);font-size: 12.5px;line-height: 1.45;margin-top: 2px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}.cat-ext__price{flex: 0 0 auto;color: var(--accent);font-weight: 700;font-size: 13px;white-space: nowrap}.plg-card__svg{color: var(--fg-muted)}.plg-card:hover .plg-card__svg{color: var(--accent)}.plgd__svg{color: var(--accent)}.cat-ext__ico svg{color: var(--fg-muted);display: block}.cat-ext__card:hover .cat-ext__ico svg{color: var(--accent)}.checkout__site{margin: 14px 0;padding: 14px;border: 1px solid var(--border-hairline);border-radius: 12px;background: var(--bg-surface)}.checkout__site label{display: block;font-size: 13px;color: var(--fg-muted);margin-bottom: 6px}.checkout__site select{width: 100%;padding: 9px 12px;border-radius: 10px;border: 1px solid var(--border-hairline);background: var(--bg-elevated);color: var(--fg-primary);font-size: 14px}.checkout__hint{color: var(--fg-faint);font-size: 12.5px;line-height: 1.5;margin: 8px 0 0}.home-art{max-width: 1280px;margin: 28px auto;padding: 20px 22px;background: var(--bg-surface);border: 1px solid var(--border-hairline);border-radius: 16px}.home-art__body{column-width: 32rem;column-gap: var(--sp-6)}@media (max-width: 900px){.home-art__body{column-width: auto;columns: auto}}.home-art__body h2,.home-art__body h3,.home-art__body p,.home-art__body ul,.home-art__body ol,.home-art__body table{break-inside: avoid}.home-art__body > *:first-child{margin-top: 0}.home-art__title{font-size: 20px;margin: 0 0 12px;line-height: 1.3}.home-art__title a{color: var(--fg-primary);text-decoration: none}.home-art__title a:hover{color: var(--accent)}.home-art__body{position: relative;max-height: 256px;overflow: hidden;color: var(--fg-secondary);font-size: 15px;line-height: 1.65}.home-art__body p{margin: 0 0 12px}.home-art__body h2,.home-art__body h3{color: var(--fg-primary);font-size: 16px;margin: 16px 0 8px}.home-art__body ul,.home-art__body ol{margin: 0 0 12px;padding-left: 20px}.home-art__body table{width: 100%;border-collapse: collapse;margin: 0 0 12px;font-size: 14px}.home-art__body th,.home-art__body td{border: 1px solid var(--border-hairline);padding: 7px 10px;text-align: left}.home-art__body a{color: var(--accent)}.home-art__body::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 84px;background: linear-gradient(to bottom,transparent,var(--bg-surface));pointer-events: none;transition: opacity .2s ease}.home-art.is-open .home-art__body{max-height: none}.home-art.is-open .home-art__body::after{opacity: 0}.home-art__more{margin-top: 12px;background: none;border: 1px solid var(--border-hairline);color: var(--fg-muted);font: inherit;font-size: 13.5px;padding: 7px 16px;border-radius: 20px;cursor: pointer;transition: color .15s,border-color .15s}.home-art__more:hover{color: var(--accent);border-color: var(--accent)}@media (prefers-reduced-motion: reduce){.home-art__body::after{transition: none}}.catalog-seo{margin-top: 28px;padding-top: 20px;border-top: 1px solid var(--border-hairline)}.catalog-seo p,.catalog-seo li{color: var(--fg-muted);font-size: 14px;line-height: 1.65;max-width: 780px}.catalog-seo p{margin: 0 0 12px}.catalog-seo p:last-child{margin-bottom: 0}.catalog-seo ul,.catalog-seo ol{margin: 0 0 12px;padding-left: 20px}.catalog-seo li{margin: 0 0 5px}.catalog-seo a{color: var(--accent)}.catalog-seo strong{color: var(--fg-secondary)}.pdp-contrib{border: 1px solid var(--border-hairline);border-radius: 14px;background: var(--bg-surface);color: var(--fg-primary);padding: 20px;max-width: 340px;width: calc(100% - 32px)}.pdp-contrib::backdrop{background: rgba(0,0,0,.55)}.pdp-contrib label{display: block;font-size: 14px;color: var(--fg-secondary);margin-bottom: 10px}.pdp-contrib input{width: 100%;padding: 11px 12px;border-radius: 10px;border: 1px solid var(--border-hairline);background: var(--bg-elevated);color: var(--fg-primary);font-size: 16px;color-scheme: dark;accent-color: var(--accent)}.pdp-contrib input:hover{border-color: var(--border-strong,rgba(255,255,255,.18))}.pdp-contrib input:focus{outline: none;border-color: var(--accent)}.pdp-contrib__row{display: flex;gap: 8px;margin-top: 16px}.pdp-contrib__row .btn{flex: 1 1 auto}.pdp-site{border: 1px solid var(--border-hairline);border-radius: 14px;background: var(--bg-surface);color: var(--fg-primary);padding: 20px;max-width: 420px;width: calc(100% - 32px)}.pdp-site::backdrop{background: rgba(0,0,0,.55)}.pdp-site__ask{margin: 0 0 12px;font-size: 15px;font-weight: 600}.pdp-site__list{display: flex;flex-direction: column;gap: 6px;margin-bottom: 14px}.pdp-site__list:empty{display: none}.pdp-site__item{display: flex;align-items: center;gap: 10px;padding: 10px 12px;cursor: pointer;border: 1px solid var(--border-hairline);border-radius: 10px;background: var(--bg-elevated)}.pdp-site__item:hover{border-color: var(--border-strong,rgba(255,255,255,.18))}.pdp-site__item input{accent-color: var(--accent);margin: 0;flex: 0 0 auto}.pdp-site__item span{font-size: 14px;word-break: break-all}.pdp-site__item:has(input:checked){border-color: var(--accent)}.pdp-site__new{display: block;font-size: 13px;color: var(--fg-secondary);margin-bottom: 6px}.pdp-site input[type="text"]{width: 100%;padding: 11px 12px;border-radius: 10px;font-size: 16px;border: 1px solid var(--border-hairline);background: var(--bg-elevated);color: var(--fg-primary);color-scheme: dark}.pdp-site input[type="text"]:focus{outline: none;border-color: var(--accent)}.pdp-site__note{margin: 12px 0 0;font-size: 12px;line-height: 1.5;color: var(--fg-muted)}.pdp-site__row{display: flex;gap: 8px;margin-top: 16px}.pdp-site__row .btn{flex: 1 1 auto}.pdp-site__link{display: inline-block;padding: 12px 0;color: var(--accent);font-size: 14px;text-decoration: none}.pdp-site__link:hover{text-decoration: underline}.cart,.checkout{max-width: 1180px;margin: 0 auto;padding: var(--sp-6)}.cart__notice{background: var(--bg-elevated);border: 1px solid var(--border-hairline);border-left: 3px solid var(--accent);border-radius: 10px;padding: 12px 14px;color: var(--fg-secondary);font-size: 14px;margin: 0 0 var(--sp-4)}.cart__table{width: 100%;border-collapse: collapse;margin: 0 0 var(--sp-5);background: var(--bg-surface);border: 1px solid var(--border-hairline);border-radius: 14px;overflow: hidden}.cart__table thead th{background: var(--bg-elevated);color: var(--fg-muted);font-size: 12px;font-weight: 600;text-transform: uppercase;letter-spacing: .04em;text-align: left;padding: 12px 16px;border-bottom: 1px solid var(--border-hairline)}.cart__table thead th:nth-child(3),.cart__table thead th:nth-child(4){text-align: right}.cart__table td{padding: 16px;border-bottom: 1px solid var(--border-hairline);vertical-align: middle}.cart__table tbody tr:last-child td{border-bottom: 0}.cart__row--off{opacity: .55}.cart__item a{color: var(--gray-0);font-weight: 600;text-decoration: none;font-size: 15px}.cart__item a:hover{color: var(--accent)}.cart__offer{display: block;color: var(--fg-muted);font-size: 12px;margin-top: 3px}.cart__badge{display: inline-block;margin-top: 6px;padding: 2px 8px;border-radius: 20px;background: var(--bg-elevated);border: 1px solid var(--border-hairline);color: var(--fg-muted);font-size: 11px}.cart__lib{display: inline-block;margin: 6px 0 0 8px;color: var(--accent);font-size: 12px}.cart__qty form{display: flex;gap: 8px;align-items: center}.cart__qty-input{width: 68px;padding: 8px 10px;border-radius: 8px;text-align: center;border: 1px solid var(--border-hairline);background: var(--bg-elevated);color: var(--fg-primary);font-size: 15px;color-scheme: dark}.cart__qty-input:focus{outline: none;border-color: var(--accent)}.cart__price{text-align: right;white-space: nowrap;color: var(--gray-0);font-family: var(--font-mono);font-size: 15px}.cart__actions{text-align: right}.cart__actions form{display: inline-block}.cart__foot{display: flex;align-items: center;gap: var(--sp-4);flex-wrap: wrap;padding-top: var(--sp-2)}.cart__foot > form:first-child{margin-right: auto}.cart__total{display: flex;align-items: baseline;gap: 10px}.cart__total span{color: var(--fg-muted);font-size: 14px}.cart__total strong{color: var(--accent);font-size: 24px;font-family: var(--font-mono);display: inline-flex;align-items: center;gap: 5px}.cart__foot .btn--primary{padding: 12px 26px;font-size: 15px}.checkout .cart__foot form[action*="checkout"]{display: flex;flex-wrap: wrap;align-items: center;gap: var(--sp-3);flex-basis: 100%}.checkout__site{flex-basis: 100%;order: -1;background: var(--bg-surface);border: 1px solid var(--border-hairline);border-radius: 14px;padding: var(--sp-4);margin: 0 0 var(--sp-4)}.checkout__site label{display: block;margin-bottom: 8px;color: var(--fg-secondary);font-size: 14px}.checkout__site select{width: 100%;max-width: 420px;padding: 11px 12px;border-radius: 10px;border: 1px solid var(--border-hairline);background: var(--bg-elevated);color: var(--fg-primary);font-size: 15px;color-scheme: dark}.checkout__hint{color: var(--fg-muted);font-size: 13px;line-height: 1.5;margin: 8px 0 0}.checkout__login{background: var(--bg-elevated);border: 1px solid var(--border-hairline);border-radius: 12px;padding: var(--sp-4);margin: 0 0 var(--sp-4);color: var(--fg-secondary)}@media (max-width: 720px){.cart__table{display: block;overflow-x: auto}.cart__foot{flex-direction: column;align-items: stretch}.cart__foot > form:first-child{margin-right: 0}}.cart__site{display: flex;gap: 8px;align-items: center;flex-wrap: wrap}.cart__site select{min-width: 190px;padding: 8px 10px;border-radius: 8px;border: 1px solid var(--border-hairline);background: var(--bg-elevated);color: var(--fg-primary);font-size: 14px;color-scheme: dark}.cart__site select:focus{outline: none;border-color: var(--accent)}.cart__site-note{color: var(--fg-muted);font-size: 13px}.home-team{max-width: 1280px;margin: 0 auto;padding: var(--sp-7) var(--sp-6)}.home-team__head{margin-bottom: 20px}.home-team__head h2{font-family: var(--font-display);font-size: clamp(22px,3vw,32px);color: var(--fg-primary);margin: 0 0 6px}.home-team__head p{color: var(--fg-muted);font-size: 14px;margin: 0;max-width: 620px;line-height: 1.55}.home-team__rail{display: flex;gap: 16px;overflow-x: auto;scroll-snap-type: x mandatory;padding-bottom: 10px;scrollbar-width: thin}.home-team__rail::-webkit-scrollbar{height: 6px}.home-team__rail::-webkit-scrollbar-thumb{background: var(--bg-elevated);border-radius: 99px}.tcard{scroll-snap-align: start;flex: 0 0 200px;background: var(--bg-surface);border: 1px solid var(--border-hairline);border-radius: 14px;padding: 18px 16px;text-align: center}.tcard__ava{width: 84px;height: 84px;margin: 0 auto 12px;border-radius: 50%;overflow: hidden;background: var(--bg-elevated);display: flex;align-items: center;justify-content: center}.tcard__ava img{width: 100%;height: 100%;object-fit: cover}.tcard__ini{font-family: var(--font-display);font-size: 30px;color: var(--fg-muted)}.tcard__name{font-weight: 600;color: var(--fg-primary);font-size: 15px}.tcard__works{font-size: 12px;color: var(--fg-muted);margin-top: 4px;font-family: var(--font-mono)}.tcard__soc{display: flex;gap: 10px;justify-content: center;margin-top: 12px}.tcard__soc a{color: var(--fg-muted);display: inline-flex;transition: color .15s}.tcard__soc a:hover{color: var(--accent)}.tcard__soc svg{width: 18px;height: 18px;fill: currentColor}@media (max-width: 560px){.tcard{flex-basis: 168px}}.drop-strip{display: grid;background: var(--cc-lime);color: var(--gray-100);margin: var(--sp-5) 0;padding: 14px var(--sp-6)}.drop-strip__slide{grid-area: 1 / 1;display: flex;align-items: center;gap: 20px;max-width: 1280px;width: 100%;margin: 0 auto;opacity: 0;visibility: hidden;transition: opacity .35s ease}.drop-strip__slide.is-on{opacity: 1;visibility: visible}.drop-strip__txt{flex: 1 1 auto;min-width: 0}.drop-strip__eyebrow{display: block;font-family: var(--font-mono);font-size: 11px;letter-spacing: .2em;text-transform: uppercase;opacity: .7}.drop-strip__title{display: block;font-family: var(--font-display);font-weight: 800;font-size: clamp(15px,2vw,22px);text-transform: uppercase;letter-spacing: -.2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.drop-strip__timer{display: flex;gap: 6px;flex: 0 0 auto}.drop-strip__timer span{font-family: var(--font-mono);font-weight: 700;font-size: 14px;background: var(--gray-100);color: var(--cc-lime);padding: 6px 8px;border-radius: var(--radius);min-width: 30px;text-align: center}.drop-strip__cta{flex: 0 0 auto;background: var(--gray-100);color: var(--cc-lime);border: 0}.drop-strip__cta:hover{background: var(--gray-100);opacity: .85}@media (max-width: 720px){.drop-strip__slide{flex-wrap: wrap;gap: 12px}.drop-strip__txt{flex: 1 1 100%}.drop-strip__cta{margin-left: auto}}@media (prefers-reduced-motion: reduce){.drop-strip__slide{transition: none}}.media-player{margin: 0;max-width: 860px}.media-player video,.media-player iframe{display: block;width: 100%;aspect-ratio: 16 / 9;height: auto;border: 0;border-radius: var(--radius);background: #000}.media-player figcaption{margin-top: 8px;font-size: 13px;color: var(--fg-muted)}.video-embed video{display: block;width: 100%;aspect-ratio: 16 / 9;height: auto;border-radius: var(--radius);background: #000}.product-card__badges{position: absolute;top: 8px;left: 8px;display: flex;flex-direction: column;align-items: flex-start;gap: 4px}.product-card__badges .product-card__badge{position: static}.product-card__badge--cms{background: var(--gray-100);color: var(--cc-lime);border: 1px solid var(--cc-lime)}.product-card__badge--edition{background: transparent;color: var(--fg-muted);border: 1px solid var(--gray-60)}.pdp-release{display: flex;align-items: center;gap: 10px;margin: 10px 0 0;font-family: var(--font-mono);font-size: 12px;color: var(--fg-muted)}.pdp-release__ver{color: var(--accent);font-weight: 700}.pdp-badges{display: flex;flex-wrap: wrap;gap: 8px;margin: 10px 0 0}.pdp-badge{font-family: var(--font-mono);font-size: 11px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;padding: 4px 10px;border-radius: var(--radius)}.pdp-badge--cms{color: var(--cc-lime);border: 1px solid var(--cc-lime)}.pdp-badge--edition{color: var(--fg-muted);border: 1px solid var(--gray-60)}.contact-page{max-width: 1120px;margin: 0 auto;padding: var(--sp-7) var(--sp-6) var(--sp-8)}.contact-page h1{font-family: var(--font-display);font-size: clamp(30px,4vw,44px);margin: 8px 0 14px;letter-spacing: -.5px}.contact-page__lead{color: var(--fg-muted);font-size: 16px;line-height: 1.6;max-width: 620px;margin: 0 0 var(--sp-6)}.contact-layout{display: grid;grid-template-columns: 320px 1fr;gap: 20px;align-items: start}.contact-grid{display: grid;gap: 16px}.contact-card{border: 1px solid var(--gray-60);border-radius: var(--radius);padding: 22px 24px}.contact-card h2{font-size: 11px;text-transform: uppercase;letter-spacing: .14em;color: var(--fg-muted);margin: 0 0 16px;font-family: var(--font-mono);font-weight: 600}.contact-row{display: grid;grid-template-columns: max-content 1fr;gap: 4px 14px;padding: 11px 0;border-top: 1px solid var(--gray-60);align-items: baseline}.contact-row:first-of-type{border-top: 0;padding-top: 0}.contact-row__k{color: var(--fg-muted);font-size: 13px;white-space: nowrap}.contact-row__v{color: var(--fg-primary);font-size: 15px;word-break: break-word}a.contact-row__v{transition: color .18s ease}a.contact-row__v:hover{color: var(--cc-lime)}.contact-phones{display: flex;flex-direction: column;gap: 4px}.contact-row--socials{grid-template-columns: 1fr;gap: 10px;align-items: start}.contact-socials{display: flex;flex-wrap: wrap;gap: 8px}.contact-socials a{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border: 1px solid var(--gray-60);border-radius: var(--radius);color: var(--fg-muted);transition: .18s ease}.contact-socials a:hover{color: var(--cc-lime);border-color: var(--cc-lime)}.contact-socials svg{width: 17px;height: 17px;fill: currentColor}.contact-form{border: 1px solid var(--gray-60);border-radius: var(--radius);padding: 26px 28px}.contact-form h2{font-size: 19px;margin: 0 0 6px;font-family: var(--font-display)}.contact-form__hint{color: var(--fg-muted);font-size: 13px;margin: 0 0 22px;line-height: 1.5}.contact-form .form__row{margin-bottom: 18px}.contact-form .form__label{display: block;margin-bottom: 7px;font-size: 13px;color: var(--fg-muted)}.contact-form .form__input,.contact-form .form__select{width: 100%}.contact-form textarea.form__input{min-height: 150px;resize: vertical;line-height: 1.55}.contact-form .form__input:focus,.contact-form .form__select:focus{border-color: var(--cc-lime);outline: none}.contact-form .btn{margin-top: 8px;min-width: 170px}.contact-form__hp{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.contact-form__msg{margin-top: 14px;font-size: 14px;min-height: 20px;line-height: 1.5}.contact-form__msg.is-ok{color: var(--cc-lime)}.contact-form__msg.is-err{color: #ff6b6b}@media (max-width: 900px){.contact-layout{grid-template-columns: 1fr}}@media (max-width: 720px){.contact-row{grid-template-columns: 1fr;gap: 2px}.contact-page{padding: var(--sp-6) var(--sp-4) var(--sp-7)}.contact-form{padding: 20px}}.cookie-bar{position: fixed;left: 0;right: 0;bottom: 0;z-index: 90;background: var(--gray-100);border-top: 1px solid var(--cc-lime);box-shadow: 0 -10px 30px rgba(0,0,0,.55)}.cookie-bar__inner{max-width: 1280px;margin: 0 auto;padding: 14px var(--sp-6);display: flex;align-items: center;gap: 20px;flex-wrap: wrap}.cookie-bar__text{flex: 1 1 420px;min-width: 260px}.cookie-bar__text p{margin: 0;font-size: 14px;line-height: 1.5;color: var(--fg-primary)}.cookie-bar__links{margin-top: 6px !important;font-size: 13px;color: var(--fg-muted)}.cookie-bar__links a{color: var(--fg-muted);text-decoration: underline;text-underline-offset: 2px}.cookie-bar__links a:hover{color: var(--cc-lime)}.cookie-bar__links span{margin: 0 6px;opacity: .5}.cookie-bar__actions{display: flex;align-items: center;gap: 10px;flex: 0 0 auto;flex-wrap: wrap}.cookie-bar__more{background: none;border: 0;padding: 0 4px;cursor: pointer;color: var(--fg-muted);font-size: 13px;text-decoration: underline;text-underline-offset: 2px}.cookie-bar__more:hover{color: var(--cc-lime)}.cookie-bar__opts{margin-top: 12px;display: grid;gap: 8px}.cookie-opt{display: flex;gap: 10px;align-items: flex-start;font-size: 13px;color: var(--fg-muted);line-height: 1.45;cursor: pointer}.cookie-opt strong{color: var(--fg-primary);font-weight: 600}.cookie-opt input[type="checkbox"]{appearance: none;-webkit-appearance: none;margin: 1px 0 0;flex: 0 0 auto;width: 18px;height: 18px;border: 1px solid var(--gray-60);border-radius: var(--radius);background: transparent;cursor: pointer;display: grid;place-content: center;transition: background .18s ease,border-color .18s ease}.cookie-opt input[type="checkbox"]:hover:not(:disabled){border-color: var(--cc-lime)}.cookie-opt input[type="checkbox"]:checked{background: var(--cc-lime);border-color: var(--cc-lime)}.cookie-opt input[type="checkbox"]:checked::after{content: '';width: 9px;height: 5px;margin-top: -2px;border-left: 2px solid var(--gray-100);border-bottom: 2px solid var(--gray-100);transform: rotate(-45deg)}.cookie-opt input[type="checkbox"]:disabled{cursor: default;opacity: .5}.cookie-opt input[type="checkbox"]:focus-visible{outline: 2px solid var(--cc-lime);outline-offset: 2px}.cookie-opt.is-locked{cursor: default;opacity: .8}@media (max-width: 720px){.cookie-bar__inner{padding: 12px var(--sp-4);gap: 12px}.cookie-bar__actions{width: 100%}.cookie-bar__actions .btn{flex: 1 1 auto}}.media-player figcaption{display: flex;align-items: baseline;gap: 10px;flex-wrap: wrap}.media-player figcaption a{color: var(--fg-primary);font-size: 14px}.media-player figcaption a:hover{color: var(--cc-lime)}.media-player__more{font-family: var(--font-mono);font-size: 12px;color: var(--fg-muted)}.home-hero__note{margin: 10px 0 0;font-size: 12.5px;color: var(--fg-muted);font-family: var(--font-mono)}.forum-page{max-width: 1280px;margin: 0 auto;padding: var(--sp-7) var(--sp-6) var(--sp-8)}.forum-page__h1{font-family: var(--font-display);font-size: clamp(28px,3.4vw,40px);margin: 8px 0 14px;letter-spacing: -.5px}.forum-page__lead{color: var(--fg-muted);font-size: 16px;line-height: 1.6;max-width: 620px;margin: 0 0 var(--sp-6)}.fr-crumbs{display: flex;gap: 8px;align-items: center;font-size: 13px;color: var(--fg-muted);margin-bottom: 6px}.fr-crumbs a{color: var(--fg-muted);text-decoration: none}.fr-crumbs a:hover{color: var(--accent)}.fr-sections,.fr-threads{display: grid;gap: 10px;margin-bottom: var(--sp-6)}.fr-section,.fr-thread{display: flex;justify-content: space-between;align-items: baseline;gap: 16px;border: 1px solid var(--gray-60);border-radius: var(--radius);padding: 16px 20px;text-decoration: none;color: inherit;transition: border-color .15s ease,background .15s ease}.fr-section:hover,.fr-thread:hover{border-color: var(--accent);background: rgba(255,255,255,.02)}.fr-section__title,.fr-thread__title{font-weight: 600;font-size: 15px}.fr-section__meta,.fr-thread__meta{color: var(--fg-muted);font-size: 12.5px;font-family: var(--font-mono);white-space: nowrap;flex-shrink: 0}.fr-pin{color: var(--accent);font-size: 11px;text-transform: uppercase;letter-spacing: .08em;font-family: var(--font-mono)}.fr-posts{display: grid;gap: 12px;margin-bottom: var(--sp-6)}.fr-post{border: 1px solid var(--gray-60);border-radius: var(--radius);padding: 16px 20px}.fr-post__h{display: flex;justify-content: space-between;gap: 12px;font-size: 12.5px;color: var(--fg-muted);margin-bottom: 10px}.fr-post__author{font-weight: 600;color: var(--fg-primary)}.fr-post__date{font-family: var(--font-mono)}.fr-post__body{font-size: 15px;line-height: 1.65}.fr-post__body p{margin: 0 0 10px}.fr-post__body :last-child{margin-bottom: 0}.fr-post__f{display: flex;align-items: center;gap: 12px;margin-top: 12px}.fr-post__rating{font-family: var(--font-mono);font-size: 13px;color: var(--fg-muted);min-width: 24px}.fr-vote{display: flex;gap: 6px}.fr-vote__btn{border: 1px solid var(--gray-60);background: transparent;color: var(--fg-muted);border-radius: 6px;padding: 3px 10px;font-size: 12px;font-family: var(--font-mono);cursor: pointer}.fr-vote__btn:hover{border-color: var(--accent);color: var(--accent)}.fr-vote__btn.is-on{border-color: var(--accent);color: var(--accent)}.fr-form{border: 1px solid var(--gray-60);border-radius: var(--radius);padding: 20px 24px;display: grid;gap: 12px}.fr-form__h{font-size: 11px;text-transform: uppercase;letter-spacing: .14em;color: var(--fg-muted);margin: 0;font-family: var(--font-mono);font-weight: 600}.fr-input,.fr-textarea{width: 100%;border: 1px solid var(--gray-60);border-radius: 8px;background: transparent;color: inherit;padding: 10px 12px;font: inherit}.fr-input:focus,.fr-textarea:focus,.fr-select:focus{outline: none;border-color: var(--accent)}.fr-textarea{resize: vertical;min-height: 96px}.fr-select{color-scheme: dark;background-color: var(--bg-elevated,#273035);appearance: none;-webkit-appearance: none;padding-right: 38px;cursor: pointer;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%238b8f98' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 14px center;background-size: 12px 8px}.fr-select option{background: var(--bg-elevated,#273035);color: var(--fg-primary,#e7e9ee)}.fr-btn{border: 1px solid var(--gray-60);background: transparent;color: inherit;border-radius: 8px;padding: 9px 18px;font-size: 14px;font-weight: 600;cursor: pointer;justify-self: start}.fr-btn--primary{background: var(--cc-lime);border-color: var(--cc-lime);color: #101216}.fr-empty,.fr-note{color: var(--fg-muted);font-size: 14px;padding: 14px 0}.forum-layout{display: grid;grid-template-columns: 1fr 280px;gap: 24px;align-items: start}.forum-main{min-width: 0}.fr-side{display: grid;gap: 18px;position: sticky;top: calc(var(--topbar-h) + 16px)}.fr-side__h{font-size: 11px;text-transform: uppercase;letter-spacing: .14em;color: var(--fg-muted);font-family: var(--font-mono);font-weight: 600;margin-bottom: 8px}.fr-side__nav,.fr-side__block{border: 1px solid var(--gray-60);border-radius: var(--radius);padding: 16px 18px}.fr-side__link{display: flex;justify-content: space-between;gap: 10px;align-items: center;padding: 7px 0;color: inherit;text-decoration: none;font-size: 14px;border-bottom: 1px solid transparent}.fr-side__link:hover{color: var(--accent)}.fr-side__link.is-active{color: var(--accent);font-weight: 600}.fr-side__count{font-family: var(--font-mono);font-size: 12px;color: var(--fg-muted)}.fr-side__recent{display: block;padding: 9px 0;color: inherit;text-decoration: none;border-top: 1px solid var(--gray-70)}.fr-side__recent:first-of-type{border-top: none}.fr-side__recent:hover .fr-side__recent-title{color: var(--accent)}.fr-side__recent-title{display: block;font-size: 13.5px;line-height: 1.4;margin-bottom: 3px}.fr-side__recent-meta{display: block;font-size: 11.5px;color: var(--fg-muted);font-family: var(--font-mono)}.fr-cat{border: 1px solid var(--gray-60);border-radius: var(--radius);margin-bottom: 14px;overflow: hidden}.fr-cat__h{display: flex;justify-content: space-between;align-items: baseline;gap: 16px;padding: 14px 20px;border-bottom: 1px solid var(--gray-70);background: rgba(255,255,255,.02)}.fr-cat__title{font-size: 15px;font-weight: 600;color: inherit;text-decoration: none}.fr-cat__title:hover{color: var(--accent)}.fr-cat__meta{font-family: var(--font-mono);font-size: 12px;color: var(--fg-muted);white-space: nowrap}.fr-cat__list{list-style: none;margin: 0;padding: 0}.fr-cat__row{display: flex;justify-content: space-between;align-items: baseline;gap: 16px;padding: 10px 20px;border-top: 1px solid var(--gray-70)}.fr-cat__row:first-child{border-top: none}.fr-cat__thread{color: inherit;text-decoration: none;font-size: 14px}.fr-cat__thread:hover{color: var(--accent)}.fr-cat__row-meta{font-family: var(--font-mono);font-size: 11.5px;color: var(--fg-muted);white-space: nowrap}.fr-cat__empty{padding: 14px 20px;color: var(--fg-muted);font-size: 13.5px}.fr-table{border: 1px solid var(--gray-60);border-radius: var(--radius);overflow: hidden;margin-bottom: var(--sp-6)}.fr-table__head,.fr-table__row{display: grid;grid-template-columns: 1fr 150px 90px 130px;gap: 12px;align-items: center;padding: 12px 20px}.fr-table__head{background: rgba(255,255,255,.02);border-bottom: 1px solid var(--gray-70);font-size: 11px;text-transform: uppercase;letter-spacing: .1em;color: var(--fg-muted);font-family: var(--font-mono)}.fr-table__row{border-top: 1px solid var(--gray-70);color: inherit;text-decoration: none}.fr-table__row:first-of-type{border-top: none}.fr-table__row:hover{background: rgba(255,255,255,.03)}.fr-table__title{font-size: 14.5px;font-weight: 500}.fr-table__row:hover .fr-table__title{color: var(--accent)}.fr-table__author,.fr-table__age{font-size: 12.5px;color: var(--fg-muted)}.fr-table__num{font-family: var(--font-mono);font-size: 13px;color: var(--fg-muted);text-align: right}@media (max-width: 900px){.forum-layout{grid-template-columns: 1fr}.fr-side{position: static}.fr-table__head{display: none}.fr-table__row{grid-template-columns: 1fr;gap: 4px}.fr-table__num{text-align: left}}border-radius: 8px;color: inherit;text-decoration: none;font-size: 13px;font-family: var(--font-mono)}.fr-posts,.fr-post,.fr-post__h,.fr-post__b,.fr-post__body{min-width: 0}.fr-post{overflow: hidden}.fr-post__body{overflow-wrap: anywhere}.fr-post__body img{max-width: 100%;height: auto;display: block;margin: 10px 0;border-radius: 6px}.fr-post__body a{overflow-wrap: anywhere}.fr-post__body pre,.fr-post__body .code{max-width: 100%;overflow-x: auto;white-space: pre;background: rgba(255,255,255,.04);border: 1px solid var(--gray-70);border-radius: 8px;padding: 12px 14px;margin: 10px 0;font-family: var(--font-mono);font-size: 12.5px;line-height: 1.5}.fr-post__body code{font-family: var(--font-mono);font-size: 12.5px;background: rgba(255,255,255,.05);padding: 1px 5px;border-radius: 4px}.fr-post__body pre code{background: none;padding: 0}.fr-post__h{flex-wrap: wrap}.fr-vote--static{cursor: default;opacity: .65}.fr-vote__btn--up.is-on{border-color: var(--sys-success);color: var(--sys-success)}.fr-vote__btn--down.is-on{border-color: var(--sys-error);color: var(--sys-error)}.fr-vote--static .fr-vote__btn{pointer-events: none}.fr-post{display: grid;grid-template-columns: 160px 1fr;gap: 0;padding: 0}.fr-post__who{display: flex;flex-direction: column;align-items: center;gap: 4px;padding: 16px 12px;border-right: 1px solid var(--gray-70);background: rgba(255,255,255,.02);text-align: center}.fr-post__avatar{width: 44px;height: 44px;border-radius: 50%;display: grid;place-items: center;background: var(--gray-70);color: var(--fg-primary);font-weight: 700;font-size: 18px;margin-bottom: 4px}.fr-post__name{font-weight: 600;font-size: 13.5px;overflow-wrap: anywhere}.fr-post__role{font-size: 11px;color: var(--accent);font-family: var(--font-mono)}.fr-post__stat{font-size: 11px;color: var(--fg-muted);font-family: var(--font-mono)}.fr-post__main{padding: 14px 20px 16px;min-width: 0}.fr-post__num{font-family: var(--font-mono);font-size: 12px;color: var(--fg-muted);text-decoration: none}.fr-post__num:hover{color: var(--accent)}.fr-post:target{border-color: var(--accent)}.fr-post__act{background: none;border: none;padding: 0;cursor: pointer;font: inherit;font-size: 12.5px;color: var(--fg-muted);text-decoration: none}.fr-post__act:hover{color: var(--accent)}.fr-post__body blockquote{margin: 10px 0;padding: 10px 14px;border-left: 3px solid var(--gray-60);background: rgba(255,255,255,.03);color: var(--fg-muted);font-size: 14px}.fr-post__body blockquote b{color: var(--fg-primary)}@media (max-width: 720px){.fr-post{grid-template-columns: 1fr}.fr-post__who{flex-direction: row;flex-wrap: wrap;justify-content: flex-start;border-right: none;border-bottom: 1px solid var(--gray-70);text-align: left;gap: 10px}.fr-post__avatar{width: 30px;height: 30px;font-size: 14px;margin: 0}}.fr-group{font-size: 11px;text-transform: uppercase;letter-spacing: .14em;color: var(--fg-muted);font-family: var(--font-mono);font-weight: 600;margin: 26px 0 10px}.fr-group:first-child{margin-top: 0}.pv-clickable{cursor: zoom-in}.pv{position: fixed;inset: 0;z-index: 300;display: none;flex-direction: column;background: rgba(3,4,4,.95);backdrop-filter: blur(4px)}.pv[data-open="true"]{display: flex}.pv-top{display: flex;align-items: center;justify-content: space-between;padding: 14px 16px;color: var(--fg-muted);font-size: 12.5px;font-weight: 600;font-family: var(--font-mono)}.pv-close{width: 42px;height: 42px;display: grid;place-items: center;border: 0;border-radius: var(--radius-pill);background: rgba(232,236,242,.1);color: var(--fg-primary);cursor: pointer;transition: background .16s}.pv-close:hover{background: rgba(232,236,242,.2)}.pv-body{flex: 1;display: flex;align-items: center;justify-content: center;gap: 10px;padding: 0 8px;min-height: 0}.pv-stage{flex: 1;height: 100%;display: flex;align-items: center;justify-content: center;touch-action: pan-y;max-width: 1400px}.pv-stage img{max-width: 100%;max-height: 84vh;object-fit: contain;user-select: none;-webkit-user-drag: none;border-radius: var(--radius);transition: transform .12s ease-out;transform-origin: center center}.pv-stage[data-zoom="1"]{cursor: zoom-in}.pv-stage[data-zoom="2"]{cursor: grab}.pv-stage[data-zoom="2"]:active{cursor: grabbing}.pv-nav{flex: none;width: 46px;height: 46px;display: grid;place-items: center;border: 0;border-radius: var(--radius-pill);background: rgba(232,236,242,.14);color: var(--fg-primary);font-size: 26px;line-height: 1;cursor: pointer;transition: background .16s}.pv-nav:hover{background: rgba(232,236,242,.28)}.pv-nav[hidden]{display: none}.pv-caption{padding: 10px 16px 18px;text-align: center;color: var(--fg-secondary);font-size: 13px;line-height: 1.5;max-width: 900px;margin: 0 auto}@media (max-width: 768px){.pv-nav{width: 38px;height: 38px;font-size: 22px}.pv-stage img{max-height: 72vh}.pv-caption{font-size: 12px}}
/* — css/auth.css — */
.auth-page{min-height: 100vh;display: grid;grid-template-columns: 1.05fr .95fr;background: var(--bg-page)}@media (max-width: 860px){.auth-page{grid-template-columns: 1fr}}.auth-aside{position: relative;padding: var(--sp-8) var(--sp-8) var(--sp-7);display: flex;flex-direction: column;background:
radial-gradient(120% 90% at 100% 0,rgba(200,255,0,.10),transparent 55%),linear-gradient(180deg,var(--gray-85),var(--bg-page));border-right: 1px solid var(--gray-60);overflow: hidden}@media (max-width: 860px){.auth-aside{display: none}}.auth-aside__brand{display: inline-flex;align-items: center;gap: 10px}.auth-aside__brand-text{font-family: var(--font-display);font-size: 19px;color: var(--gray-0)}.auth-aside__brand-text b{color: var(--cc-lime)}.auth-aside__lead{margin-top: auto;font-family: var(--font-display);font-weight: 700;font-size: clamp(28px,3vw,40px);line-height: 1.05;color: var(--gray-0);letter-spacing: -.5px}.auth-aside__lead b{color: var(--cc-lime)}.auth-aside__sub{margin-top: var(--sp-4);color: var(--fg-muted);font-size: 14px;max-width: 380px;line-height: 1.55}.auth-aside__stats{display: flex;gap: var(--sp-6);margin-top: var(--sp-6)}.auth-aside__stats .v{font-family: var(--font-display);font-size: 22px;color: var(--cc-lime)}.auth-aside__stats .k{font-family: var(--font-mono);font-size: 10px;letter-spacing: .1em;text-transform: uppercase;color: var(--fg-muted);margin-top: 4px}.auth-aside__grid{position: absolute;inset: 0;pointer-events: none;opacity: .5;background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size: 40px 40px;-webkit-mask-image: radial-gradient(80% 60% at 100% 0,#000,transparent 70%);mask-image: radial-gradient(80% 60% at 100% 0,#000,transparent 70%)}.auth-pane{display: flex;align-items: center;justify-content: center;padding: var(--sp-7) var(--sp-6)}.auth-card{width: 100%;max-width: 400px}.auth-card__head{margin-bottom: var(--sp-5)}.auth-card__title{font-family: var(--font-display);font-size: 24px;color: var(--gray-0)}.auth-card__sub{color: var(--fg-muted);font-size: 13px;margin-top: 6px}.auth-social{display: grid;grid-template-columns: 1fr 1fr;gap: 10px}.auth-social--stack{grid-template-columns: 1fr}.auth-social button{height: 44px;display: inline-flex;align-items: center;justify-content: center;gap: 9px;background: var(--gray-80);border: 1px solid var(--gray-60);border-radius: var(--radius);color: var(--gray-10);font-size: 13.5px;font-weight: 600;cursor: pointer;transition: var(--t-fast)}.auth-social button:hover{border-color: var(--gray-50);background: var(--gray-70)}.auth-social svg{width: 18px;height: 18px}.auth-sep{display: flex;align-items: center;gap: 14px;margin: var(--sp-5) 0;color: var(--fg-faint);font-family: var(--font-mono);font-size: 11px;letter-spacing: .08em;text-transform: uppercase}.auth-sep::before,.auth-sep::after{content: "";flex: 1;height: 1px;background: var(--gray-60)}.auth-field{margin-bottom: var(--sp-4)}.auth-field > label{display: block;font-size: 12px;color: var(--fg-secondary);font-weight: 500;margin-bottom: 6px}.auth-ipt{width: 100%;height: 46px;padding: 0 14px;background: var(--bg-page);border: 1px solid var(--gray-60);border-radius: var(--radius);color: var(--gray-0);font-size: 15px;font-family: var(--font-primary);transition: var(--t-fast)}.auth-ipt::placeholder{color: var(--fg-faint)}.auth-ipt:focus{outline: none;border-color: var(--cc-lime);box-shadow: var(--focus-glow)}.auth-ipt--pw{padding-right: 44px}.auth-pw{position: relative}.auth-pw__eye{position: absolute;right: 6px;top: 50%;transform: translateY(-50%);width: 34px;height: 34px;display: inline-flex;align-items: center;justify-content: center;background: none;border: 0;color: var(--fg-muted);cursor: pointer;border-radius: var(--radius)}.auth-pw__eye:hover{color: var(--gray-10)}.auth-pw__eye svg{width: 18px;height: 18px}.auth-pw__eye.is-shown{color: var(--cc-lime)}.auth-pw--gen .auth-ipt--pw{padding-right: 78px}.auth-pw__gen{position: absolute;right: 40px;top: 50%;transform: translateY(-50%);width: 34px;height: 34px;display: inline-flex;align-items: center;justify-content: center;background: none;border: 0;color: var(--fg-muted);cursor: pointer;border-radius: var(--radius)}.auth-pw__gen:hover{color: var(--cc-lime)}.auth-pw__gen svg{width: 18px;height: 18px}.auth-pw__gen.spin svg{animation: auth-roll .5s ease}@keyframes auth-roll{from{transform: rotate(0)}to{transform: rotate(360deg)}}.auth-toast{position: fixed;left: 50%;bottom: 26px;transform: translate(-50%,12px);z-index: 300;max-width: 90vw;padding: 11px 16px;display: inline-flex;align-items: center;gap: 9px;background: var(--surface-2,#12181a);color: var(--gray-10);border: 1px solid var(--cc-lime);border-radius: var(--radius);box-shadow: var(--shadow-lg);font-size: 13px;opacity: 0;pointer-events: none;transition: opacity .18s ease,transform .18s ease}.auth-toast.show{opacity: 1;transform: translate(-50%,0)}.auth-toast svg{color: var(--cc-lime);flex: none}.auth-row{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--sp-5)}.auth-check{display: inline-flex;align-items: center;gap: 8px;font-size: 13px;color: var(--fg-secondary);cursor: pointer;user-select: none}.auth-check input{position: absolute;opacity: 0;pointer-events: none}.auth-check__box{width: 18px;height: 18px;border: 1px solid var(--gray-50);border-radius: var(--radius);background: var(--bg-page);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;transition: var(--t-fast)}.auth-check input:checked + .auth-check__box{background: var(--cc-lime);border-color: var(--cc-lime)}.auth-check__box svg{width: 12px;height: 12px;color: var(--gray-100);opacity: 0}.auth-check input:checked + .auth-check__box svg{opacity: 1}.auth-link{font-size: 13px;color: var(--accent);background: none;border: 0;cursor: pointer;padding: 0;font-family: inherit}.auth-link:hover{color: var(--primary-50);text-decoration: underline}.auth-submit{width: 100%;height: 48px;font-size: 15px}.auth-foot{text-align: center;margin-top: var(--sp-5);font-size: 13px;color: var(--fg-muted)}.auth-foot .auth-link{font-weight: 600}.auth-legal{margin-top: var(--sp-5);font-size: 11px;color: var(--fg-faint);line-height: 1.5;text-align: center}.auth-legal a{color: var(--fg-muted);text-decoration: underline}.auth-field.is-error .auth-ipt{border-color: var(--error)}.auth-err{display: none;color: var(--error);font-size: 11.5px;margin-top: 6px}.auth-field.is-error .auth-err{display: block}.auth-note{display: none;align-items: flex-start;gap: 10px;padding: 12px 14px;border-radius: var(--radius);background: var(--success-light);border: 1px solid rgba(43,176,74,.3);color: var(--gray-10);font-size: 13px;line-height: 1.5;margin-bottom: var(--sp-4)}.auth-note.show{display: flex}.auth-note svg{width: 18px;height: 18px;color: var(--success-fg);flex-shrink: 0;margin-top: 1px}[data-auth-view]{display: none}[data-auth-view].active{display: block}.auth-modal{position: fixed;inset: 0;z-index: 200;display: none;align-items: center;justify-content: center;padding: 20px}.auth-modal.open{display: flex}.auth-modal__scrim{position: absolute;inset: 0;background: rgba(3,4,4,.74);backdrop-filter: blur(4px);animation: authFade .2s ease}.auth-modal__box{position: relative;width: 100%;max-width: 432px;background: var(--gray-85);border: 1px solid var(--gray-60);border-radius: var(--radius-lg);padding: var(--sp-6);box-shadow: var(--shadow-lg);max-height: calc(100vh - 40px);overflow-y: auto;animation: authRise .26s cubic-bezier(.2,.8,.2,1)}.auth-modal__x{position: absolute;top: 14px;right: 14px;width: 34px;height: 34px;display: inline-flex;align-items: center;justify-content: center;background: none;border: 0;color: var(--fg-muted);cursor: pointer;border-radius: var(--radius)}.auth-modal__x:hover{background: rgba(255,255,255,.06);color: var(--gray-10)}.auth-modal__x svg{width: 18px;height: 18px}.auth-modal__brand{display: inline-flex;align-items: center;gap: 9px;margin-bottom: var(--sp-5)}.auth-modal__brand-text{font-family: var(--font-display);font-size: 16px;color: var(--gray-0)}.auth-modal__brand-text b{color: var(--cc-lime)}@keyframes authFade{from{opacity: 0}to{opacity: 1}}@keyframes authRise{from{opacity: 0;transform: translateY(16px) scale(.98)}to{opacity: 1;transform: none}}@media (prefers-reduced-motion: reduce){.auth-modal__box,.auth-modal__scrim{animation: none}}.auth-tabs{display: flex;gap: 4px;padding: 4px;margin-bottom: var(--sp-5);background: var(--bg-sunken,rgba(255,255,255,.04));border-radius: 10px}.auth-tab{flex: 1;height: 36px;border: 0;border-radius: 8px;cursor: pointer;background: transparent;color: var(--fg-muted);font-size: 13px;font-weight: 600;font-family: inherit;transition: background .15s ease,color .15s ease}.auth-tab:hover{color: var(--gray-0)}.auth-tab[aria-selected="true"]{background: var(--bg-raised,rgba(255,255,255,.09));color: var(--gray-0)}.auth-tab:focus-visible{outline: none;box-shadow: var(--focus-glow)}.auth-msg{color: var(--error);font-size: 12.5px;margin-bottom: var(--sp-3)}.auth-msg:empty{display: none}.auth-hp{position: absolute;left: -9999px;top: -9999px;width: 1px;height: 1px;overflow: hidden;opacity: 0;pointer-events: none}.auth-ipt:-webkit-autofill,.auth-ipt:-webkit-autofill:hover,.auth-ipt:-webkit-autofill:focus,.auth-ipt:-webkit-autofill:active{-webkit-text-fill-color: var(--gray-0);-webkit-box-shadow: 0 0 0 1000px var(--bg-page) inset;box-shadow: 0 0 0 1000px var(--bg-page) inset;caret-color: var(--gray-0);transition: background-color 600000s 0s ease}.auth-modal--plain .auth-card__head--main,.auth-modal--plain .auth-tabs{display: none}
