@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Segoe UI,sans-serif;color:#19343a;background:#eef2ef;--canvas: #eef2ef;--surface: #ffffff;--surface-soft: #f6f8f6;--surface-tint: #edf5f1;--ink: #19343a;--muted: #6b7d7f;--faint: #93a2a1;--line: #d9e3df;--line-strong: #c5d3ce;--accent: #087f78;--accent-strong: #05655f;--accent-soft: #dff2ec;--coral: #d36f4e;--warning: #a44e35;--shadow-sm: 0 2px 10px #1b454012;--shadow-lg: 0 24px 70px #153a3d22;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}html:has(.app-shell-selection),body:has(.app-shell-selection),#root:has(.app-shell-selection){height:auto;min-height:100%;overflow:visible;overflow-anchor:none}html{min-width:320px;background:var(--canvas)}body{margin:0;min-width:320px;background:var(--canvas)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}main.app-shell{width:min(1440px,100%);height:100dvh;margin:0 auto;padding:28px 42px 20px;overflow:hidden}main.app-shell.app-shell-selection{height:auto;min-height:100dvh;overflow-y:visible;overflow-x:hidden}.login-shell{display:grid;min-height:100dvh;place-items:center;padding:24px;background:radial-gradient(circle at 18% 12%,#dff2ec 0,transparent 34%),var(--canvas)}.login-card{width:min(420px,100%);padding:42px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg)}.login-card .brand-mark{margin-bottom:18px}.login-card .brand-kicker{margin-bottom:12px}.login-card h1{margin-bottom:10px;font-size:28px}.login-subtitle{margin-bottom:28px;color:var(--muted);font-size:13px;line-height:1.6}.login-form{display:grid;gap:9px}.login-form label{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1em}.login-form input{width:100%;height:48px;padding:0 13px;border:1px solid var(--line-strong);border-radius:9px;outline:0;background:var(--surface-soft);color:var(--ink);font-family:DM Mono,monospace;font-size:20px;letter-spacing:.18em}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.login-form input[aria-invalid=true]{border-color:var(--warning)}.login-form .button-primary{width:100%;margin-top:9px}.login-error{margin:1px 0 0;color:var(--warning);font-size:12px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:24px;border-bottom:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;gap:13px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--accent);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em}.brand-kicker,.eyebrow{display:block;color:var(--faint);font-size:10px;font-weight:800;letter-spacing:.14em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;color:var(--ink);font-size:18px;line-height:1.2;letter-spacing:-.02em}h2{color:var(--ink);font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.045em}h3{color:var(--ink);font-size:16px;line-height:1.25;letter-spacing:-.02em}.header-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.primary-nav{display:flex}.primary-nav button,.theme-toggle,.mode-switcher{border:1px solid var(--line);background:var(--surface);color:var(--muted)}.primary-nav button{padding:9px 14px;border-radius:9px;font-size:13px;font-weight:700}.primary-nav button.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 5px 14px #087f7826}.theme-toggle{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:9px;font-size:12px;font-weight:700}.theme-toggle:hover,.primary-nav button:hover{border-color:var(--accent);color:var(--accent-strong)}.mode-switcher{display:inline-flex;gap:2px;padding:3px;border-radius:10px}.mode-switcher button{padding:6px 9px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em}.mode-switcher button.active{background:var(--ink);color:#fff}.catalog-view{display:flex;flex-direction:column;min-height:0;height:100%;padding-top:0}.catalog-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.catalog-intro-actions{display:flex;align-items:flex-end;gap:18px}.catalog-intro-actions .header-controls{flex-wrap:nowrap}.catalog-intro h2{margin:8px 0 10px}.catalog-intro p{max-width:560px;margin-bottom:0;color:var(--muted);font-size:14px}.intro-rule{width:150px;height:58px;border-top:1px solid var(--line-strong);border-right:1px solid var(--line-strong);opacity:.7}.search-panel{margin-bottom:10px}.search-field{position:relative;display:flex;align-items:center}.search-field input{width:100%;min-height:58px;padding:0 48px;border:1px solid var(--line-strong);border-radius:var(--radius-md);outline:0;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);font-size:15px;transition:border-color .18s,box-shadow .18s}.search-field input::placeholder{color:var(--faint)}.search-field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),var(--shadow-sm)}.search-icon{position:absolute;left:18px;z-index:1;color:var(--accent);font-size:24px;line-height:1;pointer-events:none}.clear-search{position:absolute;right:13px;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--surface-soft);color:var(--muted);font-size:14px}.clear-search:hover{background:var(--accent-soft);color:var(--accent-strong)}.filters{display:grid;grid-template-columns:minmax(170px,220px) minmax(180px,220px) auto;align-items:start;gap:10px;margin-bottom:20px}.filters.simple{grid-template-columns:minmax(170px,220px) auto}.clear-filters{min-height:42px;padding:0 14px;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:700;text-align:left}.clear-filters:hover{color:var(--accent-strong)}.context-note{margin:0 0 20px;padding:12px 15px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:12px}.context-note strong{color:var(--ink)}.text-button{padding:2px 0;border:0;background:transparent;color:var(--accent-strong);font-weight:700;text-align:left;text-decoration:none}.text-button:hover{color:var(--coral);text-decoration:underline}.results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:12px;color:var(--faint);font-size:12px}.results-heading p{margin:0}.results-heading strong{color:var(--ink);font-size:14px}.bounded-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.results{display:grid;flex:1;gap:12px;min-height:0;max-height:none;padding:1px 7px 1px 1px}.item{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.42fr);gap:28px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 1px #fff,var(--shadow-sm)}.item:hover{border-color:var(--line-strong);box-shadow:0 8px 24px #1b454012}.item-main{min-width:0}.item-heading{display:flex;align-items:flex-start;gap:12px}.item-number{flex:0 0 auto;margin-top:2px;color:var(--faint);font-family:DM Mono,monospace;font-size:11px}.item-name{display:block;color:var(--ink);font-size:17px;line-height:1.35}.item-glance{display:flex;flex-wrap:wrap;gap:20px;margin:17px 0 0 23px;color:var(--muted);font-size:12px}.item-glance span{display:grid;gap:3px}.item-glance b{color:var(--faint);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.material-value{display:block!important}.preparation-link{display:inline;width:auto;padding:0;border:0;border-bottom:1px solid var(--accent);background:transparent;color:var(--accent-strong);font-size:inherit;text-align:left}.preparation-link:hover,.preparation-link:focus-visible{border-color:var(--coral);color:var(--coral)}.item-price{display:flex;align-items:baseline;gap:12px;margin:18px 0 0 23px}.item-price span{color:var(--faint);font-size:11px}.item-price strong{color:var(--ink);font-size:19px;letter-spacing:-.03em}details{margin-top:17px}summary{width:fit-content;cursor:pointer;color:var(--accent-strong);font-size:12px;font-weight:800;list-style-position:outside}summary::marker{color:var(--coral)}dl{display:grid;grid-template-columns:125px 1fr;gap:8px 15px;margin:14px 0 0 23px;padding:16px;border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--muted);font-size:12px}dt{color:var(--faint);font-weight:700}dd{margin:0;color:var(--ink)}.item-actions{display:flex;margin:18px 0 0 23px}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:9px;font-size:12px;font-weight:800}.button-primary{border:1px solid var(--accent);background:var(--accent);color:#fff;box-shadow:0 5px 14px #087f7826}.button-primary:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.button-secondary{border:1px solid var(--line-strong);background:var(--surface);color:var(--accent-strong)}.button-secondary:hover{border-color:var(--accent);background:var(--accent-soft)}.profile-parameter>button:not(.text-button){grid-column:1 / -1;justify-self:start;min-height:28px;padding:0 10px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);color:var(--accent-strong);font-size:10px;font-weight:800}.profile-parameter>button:not(.text-button):hover{border-color:var(--accent);background:var(--accent-soft)}.related-panel{min-width:0;padding-left:24px;border-left:1px solid var(--line)}.related-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 0;border:0;background:transparent;color:var(--accent-strong);font-size:12px;font-weight:800;text-align:left}.related-action:hover{color:var(--coral);text-decoration:underline}.related-panel details{margin:0}.related-panel summary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:2px 0 12px;color:var(--ink);font-size:13px}.summary-count,.section-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:99px;background:var(--accent-soft);color:var(--accent-strong);font-family:DM Mono,monospace;font-size:10px}.related-panel ul{display:grid;gap:7px;margin:8px 0 0;padding:0;list-style:none}.related-profile-list{max-height:min(260px,32vh);padding-right:7px!important}.related-panel li{padding:7px 0;border-top:1px solid var(--line);font-size:12px}.related-panel>details>.text-button{margin-bottom:7px}.profile-composition{max-height:min(260px,32vh);margin:8px 0 0;padding-left:17px;color:var(--muted);font-size:12px}.profile-composition>li{margin:6px 0}.item-test{grid-template-columns:minmax(0,1fr) minmax(300px,.55fr)}.breeds-panel h3{margin-bottom:4px}.related-panel.breeds-panel{padding-top:0}.breed-chip-list.breed-chip-list{display:flex;flex-wrap:wrap;gap:4px 0;margin:8px 0 0;padding:0;list-style:none}.breed-chip-list li{padding:0;border-top:0;font-size:14px}.breed-chip-list li:not(:last-child):after{content:"·";margin:0 7px;color:var(--muted)}.breed-chip{padding:0;font-size:14px;font-weight:700}.show-more-breeds{margin-top:8px;font-size:12px}.material-filter{position:relative;min-width:0}.category-filter{padding-bottom:26px}.material-trigger{display:flex;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 13px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:800;text-align:left}.material-trigger:hover,.material-trigger[aria-expanded=true],.material-trigger.has-selection{border-color:var(--accent);background:var(--surface-tint)}.material-chevron{display:inline-grid;width:18px;height:18px;margin-left:auto;place-items:center;color:var(--accent);font-size:17px;line-height:1;transform:translateY(-8px)}.material-count{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px}.active-materials{display:flex;flex-wrap:wrap;gap:5px;max-width:440px;margin:7px 2px 0}.category-filter .active-materials{position:absolute;top:45px;left:2px;min-height:0}.active-material{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--line);border-radius:99px;background:var(--surface-tint);color:var(--accent-strong);font-size:11px}.active-material:hover{border-color:var(--accent)}.active-material span{font-size:14px}.active-material-more{color:var(--muted);font-size:11px}.material-popover{position:fixed;z-index:20;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg)}.material-popover-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 18px 13px;border-bottom:1px solid var(--line)}.material-popover h3{margin:4px 0 0;font-size:18px}.material-close{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:22px}.material-close:hover{background:var(--surface-tint);color:var(--ink)}.material-search{display:flex;align-items:center;gap:8px;margin:13px 14px 8px;padding:0 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--muted)}.material-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.material-search input{min-width:0;padding:10px 0;border:0;outline:0;background:transparent;color:var(--ink)}.material-sections{min-height:0;overflow-y:auto;padding:2px 10px 10px}.material-section{border-bottom:1px solid var(--line)}.material-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 8px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-size:10px;font-weight:800;letter-spacing:.08em;text-align:left}.material-section-toggle:hover,.material-section-toggle.selected{background:var(--surface-tint)}.material-section-meta{display:flex;align-items:center;gap:9px;color:var(--faint);font-size:11px;letter-spacing:0}.material-section-meta b{color:var(--accent);font-size:15px}.subcategory-hint{display:inline-grid;place-items:center;min-width:18px;height:18px;border:1px solid var(--line-strong);border-radius:50%;font-size:10px}.material-options{display:grid;gap:2px;padding:0 3px 9px}.material-option{position:relative;display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;color:var(--muted);cursor:pointer;font-size:12px}.material-option:hover,.material-option.selected{background:var(--surface-tint);color:var(--ink)}.material-option input{position:absolute;opacity:0;width:17px;height:17px;margin:0;cursor:pointer}.material-check{width:17px;height:17px;display:inline-grid;flex:0 0 17px;place-items:center;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);color:transparent;font-size:12px;font-weight:800}.material-option.selected .material-check{border-color:var(--accent);background:var(--accent);color:#fff}.material-popover-footer{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid var(--line);background:var(--surface-soft)}.material-clear,.material-done{border-radius:8px;padding:8px 13px;font-size:12px;font-weight:800}.material-clear{border:0;background:transparent;color:var(--muted)}.material-done{border:1px solid var(--accent);background:var(--accent);color:#fff}.details-modal{width:min(1050px,100%)}.details-modal-body{min-height:0;flex:1;overflow:auto;padding:24px}.profile-list-search{display:flex;align-items:center;gap:8px;max-width:360px;margin-bottom:12px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--muted)}.profile-list-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.profile-list-search input{min-width:0;flex:1;height:34px;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.profile-list-search button{width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:16px;line-height:1}.profile-list-search button:hover{background:var(--surface);color:var(--accent-strong)}.modal-list{display:grid;gap:8px;margin:0;padding:1px 0;list-style:none}.modal-list li{padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);font-size:13px}.suggestion-button{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:10px}.suggestion-label{flex:1;min-width:0;text-align:left}.suggestion-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:3px 7px;border-radius:6px;font-family:DM Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1}.suggestion-badge.badge-breed{background:var(--accent-soft);color:var(--accent-strong);border:1px solid var(--line)}.suggestion-badge.badge-test{background:#fbeee8;color:var(--coral);border:1px solid #f2d4c9}html[data-theme=dark] .suggestion-badge.badge-test{background:#352422;color:var(--coral);border-color:#4d322c}.suggestion-badge.badge-unknown{background:var(--surface-soft);color:var(--muted);border:1px solid var(--line)}.suggestion-badge.badge-fuzzy{background:#fff7e0;color:#8a6d1a;border:1px solid #f0dfa3}html[data-theme=dark] .suggestion-badge.badge-fuzzy{background:#3a331a;color:#e6c866;border-color:#5a4d25}.suggestion-badge.badge-group{background:#e7f0fb;color:#2f5f9e;border:1px solid #cddffa}html[data-theme=dark] .suggestion-badge.badge-group{background:#1e2c3d;color:#8fb8ea;border-color:#2c4058}.back-button{margin-bottom:18px;padding:0;border:0;background:transparent;color:var(--accent-strong);font-size:12px;font-weight:800}.back-button:hover{color:var(--coral);text-decoration:underline}.profile-view{max-width:1050px;margin:0 auto;padding-top:38px}.back-link{display:inline-block;background:transparent;border:0;padding:0}.profile-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:26px 0 25px}.profile-hero h2{max-width:760px;margin:8px 0 0}.profile-facts{grid-template-columns:110px 1fr 110px 1fr;margin:0 0 36px;padding:19px 22px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm)}.morphology-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 30px;padding:10px 13px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:9px;background:var(--surface-tint);color:var(--ink)}.morphology-callout.applied{border-color:#9ed8c2;border-left-color:var(--accent-strong)}.morphology-callout-copy{min-width:0}.morphology-callout strong{display:block;color:var(--accent-strong);font-size:12px;line-height:1.3}.morphology-price{color:var(--ink);font-weight:700}.morphology-callout p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.35}.morphology-action{min-height:30px;padding:0 11px;border:1px solid var(--accent);border-radius:7px;background:var(--surface);color:var(--accent-strong);font-size:11px;font-weight:800}.morphology-action:hover{background:var(--accent-soft)}.profile-parameter-applied{border-color:#9ed8c2;background:var(--surface-tint)}.profile-section,.profile-extensions{margin-top:34px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid var(--line)}.section-heading h3{margin:5px 0 0}.profile-parameter-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:1px 0;list-style:none}.profile-parameter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 10px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:11px;line-height:1.35}.profile-parameter>.text-button,.profile-parameter>strong{color:var(--accent-strong);font-size:13px}.profile-parameter span{grid-column:1 / -1;display:block;margin-top:0}.profile-parameter-price{color:var(--muted);font-size:12px;font-weight:700}.profile-parameter em{grid-column:1 / -1;color:var(--warning);font-size:10px;font-style:normal}.profile-extensions{padding:24px;border:1px solid #c6e4d9;border-radius:var(--radius-md);background:var(--surface-tint)}.extension-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0 0;padding:1px 0;list-style:none}.extension-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.extension-name{grid-column:1 / -1;font-size:12px}.extension-meta{color:var(--muted);font-size:10px;line-height:1.4}.extension-price{display:grid;justify-items:end;align-content:center;gap:2px}.extension-price small{color:var(--faint);font-size:9px;font-weight:800;text-transform:uppercase}.extension-price strong{color:var(--accent-strong);font-size:13px}.show-more{display:block;flex:0 0 auto;margin:12px auto 0;padding:10px 15px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--accent-strong);font-size:12px;font-weight:800}.show-more:hover{border-color:var(--accent);background:var(--accent-soft)}.selection-view{display:flex;flex:0 0 auto;flex-direction:column;height:auto;min-height:0;overflow-anchor:none;padding-right:7px}.selection-view .catalog-intro{flex:0 0 auto}.selection-species{display:grid;gap:6px;width:min(280px,100%);margin-bottom:20px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.selection-species select{min-height:42px;padding:0 12px;border:1px solid var(--line-strong);border-radius:9px;outline:0;background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;text-transform:none;letter-spacing:0}.selection-species select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.selection-layout{display:grid;flex:0 0 auto;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:22px;min-height:0}.selection-picker{min-width:0}.selection-chosen{align-self:stretch;min-width:0}.selection-picker .search-field{margin-bottom:10px}.selection-list{display:grid;gap:5px;width:100%;height:clamp(260px,42vh,390px);max-height:none;min-height:0;padding:2px 5px 2px 1px}.selection-option{display:grid;grid-template-columns:17px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:7px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer;font-size:12px}.selection-option:hover,.selection-option.selected{border-color:var(--accent);background:var(--surface-tint);color:var(--ink)}.selection-option input{position:absolute;opacity:0}.selection-option.selected .material-check{border-color:var(--accent);background:var(--accent);color:#fff}.selection-option strong{color:var(--accent-strong);font-family:DM Mono,monospace;font-size:11px;white-space:nowrap}.selection-option .material-check{grid-column:1}.selection-option>span:not(.material-check){grid-column:2}.selection-chosen{display:flex;flex-direction:column;min-height:0;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm)}.selection-chosen .section-heading{flex:0 0 auto}.selection-chosen h3{margin:5px 0 0}.selection-chosen ul{display:grid;gap:5px;max-height:275px;margin:15px 0 0;padding:0 5px 0 0;overflow-y:auto;list-style:none}.selection-chosen li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:12px}.selection-chosen li span{min-width:0}.selection-chosen li button{flex:0 0 auto;width:25px;height:25px;padding:0;border:0;border-radius:50%;background:var(--surface-soft);color:var(--muted);font-size:17px;line-height:1}.selection-chosen li button:hover{background:var(--accent-soft);color:var(--accent-strong)}.selection-empty{margin:20px 0 0;color:var(--muted);font-size:12px}.selection-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.selection-total strong{color:var(--ink);font-size:20px}.selection-results{flex:0 0 auto;margin-top:32px;padding-bottom:40px}.selection-results .section-heading{margin-bottom:14px}.selection-recommendation{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--muted);font-size:12px}.selection-profile-list{display:grid;gap:12px}.selection-profile{padding:19px 21px}.selection-profile .item-heading{margin-bottom:14px}.selection-profile .item-name{font-size:16px}.selection-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-left:0;color:var(--ink);font-size:14px}.selection-metrics span{display:grid;gap:4px}.selection-metrics b{color:var(--faint);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.selection-benefit{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-top:17px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.selection-benefit strong{color:var(--accent-strong);font-size:15px}.selection-details-toggle{margin-top:15px}.selection-details{grid-template-columns:145px 1fr;margin:14px 0 0;padding:14px}.warning{color:var(--warning)}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#102e30aa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(1100px,100%);height:min(850px,calc(100vh - 48px));display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 16px;border-bottom:1px solid var(--line)}.modal-header h2{margin:6px 0 3px;font-size:22px}.modal-header p{margin:0;color:var(--muted);font-size:12px}.close{width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--muted);font-size:22px;line-height:1}.close:hover{border-color:var(--accent);color:var(--accent)}.pdf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 24px;background:var(--surface-soft)}.pdf-controls{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-family:DM Mono,monospace;font-size:11px}.pdf-controls button{width:28px;height:28px;padding:0;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);color:var(--ink);font-size:17px}.pdf-controls button:hover{border-color:var(--accent);color:var(--accent)}.pdf-page-label{color:var(--faint);font-family:DM Mono,monospace;font-size:10px}.pdf-status{margin:0;padding:8px 24px;color:var(--muted);font-size:11px}.pdf-viewport{min-height:0;flex:1;overflow:auto;margin:0 14px 14px;border:1px solid var(--line-strong);border-radius:10px;background:#dfe4e1}.pdf-page{position:relative;width:fit-content;overflow:hidden;margin:0 auto}.pdf-page canvas{display:block}.pdf-highlight{position:absolute;border:2px solid var(--coral);background:#d36f4e22;box-shadow:0 0 0 4px #d36f4e18;pointer-events:none}html[data-theme=dark]{color:#e5efeb;background:#142426}html[data-theme=dark] body{background:#142426}html[data-theme=dark]{--canvas: #142426;--surface: #1c3032;--surface-soft: #192a2c;--surface-tint: #203e3c;--ink: #e5efeb;--muted: #a5bbb5;--faint: #78918d;--line: #304949;--line-strong: #45625e;--accent: #49b6a1;--accent-strong: #7ed7bd;--accent-soft: #244a45;--coral: #e58a67;--warning: #f0a087;--shadow-sm: 0 2px 12px #07161740;--shadow-lg: 0 24px 70px #07161780}html[data-theme=dark] .brand-mark{color:#102526}html[data-theme=dark] .mode-switcher button.active,html[data-theme=dark] .primary-nav button.active{background:var(--accent);color:#102526}html[data-theme=dark] .material-check{background:var(--surface)}html[data-theme=dark] .pdf-viewport{background:#0d1718}@media(max-width:840px){main.app-shell{padding:22px 24px 18px}.app-header{align-items:flex-start}.header-controls{max-width:330px}.item{grid-template-columns:1fr}.related-panel{padding:18px 0 0;border-top:1px solid var(--line);border-left:0}.profile-facts{grid-template-columns:100px 1fr}.profile-parameter-list,.extension-list{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-layout{grid-template-columns:1fr}.selection-chosen{min-height:250px}.selection-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){main.app-shell{padding:16px 15px 14px}.login-shell{padding:16px}.login-card{padding:32px 24px}.app-header{display:block;padding-bottom:17px}.header-controls{justify-content:flex-start;max-width:none;margin-top:18px}.catalog-view{padding-top:20px}.catalog-intro{display:block;margin-bottom:21px}.catalog-intro h2{font-size:30px}.catalog-intro p{font-size:13px}.intro-rule{display:none}.filters,.filters.simple{grid-template-columns:1fr;gap:7px;margin-bottom:25px}.clear-filters{padding-left:0}.item{padding:18px 16px}.item-name{font-size:15px}.item-glance{display:grid;gap:10px;margin-left:19px}.item-price,.item-actions{margin-left:19px}dl{grid-template-columns:1fr;gap:4px;margin-left:19px}dd{margin-bottom:7px}.profile-view{padding-top:24px}.profile-hero{display:block;margin-top:22px}.profile-hero h2{font-size:29px}.profile-hero .button-primary{margin-top:18px}.profile-facts{grid-template-columns:1fr;gap:5px;padding:16px}.profile-parameter-list{grid-template-columns:1fr}.profile-parameter{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 12px}.profile-parameter .button-secondary{justify-self:start}.profile-extensions{padding:17px 14px}.details-modal-body{padding:17px 16px}.extension-list{grid-template-columns:1fr}.selection-view{padding-right:0}.selection-metrics{grid-template-columns:1fr 1fr;gap:10px}.selection-profile{padding:17px 16px}.selection-details{grid-template-columns:1fr;gap:4px}.selection-details dd{margin-bottom:7px}.modal-backdrop{padding:9px}.modal{height:calc(100vh - 18px);border-radius:14px}.modal-header{padding:17px 16px 13px}.pdf-toolbar{padding:10px 16px}.pdf-status{padding:8px 16px}.pdf-viewport{margin:0 8px 8px}}