:root{--bg: #0f1115;--card: #1a1d24;--border: #2a2f3a;--text: #e6e8ec;--muted: #8b919e;--accent: #34a853;--warn: #e0a800}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:760px;margin:0 auto;padding:1rem}header{display:flex;align-items:center;justify-content:space-between;gap:1rem}h1{font-size:1.25rem;margin:.5rem 0 1rem}h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .75rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1rem}.selectors{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(max-width:560px){.selectors{grid-template-columns:1fr}}label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--muted)}select{width:100%;padding:.5rem;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:.95rem}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem .8rem;cursor:pointer}.nav{display:flex;gap:.5rem}.param-wrap{position:relative}.param-bar{margin:.25rem 0 1rem}.search{position:relative}.tour-pop{position:absolute;top:calc(100% + .5rem);right:0;z-index:10;width:16rem;background:var(--card);border:1px solid var(--accent);border-radius:10px;padding:.75rem;box-shadow:0 8px 24px #00000073}.tour-pop-below{right:auto;left:0}.tour-pop-right{left:auto;right:0}.tour-pop:before{content:"";position:absolute;top:-6px;right:1.5rem;width:10px;height:10px;background:var(--card);border-left:1px solid var(--accent);border-top:1px solid var(--accent);transform:rotate(45deg)}.tour-pop-below:before{right:auto;left:1.5rem}.tour-pop-right:before{left:auto;right:1.5rem}.tour-pop p{margin:0 0 .7rem;font-size:.85rem;line-height:1.4}.tour-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tour-count{color:var(--muted);font-size:.75rem}.tour-actions{display:flex;gap:.4rem}.tour-skip{background:transparent;color:var(--muted);border:none;padding:.35rem .5rem;cursor:pointer}.tour-next{background:var(--accent);color:#0f1115;border:none;border-radius:6px;padding:.35rem .8rem;font-weight:600;cursor:pointer}.sources-intro{color:var(--muted);font-size:.85rem;margin:0 0 1.25rem}.source-group{margin-bottom:1.25rem}.source-group h3{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:1rem;margin:0 0 .5rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.source-group h3 a{color:var(--text);text-decoration:none}.source-group h3 a:hover{color:var(--accent)}.source-group .count{color:var(--muted);font-size:.78rem;font-weight:400;white-space:nowrap}.source-group ul{list-style:none;margin:0;padding:0}.source-group li{padding:.2rem 0;font-size:.85rem}.source-group li a{color:var(--muted);text-decoration:underline;text-underline-offset:2px;word-break:break-word}.source-group li a:hover{color:var(--accent)}.row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-top:1px solid var(--border)}.row:first-of-type{border-top:none}.row .label{color:var(--muted)}.value{text-align:right;display:flex;flex-direction:column;gap:.15rem}.variant .src{color:var(--muted);font-size:.72rem;margin-left:.4rem}.variant .src a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.variant .src a:hover{color:var(--accent)}.muted{color:var(--muted)}.selection-head{margin:.5rem 0 1rem}.sel-title{display:flex;align-items:center;gap:.5rem;font-size:1.4rem;margin:0}.sel-summary{color:var(--muted);font-size:.9rem;margin:.25rem 0 0}.inline-star{font-size:1rem;padding:0 .3rem}.warning{background:#e0a8001f;border:1px solid var(--warn);color:var(--warn);padding:.6rem .8rem;border-radius:8px;margin-bottom:.75rem;font-size:.9rem}.search-input{width:100%;padding:.6rem;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:1rem}.search-results{list-style:none;margin:.5rem 0 0;padding:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.search-results li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem;cursor:pointer;border-top:1px solid var(--border)}.search-results li:first-child{border-top:none}.search-results li.active{background:#34a85326}.search-results .r-name{font-size:.92rem}.search-results .r-meta{display:flex;gap:.5rem;align-items:center;color:var(--muted);font-size:.8rem;text-align:right}.search-results .r-warn{color:var(--warn)}.search-results .no-results{color:var(--muted);cursor:default}.with-star{display:flex;gap:.4rem;position:relative}.fav-row{grid-column:1 / -1;position:relative}.with-star select{flex:1}button.star{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:1.1rem;line-height:1;padding:0 .6rem;cursor:pointer}button.star.on{color:var(--warn);border-color:var(--warn)}.check.inline{flex-direction:row;align-items:center;gap:.5rem;align-self:end;color:var(--text);font-size:.9rem;padding-bottom:.5rem}.settings .check{flex-direction:row;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text);padding:.2rem 0}.settings .check em{color:var(--muted);font-style:normal;font-size:.78rem}.empty{color:var(--muted)}.legend{color:var(--muted);font-size:.75rem;margin:.5rem 0 0}footer{color:var(--muted);font-size:.75rem;text-align:center;margin-top:1.5rem}footer p{margin:.4rem 0}footer a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}footer a:hover{color:var(--accent)}.x2d h2{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.x2d-src{font-size:.8rem;font-weight:400;color:var(--muted)}.x2d-src:hover{color:var(--accent)}.x2d-sel{margin:0 0 .5rem;font-size:.85rem}.x2d-current{display:flex;flex-direction:column;gap:.4rem}.x2d-line{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.x2d-tbl{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;font-size:.85rem;font-weight:600;border:1px solid transparent;white-space:nowrap}.b-ok{background:#34a85326;color:#5fd07f;border-color:#34a85366}.b-caution{background:#e0a80026;color:#e0a800;border-color:#e0a80066}.b-discouraged{background:#e8781e26;color:#f0904a;border-color:#e8781e66}.b-no{background:#dc3c3c26;color:#f06b6b;border-color:#dc3c3c66}.x2d-toggle{margin-top:.85rem;font-size:.85rem;padding:.3rem .7rem}.x2d-grid-wrap{margin-top:.75rem;overflow-x:auto}.x2d-grid{border-collapse:collapse;width:100%;font-size:.85rem}.x2d-grid th,.x2d-grid td{border:1px solid var(--border);padding:.3rem .45rem;text-align:center}.x2d-grid thead th,.x2d-grid tbody th{color:var(--muted);font-weight:600;white-space:nowrap}.x2d-grid tbody th{text-align:left}.x2d-grid .cell{display:inline-block;min-width:1.4rem;padding:.05rem .35rem;border-radius:6px;font-weight:700}.x2d-legendnote{margin:.5rem 0 0;font-size:.78rem}.compare-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.85rem}.compare-filters label{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:var(--muted)}.compare-candidates{max-height:11rem;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;margin-bottom:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.1rem 1rem}.compare-candidates .check{flex-direction:row;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text);padding:.15rem 0}.compare-candidates .check input{flex:none}.compare-table-wrap{overflow-x:auto}.compare-table{border-collapse:collapse;font-size:.82rem}.compare-table th,.compare-table td{border:1px solid var(--border);padding:.4rem .7rem;text-align:left;vertical-align:top;white-space:nowrap}.compare-table thead th{background:var(--card);position:sticky;top:0}.cmp-mfr{display:block;color:var(--muted);font-size:.72rem;font-weight:400}.cmp-name{display:block;font-weight:600}.cmp-x{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.7rem;padding:0;margin-top:.15rem}.cmp-x:hover{color:var(--accent)}.cmp-group th{background:var(--bg);color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.cmp-param{color:var(--muted);font-weight:600;position:sticky;left:0;background:var(--card)}.cmp-cell{background:none;border:none;cursor:pointer;font:inherit;padding:0;color:var(--text);border-bottom:1px dotted var(--border)}.cmp-cell:hover{color:var(--accent)}.compare-actions{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.compare-add-bar{display:flex;align-items:center;gap:.85rem;margin:.25rem 0 1rem}.ghost.small{padding:.25rem .6rem;font-size:.8rem}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;font-size:.85rem;padding:0}.link-btn:hover{text-decoration:underline}.cmp-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.cmp-modal{position:relative;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.25rem;max-width:28rem;width:100%;box-shadow:0 12px 40px #00000080}.cmp-modal h3{margin:.1rem 0 .6rem;font-size:1.05rem}.cmp-modal-product{color:var(--muted);font-size:.8rem;margin:0}.cmp-modal-x{position:absolute;top:.6rem;right:.7rem;background:none;border:none;color:var(--muted);font-size:1rem;cursor:pointer}.cmp-modal-x:hover{color:var(--accent)}.cmp-modal-item{padding:.4rem 0;border-top:1px solid var(--border)}.cmp-modal-val{display:block;font-weight:600}.guides-list{list-style:none;margin:0;padding:0}.guides-list li{margin-bottom:.6rem}.guide-link{display:flex;flex-direction:column;gap:.15rem;width:100%;text-align:left;background:none;border:1px solid var(--border);border-radius:8px;padding:.7rem .85rem;cursor:pointer;color:var(--text)}.guide-link:hover{border-color:var(--accent)}.guide-title{font-weight:600}.guide-desc{color:var(--muted);font-size:.82rem}.guide-table-wrap{overflow-x:auto;margin:.5rem 0 .75rem}.guide-table{border-collapse:collapse;font-size:.82rem;min-width:100%}.guide-table th,.guide-table td{text-align:left;padding:.4rem .7rem;border-bottom:1px solid var(--border);vertical-align:top;white-space:nowrap}.guide-table thead th{color:var(--muted);font-weight:600;position:sticky;top:0;background:var(--card)}.guide-table tbody td:first-child,.guide-table tbody th:first-child{font-weight:600;white-space:normal;min-width:9rem}.glue-entry{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.glue-entry h3,.glue-guidance h3{font-size:1.05rem;margin:0 0 .5rem}.glue-mfr{color:var(--muted);font-size:.78rem;font-weight:400;margin-left:.4rem}.glue-entry p{margin:.35rem 0;font-size:.9rem}.glue-temps{border-collapse:collapse;margin:.5rem 0;font-size:.85rem}.glue-temps th,.glue-temps td{text-align:left;padding:.2rem 1.5rem .2rem 0;border-bottom:1px solid var(--border)}.glue-temps thead th{color:var(--muted);font-weight:600}.glue-features{margin:.5rem 0;padding-left:1.1rem;font-size:.85rem}.glue-features li{padding:.1rem 0}.glue-inference{font-size:.82rem}.glue-srcs{font-size:.8rem;margin-top:.5rem}.glue-srcs a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.glue-srcs a:hover{color:var(--accent)}.glue-guidance{margin-top:1.5rem}.glue-guidance .value{text-align:left;flex:1 1 60%;max-width:65%}