:root{--accent: #01918C;--accent-light: #02c7c0;--text: #212529;--bg: #f9fafb}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Comfortaa,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:1000px;margin:24px auto;background:#fff;padding:24px 18px;border-radius:14px;box-shadow:0 6px 24px #00000014}h1,h2{text-align:center;margin:0}h1{font-size:1.8rem;margin-bottom:8px}h2{font-size:1.1rem;color:#495057;font-weight:400}.questions-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.question{background:#f5fbfb;border:1px solid #e7f5f4;border-radius:10px;padding:14px 12px;box-shadow:0 2px 8px #0000000d}.question legend{font-weight:700;margin-bottom:6px}.question label{display:block;cursor:pointer;padding:6px 8px;border-radius:8px}.question label:hover{background:#f1f9f8}.question input[type=radio]{margin-right:8px;accent-color:var(--accent)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0 8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--accent);color:#fff;padding:12px 24px;border-radius:10px;font-weight:700;box-shadow:0 4px 14px #01918c2a;cursor:pointer;transition:transform .05s ease,background .2s ease}.btn:hover{background:#017a76}.btn:active{transform:translateY(1px)}.btn.secondary{background:var(--accent-light)}#result{background:#e8fbfa;color:#0b3b39;border:1px solid #c8f4f1;border-radius:12px;padding:14px 16px;min-height:28px;font-weight:600}.result-list{display:flex;flex-direction:column;gap:10px;margin:8px 0 0}.result-row{display:flex;align-items:center;gap:10px}.result-label{width:240px;min-width:240px;font-weight:700;overflow:visible}.bar-wrap{flex:1;display:flex;gap:10px;align-items:center}.bar-track{position:relative;height:16px;width:100%;border-radius:999px;background:linear-gradient(90deg,#ffd400,orange 25%,#2ecc71 60%,#e74c3c);box-shadow:inset 0 1px 2px #0000001a;margin-left:12px}.bar-marker{position:absolute;top:-4px;width:2px;height:24px;background:#000;transform:translate(-1px);border-radius:1px}.bar-value{font-weight:700;min-width:64px;text-align:right}@media (max-width: 520px){.result-row{flex-direction:column;align-items:stretch}.result-label{width:100%;min-width:0;margin-bottom:6px;white-space:normal}}@media (max-width: 900px){.questions-grid{grid-template-columns:1fr}}@media (max-width: 420px){.container{border-radius:8px;padding:14px 10px}.btn{width:100%}}