:root{color-scheme:dark;--bg:#0a1820;--panel:#102630;--line:#29434b;--text:#e7efea;--muted:#9bb3b9;--gold:#e7bd7b;--teal:#a5e0d4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 0,#173846 0,transparent 60%),var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#152e37;border-radius:8px;padding:9px 13px}button:hover{border-color:var(--teal);background:#203f48}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.42;cursor:default}a{color:inherit;text-underline-offset:4px}header{height:82px;margin:auto;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:18px;letter-spacing:4px;text-decoration:none;display:flex;align-items:center;gap:10px}.mark{font-size:34px;color:var(--teal)}.edition,.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:600;color:var(--gold)}header button{background:transparent;font-size:12px}header button span{color:var(--gold);margin-left:12px}main{max-width:1320px;margin:auto;padding:34px 45px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.intro .eyebrow{margin:0 0 7px}h1{font:44px/1.1 Georgia,serif;letter-spacing:-1px;margin:0 0 12px}.intro p:last-child{color:var(--muted);margin:0}.collection{display:flex;flex-direction:column;text-align:right}.collection strong{font:32px Georgia,serif;color:var(--gold)}.collection span{font-size:11px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(320px,1fr);gap:24px;align-items:start}.instrument{border:1px solid #39525a;border-radius:14px;overflow:hidden;background:#08141d;box-shadow:0 16px 60px #0004}.instrument-bar{display:flex;justify-content:space-between;padding:15px 20px;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.instrument-bar i{display:inline-block;background:var(--teal);width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 8px #a5e0d480}#scene{width:100%;height:auto;display:block}.timeline{display:flex;gap:8px;padding:16px 20px 10px}.cloud-step{flex:1;border:1px solid var(--line);padding:10px 7px;border-radius:6px;font-size:11px;color:var(--muted);text-align:center}.cloud-step.current{border-color:#be9a66;color:var(--gold)}.cloud-step.filled{background:#173a42;color:var(--teal)}.stage-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 20px 18px;font-size:10px;color:var(--muted)}input{accent-color:var(--gold)}.stage-footer label{display:flex;align-items:center;gap:5px}aside{display:grid;gap:18px}.panel{border:1px solid var(--line);background:linear-gradient(135deg,#14313b,#10232d);padding:22px;border-radius:12px}.panel-top{display:flex;justify-content:space-between;align-items:center}.panel-top #best{font-size:10px;color:var(--teal);letter-spacing:1px}.specimen{display:flex;gap:15px;align-items:center;margin:12px 0 16px}.specimen canvas{width:110px;height:110px;flex-shrink:0;background:radial-gradient(circle,#1b3d4a,#0b1f2b);border:1px solid #3c5358;border-radius:50%}h2{font:25px/1.1 Georgia,serif;margin:0 0 9px}.specimen p{font-size:12px;color:var(--muted);margin:0}.match-row{display:flex;justify-content:space-between;font-size:12px}.match-row strong{color:var(--gold)}.meter{height:4px;border-radius:4px;background:#29434c;margin:9px 0}.meter div{height:100%;width:0;background:var(--teal);transition:width .4s}.small{font-size:11px;color:var(--muted);line-height:1.6}.commissions{display:flex;gap:6px;margin-top:14px}.commissions button{flex:1;font-size:11px;padding:5px 0;border-radius:4px}.commissions button.active{background:var(--gold);color:#17242b;border-color:var(--gold)}.commissions button.complete:after{content:'·';color:var(--gold);display:block;line-height:4px}.weather .eyebrow{margin-top:0}.weather-choice{width:100%;display:flex;align-items:center;text-align:left;gap:12px;margin:8px 0;background:#0c222c;padding:10px 13px}.weather-choice.selected{border-color:var(--teal);background:#1b3d45;box-shadow:inset 3px 0 var(--teal)}.weather-choice b{display:block;font-size:13px;font-weight:550}.weather-choice small{display:block;font-size:10px;color:var(--muted)}.weather-symbol{font:28px Georgia,serif;width:32px;text-align:center;color:var(--teal)}.soft{color:#dfebff}.humid{color:var(--gold)}kbd{margin-left:auto;font:10px system-ui;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.primary{width:100%;display:flex;justify-content:space-between;margin-top:15px;padding:12px 16px;background:var(--gold);color:#162631;border-color:var(--gold);font-weight:650;font-size:13px}.primary:hover{background:#f3cf96;border-color:#f3cf96}.tools{display:flex;gap:8px;margin-top:10px}.tools button{flex:1;font-size:11px;padding:7px}#message{font-size:12px;color:#bbd3d5;min-height:39px;margin:14px 0 0;line-height:1.6}footer{display:flex;justify-content:space-between;padding:24px 0 5px;font-size:10px;color:var(--muted)}footer>span:first-child{font:italic 15px Georgia,serif}.hidden{display:none!important}dialog{max-width:570px;background:#102630;border:1px solid #647b7f;border-radius:16px;color:var(--text);padding:35px;font-size:14px;line-height:1.8;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#041019cd;backdrop-filter:blur(7px)}dialog h2{font-size:32px}dialog button{float:right;padding:0 8px;font-size:24px}dialog li{margin-bottom:10px}@media(min-width:1450px){main{padding-top:45px}}@media(max-width:850px){main{padding:24px}.workspace{gap:16px;grid-template-columns:minmax(0,1.15fr) minmax(290px,1fr)}.panel{padding:16px}.edition{display:none}h1{font-size:36px}.specimen canvas{width:85px;height:85px}.stage-footer{flex-wrap:wrap;gap:6px}.intro p:last-child{font-size:12px}}@media(max-width:650px){header{height:64px;padding:0 20px}.brand{font-size:14px;letter-spacing:2px}.mark{font-size:26px}main{padding:24px 16px}.intro{align-items:start;gap:15px}.intro h1{font-size:32px}.intro .eyebrow{font-size:8px}.collection{min-width:65px}.collection strong{font-size:23px}.collection span{font-size:8px}.workspace{display:flex;flex-direction:column}.instrument,aside{width:100%}.instrument{max-width:600px;margin:auto}.instrument-bar{padding:11px 15px}aside{display:flex;flex-direction:column}.commission{order:1}.weather{order:0}.specimen canvas{width:100px;height:100px}footer{flex-direction:column;gap:12px}.timeline{padding:12px}.stage-footer{padding:0 12px 12px}dialog{margin:20px;padding:24px}dialog h2{font-size:27px}}