body:has(.robot){background:linear-gradient(160deg,#eef3fb,#fff 55%,#fff4e8);min-height:100vh}.robot-top{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;max-width:1000px;margin:0 auto}.robot-logo img{height:64px;width:auto}.robot-close{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow)}.robot-wrap{max-width:860px;margin:0 auto;padding:0 20px 60px}.robot-intro{display:flex;gap:20px;align-items:center;margin:10px 0 26px}.robot-intro img{width:110px;height:auto;flex:none}.robot-intro h1{font-size:clamp(22px,3vw,32px);margin-bottom:6px}.robot-intro p{color:#666;margin:0}.robot-steps{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;counter-reset:s}.robot-steps li{font-size:12px;color:#999;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;position:relative}.robot-steps li span{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;font-weight:700;color:#999}.robot-steps li.active,.robot-steps li.done{color:var(--dark);font-weight:600}.robot-steps li.active span{border-color:var(--accent);background:var(--accent);color:#fff}.robot-steps li.done span{border-color:var(--primary);background:var(--primary);color:#fff}.robot-card{background:#fff;border-radius:18px;box-shadow:0 20px 60px #0d3b781f;padding:clamp(20px,4vw,40px)}.robot-card fieldset{border:0;padding:0;margin:0}.robot-card legend{font-size:clamp(19px,2.4vw,24px);font-weight:700;color:var(--dark);margin-bottom:18px}.robot-card .hint{color:#888;font-size:13.5px;margin:-8px 0 16px}.robot-options{display:grid;gap:14px}.robot-options.cols-2{grid-template-columns:repeat(2,1fr)}.robot-options.cols-3{grid-template-columns:repeat(3,1fr)}.opt{cursor:pointer;display:block}.opt>input{position:absolute;opacity:0;pointer-events:none}.opt>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:110px;border:2px solid var(--line);border-radius:14px;padding:16px;transition:border-color .2s,background .2s;height:100%}.opt>span .icon{width:30px;height:30px;color:var(--primary)}.opt strong{font-size:17px;color:var(--dark)}.opt small{color:#888;font-size:12.5px}.opt:hover>span{border-color:#c9d6ea}.opt input:checked+span{border-color:var(--accent);background:#fff7ee}.opt input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}.unit{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.unit input{border:0;padding:11px 14px;width:100%;outline:none;font:inherit}.unit em{font-style:normal;padding:0 14px;color:#888;background:var(--soft);align-self:stretch;display:grid;place-items:center}.unit.sqm{width:140px;margin-top:6px;display:none}.opt input:checked+span .unit.sqm{display:flex}.robot-field{display:grid;gap:8px;margin-top:22px;max-width:320px;font-weight:600;font-size:14px}.robot-check{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:13.5px;color:#555;cursor:pointer}.robot-check input{margin-top:3px;width:18px;height:18px;accent-color:var(--accent);flex:none}.robot-error{color:#c62828;font-size:13.5px;min-height:20px;margin:16px 0 0}.robot-actions{display:flex;justify-content:space-between;gap:12px;margin-top:10px;flex-wrap:wrap}.robot-actions [data-next]{margin-left:auto}.robot-actions.center{justify-content:center}.robot-result{text-align:center}.robot-result img{width:90px;height:auto;margin:0 auto 10px}.robot-result .lead{font-size:15px;color:#555;max-width:480px;margin:6px auto 18px}.robot-result .summary{list-style:none;padding:16px;margin:0 auto 14px;max-width:460px;background:var(--soft);border-radius:12px;text-align:left;font-size:14px;display:grid;gap:6px}.robot-result .summary li{display:flex;justify-content:space-between;gap:10px}.robot-result .summary li span{color:#888}@media(max-width:680px){.robot-options.cols-3,.robot-options.cols-2{grid-template-columns:1fr}.opt>span{min-height:0;flex-direction:row;justify-content:flex-start;text-align:left;flex-wrap:wrap}.robot-steps li{font-size:0}.robot-intro img{width:70px}}