*{box-sizing:border-box}:root{font:14px "Segoe UI",Arial,sans-serif;color:#e5e7dc;background:#142329;color-scheme:dark}body{margin:0}a{color:#d6decb;text-decoration:none}header{margin:0 3vw;height:76px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #3b4b50;font-size:12px}header>a:first-child{font-size:18px;letter-spacing:-.4px}header b{color:#d7ac77}header>span{font:10px monospace;letter-spacing:.18em;color:#93a6aa;margin-right:auto}main{max-width:1800px;margin:auto;padding:34px 3vw}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{font:10px monospace;letter-spacing:.18em;color:#d0aa7a}.intro h1{font-size:clamp(40px,4vw,62px);line-height:1.03;letter-spacing:-2px;font-weight:500;margin:17px 0}.intro h1 em{font-style:normal;color:#d6ad7b}.intro>div>p:last-child{color:#9eafb0;font-size:12px}.note{text-align:right}.note span{font:10px monospace;border:1px solid #4f6767;padding:11px 14px;color:#aec7bd}.note p{color:#99abaa;font-size:11px;line-height:1.6;margin:24px 0 0}.toolbar{padding:17px 18px;background:#1d3036;display:flex;align-items:end;gap:12px;flex-wrap:wrap;border:1px solid #3b5156;border-radius:8px 8px 0 0}label{display:block;font-size:10px;color:#aebfba;min-width:112px}select,button,input{font:inherit}select{display:block;margin-top:7px;color:#e6eadf;background:#14252c;border:1px solid #4c6266;padding:9px 10px;border-radius:4px;font-size:11px;max-width:230px;width:100%}button{color:#e5e7dc;background:#30484e;border:1px solid #557177;border-radius:4px;font-size:11px;padding:10px;cursor:pointer}button:hover{background:#4c676d}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #e0b578;outline-offset:3px}.zoom-label{min-width:105px;max-width:130px}.zoom-label input{display:block;accent-color:#cfa773;width:100%;margin-top:12px}.viewer{border:1px solid #3b5156;border-top:0;background:#263b40}.headings{display:grid;border-bottom:1px solid #4b6264}.headings>div{text-align:center;padding:16px;border-right:1px solid #4b6264}.headings>div:last-child{border-right:0}.headings b{font-size:14px;letter-spacing:.01em;font-weight:500}.headings i{font:12px monospace;font-style:normal;color:#d2ac7c;border:1px solid #5d7473;border-radius:50%;display:inline-grid;place-items:center;width:24px;height:24px;margin-right:9px}.headings small{display:block;font-size:10px;color:#a6bcb8;margin-top:6px}canvas{width:100%;height:620px;display:block;touch-action:none;outline:none}.status{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 18px;background:#182b31;font:10px monospace;letter-spacing:.02em;color:#aec5bb}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.card{padding:19px;border:1px solid #455b5e;border-radius:6px}.card .eyebrow{margin:0 0 9px}.card h2{font-weight:500;font-size:19px;margin:0 0 9px}.card p{font-size:11px;line-height:1.7;color:#a2b8b4;margin:8px 0}.card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;font:10px monospace;padding-top:15px;margin-bottom:0;border-top:1px solid #3c5355}.card dt{color:#819b9b}.card dd{margin:0;text-align:right;color:#d8dfcd}.card.recommended{border-top:2px solid #cbab75}.recommendation{display:grid;grid-template-columns:1fr 2fr;gap:36px;border-top:1px solid #40585a;margin:30px 0 0;padding-top:22px}.recommendation h2{font-size:22px;font-weight:500}.recommendation>p{color:#a4b8b5;font-size:12px;line-height:1.8}footer{display:flex;justify-content:space-between;gap:16px;color:#7e9999;font:10px monospace;margin:28px 0 0;padding-top:20px;border-top:1px solid #354c50}@media(max-width:900px){header{gap:14px}header>span{display:none}header>a:first-child{margin-right:auto}.intro{display:block}.note{text-align:left;margin-top:28px}.note p{margin-top:20px}.toolbar{gap:12px}.toolbar label{flex:1;min-width:140px}canvas{height:490px}.cards{grid-template-columns:1fr}.recommendation{grid-template-columns:1fr;gap:0}footer{flex-direction:column}}@media(max-width:550px){header{font-size:10px;height:65px}header>a:first-child{font-size:15px}header a:nth-last-child(1){display:none}.headings>div{padding:11px 5px}.headings b{font-size:10px}.headings i{display:block;margin:0 auto 6px}.headings small{display:none}canvas{height:410px}.intro h1{font-size:43px}.status{font-size:9px}.toolbar label{min-width:125px}.toolbar{padding:13px}.note{display:none}}