:root{--bg:#0d2524;--surface:#173b37;--line:#365550;--text:#eef8f0;--muted:#a9c4b8;--accent:#5ed2a5;--accent2:#e9c479;--button:#5ed2a5;--onbutton:#0a2420}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}body[data-theme=ocean]{--bg:#0e1e3b;--surface:#192f58;--line:#344e78;--text:#edf4ff;--muted:#b4c9ec;--accent:#69c9f0;--accent2:#f3c978;--button:#69c9f0;--onbutton:#112240}body[data-theme=earth]{--bg:#33271e;--surface:#493729;--line:#6c5542;--text:#f8eee0;--muted:#dacbb8;--accent:#dcb27e;--accent2:#a5ba8d;--button:#dcb27e;--onbutton:#2b221b}body[data-theme=lavender]{--bg:#221d3e;--surface:#342b56;--line:#5a4f7f;--text:#f6f0ff;--muted:#ccc0e2;--accent:#c6a5ff;--accent2:#ffaaa7;--button:#c6a5ff;--onbutton:#251c3c}body[data-theme=mono]{--bg:#15191d;--surface:#242c33;--line:#4c5862;--text:#f6f7f8;--muted:#b5bdc5;--accent:#f5d28b;--accent2:#9eb4c8;--button:#f5d28b;--onbutton:#181c20}body[data-theme=coral]{--bg:#361d30;--surface:#4e2c41;--line:#794959;--text:#fff1ed;--muted:#e3bbc2;--accent:#ffa08b;--accent2:#80cbba;--button:#ffa08b;--onbutton:#341c2a}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:12px 14px;color:var(--text);width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{min-height:96px;resize:vertical}button{border:0;border-radius:12px;padding:12px 17px;background:var(--button);color:var(--onbutton);font-weight:700;transition:transform .15s,opacity .15s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}.danger{background:#a83f50;color:white}.small{padding:7px 11px;font-size:13px}.shell{max-width:1220px;margin:auto;padding:28px 24px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit}.logo{height:41px;width:41px;display:grid;place-items:center;border-radius:13px;background:var(--accent);color:var(--onbutton);font-weight:900;font-size:24px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:12px;font-weight:800}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(29px,4vw,52px);line-height:1.13;letter-spacing:-.045em}h2{font-size:26px;letter-spacing:-.03em}h3{font-size:19px}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px}.hero{padding:clamp(28px,6vw,80px) 12px;text-align:center;max-width:820px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.flex{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:14px}.field{display:grid;gap:6px}.field label{font-size:13px;color:var(--muted);font-weight:650}.pill{border-radius:100px;padding:5px 11px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.chip{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);font-weight:600}.chip.active{outline:2px solid var(--accent);background:var(--accent);color:var(--onbutton)}.divider{border-top:1px solid var(--line);margin:20px 0}.choice{width:100%;padding:20px;display:flex;text-align:left;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;color:var(--text)}.choice.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.choice .letter{width:35px;height:35px;border-radius:11px;background:var(--bg);display:grid;place-items:center;color:var(--accent)}.participant{max-width:620px;margin:auto;padding:20px 18px 90px}.participant h1{font-size:clamp(28px,6vw,43px)}.fixed-action{position:sticky;bottom:0;padding:16px 0;background:linear-gradient(transparent,var(--bg) 30%)}.fixed-action button{width:100%;padding:18px}.notice{padding:13px 16px;border:1px solid var(--line);border-radius:13px;color:var(--muted)}.success{color:var(--accent);font-weight:750}.screen{min-height:100vh;padding:3.5vw 4.5vw;display:flex;flex-direction:column}.screen h1{font-size:clamp(32px,4.4vw,76px);max-width:1180px}.screen .viz{flex:1;display:grid;place-items:center;min-height:350px}.screen .viz svg{width:min(100%,1200px);height:auto;max-height:60vh}.screen footer{display:flex;align-items:end;justify-content:space-between;gap:20px}.screen .bigstat{font-size:24px;font-weight:700}.barrow{display:grid;grid-template-columns:180px 1fr 58px;gap:16px;align-items:center;margin:14px 0}.bartrack{border-radius:10px;background:var(--surface);height:30px;overflow:hidden}.barfill{height:100%;border-radius:10px;background:var(--accent);transition:width .5s}.tiny{font-size:12px}.response-tile{padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;max-width:350px;overflow-wrap:anywhere}.rank-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px}.hide{display:none!important}.admin-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:23px;align-items:start}.session-link{padding:13px;border:1px solid var(--line);border-radius:13px;cursor:pointer;margin-top:10px}.session-link.selected{outline:2px solid var(--accent)}.question-row{padding:14px;border:1px solid var(--line);border-radius:13px;display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.question-row.active{border-color:var(--accent)}.modal-back{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:10;padding:15px}.modal{width:min(670px,100%);max-height:90vh;overflow:auto}.format-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px}.theme-swatches{display:flex;gap:4px}.swatch{height:20px;width:20px;border-radius:4px}.qr{background:white;padding:8px;border-radius:12px;display:inline-block}.qr img{display:block;width:116px;height:116px}.toast{position:fixed;right:20px;bottom:20px;padding:14px 18px;background:var(--accent);color:var(--onbutton);border-radius:12px;z-index:30;max-width:360px}@media(max-width:850px){.admin-layout{grid-template-columns:1fr}.topbar{align-items:flex-start}.shell{padding:18px}.card{padding:18px}.screen{padding:20px}.screen footer{flex-wrap:wrap}.barrow{grid-template-columns:100px 1fr 40px;gap:7px;font-size:12px}}@media print{body{background:white!important;color:black!important}.topbar,.no-print,.screen footer{display:none!important}.screen{min-height:auto;page-break-after:always}.card,.response-tile{border-color:#aaa!important;color:#222!important} .print-report{color:#171717!important;background:white!important}.print-report *{color:#171717!important}.print-report .barfill{background:#888!important}.print-report .bartrack{background:#eee!important}}


/* INFOSOLUTION update — responsive compact and higher contrast */
:root{--line:#68877f;--muted:#d2e5da}body[data-theme=ocean]{--line:#657fb0;--muted:#d1dff8}body[data-theme=earth]{--line:#94765a;--muted:#f0debf}body[data-theme=lavender]{--line:#8575b3;--muted:#e3d7f4}body[data-theme=mono]{--line:#798895;--muted:#dee3e8}body[data-theme=coral]{--line:#ae6d85;--muted:#f6dbe1}
.brand-image{width:clamp(132px,15vw,196px);height:auto;max-height:52px;object-fit:contain;background:#fff;border-radius:5px;padding:3px 6px}.brand{gap:8px}.brand-caption{font-weight:750}.shell{padding:17px 20px}.topbar{margin-bottom:15px}.card{padding:17px;border-radius:15px}.admin-layout{gap:14px}.stack{gap:10px}.question-row{padding:9px 12px;margin-bottom:6px}.session-link{padding:10px;margin-top:7px}.divider{margin:12px 0}h2{font-size:23px}h3{font-size:17px}.muted{opacity:1}.choice{padding:12px 15px;font-size:clamp(17px,2.4vw,21px);font-weight:750;border-width:2px;min-height:52px}.choice .letter{flex-shrink:0}.participant{padding:12px 15px 72px;max-width:680px}.participant>.flex:first-child{margin:4px 0 20px!important}.participant h1{font-size:clamp(25px,5.1vw,36px);letter-spacing:-.025em}.participant .fixed-action{padding:8px 0}.participant .fixed-action button{padding:12px}.participant textarea{min-height:82px;font-size:18px}.screen{height:100dvh;min-height:540px;overflow:hidden;padding:1.3vh 2.8vw}.screen header{margin-bottom:12px!important;flex-shrink:0}.screen h1{font-size:clamp(25px,3.1vw,48px);margin-bottom:5px;max-width:none}.screen #desc{margin-bottom:4px}.screen .viz{min-height:0;overflow:auto;align-content:center;padding:8px 0}.screen .viz svg{max-height:52vh}.screen footer{flex-shrink:0;align-items:center;padding-top:5px;border-top:1px solid var(--line)}.screen footer .qr{padding:4px}.screen footer .qr img{width:74px!important;height:74px!important}.screen .bigstat{font-size:19px}.response-tile{padding:12px 15px;font-size:clamp(17px,1.75vw,23px);font-weight:650}.barrow{margin:8px 0;font-size:clamp(16px,1.65vw,20px)}.rank-row{padding:9px;font-size:clamp(16px,1.75vw,22px)}.reset-zone{display:flex;gap:12px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:12px}.danger{background:#bf4255;color:#fff;border:1px solid #ef93a0}.secondary{border-color:var(--line)}.waiting-stage{display:none}.screen.is-waiting .waiting-stage{display:grid;flex:1;min-height:0;place-items:center;text-align:center}.screen.is-waiting .viz{display:none}.screen.is-waiting footer{display:none}.screen.is-waiting #questionTitle{font-size:clamp(23px,2.9vw,41px)}.waiting-card{display:grid;justify-items:center;gap:8px;max-width:90vw;padding:14px 25px}.waiting-card p{margin:0}.waiting-qr{background:#fff;padding:14px;border-radius:20px;box-shadow:0 12px 50px #0004;min-width:250px;min-height:250px;display:grid;place-items:center}.waiting-qr img,.waiting-qr canvas{width:min(240px,34vh)!important;height:min(240px,34vh)!important;object-fit:contain}.waiting-url{font-size:clamp(16px,2vw,25px);font-weight:800;overflow-wrap:anywhere;color:var(--text)}
@media(max-width:700px){.shell{padding:12px}.screen{height:100dvh;min-height:430px;padding:9px}.screen header .flex{gap:4px}.screen header button{padding:6px;font-size:11px}.screen .brand-image{width:105px}.screen h1{font-size:clamp(21px,5vw,32px)}.screen .viz svg{max-height:48vh}.screen footer .qr img{width:54px!important;height:54px!important}.screen .bigstat{font-size:16px}.screen footer .muted.tiny{font-size:10px}.participant .brand-image{width:145px}.barrow{grid-template-columns:100px 1fr 34px}.waiting-qr{min-height:0;min-width:0;padding:12px}.waiting-qr img,.waiting-qr canvas{width:min(220px,31vh)!important;height:min(220px,31vh)!important}}
@media(max-height:650px){.screen .viz svg{max-height:42vh}.waiting-qr img,.waiting-qr canvas{width:160px!important;height:160px!important}.waiting-qr{min-height:0;min-width:0}.screen header{margin-bottom:4px!important}.screen h1{font-size:clamp(21px,2.7vw,35px)}}