:root{--bg:#f4f1ea;--surface:#fffdf7;--surface-2:#faf6ec;--text:#1c1814;--muted:#6f6557;--faint:#948877;--line:#e6ddcc;--line-strong:#d8cdb6;--accent:#a8602f;--accent-soft:#f0e2d3;--classic:#3f7d5c;--classic-bg:#e3efe6;--works:#b07a1f;--works-bg:#f4ead2;--bridge:#4d6b9a;--bridge-bg:#e2e9f3;--danger:#a8392f;--danger-bg:#f3e0dd;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #281e0f0f, 0 4px 16px #281e0f0d;--font:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--serif:Georgia, "Times New Roman", serif}@media (prefers-color-scheme:dark){:root{--bg:#14110c;--surface:#1f1a12;--surface-2:#261f15;--text:#ece4d5;--muted:#a99d89;--faint:#7d7464;--line:#322a1d;--line-strong:#443a29;--accent:#d98a4f;--accent-soft:#33271a;--classic:#6fb98c;--classic-bg:#1d2c23;--works:#d6a64a;--works-bg:#2e2614;--bridge:#8aa7d6;--bridge-bg:#1c2333;--danger:#e08074;--danger-bg:#2f1c1a;--shadow:0 1px 2px #0000004d, 0 6px 18px #00000047}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit;font-size:inherit}.app{max-width:1100px;margin:0 auto;padding:0 20px 80px}.masthead{border-bottom:1px solid var(--line);margin-bottom:20px;padding:28px 0 16px}.masthead h1{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 4px;font-size:26px;font-weight:600}.masthead p{color:var(--muted);margin:0;font-size:14px}.nav{background:var(--bg);z-index:5;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:24px;padding:12px 0;display:flex;position:sticky;top:0}.nav button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .12s,color .12s}.nav button:hover{color:var(--text);background:var(--surface-2)}.nav button.active{background:var(--accent);color:#fff;border-color:var(--accent)}@media (prefers-color-scheme:dark){.nav button.active{color:#14110c}}.row{flex-wrap:wrap;gap:14px;display:flex}.muted{color:var(--muted)}.faint{color:var(--faint)}.section-title{font-family:var(--serif);margin:0 0 12px;font-size:19px;font-weight:600}.lead{color:var(--muted);max-width:60ch;margin:0 0 20px}.controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.field{position:relative}input[type=text],select{background:var(--surface);border:1px solid var(--line-strong);color:var(--text);border-radius:var(--radius-sm);outline:none;min-width:180px;padding:9px 12px}input[type=text]:focus,select:focus{border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.chip{background:var(--surface-2);color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;margin:0 5px 5px 0;padding:2px 9px;font-size:11.5px;display:inline-block}.chip.tag{background:var(--accent-soft);color:var(--accent);border-color:#0000}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.badge.classic{background:var(--classic-bg);color:var(--classic)}.badge.works{background:var(--works-bg);color:var(--works)}.badge.bridge{background:var(--bridge-bg);color:var(--bridge)}.badge.basis{background:var(--surface-2);color:var(--muted)}.profile{margin-bottom:24px;padding:20px}.profile h2{font-family:var(--serif);margin:0 0 2px;font-size:22px}.profile .local{color:var(--muted);font-size:14px;font-style:italic}.profile .notes{max-width:64ch;margin:12px 0 14px}.texture-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 18px;margin-top:8px;display:grid}.tx{font-size:12px}.tx-label{color:var(--muted);justify-content:space-between;margin-bottom:3px;display:flex}.tx-bar{background:var(--surface-2);border-radius:3px;height:5px;overflow:hidden}.tx-fill{background:var(--accent);border-radius:3px;height:100%}.tier-group{margin-bottom:26px}.tier-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.pair-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.pair{padding:15px 16px}.pair .top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pair .name{font-size:16px;font-weight:600}.pair .cat{color:var(--faint);font-size:12px}.pair .rationale{margin:9px 0;font-size:14px}.pair .meta{color:var(--muted);margin-top:8px;font-size:13px}.pair .meta b{color:var(--text);font-weight:600}.pair .bridge-line{border-top:1px dashed var(--line-strong);margin-top:10px;padding-top:10px;font-size:13px}.pair .example{margin-top:8px;font-size:13px}.linkish{color:var(--accent);font-size:inherit;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.linkish:hover{opacity:.8}.lib{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}@media (width<=760px){.lib{grid-template-columns:1fr}}.lib-list{border-radius:var(--radius);max-height:70vh;overflow:auto}.lib-item{text-align:left;background:var(--surface);border:1px solid var(--line);border-bottom:none;width:100%;padding:11px 14px}.lib-item:first-child{border-radius:var(--radius) var(--radius) 0 0}.lib-item:last-child{border-bottom:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius)}.lib-item:hover{background:var(--surface-2)}.lib-item.active{background:var(--accent-soft);border-color:var(--accent)}.lib-item .nm{font-weight:600}.lib-item .sub{color:var(--faint);font-size:12px}.detail{padding:22px 24px}.detail h2{font-family:var(--serif);margin:0 0 2px;font-size:24px}.detail .by{color:var(--muted);margin-bottom:16px;font-size:14px}.spec-table{border-collapse:collapse;width:100%;margin:6px 0 16px}.spec-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:6px 0;font-size:14px}.spec-table td.amt{text-align:right;color:var(--muted);white-space:nowrap;padding-left:16px}.kv{margin:4px 0;font-size:14px}.kv b{font-weight:600}.logic{background:var(--surface-2);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-top:16px;padding:14px 16px;font-size:14px}.safety-card{border-left:3px solid var(--danger);margin-bottom:12px;padding:16px 18px}.safety-card h3{margin:0 0 4px;font-size:16px}.safety-card .hz{margin:6px 0;font-size:14px}.safety-card .line{color:var(--muted);margin:3px 0;font-size:13px}.safety-card .line b{color:var(--text)}.theory{max-width:72ch}.theory section{margin-bottom:28px}.theory h2{font-family:var(--serif);margin:0 0 10px;font-size:20px}.theory p{margin:0 0 12px}.theory ul{margin:0 0 12px;padding-left:20px}.theory li{margin-bottom:6px}.builder-pick{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.pick-chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:999px;padding:7px 13px;font-size:13px}.pick-chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}@media (prefers-color-scheme:dark){.pick-chip.on{color:#14110c}}.result-block{margin-bottom:22px}.empty{color:var(--faint);text-align:center;padding:30px 0}.count{color:var(--faint);margin-left:auto;font-size:13px}