:root{font-family:Georgia,Songti SC,serif;color:#18233b;background:#f5f1e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f5f1e8}button,input{font:inherit}main{width:min(1280px,calc(100% - 48px));margin:auto;padding:35px 0 70px}header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #18233b;padding-bottom:24px}.overline{font:700 10px monospace;letter-spacing:.18em;color:#ff5b45}h1{font-size:clamp(54px,8vw,104px);line-height:.82;margin:22px 0 0;letter-spacing:-.065em;font-weight:400}header p{font-size:15px;line-height:1.6;text-align:right;margin:0}.studio{display:grid;grid-template-columns:320px 1fr;border-bottom:1px solid #b5afa3}.studio aside{padding:30px 28px 30px 0;border-right:1px solid #b5afa3}.section-title{display:flex;gap:15px;align-items:center;font:700 11px monospace;text-transform:uppercase;letter-spacing:.08em}.section-title b,.num{width:28px;height:28px;background:#18233b;color:#fff;border-radius:50%;display:inline-grid;place-items:center}.tabs{display:grid;grid-template-columns:1fr;margin:24px 0 28px}.tabs button{text-align:left;padding:11px 14px;background:transparent;border:1px solid #c6c0b5;border-bottom:0;cursor:pointer}.tabs button:last-child{border-bottom:1px solid #c6c0b5}.tabs button.active{background:#18233b;color:#fff}.parameter{margin:24px 0}.parameter label{display:flex;justify-content:space-between;font:12px monospace}.parameter output{font-weight:700}.parameter input,.query-control>input,.quantile-control input{width:100%;accent-color:#ff5b45;margin-top:12px}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.buttons button{padding:11px 6px;cursor:pointer}.update{background:#18233b;color:#fff;border:1px solid #18233b}.add{background:transparent;border:1px solid #18233b}.remember{display:block;margin-top:16px;font:11px monospace}.remember input{accent-color:#18233b}.legend{margin-top:24px}.legend>div{display:grid;grid-template-columns:10px 1fr 20px;align-items:center;gap:8px;border-top:1px solid #d1cbc0;padding:9px 0}.legend i{width:8px;height:8px;border-radius:50%}.legend button{border:0;background:none;text-align:left;font:10px monospace;padding:0;cursor:pointer}.legend .x{text-align:right;font-size:16px}.chart-wrap{padding:30px 0 18px 32px;min-width:0}.chart-head{display:flex;gap:42px}.chart-head div{font:10px monospace;color:#777269}.chart-head span,.chart-head b{display:block}.chart-head b{color:#18233b;margin-top:3px}svg{width:100%;height:auto;display:block;overflow:visible;margin-top:10px}svg path{fill:none;stroke-width:3}svg text{font:11px monospace;fill:#777269}.gridlines line{stroke:#d8d2c8;stroke-width:1}.axis{stroke:#18233b}.quantile{stroke-width:1;stroke-dasharray:3 4}.query{stroke:#18233b;stroke-dasharray:6 5}.hover-dot{fill:#f5f1e8;stroke:#18233b;stroke-width:2}.tooltip rect{fill:#18233b}.tooltip text{fill:#fff}.chart-note{text-align:center;font:10px monospace;color:#777269}.queries{display:grid;grid-template-columns:1.4fr repeat(3,1fr);border-bottom:1px solid #18233b}.query-control,.stat,.quantile-control{padding:25px 24px;border-right:1px solid #b5afa3}.query-control{display:grid;grid-template-columns:36px 1fr;align-items:center}.query-control>input{grid-column:1/-1}.query-control label{font:11px monospace}.query-control label input{width:70px;margin-left:8px;border:0;border-bottom:1px solid #18233b;background:transparent}.stat small{display:block;font:10px monospace;color:#777269;min-height:28px}.stat strong{display:block;font:700 clamp(19px,2vw,28px) monospace;margin-top:12px}.stat i{font-size:12px;font-style:normal}.quantile-control{grid-column:1/-1;border-top:1px solid #b5afa3;border-right:0;display:grid;grid-template-columns:180px 1fr 180px;align-items:center;gap:20px}.quantile-control label{font:11px monospace}.quantile-control b{font-size:18px;margin-left:10px}.quantile-control p{font:12px monospace;text-align:right}.quantile-control strong{font-size:21px}@media(max-width:850px){main{width:min(100% - 24px,1280px);padding-top:22px}header p{display:none}.studio{grid-template-columns:1fr}.studio aside{border-right:0;padding-right:0}.tabs{grid-template-columns:repeat(3,1fr)}.tabs button{border-bottom:1px solid #c6c0b5;border-right:0;text-align:center}.tabs button:last-child{border-right:1px solid #c6c0b5}.chart-wrap{padding-left:0;border-top:1px solid #b5afa3}.queries{grid-template-columns:1fr 1fr}.query-control{grid-column:1/-1}.stat{border-top:1px solid #b5afa3}.stat:nth-of-type(3){display:none}.quantile-control{grid-template-columns:1fr}.quantile-control p{text-align:left;margin:0}header h1{font-size:64px}}