:root{--hle-green:#4f6f59;--hle-green-dark:#294535;--hle-sage:#e7efe3;--hle-beige:#f7f0df;--hle-lav:#eee8f5;--hle-gold:#ddb03d;--hle-line:#c8d2c6;--hle-ink:#243129;--hle-muted:#66736a;--hle-error:#9b3e36}.hle-shell{box-sizing:border-box;width:min(100% - 32px,900px);margin:36px auto;color:var(--hle-ink);font-family:inherit}.hle-shell *{box-sizing:border-box}.hle-hero,.hle-card{border:1px solid var(--hle-line);border-radius:28px}.hle-hero{padding:clamp(28px,5vw,58px);background:linear-gradient(135deg,var(--hle-beige),var(--hle-sage) 58%,var(--hle-lav))}.hle-hero h1{max-width:760px;margin:.4rem 0 1rem;font-size:clamp(2rem,6vw,4.3rem);line-height:1.03}.hle-hero p{max-width:720px;margin:0;font-size:clamp(1rem,2.4vw,1.3rem);line-height:1.6}.hle-kicker{color:#745f7d;font-weight:850;letter-spacing:.14em}.hle-card{margin:24px 0;padding:clamp(22px,4vw,42px);background:#fff;box-shadow:0 16px 45px rgba(36,49,41,.07)}.hle-card h2{margin:.35rem 0 1rem;font-size:clamp(1.6rem,4vw,2.5rem)}.hle-code-card label,.hle-text{display:block;margin:18px 0;font-weight:750}.hle-code-card input,.hle-text textarea{display:block;width:100%;margin-top:8px;padding:15px;border:2px solid var(--hle-line);border-radius:14px;background:#fff;color:var(--hle-ink);font:inherit}.hle-button{min-height:52px;padding:13px 24px;border:0;border-radius:15px;background:var(--hle-green);color:#fff;font:inherit;font-weight:800;cursor:pointer}.hle-button:hover,.hle-button:focus-visible{background:var(--hle-green-dark)}.hle-secondary{border:2px solid var(--hle-green);background:#fff;color:var(--hle-green)}.hle-actions{display:flex;justify-content:space-between;gap:14px;margin-top:18px}.hle-progress{height:12px;margin:25px 0 5px;overflow:hidden;border-radius:999px;background:#edf0eb}.hle-progress span{display:block;height:100%;width:10%;border-radius:inherit;background:linear-gradient(90deg,var(--hle-green),var(--hle-gold));transition:width .25s}.hle-step-count{text-align:right;color:var(--hle-muted);font-weight:750}.hle-question{margin:25px 0;padding:0;border:0}.hle-question legend{width:100%;margin-bottom:12px;font-size:1.15rem;font-weight:800;line-height:1.4}.hle-smiley-scale,.hle-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hle-choice-grid{grid-template-columns:repeat(2,1fr)}.hle-smiley-scale label,.hle-choice-grid label{position:relative;cursor:pointer}.hle-smiley-scale input,.hle-choice-grid input{position:absolute;opacity:0}.hle-smiley-scale label>span,.hle-choice-grid label>span{display:flex;align-items:center;justify-content:center;min-height:76px;padding:12px;border:2px solid var(--hle-line);border-radius:16px;background:#fff;text-align:center;transition:.15s}.hle-smiley-scale label>span{font-size:2rem}.hle-smiley-scale small{display:block;margin-top:6px;text-align:center;font-weight:750}.hle-smiley-scale input:checked+span,.hle-choice-grid input:checked+span{border-color:var(--hle-green);background:var(--hle-sage);box-shadow:0 0 0 3px rgba(79,111,89,.12)}.hle-smiley-scale input:focus-visible+span,.hle-choice-grid input:focus-visible+span{outline:3px solid var(--hle-gold);outline-offset:2px}.hle-note{padding:14px 17px;border-radius:14px;background:var(--hle-beige);color:var(--hle-muted)}.hle-error,.hle-form-message{color:var(--hle-error);font-weight:750}.hle-coordinate{margin:30px 0;padding:20px;border:1px solid var(--hle-line);border-radius:20px;background:#fff}.hle-coordinate-grid{position:relative;height:260px;margin:18px 42px 38px;border-left:3px solid var(--hle-green);border-bottom:3px solid var(--hle-green);background-image:linear-gradient(to right,rgba(79,111,89,.16) 1px,transparent 1px),linear-gradient(to bottom,rgba(79,111,89,.16) 1px,transparent 1px);background-size:33.333% 33.333%}.hle-coordinate-point{position:absolute;display:grid;place-items:center;width:42px;height:42px;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;background:#745f7d;color:#fff;font-weight:900;box-shadow:0 3px 12px rgba(0,0,0,.2);transition:left .12s,top .12s}.hle-axis{position:absolute;color:var(--hle-muted);font-size:.8rem;font-weight:750}.hle-axis-left{left:0;bottom:-28px}.hle-axis-right{right:0;bottom:-28px}.hle-axis-top{left:-38px;top:0;writing-mode:vertical-rl;transform:rotate(180deg)}.hle-axis-bottom{left:-38px;bottom:0;writing-mode:vertical-rl;transform:rotate(180deg)}.hle-coordinate>label{display:block;margin:12px 0;font-weight:750}.hle-coordinate input[type=range]{width:100%;accent-color:var(--hle-green)}.hle-ranking{margin:20px 0;padding:0;list-style:none;counter-reset:rank}.hle-ranking li{counter-increment:rank;display:grid;grid-template-columns:52px 1fr 48px 48px;align-items:center;gap:7px;margin:8px 0;padding:11px;border:2px solid var(--hle-line);border-radius:15px;background:#fff}.hle-ranking li:before{content:counter(rank);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--hle-sage);font-weight:900}.hle-ranking li span{font-weight:800}.hle-ranking button{width:42px;height:42px;border:1px solid var(--hle-line);border-radius:10px;background:#fff;color:var(--hle-green);font-size:1.25rem;cursor:pointer}.hle-thanks{text-align:center;background:linear-gradient(135deg,var(--hle-sage),var(--hle-lav))}.hle-form-message{min-height:28px;text-align:center}@media(max-width:680px){.hle-shell{width:min(100% - 18px,900px);margin:16px auto}.hle-smiley-scale{grid-template-columns:repeat(2,1fr)}.hle-choice-grid{grid-template-columns:1fr}.hle-actions{flex-direction:column-reverse}.hle-actions .hle-button{width:100%}.hle-coordinate-grid{height:210px;margin-left:38px;margin-right:10px}.hle-ranking li{grid-template-columns:44px 1fr 43px 43px}}