:root{--color-navy: #012b4a;--color-primary: #0061a4;--color-primary-dark: #004d85;--color-text: #1c2833;--color-bg: #ffffff;--color-bg-soft: #f7fbfd;--color-bg-soft-2: #eff6fa;--color-border: #b3cee1;--color-danger: #c0392b;--color-ok: #1e8449;--color-caution: #b7791f;--radius: 10px;--font: "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--color-navy);margin:0 0 12px;font-weight:700}h1{font-size:1.6rem;letter-spacing:-.3px}h2{font-size:1.25rem}h3{font-size:1.05rem;color:var(--color-primary)}p{margin:0 0 12px;line-height:1.5}a{color:var(--color-primary)}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.page{max-width:640px;margin:0 auto;padding:24px 16px 64px}.page.wide{max-width:960px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.logo{height:28px;display:block}.card{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.card.flat{background:var(--color-bg)}.muted{color:#5b6b78;font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;font-size:.95rem;font-weight:600;padding:10px 18px;border-radius:var(--radius);transition:background .15s ease,transform .05s ease}.btn:hover{background:var(--color-primary-dark)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:transparent;color:var(--color-primary)}.btn.secondary:hover{background:var(--color-bg-soft-2)}.btn.danger{background:#fff;color:var(--color-danger);border-color:var(--color-danger)}.btn.danger:hover{background:#fdf0ee}.btn.block{width:100%}.field{margin-bottom:16px}.field label{display:block;font-weight:600;font-size:.85rem;color:var(--color-navy);margin-bottom:6px}.field input[type=text],.field input[type=password]{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem;background:#fff;color:var(--color-text)}.field input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.item-list{list-style:none;margin:0 0 8px;padding:0}.item-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--color-border)}.item-list li:last-child{border-bottom:none}.pill{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--color-bg-soft-2);color:var(--color-primary);font-size:.75rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.error-banner{background:#fdf0ee;border:1px solid #e6b3ab;color:var(--color-danger);border-radius:var(--radius);padding:12px 14px;margin-bottom:16px;font-size:.9rem}.icon-btn{background:transparent;border:none;color:#8a9aa6;font-size:1.1rem;line-height:1;padding:4px 8px}.icon-btn:hover{color:var(--color-danger)}.voting-screen{min-height:100%;display:flex;flex-direction:column;padding:20px 16px 32px;max-width:520px;margin:0 auto}.voting-progress{font-size:.8rem;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.voting-item-label{font-size:1.4rem;font-weight:700;color:var(--color-navy);margin:4px 0 24px}.scale{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:28px}.scale-btn{aspect-ratio:1 / 1;border-radius:var(--radius);border:2px solid var(--color-border);background:#fff;font-size:1.3rem;font-weight:700;color:var(--color-navy);display:flex;align-items:center;justify-content:center;transition:all .1s ease}.scale-btn:active{transform:scale(.95)}.scale-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.scale-caption{display:flex;justify-content:space-between;font-size:.75rem;color:#5b6b78;margin-top:-18px;margin-bottom:28px}.voting-nav{margin-top:auto;display:flex;gap:10px}.voting-footer-space{flex:1}.thank-you{text-align:center;padding-top:15vh}.thank-you .big-check{font-size:3.5rem;color:var(--color-ok);margin-bottom:16px}.result-section{margin-bottom:32px}.result-item{margin-bottom:18px}.result-item-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.result-item-label{font-weight:600;color:var(--color-navy)}.result-item-mean{font-size:1.6rem;font-weight:700;color:var(--color-primary)}.result-item-meta{font-size:.78rem;color:#5b6b78}.dist-strip{display:flex;gap:4px;height:36px;align-items:flex-end;background:var(--color-bg-soft-2);border-radius:6px;padding:4px 6px}.dist-bar{flex:1;background:var(--color-border);border-radius:3px;min-height:3px;position:relative}.dist-bar.has-votes{background:var(--color-primary)}.dist-bar-label{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:.65rem;color:#8a9aa6}.qr-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px}.qr-wrap canvas{border-radius:var(--radius);border:1px solid var(--color-border);padding:12px;background:#fff}.link-box{margin-top:20px;font-family:monospace;font-size:.9rem;background:var(--color-bg-soft-2);padding:10px 14px;border-radius:var(--radius);word-break:break-all}@media (min-width: 720px){.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}}.view-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.view-toggle button{border:none;background:#fff;color:var(--color-primary);font-weight:600;padding:8px 16px;font-size:.9rem}.view-toggle button.active{background:var(--color-primary);color:#fff}.matrix-controls{display:flex;flex-wrap:wrap;gap:24px;background:var(--color-bg-soft-2);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px 18px;margin-bottom:20px}.matrix-slider{flex:1;min-width:220px}.matrix-slider label{display:block;font-size:.82rem;color:var(--color-navy);margin-bottom:6px}.matrix-slider input[type=range]{width:100%}.matrix-scroll{overflow-x:auto}.matrix-table{border-collapse:collapse;width:100%;min-width:420px}.matrix-table th,.matrix-table td{border:1px solid var(--color-border);padding:10px 14px;text-align:center;font-size:.9rem}.matrix-table thead th{color:var(--color-navy);background:var(--color-bg-soft);font-size:.85rem}.matrix-row-label{color:var(--color-navy);background:var(--color-bg-soft);text-align:left;white-space:nowrap}.matrix-axis-mean{font-weight:400;font-size:.72rem;color:#5b6b78}.matrix-cell{font-weight:700;font-size:1rem}.matrix-cell.zone-ok{background:#bfe6c7;color:#0f5c2e}.matrix-cell.zone-caution{background:#ffd98a;color:#7a4e00}.matrix-cell.zone-risk{background:#e8766a;color:#fff}.matrix-cell.zone-none{background:#f4f4f4;color:#9aa7b0;font-weight:400}.matrix-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px;font-size:.82rem;color:#5b6b78}.matrix-legend .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.matrix-legend .dot.zone-ok{background:var(--color-ok)}.matrix-legend .dot.zone-caution{background:var(--color-caution)}.matrix-legend .dot.zone-risk{background:var(--color-danger)}.matrix-legend .dot.zone-none{background:#9aa7b0}