:root{--bg: #f7f6f3;--card: #ffffff;--text: #24221e;--muted: #6f6a60;--border: #dedad2;--accent: #2f6f4f;--invalid: #b3261e}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}main{max-width:640px;margin:0 auto;padding:2rem 1rem 4rem}header h1{margin:0 0 .25rem;font-size:2rem;letter-spacing:-.02em}.tagline{margin:0 0 1rem;color:var(--muted)}header nav{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 1rem}header nav a{padding:.35rem .85rem;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--text);text-decoration:none;font-size:.9rem}header nav a:hover{border-color:var(--accent);color:var(--accent)}header nav a[aria-current=page]{background:var(--accent);border-color:var(--accent);color:#fff}.explainer{font-size:.9rem;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem}code{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.05rem .3rem;font-size:.85em}#inputs{margin-top:1.5rem}.color-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.swatch{width:2.2rem;height:2.2rem;flex:0 0 auto;border-radius:6px;border:1px solid var(--border);background:transparent}.ncs-input,.nick-input{min-width:0;font:inherit;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text)}.ncs-input{flex:3 1 0}.nick-input{flex:2 1 0}.ncs-input:focus,.nick-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.color-row.invalid .ncs-input{border-color:var(--invalid)}.parsed{flex:0 0 8.5rem;font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-row.invalid .parsed{color:var(--invalid)}.remove{flex:0 0 auto;border:none;background:none;color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer;padding:.2rem .4rem;border-radius:4px}.remove:hover{color:var(--invalid);background:var(--card)}.input-actions{display:flex;align-items:center;gap:.6rem;margin-top:.25rem}#share{font:inherit;padding:.4rem .9rem;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}#share:hover{filter:brightness(1.1)}#share-feedback{font-size:.85rem;color:var(--accent)}#add-color{font:inherit;padding:.4rem .9rem;border:1px dashed var(--border);border-radius:6px;background:none;color:var(--accent);cursor:pointer}#add-color:hover:not(:disabled){border-color:var(--accent)}#add-color:disabled{color:var(--muted);cursor:not-allowed}#result{margin-top:2rem;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.25rem}#strip{display:flex;height:3.5rem;border-radius:8px;overflow:hidden;border:1px solid var(--border)}#strip.empty{display:none}.strip-seg{flex:1 1 0}#model-toggles{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin-top:1.25rem;border:1px solid var(--border);border-radius:8px;padding:.5rem .9rem .7rem;font-size:.9rem}#model-toggles legend{font-weight:600;color:var(--muted);font-size:.8rem;padding:0 .3rem}#model-toggles label{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;white-space:nowrap}.approx-notice{margin:0 0 1rem;padding:.6rem .9rem;background:#fdf6e3;border:1px solid #e6d9a8;border-left:4px solid #d4a017;border-radius:6px;font-size:.9rem;color:#6b5310}.model-doc{margin-top:1.75rem}.model-doc h2{font-size:1.15rem;margin:0 0 .5rem}.model-doc p{margin:0 0 .6rem}.model-doc a{color:var(--accent)}#score-hint{margin:1.25rem 0 0;color:var(--muted)}#score-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.25rem}.score-card{border:1px solid var(--border);border-radius:8px;padding:.75rem .9rem}.card-name{font-size:.8rem;font-weight:600;color:var(--muted)}.card-score{font-size:2.2rem;font-weight:700;letter-spacing:-.03em;line-height:1.2}.card-label{font-size:.8rem;margin-bottom:.45rem}.gauge{height:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:999px;overflow:hidden}.gauge-fill{height:100%;width:0%;border-radius:999px;transition:width .3s ease,background .3s ease}#breakdown{margin:1rem 0 0;padding-left:1.2rem;font-size:.9rem;color:var(--muted)}#breakdown li{margin-bottom:.2rem}#pairs-wrap{margin-top:1.5rem}#pairs-wrap h2{font-size:1rem;margin:0 0 .5rem}#pairs-table{width:100%;border-collapse:collapse;font-size:.9rem}#pairs-table th{text-align:left;font-weight:600;color:var(--muted);border-bottom:1px solid var(--border);padding:.35rem .5rem}#pairs-table td{padding:.4rem .5rem;border-bottom:1px solid var(--border);white-space:nowrap}#pairs-wrap{overflow-x:auto}.pair-score-head{text-align:right!important}#pairs-table tr:last-child td{border-bottom:none}.pair-dot{display:inline-block;width:.9rem;height:.9rem;border-radius:3px;border:1px solid var(--border);margin-right:.45rem;vertical-align:-.1rem}.pair-score{font-weight:700;text-align:right}footer{margin-top:2rem;font-size:.8rem;color:var(--muted)}@media (max-width: 560px){.parsed{display:none}.card-score{font-size:1.8rem}#pairs-table th,#pairs-table td{padding:.35rem;font-size:.85rem}#pairs-table td:nth-child(-n+2){white-space:normal;overflow-wrap:anywhere}.remove{padding:.4rem .55rem}}@media (min-width: 900px){main{max-width:800px}#score-cards{grid-template-columns:repeat(4,1fr)}}