:root{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#22251f;background:#f2f0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background-image:linear-gradient(#2634230b 1px,transparent 1px),linear-gradient(90deg,#2634230b 1px,transparent 1px);background-size:24px 24px}button,input,select{font:inherit}button{cursor:pointer}header{height:100px;border-bottom:1px solid #b6b5aa;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:#f2f0e8e8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}header p{font-family:Georgia,serif;font-style:italic;color:#676a61}.brand{display:flex;align-items:center;gap:13px}.mark{display:grid;place-items:center;width:50px;height:50px;background:#293b2b;color:#fff;font-family:serif;font-size:25px;transform:rotate(-2deg)}.brand b{font-family:serif;font-size:25px;display:block}.brand small,.aside-head small{font-size:9px;letter-spacing:.18em;color:#77796e}main{max-width:1180px;margin:42px auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:32px;padding:0 20px}.practice,aside{border:1px solid #9fa095;background:#f8f7f1;box-shadow:5px 5px #d3d0c3}.practice{padding:30px}nav{display:flex;border-bottom:1px solid #bbbcb1}nav button,.tabs button{border:0;background:transparent;padding:11px 20px;color:#74766d;position:relative}nav button.active{color:#263a2a;font-weight:700}nav button.active:after{content:"";height:3px;background:#d9573f;position:absolute;left:10px;right:10px;bottom:-2px}.question{text-align:center;padding:34px 10px 27px}.counter{font-size:10px;letter-spacing:.15em;color:#b04d38}.object{width:105px;height:105px;border:1px solid #c6c5ba;border-radius:50%;display:grid;place-items:center;margin:18px auto;background:radial-gradient(circle,#fff 0 48%,#ebe9df 49% 51%,transparent 52%)}.object span{font-size:50px;filter:grayscale(.2)}h1{font-family:Georgia,Songti SC,serif;font-size:28px;margin:10px 0}.question p{color:#74766c;font-family:system-ui,sans-serif;font-size:14px}form{border-top:1px dashed #b9b9af;padding-top:22px}form label{font-size:11px;letter-spacing:.12em;font-weight:700}.input-row{display:grid;grid-template-columns:1fr 125px 150px;margin-top:9px}.input-row input,.input-row select{height:54px;border:1px solid #8c8e83;background:#fff;padding:0 14px;min-width:0}.input-row input{font-size:24px;border-right:0}.input-row select{border-right:0}.submit,.reveal button{border:0;background:#d9573f;color:#fff;font-weight:700}.error{color:#b13727;min-height:18px;font-size:12px;margin-bottom:0}.reveal{border-top:1px dashed #b9b9af;padding-top:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.score{width:92px;height:92px;border-radius:50%;border:5px double #293b2b;display:flex;flex-direction:column;align-items:center;justify-content:center}.score strong{font-size:29px}.score span{font-size:9px}.verdict{font-family:Georgia,serif;font-size:18px;margin:0 0 6px}.reveal p{margin:4px 0;color:#55584f}.reveal button{padding:13px 16px}aside{padding:26px}.aside-head{display:flex;justify-content:space-between;align-items:start}.aside-head h2{font-family:Georgia,serif;margin:5px 0 18px}.text-btn{border:0;background:none;color:#a34130;font-size:11px}.tabs{display:flex;background:#e7e5db;padding:3px}.tabs button{flex:1;padding:8px;font-size:11px}.tabs button.active{background:#fff;color:#293b2b;box-shadow:1px 1px 3px #aaa}.empty{text-align:center;padding:70px 10px;color:#77796e}.empty span{font-size:50px;color:#b7b8ae}.empty p{font-family:system-ui,sans-serif;line-height:1.7;font-size:13px}.summary{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #ccc;padding:18px 0}.summary span{font-size:10px;color:#777}.summary b{font-size:18px;color:#27392a;display:block}.chart{padding-top:18px}.chart-title{font-size:10px;color:#74766d}.chart svg{width:100%;height:auto}.chart line{stroke:#aaa;stroke-width:1}.chart .dash{stroke-dasharray:3 5}.chart polyline{fill:none;stroke:#d9573f;stroke-width:2}.chart circle{fill:#f8f7f1;stroke:#d9573f;stroke-width:2}.distribution h3{font-size:11px;letter-spacing:.08em;border-top:1px dashed #bbb;padding-top:18px}.dist-row{display:grid;grid-template-columns:90px 1fr 42px;gap:8px;align-items:center;font-size:9px;margin:10px 0}.dist-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dist-row>b{text-align:right}.axis{height:5px;background:linear-gradient(90deg,#df9d68 0,#df9d68 49%,#555 49%,#555 51%,#829d82 51%);position:relative}.axis i{position:absolute;height:5px;top:0}.axis .under{right:50%;background:#c77b43}.axis .over{left:50%;background:#537c59}footer{text-align:center;padding:25px;color:#898b82;font-size:10px;letter-spacing:.08em}@media(max-width:800px){header{height:auto;padding:20px;align-items:flex-start}header p{display:none}main{grid-template-columns:1fr;margin:20px auto}.input-row{grid-template-columns:1fr 105px}.submit{grid-column:1/-1;height:48px;margin-top:8px}.reveal{grid-template-columns:auto 1fr}.reveal button{grid-column:1/-1}.practice,aside{padding:20px;box-shadow:3px 3px #d3d0c3}nav button{padding:10px;flex:1}h1{font-size:23px}}