:root{color-scheme:light;--bg:#f5f6f9;--surface:#fff;--muted:#778198;--ink:#1b2333;--line:#e7eaf0;--purple:#912be6;--purple-soft:#f4eafb;--green:#21b77c;--blue:#5a7ce0;--shadow:0 16px 42px rgba(30,43,70,.045);--radius:22px}
*{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}}