*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #140a0d;--panel: #211217;--panel-border: #4d2129;--text: #f6ecee;--muted: #b08a91;--accent: #e5383b;--accent-dark: #8b0f1f;--good: #66bb6a;--warn: #ffb74d;--bad: #ef5350}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}canvas{display:block}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#060a12b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:28px;width:min(560px,92vw);max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal h1{font-size:1.5rem;margin-bottom:8px}.modal h2{font-size:1.15rem;margin-bottom:6px}.modal p{color:var(--muted);line-height:1.55;margin-bottom:14px}.modal .question-text{font-size:1.15rem;line-height:1.5;color:var(--text);margin:12px 0 20px}.btn{display:inline-block;border:none;border-radius:10px;padding:12px 22px;font-size:1rem;font-weight:600;cursor:pointer;background:var(--accent);color:#06222f;transition:transform .08s ease,filter .15s ease}.btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--panel-border);color:var(--text)}.btn-yes{background:var(--good);color:#0a2a0c}.btn-no{background:var(--bad);color:#2a0a0a}.btn-unk{background:var(--warn);color:#2a1c05}.btn-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.btn-scale .btn{padding:12px 6px;font-size:.85rem}.btn-scale-yes{background:#66bb6a;color:#0a2a0c}.btn-scale-mostly_yes{background:#a5d6a7;color:#12350f}.btn-scale-unknown{background:#ffb74d;color:#2a1c05}.btn-scale-mostly_no{background:#e57373;color:#2a0a0a}.btn-scale-no{background:#c62828;color:#fff}.hud-counter{position:fixed;top:14px;left:16px;z-index:6;font-size:1.6rem;letter-spacing:3px;text-shadow:0 0 12px var(--accent),0 2px 8px rgba(0,0,0,.8)}.hud-counter small{font-size:.8rem;color:var(--muted);letter-spacing:0;margin-left:8px}.btn-row{display:flex;gap:12px;flex-wrap:wrap}.field{margin-bottom:16px}.field label{display:block;font-size:.9rem;color:var(--muted);margin-bottom:6px}.field select,.field input[type=email],.field input[type=text]{width:100%;background:var(--bg);border:1px solid var(--panel-border);border-radius:8px;color:var(--text);padding:11px 12px;font-size:1rem}.field select:focus,.field input:focus{outline:2px solid var(--accent);border-color:transparent}.check-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.check-row input{margin-top:4px}.check-row span{font-size:.9rem;color:var(--muted);line-height:1.4}.hp-field{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}.form-error{color:var(--bad);font-size:.9rem;margin-top:8px}.form-note{color:var(--muted);font-size:.85rem;margin-top:10px}.hud{position:fixed;top:16px;left:16px;z-index:5;display:flex;gap:8px;flex-wrap:wrap;max-width:60vw}.hud-chip{background:#211217d9;border:1px solid var(--panel-border);border-radius:999px;padding:6px 14px;font-size:.85rem}.hud-chip.done{border-color:var(--good)}.recap-box{position:fixed;bottom:16px;left:16px;z-index:5;background:#211217e0;border:1px solid var(--panel-border);border-radius:12px;padding:12px 16px;min-width:190px;font-size:.82rem}.recap-box h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.recap-row{display:flex;gap:6px;align-items:center;padding:2px 0}.recap-row .mark{width:18px;text-align:center;font-weight:700}.recap-row .mark.yes{color:var(--good)}.recap-row .mark.no{color:var(--bad)}.recap-row .mark.unknown{color:var(--warn)}.recap-row .mark.todo{color:var(--panel-border)}.recap-row .qname{color:var(--muted)}.recap-row.current .qname{color:var(--text);font-weight:600}.hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:5;background:#211217d9;border:1px solid var(--panel-border);border-radius:10px;padding:10px 18px;font-size:.9rem;color:var(--muted);text-align:center}.hint b{color:var(--accent)}.modal-wide{width:min(900px,94vw)}.report-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px}.score-big{font-size:3.2rem;font-weight:800;color:var(--accent);white-space:nowrap}.score-big small{font-size:1.2rem;color:var(--muted)}.report-areas{display:flex;flex-direction:column}.report-area-row{display:grid;grid-template-columns:280px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid var(--panel-border);align-items:start}.report-area-left{display:flex;align-items:center;gap:10px}.report-area-name{width:130px;font-size:.92rem}.report-area-left .bar{flex:1;height:8px;border-radius:4px;background:var(--bg);overflow:hidden}.report-area-left .bar>div{height:100%;border-radius:4px}.report-area-val{width:36px;text-align:right;font-weight:700}.report-area-gaps{font-size:.88rem}.outcome-ok{color:var(--good)}.outcome-unknown{color:var(--warn)}.outcome-bad{color:var(--bad);line-height:1.45}.report-logo{height:44px;width:auto;object-fit:contain}.report-doubts{margin-top:20px;padding:18px;background:#e5383b14;border:1px solid var(--accent-dark);border-radius:12px}.report-doubts h2{margin-bottom:8px}.island-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--panel-border)}.island-row .bar{flex:1;height:8px;border-radius:4px;background:var(--bg);overflow:hidden}.island-row .bar>div{height:100%;border-radius:4px}.gap-item{padding:6px 0;border-bottom:none;font-size:.88rem;line-height:1.45}.gap-item .svc{color:var(--accent)}.gap-item .partner{color:var(--warn);font-size:.8rem}.tutorial-steps{display:flex;flex-direction:column;gap:14px;margin:16px 0 20px}.tutorial-step{display:flex;gap:14px;align-items:flex-start}.tutorial-icon{font-size:1.6rem;width:36px;text-align:center}.tutorial-step p{color:var(--muted);font-size:.92rem;margin:2px 0 0}.privacy-modal{width:min(680px,94vw)}.privacy-summary{background:#e5383b14;border:1px solid var(--accent-dark);border-radius:10px;padding:12px 16px;margin-top:12px}.privacy-summary ul{padding-left:18px;margin:8px 0 2px}.privacy-summary li{color:var(--text);font-size:.88rem;line-height:1.5;margin-bottom:5px}.privacy-text{max-height:55vh;overflow-y:auto;padding-right:10px;margin-top:10px}.privacy-text h2{font-size:1rem;margin:16px 0 6px;color:var(--text)}.privacy-text p,.privacy-text li{color:var(--muted);font-size:.9rem;line-height:1.55}.privacy-text ul{padding-left:20px;margin:6px 0}.privacy-text li{margin-bottom:4px}.link-btn{background:none;border:none;padding:0;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}.sector-banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;animation:banner-fade 2.6s ease forwards}.sector-title{font-size:3rem;font-weight:800;text-shadow:0 0 30px var(--accent),0 4px 12px rgba(0,0,0,.8)}.sector-sub{font-size:1.2rem;color:var(--muted);margin-top:6px}.sector-outcome{font-size:1.3rem;margin-bottom:18px;color:var(--warn)}@keyframes banner-fade{0%{opacity:0;transform:scale(.92)}15%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0}}