:root{color-scheme:light;--bg:#F6F7F9;--surface:#fff;--muted:#6B7A8C;--ink:#243447;--line:#E2E7EB;--purple:#243447;--purple-soft:#EDF1F5;--green:#199F6C;--blue:#4C6FFF;--shadow:0 4px 16px rgba(36,52,71,.025);--radius:25px}
*{box-sizing:border-box}html{background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body{margin:0;color:var(--ink);min-height:100svh}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #d09af5;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em}svg{width:20px;height:20px;display:inline-block;flex:none;stroke:currentColor;fill:none;stroke-width:1.95;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}button svg{width:18px;height:18px}button .left-icon{margin-right:3px}.muted{color:var(--muted)}.mini{font-size:12px}.tiny{font-size:11px}.eyebrow{color:var(--purple);text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800}.pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.02em;font-weight:750;padding:8px 11px;border-radius:50px;background:#f2f2f7;color:#707992}.pill.good{background:#e5f8ef;color:#157c51}.pill.warning{background:#fff2da;color:#926218}.pill svg{height:13px;width:13px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{border:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--purple);color:white;border-radius:15px;min-height:50px;padding:0 20px;font-size:14px;letter-spacing:-.02em;font-weight:690;white-space:nowrap;transition:transform .45s cubic-bezier(.2,1.65,.33,1),background .2s,box-shadow .2s;transform:scale(1)}.btn:hover:not(:disabled){box-shadow:0 8px 22px #912be62c}.btn:active:not(:disabled){transform:scale(.948)}.btn:disabled{background:#e6e8ee!important;color:#a6acba!important;box-shadow:none!important}.btn.soft{background:#f1f2f7;color:#313b50}.btn.soft:hover:not(:disabled){background:#e9ebf4;box-shadow:none}.btn.outline{background:transparent;border:1px solid #dfe3eb;color:var(--ink)}.btn.outline:hover:not(:disabled){background:#f8f7fb;box-shadow:none}.btn.green{background:var(--green)}.btn.red{background:#fcf0f1;color:#c04a57}.btn.sm{min-height:39px;padding:0 13px;border-radius:12px;font-size:12px;gap:7px}.btn.icon{height:39px;width:39px;min-height:39px;padding:0;border-radius:12px}.btn.full{width:100%}.btn.large{min-height:58px;border-radius:17px;font-size:16px;padding:0 24px}.btn .arrow{transition:transform .43s cubic-bezier(.2,1.7,.33,1)}.btn:hover:not(:disabled) .arrow{transform:translateX(3px)}.btn svg{width:18px;height:18px}.input,.textarea,.select{border:1px solid #e1e5ec;display:block;width:100%;min-height:48px;background:white;border-radius:14px;padding:12px 14px;outline:none;color:var(--ink);transition:border .2s,box-shadow .2s;font-size:14px}.input:focus,.textarea:focus,.select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #912be612}.textarea{resize:vertical;min-height:92px;line-height:1.55}.label{display:block;font-weight:680;font-size:12px;color:#49536a;margin-bottom:9px}.field{margin-bottom:19px}.field-help{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.55}.row{display:flex;gap:10px;align-items:center}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.link{color:var(--purple);font-weight:680}.link:hover{text-decoration:underline}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{height:26px;width:26px;border:2px solid #dadce6;border-top-color:var(--purple);border-radius:50%;animation:spin .75s linear infinite}.boot{min-height:80vh;display:flex;align-items:center;justify-content:center;gap:18px;flex-direction:column}.boot-mark{font-size:54px;font-weight:850;letter-spacing:-.14em}.boot-mark span{color:var(--purple)}#toast{position:fixed;bottom:28px;left:50%;z-index:500;transform:translate(-50%,140px) scale(.94);max-width:min(500px,calc(100vw - 36px));padding:13px 19px;min-height:48px;background:#202635;color:white;border-radius:16px;box-shadow:0 16px 32px #16203c30;pointer-events:none;opacity:0;transition:transform .64s cubic-bezier(.2,1.58,.3,1),opacity .2s;display:flex;align-items:center;text-align:center;justify-content:center;line-height:1.4;font-size:13px;font-weight:650}#toast.show{transform:translate(-50%,0) scale(1);opacity:1}
/* Topbar e amministrazione */
.topbar{height:76px;padding:0 clamp(16px,3.2vw,52px);background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#243047;color:white;font-size:24px;font-weight:800;letter-spacing:-.1em}.brand-mark span{color:#c888f7}.brand-title{font-size:14px;font-weight:760;letter-spacing:-.04em}.brand-subtitle{font-size:11px;color:var(--muted);margin-top:3px}.navigation{display:flex;align-items:center;gap:5px;background:#f3f4f7;border-radius:17px;padding:5px}.navigation a{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:12px;color:#778095;font-size:12px;font-weight:700;transition:background .2s,color .2s,transform .3s cubic-bezier(.2,1.5,.35,1)}.navigation a:hover{color:var(--ink)}.navigation a:active{transform:scale(.94)}.navigation a.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #10172b12}.navigation svg{width:16px;height:16px}.shell{max-width:1450px;margin:0 auto;padding:36px clamp(17px,3.2vw,53px) 90px}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px}.page-intro h1{font-size:clamp(27px,3.3vw,40px);margin:8px 0 8px;line-height:1.08}.page-intro p{font-size:14px;line-height:1.6;color:var(--muted);margin:0;max-width:670px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 23px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:15px;font-weight:760;margin:0;letter-spacing:-.025em}.panel-head .muted{font-size:12px;margin:5px 0 0}.panel-body{padding:22px 23px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric{padding:22px 24px;min-width:0}.metric .label-small{font-size:12px;font-weight:680;color:var(--muted);display:flex;align-items:center;gap:9px}.metric .label-small svg{width:16px;height:16px}.metric-number{font-size:clamp(30px,3.8vw,51px);font-weight:800;letter-spacing:-.07em;line-height:1.15;margin-top:13px;font-variant-numeric:tabular-nums}.metric .mini{margin:6px 0 0}.space-top{margin-top:18px}.two-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:17px}.button-pair{display:flex;flex-wrap:wrap;gap:10px}.cta-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.status-line{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #21b77c1e}.summary-list{display:flex;flex-direction:column;gap:0}.summary-list .item{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.summary-list .item:last-child{border:0}.summary-list svg{color:var(--purple)}
/* Mobile quiz */
.quiz-layout{min-height:100svh;display:flex;justify-content:center;padding:clamp(20px,5vh,55px) 16px max(26px,env(safe-area-inset-bottom));background:radial-gradient(ellipse 550px 280px at 48% 0%,#f2e9fa 0%,transparent 80%),var(--bg)}.quiz{width:min(520px,100%);align-self:flex-start}.quiz-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.quiz-symbol{display:flex;align-items:center;gap:8px;font-weight:770;font-size:13px;letter-spacing:-.025em}.quiz-symbol .dot{height:25px;width:25px;background:#26354d;border-radius:8px;color:#fff;display:grid;place-items:center;font-weight:800}.quiz-frame{padding:clamp(23px,6vw,34px);border-radius:28px;min-height:570px;display:flex;flex-direction:column}.quiz-topline{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:740;color:var(--muted);margin-bottom:14px}.progress{display:flex;gap:5px;height:5px;margin-bottom:31px}.progress>span{flex:1;border-radius:100px;background:#e8e9f0;transition:background .35s}.progress>span.done{background:var(--purple)}.quiz-kicker{font-size:11px;color:var(--purple);font-weight:790;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.quiz-title{font-size:clamp(25px,5.9vw,33px);font-weight:800;line-height:1.19;letter-spacing:-.055em;margin:0 0 15px}.quiz-text{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:25px}.quiz-choices{display:grid;gap:10px}.answer-btn{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:64px;background:#fff;border:1.5px solid #e3e6ed;border-radius:16px;padding:15px 16px;color:var(--ink);text-align:left;line-height:1.38;font-size:14px;font-weight:590;transition:transform .38s cubic-bezier(.2,1.65,.3,1),border-color .2s,background .2s}.answer-btn:hover{border-color:#ceabe4}.answer-btn:active{transform:scale(.974)}.answer-btn.selected{border-color:var(--purple);background:#faf5ff}.answer-btn .indicator{height:23px;width:23px;border-radius:50%;border:1.7px solid #d5d8e1;display:grid;place-items:center;flex:none;color:#fff;transition:transform .4s cubic-bezier(.2,1.65,.3,1)}.answer-btn.selected .indicator{background:var(--purple);border-color:var(--purple);transform:scale(1.06)}.answer-btn .indicator svg{height:15px;width:15px}.scale-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.scale-btn{min-height:65px;border:1.5px solid #e3e6ed;border-radius:16px;background:#fff;font-size:18px;font-weight:790;transition:transform .4s cubic-bezier(.2,1.6,.3,1),background .2s,border-color .2s}.scale-btn.selected{background:var(--purple);color:#fff;border-color:var(--purple)}.scale-btn:active{transform:scale(.91)}.scale-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:12px}.quiz-actions{margin-top:auto;padding-top:33px;display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.quiz-actions.single{grid-template-columns:1fr}.quiz-footer{color:#98a0af;text-align:center;font-size:11px;margin:22px 0 0;line-height:1.65}.quiz-stage{animation:stage-in .5s cubic-bezier(.2,.86,.3,1) both}@keyframes stage-in{0%{opacity:0;transform:translateY(14px) scale(.986);filter:blur(3px)}100%{opacity:1;transform:none;filter:none}}.review-list{display:grid;gap:10px}.review-item{padding:12px 15px;border:1px solid var(--line);border-radius:14px}.review-item strong{font-size:12px;display:block;margin-bottom:5px}.review-item span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.success-icon{height:70px;width:70px;border-radius:24px;background:#e5f8ed;color:#18a370;display:grid;place-items:center;margin:15px auto 26px;animation:success-pop .7s cubic-bezier(.2,1.7,.3,1)}.success-icon svg{height:37px;width:37px}@keyframes success-pop{from{transform:translateY(40px) scale(.55);opacity:0}to{transform:none;opacity:1}}.review-scroll{max-height:380px;overflow:auto}
/* Editor 3 columns */
.editor-columns{display:grid;grid-template-columns:260px minmax(0,1fr) 325px;gap:17px;align-items:start}.question-list{padding:10px;display:flex;flex-direction:column;gap:5px;max-height:570px;overflow:auto}.q-item{border:none;border-radius:14px;min-height:65px;background:transparent;padding:12px;display:flex;align-items:flex-start;gap:11px;text-align:left;width:100%;transition:background .2s}.q-item:hover{background:#f8f7fb}.q-item.active{background:var(--purple-soft)}.q-index{height:29px;width:29px;border-radius:10px;background:#f1f2f5;display:grid;place-items:center;flex:none;font-size:12px;font-weight:720;color:#81899b}.q-item.active .q-index{background:var(--purple);color:white}.q-item .q-title{display:block;font-weight:690;font-size:12px;line-height:1.42;overflow-wrap:anywhere}.q-item .q-type{display:block;font-size:11px;color:var(--muted);margin-top:5px}.editor-controls{display:flex;gap:7px;flex-wrap:wrap}.choice-editor{display:flex;gap:8px;align-items:center;margin-bottom:9px}.choice-editor .input{flex:1;min-width:0}.choice-editor small{width:23px;color:#a7afbf;text-align:center}.soft-note{background:#f7f3fc;border:1px solid #ece2f4;border-radius:15px;color:#746183;font-size:12px;line-height:1.6;padding:14px 16px}.phone-preview{background:#edf0f6;border:1px solid #e2e5ee;border-radius:22px;padding:16px;position:sticky;top:92px}.phone-frame{background:white;border:6px solid #273246;border-radius:31px;min-height:510px;display:flex;flex-direction:column;padding:17px 15px;overflow:hidden}.phone-camera{width:78px;height:14px;background:#273246;border-radius:99px;margin:-15px auto 23px}.preview-question{font-size:18px;font-weight:800;letter-spacing:-.045em;line-height:1.27;margin:13px 0 21px}.preview-choice{border:1px solid #e6e8ee;border-radius:12px;font-size:11px;line-height:1.35;padding:12px;margin-bottom:8px;display:flex;justify-content:space-between}.preview-choice.selected{border-color:var(--purple);background:#faf5ff}.preview-choice svg{height:16px;width:16px;color:#d0d4dd}.preview-submit{min-height:42px;width:100%;border-radius:11px;background:#e5e7ee;color:#aab1bf;display:grid;place-items:center;font-size:12px;font-weight:700;margin-top:auto}.select-modal{position:fixed;inset:0;z-index:100;background:#17203377;backdrop-filter:blur(6px);display:grid;place-items:center;padding:15px}.modal-body{width:min(440px,100%);padding:27px}.modal-body h2{font-size:24px;margin:0 0 15px}
/* Monitor */
body.monitor-mode{background:#0d1422;color:#f6f8ff}.monitor-wrap{min-height:100svh;background:radial-gradient(ellipse 800px 480px at 50% -10%,#34204d 0%,transparent 75%),#0d1422;display:flex;flex-direction:column;padding:clamp(24px,3.2vw,65px) clamp(25px,6.4vw,120px) 35px;color:#f5f7fd;overflow:hidden}.monitor-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.monitor-brand{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:740}.monitor-brand .brand-mark{background:#f4f4f8;color:#1b2030;width:45px;height:45px}.monitor-head .live-pill{background:#162d31;color:#87e0b5;padding:11px 17px;border-radius:50px;font-weight:750;font-size:13px;display:flex;gap:8px;align-items:center}.monitor-head .live-pill .status-dot{background:#53d6a1;box-shadow:0 0 0 5px #26b97b25}.monitor-center{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:1280px;width:100%;margin:0 auto;padding:45px 0}.monitor-kicker{color:#a6b4cc;text-transform:uppercase;letter-spacing:.16em;font-size:clamp(12px,1vw,17px);font-weight:740}.monitor-title{font-size:clamp(34px,5.1vw,82px);font-weight:800;letter-spacing:-.07em;line-height:1.09;margin:19px 0 22px;max-width:1000px}.monitor-sub{font-size:clamp(15px,1.6vw,25px);color:#aebbd0;line-height:1.6}.monitor-count{font-size:clamp(88px,13vw,210px);line-height:1;font-weight:840;letter-spacing:-.09em;margin:20px 0 5px;font-variant-numeric:tabular-nums}.monitor-balance{display:flex;gap:clamp(40px,8vw,150px);align-items:center;justify-content:center;padding:25px}.monitor-balance>div{text-align:center}.monitor-balance strong{font-size:clamp(44px,6vw,95px);letter-spacing:-.075em;display:block;font-variant-numeric:tabular-nums}.monitor-balance span{color:#aab6ca;font-size:clamp(13px,1.5vw,23px)}.people-box{max-width:1010px;width:100%;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:clamp(7px,1vw,17px);align-items:center;justify-items:center;margin:20px auto 0}.person{color:#3c485f;display:grid;place-items:center;transition:color .85s cubic-bezier(.2,.85,.3,1),transform .75s cubic-bezier(.2,1.65,.3,1)}.person svg{height:clamp(20px,2.4vw,36px);width:clamp(20px,2.4vw,36px);stroke-width:2.6}.person.registered{color:#b887ee}.person.complete{color:#56cba2}.person.new{animation:person-drop .95s cubic-bezier(.2,1.22,.32,1.03) both}.person.just-done{animation:completed-pop .65s cubic-bezier(.22,1.66,.35,1)}@keyframes person-drop{0%{opacity:0;transform:translateY(-130px) rotate(-22deg) scale(.4)}56%{opacity:1;transform:translateY(18px) rotate(10deg) scale(1.12)}75%{transform:translateY(-12px) rotate(-4deg) scale(.94)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes completed-pop{40%{transform:translateY(-14px) scale(1.2)}75%{transform:translateY(4px) scale(.94)}100%{transform:none}}.more-people{font-weight:750;color:#b6a8dc;font-size:21px}.monitor-legend{display:flex;justify-content:center;gap:22px;margin-top:28px;color:#a3b1c7;font-size:13px;flex-wrap:wrap}.dotkey{height:9px;width:9px;display:inline-block;border-radius:50%;margin-right:8px;background:#b887ee}.dotkey.done{background:#56cba2}.monitor-foot{display:flex;justify-content:space-between;align-items:center;color:#667993;font-size:12px;gap:15px}.monitor-results{width:min(1150px,100%);margin:0 auto}.result-card{background:#172238;border:1px solid #2d3751;border-radius:26px;padding:clamp(22px,3vw,44px);width:100%;text-align:left;margin-top:35px;animation:result-in .8s cubic-bezier(.2,.85,.3,1) both}@keyframes result-in{from{opacity:0;transform:translateY(45px) scale(.96);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}.result-row{margin-top:24px}.result-line{display:flex;justify-content:space-between;gap:15px;font-size:clamp(14px,1.7vw,24px);margin-bottom:10px;color:#eef0f7}.result-line b{font-variant-numeric:tabular-nums}.result-track{height:clamp(12px,1.9vw,23px);border-radius:99px;background:#29364c;overflow:hidden}.result-fill{height:100%;border-radius:99px;background:var(--purple);width:0;animation:grow-bar 1.5s cubic-bezier(.16,.87,.24,1) .3s forwards;transform-origin:left center;max-width:100%}@keyframes grow-bar{from{width:0}to{width:var(--target)}}.result-number{font-size:clamp(18px,2.4vw,32px);font-weight:710;color:#d4b3f9}.monitor-progress{display:flex;justify-content:center;gap:8px;margin-top:30px}.monitor-progress span{height:5px;width:29px;border-radius:12px;background:#344158}.monitor-progress span.active{background:#b88be8}.big-average{font-size:clamp(65px,10vw,145px);letter-spacing:-.08em;font-weight:850;margin:20px 0 10px}.monitor-wait-icon{font-size:95px;color:#ad85df;display:grid;place-items:center}
/* Archives */
.filterbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.filterbar .input{max-width:440px}.archive-table{width:100%;border-collapse:collapse;font-size:13px}.archive-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border-bottom:1px solid var(--line);padding:15px 17px}.archive-table td{padding:14px 17px;border-bottom:1px solid var(--line);font-size:13px}.archive-table tr:last-child td{border:0}.archive-table tr:hover td{background:#fbfafe}.table-scroll{overflow-x:auto}.archive-detail{border-top:1px solid var(--line);background:#fbfbfd;padding:21px 25px}.archive-answer{border-bottom:1px solid var(--line);padding:13px 0}.archive-answer:last-child{border:0}.archive-answer b{font-size:12px;display:block}.archive-answer div{font-size:13px;line-height:1.5;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.empty{padding:35px 20px;color:var(--muted);font-size:13px;text-align:center;line-height:1.6}.privacy-wrap{max-width:660px;margin:70px auto;padding:32px}.privacy-wrap p{font-size:14px;color:#4c566b;line-height:1.7}.private-login{width:min(480px,calc(100% - 34px));margin:16vh auto;padding:35px}.private-login h1{font-size:31px}.private-login p{color:var(--muted);line-height:1.65}.selector{display:flex;gap:9px;align-items:center}.selector select{width:auto;max-width:250px;min-height:40px;font-size:12px}
@media(max-width:1160px){.editor-columns{grid-template-columns:235px minmax(0,1fr)}.editor-columns>.phone-preview{grid-column:1/-1;position:static}.phone-frame{max-width:320px;margin:auto}.navigation span{display:none}.topbar{padding:0 20px}}@media(max-width:780px){.shell{padding-top:23px}.two-columns{grid-template-columns:1fr}.metric-grid{gap:10px}.metric{padding:18px 16px}.metric-number{font-size:36px}.editor-columns{grid-template-columns:1fr}.editor-columns>.phone-preview{grid-column:auto}.navigation{padding:4px;gap:1px}.navigation a{padding:9px}.page-intro{align-items:flex-start;flex-direction:column}.page-intro h1{font-size:31px}.selector{flex-wrap:wrap}.topbar{height:66px}.monitor-wrap{padding:24px}.people-box{grid-template-columns:repeat(10,minmax(0,1fr))}.monitor-foot{font-size:10px}.monitor-balance{gap:35px}}@media(max-width:520px){.quiz-frame{min-height:calc(100svh - 145px);padding:23px 19px}.quiz-title{font-size:27px}.quiz-actions{gap:8px}.quiz-actions .btn{padding:0 9px;font-size:13px}.scale-btn{min-height:54px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid>.metric:nth-child(3){grid-column:1/-1}.metric-number{font-size:34px}.panel-head,.panel-body{padding:18px}.topbar .brand-subtitle{display:none}.brand-title{font-size:12px}.navigation a{padding:9px 8px}.navigation svg{height:18px;width:18px}.people-box{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.monitor-head{align-items:flex-start}.monitor-brand{font-size:12px}.monitor-brand .brand-mark{width:34px;height:34px}.monitor-head .live-pill{font-size:10px;padding:8px 9px}.monitor-title{font-size:38px}.monitor-sub{font-size:15px}.monitor-balance strong{font-size:47px}.monitor-count{font-size:100px}.filterbar .input{max-width:none}.grid2{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}.result-fill{width:var(--target)!important}}

/* Versione 1.6 · monitor senza intestazione, CTA svelamento progressivo */
.monitor-wrap{padding-top:clamp(12px,1.8vw,32px)}
.monitor-center{padding-top:clamp(20px,3vw,55px)}
.monitor-reveal-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:15px;margin-top:clamp(24px,3vw,46px);min-height:64px;padding:0 28px;border:0;border-radius:18px;background:#b888ed;color:#121827;font:750 clamp(16px,1.2vw,23px)/1.15 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.025em;cursor:pointer;box-shadow:0 13px 42px #b888ed24;transition:transform .5s cubic-bezier(.2,1.6,.3,1),background .2s ease,box-shadow .2s ease;animation:reveal-appear .65s cubic-bezier(.16,.98,.25,1) both}
.monitor-reveal-btn svg{width:23px;height:23px;flex-shrink:0;stroke-width:2}
.monitor-reveal-btn:active{transform:scale(.965)}
.monitor-reveal-btn:hover{background:#d3aeff;box-shadow:0 17px 49px #b888ed30}
.monitor-reveal-btn:disabled{opacity:.65;cursor:progress}
.monitor-reveal-btn:focus-visible{outline:3px solid #fff;outline-offset:4px}
.monitor-reveal-btn .reveal-arrow{transition:transform .45s cubic-bezier(.2,1.65,.3,1)}
.monitor-reveal-btn:hover .reveal-arrow{transform:translateX(6px)}
@keyframes reveal-appear{0%{opacity:0;transform:translateY(24px) scale(.93)}65%{opacity:1;transform:translateY(-5px) scale(1.025)}100%{transform:none;opacity:1}}
@media(max-width:520px){.monitor-reveal-btn{min-height:58px;padding:0 19px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.monitor-reveal-btn{animation:none;transition:none}.monitor-reveal-btn .reveal-arrow{transition:none}}

/* V17 · navigazione risultati sul monitor: nessun accesso alla regia necessario. */
.monitor-slide-actions{display:flex;align-items:center;justify-content:center;gap:clamp(9px,2vw,24px);margin:22px auto 0;flex-wrap:wrap}
.monitor-nav-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:15px;border:1px solid transparent;padding:0 20px;font-size:15px;font-weight:730;font-family:inherit;cursor:pointer;transition:transform .4s cubic-bezier(.2,1.6,.3,1),background .2s ease}
.monitor-nav-btn svg{width:18px;height:18px;stroke-width:2.2}
.monitor-nav-btn:active{transform:scale(.96)}.monitor-nav-btn.primary{background:#b888ed;color:#152038}.monitor-nav-btn.primary:hover{background:#d2adf8}.monitor-nav-btn.secondary{border-color:#35445d;background:#1d2a40;color:#e0e8f5}.monitor-nav-btn.secondary:hover{background:#2a3a55}.monitor-nav-btn:disabled{opacity:.27;cursor:default}
.monitor-nav-count{font-size:13px;font-variant-numeric:tabular-nums;font-weight:720;color:#a5b1c7;min-width:54px}
@media(max-width:580px){.monitor-nav-btn{font-size:12px;min-height:45px;padding:0 12px}.monitor-nav-count{font-size:11px;min-width:35px}}
@media(prefers-reduced-motion:reduce){.monitor-nav-btn{transition:none}}

/* ──────────────────────────────── V18 · PRESENTAZIONE ──────────────────────────────── */
body.monitor-mode{overflow:hidden}
.monitor-wrap.show-results{position:relative;display:block;width:100%;height:100svh;min-height:0;overflow:hidden;padding:0;background:radial-gradient(ellipse 72vw 38vh at 55% -12%,#332048,#101727 70%)}
.results-stage{height:100%;width:100%;min-height:0;padding:clamp(18px,3vh,45px) clamp(20px,4vw,74px) clamp(12px,2.5vh,36px);display:flex;flex-direction:column;color:#f8f8ff;overflow:hidden;gap:clamp(9px,1.5vh,20px)}
.results-kicker{font-size:clamp(10px,1.35vh,16px);font-weight:760;letter-spacing:.16em;color:#aa96c5}
.results-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:0;padding-right:clamp(115px,13vw,182px)}
.results-header h1{font-size:clamp(27px,4vh,51px);letter-spacing:-.055em;line-height:1.12;margin:7px 0 0;font-weight:820}
.results-header h1 span{color:#bc87ee}
.results-pill{display:flex;align-items:center;gap:8px;border:1px solid #354158;padding:9px 14px;border-radius:999px;background:#1c263b;color:#bdc8dc;font-size:clamp(11px,1.3vh,15px);white-space:nowrap;font-weight:650}
.results-pill strong{color:#f7f9ff}.results-pill svg{width:16px;height:16px}
.results-bottom{display:flex;gap:12px;justify-content:space-between;color:#6f829e;font-size:clamp(9px,1.1vh,12px);min-height:17px}
.summary-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));min-height:0;flex:1;gap:clamp(9px,1.65vh,19px)}
.summary-tile{min-height:0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(5px,.8vh,10px);border:1px solid #303b51;background:linear-gradient(145deg,#202940,#182237 70%);border-radius:clamp(15px,2.4vh,26px);padding:clamp(10px,1.6vh,22px);overflow:hidden;animation:tile-rise .65s cubic-bezier(.2,.95,.35,1) both;animation-delay:calc(var(--index)*65ms);position:relative}
.summary-tile::before{content:"";position:absolute;height:3px;width:27%;left:0;top:0;background:var(--accent);border-radius:5px}
@keyframes tile-rise{0%{opacity:0;transform:translateY(24px) scale(.96)}100%{opacity:1;transform:none}}
.tile-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#9baac5;font-size:clamp(9px,1.12vh,12px);letter-spacing:.085em;font-weight:780}
.tile-type{color:var(--accent);letter-spacing:0;text-align:right}
.summary-tile h2{margin:0;color:#f7f7ff;font-size:clamp(13px,2vh,22px);line-height:1.23;letter-spacing:-.025em;font-weight:770;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tile-choice,.tile-scale{display:flex;flex-direction:column;gap:clamp(3px,.7vh,8px);min-height:0}
.tile-top-pct{font-size:clamp(27px,5.1vh,59px);letter-spacing:-.08em;font-weight:830;line-height:1}
.tile-top-pct span{font-size:.52em;letter-spacing:-.045em}
.tile-answer{font-size:clamp(11px,1.5vh,17px);font-weight:680;line-height:1.27;color:#e4e5f0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tile-track,.tile-scale-track{height:clamp(5px,.9vh,11px);background:#344258;border-radius:999px;overflow:hidden}
.tile-track span,.tile-scale-track span{display:block;width:0;height:100%;border-radius:999px;animation:grow-bar 1.25s cubic-bezier(.19,.89,.28,1) .35s both}
.tile-caption{color:#8c9bb4;font-size:clamp(9px,1.15vh,13px);line-height:1.2}
.tile-big-score{font-size:clamp(36px,6vh,76px);font-weight:840;line-height:1;letter-spacing:-.075em;color:var(--accent)}
.tile-big-score small{font-size:.33em;letter-spacing:-.02em;color:#8999b3;margin-left:5px}
.tile-text-icon{display:flex;align-items:center;gap:15px;color:var(--accent)}.tile-text-icon>svg{width:clamp(28px,4vh,52px);height:clamp(28px,4vh,52px)}
.tile-text-icon span{font-size:clamp(36px,6vh,76px);line-height:1;font-weight:840;letter-spacing:-.06em}
.summary-mode.dense .summary-tile{padding:clamp(7px,1.05vh,13px);border-radius:13px}
.summary-mode.dense .summary-tile h2{font-size:clamp(10px,1.5vh,16px);-webkit-line-clamp:2}
.summary-mode.dense .tile-top-pct{font-size:clamp(20px,3.5vh,42px)}
.summary-mode.dense .tile-big-score{font-size:clamp(23px,4vh,48px)}
.summary-mode.dense .tile-caption{display:none}
.summary-mode.dense .tile-answer{font-size:clamp(9px,1.15vh,13px);-webkit-line-clamp:1}
.summary-mode.dense .tile-type{display:none}
.presentation-toolbar{position:fixed;top:clamp(12px,2.3vh,26px);right:clamp(16px,2.5vw,44px);z-index:70;display:flex;align-items:center;gap:8px}
.display-switch{display:flex;gap:4px;background:#1b2740;border:1px solid #3c4760;padding:5px;border-radius:16px;box-shadow:0 10px 32px #080d1c35}
.switch-icon{display:grid;place-items:center;width:clamp(37px,5vh,49px);height:clamp(37px,5vh,49px);border:0;background:transparent;color:#9eabc1;border-radius:12px;transition:color .2s,background .25s,transform .4s cubic-bezier(.16,1.7,.35,1)}
.switch-icon.active{background:#c69aff;color:#1b1b30;box-shadow:0 5px 15px #c69aff20}
.switch-icon:hover:not(.active){background:#34435e;color:white}.switch-icon:active{transform:scale(.90)}.switch-icon svg{width:22px;height:22px;stroke-width:2.1}
.secret-reset{height:35px;width:35px;display:grid;place-items:center;border:1px solid #e0e4ee;background:#f9fafc;border-radius:12px;color:#8792a5;opacity:.58;cursor:pointer;transition:opacity .2s,transform .4s cubic-bezier(.16,1.6,.3,1),background .2s}
.secret-reset svg{height:16px;width:16px}.secret-reset:hover,.secret-reset:focus-visible{opacity:1;background:#fff;color:#ab4d66}.secret-reset:active{transform:scale(.85)}
.admin-reset-wrap{display:flex;justify-content:flex-end;margin:14px 1px 0}
.monitor-secret{position:fixed;bottom:clamp(12px,2vh,25px);left:clamp(13px,2vw,30px);z-index:80;border-color:#23324a;color:#63718d;background:#101829;opacity:.28;width:31px;height:31px}.monitor-secret:hover,.monitor-secret:focus-visible{opacity:1;background:#1c2b40;color:#e2e7f4}
.slide-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:38px;padding-right:clamp(110px,13vw,175px)}
.slide-inner{min-height:0;flex:1;display:flex;flex-direction:column;gap:clamp(14px,2.4vh,29px);align-items:stretch}
.slide-question{font-size:clamp(28px,5.7vh,75px);max-width:1300px;margin:0;line-height:1.13;font-weight:810;letter-spacing:-.048em;animation:slide-title-in .7s cubic-bezier(.2,.94,.3,1) both}
@keyframes slide-title-in{from{opacity:0;transform:translateY(23px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
.slide-bottom{height:clamp(42px,6.7vh,75px);flex:0 0 auto;display:flex;justify-content:center;align-items:center;gap:clamp(13px,2.5vw,42px)}
.slide-arrow{height:clamp(38px,5vh,55px);width:clamp(38px,5vh,55px);display:grid;place-items:center;background:#2b3650;color:#f8f8ff;border:1px solid #40506d;border-radius:14px;transition:transform .4s cubic-bezier(.2,1.6,.3,1),background .2s}
.slide-arrow:hover:not(:disabled){background:#b68ced;color:#121827}.slide-arrow:active:not(:disabled){transform:scale(.9)}.slide-arrow:disabled{opacity:.18;cursor:default}.slide-arrow svg{height:21px;width:21px}
.slide-pips{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;max-width:310px}.slide-pips span{width:clamp(11px,1.5vw,24px);height:5px;background:#344257;border-radius:20px;transition:background .2s}.slide-pips span.active{background:#c59cfa}
.slide-single{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,3vw,52px);height:100%;min-height:0}
.single-donut{background:#1b2840;border:1px solid #34405a;border-radius:clamp(20px,3vh,30px);padding:clamp(15px,2.5vh,35px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.5vh,20px);min-height:0}
.ring-graphic{position:relative;width:min(23vw,38vh,310px);height:min(23vw,38vh,310px);flex:0 1 auto;aspect-ratio:1}.ring-graphic svg{height:100%;width:100%;transform:rotate(-90deg);overflow:visible}.ring-graphic circle{fill:none;stroke-width:10}.ring-track{stroke:#39445b}.ring-stroke{stroke:var(--ring-color);stroke-linecap:round;stroke-dasharray:0 301.593;animation:ring-progress 1.5s cubic-bezier(.22,.85,.28,1) .15s both}
@keyframes ring-progress{to{stroke-dasharray:var(--dash) 301.593}}
.ring-value{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:var(--ring-color);font-size:clamp(42px,9vh,100px);font-weight:830;letter-spacing:-.07em}.ring-value span{font-size:.4em}
.single-best{text-align:center;max-width:100%;min-height:0}.single-best span{color:#a1adc5;font-size:clamp(10px,1.3vh,14px);letter-spacing:.15em;font-weight:770}.single-best strong{display:block;font-size:clamp(16px,2.4vh,30px);color:#fff;margin:6px 0;line-height:1.22}.single-best p{font-size:clamp(10px,1.3vh,14px);color:#a6b5d2;margin:3px}
.single-list{display:flex;flex-direction:column;justify-content:center;gap:clamp(9px,1.8vh,20px);min-height:0;overflow:hidden}.single-line{animation:tile-rise .65s cubic-bezier(.2,.85,.3,1) both;animation-delay:calc(var(--index)*95ms)}
.single-title{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:clamp(14px,2.1vh,25px);font-weight:650;color:#ececf8;line-height:1.32;margin:0 0 clamp(5px,.8vh,10px)}.single-title strong{font-weight:810;white-space:nowrap;color:#f9f8fe}
.single-track,.multi-track,.scale-hero-track{height:clamp(10px,1.4vh,19px);background:#2c3a50;border-radius:999px;overflow:hidden}.single-track>span,.multi-track>span,.scale-hero-track>span{display:block;width:0;height:100%;border-radius:999px;animation:grow-bar 1.4s cubic-bezier(.2,.88,.28,1) .2s both}
.slide-multiple{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:clamp(10px,2vh,25px);flex:1;min-height:0;overflow:hidden}.multi-vote{display:flex;flex-direction:column;justify-content:center;gap:clamp(5px,1.2vh,13px);padding:clamp(12px,2vh,25px);min-width:0;min-height:0;border-radius:clamp(14px,2.4vh,27px);background:#1c2940;border:1px solid #2f405a;animation:tile-rise .6s both;animation-delay:calc(var(--index)*100ms)}
.multi-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.multi-top span{font-size:clamp(12px,2.2vh,27px);line-height:1.27;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.multi-top strong{font-size:clamp(26px,4vh,53px);color:var(--accent);letter-spacing:-.05em;font-weight:830;line-height:1;white-space:nowrap}.multi-track>span{background:var(--accent)}.multi-num{font-size:clamp(10px,1.3vh,15px);color:#899cb4}
.slide-scale{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);gap:clamp(18px,3vw,55px);min-height:0;flex:1}.scale-hero{background:linear-gradient(150deg,#34264f,#202c41);border:1px solid #4c4263;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:clamp(12px,3vh,35px)}.scale-hero>span{letter-spacing:.15em;font-size:clamp(10px,1.4vh,16px);color:#adbed4;font-weight:800}.scale-hero>strong{font-size:clamp(68px,16vh,175px);font-weight:850;color:#d2abff;letter-spacing:-.1em;line-height:1.1}.scale-hero>em{font-size:clamp(13px,2vh,24px);font-style:normal;color:#b0bcd2}.scale-hero-track{margin-top:clamp(15px,2vh,25px);width:80%;background:#4b4260}.scale-hero-track span{background:#d4afff}.scale-histogram{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:clamp(8px,2vw,27px);padding:clamp(8px,2vh,20px);background:#1b283c;border-radius:26px;border:1px solid #30415b;min-height:0}.scale-col{height:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1vh,12px);justify-content:flex-end}.scale-col>b{font-size:clamp(13px,2vh,22px);color:#d7dded}.scale-column{position:relative;width:100%;height:65%;max-width:96px;display:flex;align-items:flex-end;background:#273950;border-radius:14px 14px 8px 8px;overflow:hidden}.scale-column span{display:block;width:100%;height:0;background:linear-gradient(0deg,#775ace,#bda0fb);border-radius:14px 14px 8px 8px;animation:grow-vertical 1.2s cubic-bezier(.2,.9,.33,1) both;animation-delay:calc(var(--index)*110ms)}@keyframes grow-vertical{to{height:var(--target)}}.scale-col>strong{font-size:clamp(16px,3vh,31px)}
.slide-free{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at center,#332748,#1a273d 65%);border:1px solid #3b3a59;border-radius:27px}.free-count{font-size:clamp(90px,25vh,255px);font-weight:870;letter-spacing:-.09em;color:#d4adff;z-index:2;line-height:1}.free-label{font-size:clamp(24px,4vh,50px);font-weight:740;z-index:2}.slide-free p{color:#9daac2;font-size:clamp(12px,1.8vh,19px);text-align:center;z-index:2}.free-bubbles{position:absolute;inset:0;pointer-events:none}.free-bubble{position:absolute;left:calc(7% + mod(var(--b)*19, 85)*1%);top:calc(14% + mod(var(--b)*23, 60)*1%);display:grid;place-items:center;opacity:.1;animation:bubble-float 3.8s ease-in-out infinite alternate;animation-delay:calc(var(--b)*-450ms)}.free-bubble svg{height:clamp(30px,7vh,95px);width:clamp(30px,7vh,95px)}@keyframes bubble-float{to{transform:translateY(-16px) rotate(14deg)}}
/* iPad e monitor ridotti: rimane tutto all'interno del viewport senza scrolling. */
@media(max-height:760px){.results-stage{padding-top:14px;padding-bottom:9px;gap:8px}.results-header h1{font-size:clamp(22px,3.8vh,34px)}.results-header{min-height:50px}.results-bottom{display:none}.summary-tile{gap:3px;padding:10px}.summary-tile h2{font-size:clamp(11px,1.8vh,15px)}.tile-top-pct{font-size:clamp(25px,4vh,39px)}.tile-big-score{font-size:clamp(29px,5vh,46px)}.tile-answer{font-size:clamp(10px,1.4vh,13px)}.slide-question{font-size:clamp(24px,5vh,45px)}.slide-bottom{height:42px}.single-best strong{font-size:clamp(13px,2.1vh,19px)}.single-list{gap:9px}}
@media(max-width:740px){.results-stage{padding:54px 13px 10px;gap:8px}.results-header{padding-right:0}.results-header h1{font-size:22px}.results-header .results-pill{display:none}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--mobile-rows,4),minmax(0,1fr))}.summary-mode{--mobile-rows:4}.summary-tile{padding:8px}.summary-tile h2{font-size:clamp(9px,1.5vh,13px)}.tile-answer{font-size:10px}.tile-top-pct{font-size:clamp(24px,4vh,38px)}.tile-caption{display:none}.tile-type{display:none}.slide-top{padding-right:0}.slide-top>.results-pill{display:none}.slide-question{font-size:clamp(20px,4vh,30px)}.slide-single,.slide-scale{grid-template-columns:1fr;grid-template-rows:minmax(0,.52fr) minmax(0,.48fr);gap:9px}.single-donut{flex-direction:row;padding:8px}.ring-graphic{width:min(26vh,37vw);height:min(26vh,37vw)}.ring-value{font-size:clamp(24px,5vh,43px)}.single-list{gap:6px}.single-title{font-size:12px;margin-bottom:4px}.slide-multiple{gap:6px}.multi-vote{padding:8px}.multi-top span{font-size:11px}.multi-top strong{font-size:22px}.scale-hero{border-radius:15px}.scale-hero>strong{font-size:clamp(35px,8vh,70px)}.scale-histogram{border-radius:15px;padding:8px}.display-switch{padding:3px;border-radius:12px}.switch-icon{height:33px;width:33px;border-radius:9px}.switch-icon svg{width:18px;height:18px}.presentation-toolbar{top:10px;right:12px}}
@media(prefers-reduced-motion:reduce){.ring-stroke{stroke-dasharray:var(--dash) 301.593!important}.tile-track span,.tile-scale-track span,.single-track span,.multi-track span,.scale-hero-track span{width:var(--target)!important}.scale-column span{height:var(--target)!important}}

/* ──────────────────────────────── V18 · EDITOR IPHONE ──────────────────────────────── */
.phone-preview>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;font-size:13px;touch-action:manipulation}
.phone-preview>summary::-webkit-details-marker{display:none}.phone-preview:not([open])>summary{margin-bottom:0}.phone-preview>summary:focus-visible{outline:2px solid var(--purple);outline-offset:5px}
.editor-columns .btn.icon{min-width:42px;padding:0;width:42px;height:42px;min-height:42px;border-radius:13px}.editor-columns .btn.icon svg{width:18px;height:18px}
@media(max-width:780px){
 .editor-columns{display:flex;flex-direction:column;gap:12px;max-width:100%}.editor-columns>section,.editor-columns>.phone-preview{width:100%;min-width:0}
 .editor-columns>section:first-child{overflow:hidden}.question-list{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;padding:10px;scroll-snap-type:x proximity;scrollbar-width:thin;gap:8px}
 .question-list .q-item{flex:0 0 min(76vw,248px);min-height:67px;scroll-snap-align:start;align-items:center}.q-item .q-title{font-size:12px}
 .editor-columns .panel-head{flex-wrap:wrap;align-items:center;gap:9px}.editor-columns .panel-head h2{font-size:17px}
 .editor-columns .panel-body{padding:16px}.editor-columns .field{min-width:0}.editor-columns .input,.editor-columns .textarea,.editor-columns .select{font-size:16px;min-width:0;max-width:100%;width:100%}
 .editor-columns .choice-editor{gap:6px}.editor-columns .choice-editor small{flex:0 0 17px}.editor-columns .choice-editor .btn{flex:0 0 40px}
 .editor-controls{margin-left:auto;display:flex;gap:5px;flex-wrap:nowrap;max-width:100%}.editor-columns .editor-controls>.btn.icon{flex:0 0 42px}
 .editor-columns .grid2{display:grid;grid-template-columns:1fr;gap:9px}
 .editor-columns>section:nth-child(2)>.panel-head:last-child{position:sticky;bottom:0;z-index:25;padding:12px;background:rgba(255,255,255,.97);border-radius:0 0 21px 21px;box-shadow:0 -12px 26px #121a2612}
 .editor-columns>section:nth-child(2)>.panel-head:last-child .button-pair{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
 .editor-columns>section:nth-child(2)>.panel-head:last-child .btn{min-width:0;min-height:48px;padding:0 8px;font-size:13px}
 .phone-preview{padding:14px;border-radius:18px;position:static}.phone-frame{max-width:330px;width:100%;margin:auto}
 .page-intro{gap:15px}.page-intro h1{font-size:clamp(24px,6vw,32px)}.page-intro p{font-size:13px;line-height:1.5}
 .selector{width:100%;display:flex;flex-wrap:nowrap}.selector select{max-width:unset;width:100%;min-width:0;flex:1;font-size:14px}.selector .btn{flex-shrink:0}
 .navigation{flex-shrink:0}.topbar .brand{min-width:0}.brand-title{font-size:11px}.topbar{padding:0 10px}
}

/* Sette domande: composizione bilanciata su due righe, 4 + 3, senza celle vuote. */
@media(min-width:741px){.summary-grid.layout-seven{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.summary-grid.layout-seven .summary-tile:nth-child(-n+4){grid-column:span 3}.summary-grid.layout-seven .summary-tile:nth-child(n+5){grid-column:span 4}}
/* Su iPhone i comandi di salvataggio stanno all'inizio dell'editor e non coprono i campi. */
@media(max-width:780px){.editor-columns>section:nth-child(2)>.editor-actions{position:static!important;bottom:auto!important;box-shadow:none!important;border-top:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:12px 16px!important}}


/* ACADEMY DELL'ACCOGLIENZA · SISTEMA VISIVO V20
   I movimenti a molla e le keyframe dell'app originale restano invariati. */
:root{--academy-navy:#243447;--academy-navy-2:#2E435A;--academy-mist:#F6F7F9;--academy-green:#199F6C;--academy-amber:#C4683B;--academy-blue:#4C6FFF}
html{overflow-x:hidden}
body{overflow-x:hidden}
.btn{border-radius:999px;box-shadow:none;font-weight:700}
.btn:hover:not(:disabled){box-shadow:none;background-color:#30475f}
.btn.soft,.btn.outline{border:1px solid #E2E7EB;background:#fff;color:#243447}
.btn.soft:hover:not(:disabled),.btn.outline:hover:not(:disabled){background:#F6F7F9}
.btn.green{background:#199F6C}.btn.green:hover:not(:disabled){background:#14885c}
.btn.red{background:#C93943;color:white}.btn.red:hover:not(:disabled){background:#B52C35}
.btn.icon{border-radius:14px}
.btn.icon.danger-icon{background:#D94149;color:#fff;border:0}
.btn.icon.danger-icon:hover{background:#BA303C}
.btn.icon.danger-icon svg{transition:transform .58s cubic-bezier(.2,1.65,.3,1)}
.btn.icon.danger-icon:hover svg{transform:rotate(-13deg) scale(1.09)}
.delete-option{color:#B3414B!important}.delete-option:hover{background:#FFF1F0!important}
.navigation{background:#F4F6F8}.navigation a.active{box-shadow:none;border:1px solid #E2E7EB}
.brand-mark{background:#243447}.brand-mark span{color:#78d6ac}
.topbar{position:relative;top:auto;background:#fff;backdrop-filter:none}
.shell{max-width:1440px}.page-intro{align-items:flex-end}
.card{border:1px solid #E2E7EB;box-shadow:none}
.panel-head{background:transparent}.q-item.active{background:#EDF1F5}.q-item:hover{background:#F6F8FA}
.input:focus,.textarea:focus,.select:focus{border-color:#4C6FFF;box-shadow:0 0 0 3px rgba(76,111,255,.08)}
.eyebrow,.quiz-kicker{color:#4C6FFF}
.pill.good{background:#EDF8F3;color:#199F6C}.pill.warning{background:#FBF3EE;color:#C4683B}
.quiz-layout{background:#F6F7F9}.quiz-frame{box-shadow:none}.answer-btn.selected{background:#F3F5FF;border-color:#4C6FFF}
.answer-btn.selected .indicator,.scale-btn.selected{background:#243447;border-color:#243447}
/* Editor: l'elenco rimane nella sidebar desktop; su iPhone si apre come una scheda dedicata. */
.mobile-question-nav,.mobile-list-close,.question-list-backdrop{display:none}
.q-go{height:16px;width:16px;margin-left:auto;color:#8B98A5;align-self:center}
.editor-question-navigation .q-item{min-width:0;align-items:center;gap:12px}
.editor-question-navigation .q-title{white-space:normal;overflow-wrap:anywhere;font-size:13px;font-weight:700;line-height:1.34}
.editor-question-navigation .q-type{font-size:11px;color:#6B7A8C}
.editor-controls{display:flex;gap:6px;align-items:center}
.editor-controls .btn.icon{border:1px solid #E2E7EB}
.editor-controls .danger-icon{border:0!important}
.editor-columns>section:nth-child(2)>.panel-head:last-child{background:#fff}
.phone-preview{border-color:#E2E7EB}
@media(max-width:780px){
 .shell{padding:20px 16px max(90px,env(safe-area-inset-bottom))}
 .page-intro{align-items:flex-start;flex-direction:column;margin-bottom:17px}
 .page-intro h1{font-size:clamp(28px,7.4vw,35px)}
 .page-intro p{font-size:13px;line-height:1.55}
 .page-intro .selector{width:100%;min-width:0}
 .page-intro .selector select{min-width:0;flex:1}
 .editor-columns{display:flex;flex-direction:column;gap:15px;max-width:100%}
 .mobile-question-nav{display:flex;align-items:stretch;gap:8px;min-width:0}
 .mobile-question-nav .btn{min-height:61px;border-radius:17px}
 .mobile-question-nav .question-list-toggle{flex:1;min-width:0;justify-content:flex-start;gap:12px;text-align:left;padding:11px 14px}
 .mobile-question-nav .question-list-toggle>svg:last-child{margin-left:auto}
 .mobile-question-label{min-width:0;display:flex;flex-direction:column;gap:4px}
 .mobile-question-label b{font-size:14px}
 .mobile-question-label small{white-space:normal;font-size:11px;color:#6B7A8C;font-weight:400;line-height:1.3}
 .mobile-question-nav .mobile-quick-add{flex:0 0 61px;height:61px;width:61px;background:#243447;color:white;border-radius:17px}
 .editor-columns>section:nth-child(2){order:0;overflow:visible}
 .editor-columns>.phone-preview{order:1}
 .editor-columns>section:nth-child(2)>.panel-head:first-child{align-items:flex-start}
 .editor-columns>section:nth-child(2)>.panel-head:first-child>div:first-child{flex:1;min-width:0}
 .editor-controls{width:100%;justify-content:flex-end;gap:8px;margin:5px 0 0}
 .editor-controls .btn.icon{height:44px;min-height:44px;width:44px;border-radius:13px;flex:0 0 44px}
 .editor-columns .choice-editor input{min-width:0}
 .editor-columns>section:nth-child(2)>.panel-head:last-child{position:static!important;box-shadow:none!important;border-radius:0 0 24px 24px;background:#fff}
 .editor-columns>section:nth-child(2)>.editor-actions{position:static!important;bottom:auto!important;box-shadow:none!important;border-bottom:0!important;border-top:1px solid #E2E7EB!important}
 .editor-question-navigation{display:block!important;position:fixed;inset:auto 0 0;z-index:110;max-height:92dvh;min-height:45dvh;overflow:auto;transform:translate3d(0,105%,0);transition:transform .58s cubic-bezier(.2,.86,.25,1);border-radius:26px 26px 0 0!important;background:white;padding-bottom:max(12px,env(safe-area-inset-bottom));pointer-events:none;box-shadow:0 -12px 52px rgba(24,41,60,.14)!important}
 .question-list-open .editor-question-navigation{transform:translate3d(0,0,0);pointer-events:auto}
 .question-list-backdrop{display:block;position:fixed;inset:0;background:rgba(16,27,42,.36);z-index:109;opacity:0;pointer-events:none;transition:opacity .25s}
 .question-list-open .question-list-backdrop{opacity:1;pointer-events:auto}
 .editor-question-navigation .panel-head{position:sticky;top:0;z-index:2;background:#fff;border-radius:26px 26px 0 0;align-items:center!important}
 .editor-question-navigation .panel-head h2{font-size:18px!important}
 .editor-question-navigation .mobile-list-close{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border:1px solid #E2E7EB!important}
 .editor-question-navigation .panel-head .pill{display:none}
 .editor-question-navigation .question-list{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:calc(92dvh - 210px);gap:5px;scroll-snap-type:none;padding:14px}
 .editor-question-navigation .q-item{width:100%;flex:none;min-height:68px;padding:12px;border-radius:15px;scroll-snap-align:none;border:1px solid transparent}
 .editor-question-navigation .q-item.active{border-color:#D7E1EB;background:#F0F4F7}
 .editor-question-navigation .q-title{font-size:14px}
 .editor-question-navigation .q-type{font-size:12px}
 .editor-question-navigation .panel-body{padding:12px 17px 18px!important}
 .editor-question-navigation #addQuestion{min-height:50px}
 .phone-preview{border-radius:24px}
 body.question-list-open{overflow:hidden}
}
@media(min-width:781px){.editor-question-navigation .question-list{max-height:min(62vh,680px)}}
/* TV: palette istituzionale; grafici e molle originali, niente gradienti ornamentali. */
body.monitor-mode{background:#243447;color:white}
.monitor-wrap{background:#243447!important;padding:0!important;width:100%;height:100dvh;min-height:0;overflow:hidden}
.tv-waiting{height:100%;min-height:0;display:flex;flex-direction:column;padding:clamp(23px,3.5vw,56px) clamp(30px,6vw,110px);gap:clamp(20px,4vh,50px);background:#243447}
.tv-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:0 0 auto;color:#dce6ef}
.tv-eyebrow{font-size:clamp(10px,1vw,14px);font-weight:800;letter-spacing:.13em;color:#8FAFC7}
.tv-live-mark{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #607185;border-radius:999px;font-size:clamp(11px,1vw,14px);font-weight:700;color:#D5E8E2;white-space:nowrap}
.tv-live-mark i{width:8px;height:8px;display:block;background:#63D6A1;border-radius:50%;box-shadow:0 0 0 4px #63D6A126;animation:tv-breathe 2.4s ease-in-out infinite}
@keyframes tv-breathe{50%{opacity:.55;box-shadow:0 0 0 9px #63D6A10d}}
.tv-waiting-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(20px,4.5vw,85px);align-items:stretch}
.tv-message{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:0 0 clamp(0px,3vh,30px)}
.tv-message .tv-eyebrow{margin-bottom:clamp(15px,3vh,36px)}
.tv-message .monitor-title{font-size:clamp(34px,5vw,83px);font-weight:750;line-height:1.07;letter-spacing:-.055em;margin:0 0 clamp(13px,2.5vh,28px);color:#fff;max-width:100%}
.tv-message .monitor-title em{font-style:normal;color:#75D5B2}
.tv-message .monitor-sub{font-size:clamp(14px,1.4vw,22px);line-height:1.6;color:#CAD7E1;margin:0;max-width:550px}
.tv-stats{display:grid;grid-template-columns:1fr 1fr;width:min(100%,500px);margin-top:clamp(19px,4.5vh,48px);padding-top:clamp(15px,2.3vh,26px);border-top:1px solid #708298;gap:20px}
.tv-stats>div{display:flex;flex-direction:column;gap:7px}.tv-stats span{font-size:clamp(12px,1.15vw,17px);color:#C5D3DF}.tv-stats strong{font-size:clamp(30px,4vw,59px);line-height:1.06;font-weight:750;letter-spacing:-.04em;transition:transform .48s cubic-bezier(.2,1.7,.3,1)}
.tv-stats>div:nth-child(2) strong{color:#85D9B4}
.tv-message .monitor-reveal-btn{margin-top:clamp(16px,3vh,36px);border-radius:999px;background:#fff;color:#243447;border:0;min-height:clamp(47px,6vh,67px);padding:0 clamp(20px,2vw,29px);font-size:clamp(13px,1.3vw,19px);font-weight:800;display:flex;gap:15px;align-items:center;justify-content:center;transition:transform .48s cubic-bezier(.2,1.62,.29,1),background .18s}
.tv-message .monitor-reveal-btn:hover:not(:disabled){background:#F1F5F7;transform:translateY(-2px)}.tv-message .monitor-reveal-btn:active{transform:scale(.95)}
.tv-wait-note{margin-top:24px;display:flex;gap:8px;align-items:center;color:#9FB2C3;font-size:clamp(11px,1vw,15px)}
.tv-wait-note svg{width:17px;height:17px}
.tv-people-panel{background:#F7F8FA;color:#243447;border-radius:clamp(24px,2.7vw,42px);display:flex;flex-direction:column;min-height:0;padding:clamp(19px,2.5vw,40px);border:1px solid rgba(255,255,255,.12)}
.tv-people-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex:0 0 auto}.tv-people-top .tv-eyebrow{color:#6B7A8C}.tv-people-top h2{font-size:clamp(20px,2.7vw,39px);letter-spacing:-.045em;font-weight:750;line-height:1.2;margin:7px 0 0}.tv-people-top>svg{color:#6B7A8C;height:24px;width:24px}
.tv-people-panel .people-box{min-height:0;flex:1;overflow:hidden;align-content:center;justify-content:center;padding:clamp(15px,2vh,28px) 0;background:transparent;border:0;box-shadow:none;border-radius:0}
.tv-people-panel .person.registered{color:#4C6FFF}.tv-people-panel .person.complete{color:#199F6C}
.tv-people-panel .monitor-legend{flex:0 0 auto;border-top:1px solid #E2E7EB;padding-top:13px;margin:0;color:#6B7A8C;justify-content:center;gap:25px}
.tv-people-panel .dotkey{background:#4C6FFF}.tv-people-panel .dotkey.done{background:#199F6C}
.tv-people-panel .monitor-empty-people{color:#6B7A8C}
/* Le due viste della presentazione usano chiaro/bianco, senza perdere gli effetti di comparsa. */
.monitor-wrap.show-results{background:#F6F7F9!important;color:#243447}
.results-stage{background:#F6F7F9!important;color:#243447!important}
.results-kicker{color:#6B7A8C!important}
.results-header h1,.slide-question{color:#243447!important;font-weight:750!important}
.results-header h1 span{color:#199F6C!important}
.results-pill{background:#EDF8F3!important;color:#199F6C!important;border-color:#D2E9DD!important}
.summary-tile{background:#fff!important;border:1px solid #E2E7EB!important;box-shadow:none!important;color:#243447!important}
.summary-tile h2{color:#243447!important;font-weight:690!important}
.tile-eyebrow,.tile-type,.tile-caption,.tile-answer{color:#6B7A8C!important}
.tile-track,.tile-scale-track,.single-track,.multi-track,.scale-hero-track{background:#E5EAF0!important}
.results-bottom{color:#87939F!important}
.presentation-toolbar{z-index:30!important}
.display-switch{background:#fff!important;border:1px solid #E2E7EB!important;box-shadow:0 3px 12px rgba(36,52,71,.05)!important}
.switch-icon{color:#8290A0!important}.switch-icon.active{background:#243447!important;color:white!important}
.slide-arrow{background:#fff!important;color:#243447!important;border:1px solid #D7E0E7!important;border-radius:14px!important}
.slide-arrow:hover:not(:disabled){background:#EEF3F7!important;color:#243447!important}
.slide-pips span{background:#D5DEE7!important}.slide-pips span.active{background:#199F6C!important}
.single-donut,.multi-vote,.scale-hero,.scale-histogram,.slide-free{background:#fff!important;border:1px solid #E2E7EB!important;color:#243447!important}
.single-title,.single-best strong,.multi-top span,.scale-col>strong,.scale-col>b,.free-label{color:#243447!important}
.single-best span,.single-best p,.multi-num,.scale-hero>span,.scale-hero>em,.slide-free p{color:#6B7A8C!important}
.ring-track{stroke:#E7ECF0!important}
.ring-value,.scale-hero>strong,.free-count{color:#243447!important}
.multi-top strong{color:var(--accent)!important}
.scale-column{background:#EFF2F5!important}
.scale-column span{background:#199F6C!important}
.scale-hero-track span{background:#199F6C!important}
.slide-free .free-bubbles{opacity:.25}
.monitor-secret{background:#fff!important;border-color:#E2E7EB!important;color:#87939F!important}
@media(max-width:850px){.tv-waiting{padding:24px 20px}.tv-waiting-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:12px}.tv-message{padding:0;justify-content:flex-start}.tv-message .tv-eyebrow{margin-bottom:7px}.tv-message .monitor-title{font-size:clamp(27px,5vw,42px);margin-bottom:7px}.tv-message .monitor-sub{font-size:12px}.tv-stats{margin-top:10px;padding-top:8px}.tv-stats strong{font-size:26px}.tv-people-panel{padding:15px}.tv-people-top h2{font-size:18px}.tv-live-mark{font-size:10px}}
@media(max-height:750px) and (min-width:851px){.tv-waiting{padding-top:18px;padding-bottom:18px;gap:15px}.tv-message .monitor-title{font-size:clamp(34px,5.2vh,60px)}.tv-stats{margin-top:17px;padding-top:12px}.tv-message .monitor-reveal-btn{min-height:44px;margin-top:14px}}
@media(prefers-reduced-motion:reduce){.tv-live-mark i{animation:none!important}}

/* Coerenza grafica: niente linee decorative colorate sulle card. */
.summary-tile::before{display:none!important}
/* Elementi attivi riconoscibili anche tramite bordo e forma. */
.btn:focus-visible,.switch-icon:focus-visible,.q-item:focus-visible{outline:3px solid #4C6FFF;outline-offset:3px}

html{font-family:"Wix Madefor Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif}