:root{--su-primary: #1a1a1a;--su-bg: #ffffff;--su-text: #1a1a1a;--su-dark: #1a1a1a;--su-font-family: system-ui}*{box-sizing:border-box;margin:0}body{font-family:var(--su-font-family, system-ui),sans-serif;background:var(--su-bg);color:var(--su-text)}#app{max-width:28rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;min-height:100dvh}.su-logo{height:2.5rem;align-self:flex-start;margin-bottom:1rem}h1{font-size:1.4rem;line-height:1.3;margin-bottom:1rem;color:var(--su-dark, #1a1a1a)}.su-main{display:flex;flex-direction:column;gap:.75rem;flex:1}input[type=text],textarea{font-size:1.1rem;padding:.8rem;border:2px solid #ccc;border-radius:.5rem}button{font-size:1.1rem;padding:.9rem;border-radius:.5rem;border:2px solid var(--su-primary);background:var(--su-primary);color:#fff}button:disabled{opacity:.4}button.su-option{background:#fff;color:var(--su-text)}button.su-option.is-selected{background:var(--su-primary);color:#fff}.su-scale-row{display:flex;gap:.5rem}button.su-scale{flex:1;font-size:1.4rem}.su-scale-labels{display:flex;justify-content:space-between;font-size:.85rem;color:#666}.su-hint{font-size:.85rem;color:#a00;min-height:1.2em}footer{margin-top:2rem;font-size:.75rem;color:#888}footer a{color:inherit}.su-indicator{position:fixed;top:1rem;right:1rem;width:.75rem;height:.75rem;border-radius:50%;background:#0a0;transition:background-color .2s}.su-indicator.is-offline{background:#a00}#stage{display:grid;grid-template-rows:auto auto auto 1fr auto;height:100vh;padding:1.25rem 3rem 1rem}#stage h1{font-weight:900}.su-stage-head{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:3.5rem}.su-stage-logo{height:3rem;max-width:16rem;object-fit:contain}.su-joinbar{display:flex;align-items:center;gap:.75rem;justify-content:flex-end;font-size:1.05rem;color:color-mix(in srgb,var(--su-dark) 70%,transparent);margin-left:auto}.su-joinbar canvas{border-radius:.4rem}.su-title-wrap{text-align:center;margin:1.25rem 0 .5rem}h1.su-question{font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.15;color:var(--su-dark);margin:0}.su-accent{width:6rem;height:.35rem;border-radius:.2rem;background:var(--su-primary);margin:1rem auto 0}.su-counter-wrap{text-align:center;margin:.5rem 0 1rem}.su-counter{display:inline-block;font-size:1.15rem;font-weight:700;color:#fff;background:var(--su-primary);padding:.35rem 1.1rem;border-radius:99rem}.su-covered{text-align:center;font-size:1.4rem;color:color-mix(in srgb,var(--su-dark) 55%,transparent);margin-top:3rem}.su-demo-tag{display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.12em;color:var(--su-primary);border:2px solid var(--su-primary);border-radius:.3rem;padding:.15rem .55rem;align-self:center}.su-demo-toggle{display:flex;align-items:center;gap:.5rem;margin:.75rem 0;cursor:pointer}.su-demo-toggle input{width:1.1rem;height:1.1rem}.su-progress{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 0 .25rem;font-size:1rem;color:color-mix(in srgb,var(--su-dark) 60%,transparent)}.su-dots{display:flex;gap:.45rem}.su-dot{width:.6rem;height:.6rem;border-radius:50%;background:color-mix(in srgb,var(--su-dark) 22%,transparent)}.su-dot.is-active{background:var(--su-primary)}.su-area{min-height:0;position:relative;overflow-y:auto}.su-recap{height:100%;display:flex;flex-direction:column;padding-top:.5rem;overflow-y:auto}.su-recap-head{text-align:center;margin-bottom:1.75rem}.su-recap-head .su-stage-logo{margin-bottom:1rem}.su-recap-sub{font-size:1.2rem;color:color-mix(in srgb,var(--su-dark) 65%,transparent);margin-top:.9rem}.su-recap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-content:start}.su-recap-card{border-radius:.6rem;border-top:.35rem solid var(--su-primary);background:color-mix(in srgb,var(--su-dark) 5%,#fff);padding:1.25rem 1.5rem}.su-recap-card h2{font-size:1.25rem;color:var(--su-dark);margin-bottom:.9rem;font-weight:700}.su-recap-card .su-avg{margin-top:0;font-size:3rem;color:var(--su-primary)}.su-recap-card .su-recap-sub{margin-top:.2rem;font-size:1rem}.su-recap-words{list-style:none;padding:0;display:flex;flex-direction:column;gap:.45rem;counter-reset:none}.su-recap-words li{display:flex;justify-content:space-between;align-items:baseline;font-size:1.25rem;color:var(--su-dark)}.su-recap-words li:first-child{font-size:1.6rem;font-weight:700}.su-recap-count{font-size:1rem;font-weight:700;color:var(--su-primary)}.su-bar-row.su-mini{grid-template-columns:8rem 1fr 3rem;font-size:1.05rem;margin:.35rem 0}.su-bar-row.su-mini .su-bar-track{height:1.3rem}.su-bar-row{display:grid;grid-template-columns:14rem 1fr 8rem;align-items:center;gap:1rem;margin:.6rem 0;font-size:1.5rem}.su-bar-track{background:color-mix(in srgb,var(--su-dark) 12%,#fff);border-radius:.4rem;height:2.2rem}.su-bar{background:var(--su-primary);height:100%;border-radius:.4rem;transition:width .6s ease}.su-bar-vertical{width:4rem;transition:height .6s ease}.su-scale-chart{display:flex;align-items:flex-end;gap:2rem;height:60%}.su-scale-col{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;font-size:1.4rem}.su-avg{font-size:3.5rem;font-weight:700;margin-top:1rem}.su-card{border:2px solid var(--su-primary);border-radius:.5rem;padding:.8rem 1rem;margin:.5rem 0;font-size:1.3rem;cursor:pointer}.su-start{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.su-start h1{font-size:clamp(2rem,4vw,3rem);color:var(--su-dark)}.su-start-logo{height:4rem;max-width:20rem;object-fit:contain;margin-bottom:.5rem}.su-join-url{font-size:2.2rem;font-weight:700;color:var(--su-primary)}.su-join-code{font-size:1.3rem;color:color-mix(in srgb,var(--su-dark) 70%,transparent)}.su-controls{position:fixed;bottom:0;left:0;right:0;display:flex;gap:.5rem;padding:.75rem;background:#000000bf;opacity:0;pointer-events:none;transition:opacity .3s}.su-controls.is-visible{opacity:1;pointer-events:auto}.su-popover{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:2px solid var(--su-primary);border-radius:.5rem;padding:1rem;display:flex;gap:.5rem;align-items:center}.su-danger{background:#c22;border-color:#c22}body.su-dark{background:var(--su-dark);color:#fff}body.su-dark h1{color:#fff}body.su-dark input[type=text],body.su-dark textarea{background:#ffffff14;color:#fff;border-color:#ffffff40}body.su-dark .su-hint{color:#ffb4b4}body.su-dark footer{color:#ffffff90}body.su-dark .su-bar-track{background:#ffffff26}body.su-dark .su-card{border-color:#ffffff60}body.su-dark h1.su-question,body.su-dark .su-start h1{color:#fff}body.su-dark .su-joinbar,body.su-dark .su-progress,body.su-dark .su-covered,body.su-dark .su-recap-sub,body.su-dark .su-join-code{color:#ffffffb0}body.su-dark .su-dot{background:#ffffff40}body.su-dark .su-dot.is-active{background:var(--su-primary)}body.su-dark .su-recap-card{background:#ffffff14}body.su-dark .su-recap-card h2,body.su-dark .su-recap-words li{color:#fff}body.su-dark .su-joinbar canvas{background:#fff;padding:.25rem}#admin{max-width:100%;margin:0;padding:0;display:flex;flex-direction:column;min-height:100dvh;background:#f5f5f2;color:#1a1a1a;font-family:system-ui,-apple-system,sans-serif}#admin button{font:inherit;font-size:.95rem;font-weight:600;padding:.55rem 1.1rem;border-radius:.45rem;border:1px solid #d9d9d4;background:#fff;color:#1a1a1a;cursor:pointer}#admin button:hover:not(:disabled){border-color:#1a1a1a}#admin button:disabled{opacity:.45;cursor:not-allowed}#admin button.su-primary,#admin button[type=submit]{background:#1a1a1a;border-color:#1a1a1a;color:#fff}#admin button.su-primary:hover:not(:disabled),#admin button[type=submit]:hover:not(:disabled){opacity:.85}.su-admin-nav{display:flex;gap:.35rem;padding:.85rem 2rem;background:#fff;border-bottom:1px solid #e5e5e0;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:10}.su-nav-brand{display:flex;align-items:center;gap:.55rem;margin-right:1.5rem}.su-nav-logo{height:1.6rem;display:block}.su-nav-product{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#999}.su-admin-nav a{padding:.5rem 1.1rem;border-radius:99rem;text-decoration:none;color:#555;font-weight:600;font-size:.95rem}.su-admin-nav a:hover{background:#f0f0ec;color:#1a1a1a}.su-admin-nav a.is-active{background:#1a1a1a;color:#fff}#admin .su-admin-nav button{margin-left:auto;font-size:.85rem;padding:.45rem .9rem}#su-admin-content{flex:1;width:100%;max-width:102rem;margin:0 auto;padding:2.25rem 2rem 4.5rem}#su-admin-content>div>button{margin-bottom:1.5rem}#su-admin-content h2{font-size:1.35rem;margin-bottom:.75rem}.su-muted{color:#8a8a84;font-size:.95rem}.su-admin-login{background:#fff;border:1px solid #e5e5e0;border-radius:.8rem;padding:2.5rem 2.25rem;max-width:24rem;margin:12vh auto 0;box-shadow:0 12px 40px #0000000f}.su-login-logo{height:2.1rem;display:block;margin:0 auto 1rem}.su-admin-login h1{text-align:center;margin-bottom:1.75rem;font-size:1.05rem;font-weight:600;letter-spacing:.05em;color:#555}.su-admin-form{display:flex;flex-direction:column;gap:1rem}.su-admin-form>input,.su-admin-form>select,.su-admin-form>textarea{max-width:40rem}.su-admin-form label{font-weight:600;font-size:.9rem;margin-bottom:-.45rem;color:#444}.su-admin-form input[type=text],.su-admin-form input[type=email],.su-admin-form input[type=password],.su-admin-form textarea,.su-admin-form select{font-size:1rem;padding:.65rem .75rem;border:1px solid #d9d9d4;border-radius:.45rem;font-family:inherit;background:#fff}.su-admin-form input:focus,.su-admin-form textarea:focus,.su-admin-form select:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a14}#admin input[type=color]{width:3.6rem;height:2.3rem;padding:2px;border:1px solid #d9d9d4;border-radius:.4rem;background:#fff;cursor:pointer}.su-file-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}#admin input[type=file]{font-size:.9rem}#admin input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:#1a1a1a}.su-admin-table-wrapper{overflow-x:auto;margin:0 0 1.5rem;background:#fff;border:1px solid #e5e5e0;border-radius:.7rem}.su-admin-table{width:100%;border-collapse:collapse;font-size:.95rem}.su-admin-table th{padding:.8rem 1rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#8a8a84;border-bottom:1px solid #e5e5e0}.su-admin-table td{padding:.8rem 1rem;border-bottom:1px solid #f0f0ec}.su-admin-table tbody tr:last-child td{border-bottom:none}.su-admin-table tbody tr:hover{background:#fafaf8}.su-badge-draft{display:inline-block;padding:.25rem .6rem;border-radius:99rem;font-size:.8rem;font-weight:700;background:#f4e3b2;color:#6b5310}.su-badge-active{display:inline-block;padding:.25rem .6rem;border-radius:99rem;font-size:.8rem;font-weight:700;background:#cdeccd;color:#1c5e1c}.su-badge-archived{display:inline-block;padding:.25rem .6rem;border-radius:99rem;font-size:.8rem;font-weight:700;background:#e4e4e0;color:#55554f}.su-admin-error{color:#b42318;font-size:.95rem}.su-admin-error:not(:empty){background:#fdf1f0;border:1px solid #f2cfcb;border-radius:.5rem;padding:.55rem .8rem}.su-admin-content{min-height:20rem}.su-handover{background:#fff;border:1px solid #e5e5e0;border-radius:.8rem;padding:2rem 2.25rem;display:flex;flex-direction:column;gap:1rem;max-width:58rem;align-items:flex-start}.su-handover.su-wide{max-width:none;align-items:stretch}.su-qlist li.is-wordcloud{border-left:3px solid #9dbede}.su-qlist li.is-choice{border-left:3px solid #a4cfa9}.su-qlist li.is-scale{border-left:3px solid #dec38a}.su-qlist li.is-open{border-left:3px solid #bcaad9}.su-qtype-tag.is-wordcloud{background:#e3edf7;color:#2b5d8a}.su-qtype-tag.is-choice{background:#e2f1e4;color:#2c6b34}.su-qtype-tag.is-scale{background:#f7edd8;color:#8a6215}.su-qtype-tag.is-open{background:#eee8f6;color:#5f4a8b}.su-handover canvas{width:200px;height:200px;border:1px solid #eee;border-radius:.6rem;padding:.5rem;margin:.25rem 0}.su-copy-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;font-size:.95rem}#admin .su-copy-row button{padding:.28rem .7rem;font-size:.82rem}.su-join-url-text,.su-presenter-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f5f5f2;border:1px solid #e5e5e0;padding:.18rem .5rem;border-radius:.35rem;font-size:.88rem}.su-demo-toggle{display:flex;align-items:center;gap:.55rem;margin:.35rem 0;cursor:pointer;font-size:.95rem}.su-qlist-heading{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#8a8a84;margin-top:.5rem}.su-qlist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem;width:100%}.su-qlist li{display:flex;align-items:baseline;gap:.6rem;font-size:.95rem;padding:.45rem .6rem;background:#fafaf8;border:1px solid #f0f0ec;border-radius:.45rem}.su-qtype-tag{flex-shrink:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8a8a84;background:#f0f0ec;padding:.12rem .5rem;border-radius:99rem}.su-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;width:100%;border-top:1px solid #f0f0ec;padding-top:1.25rem;margin-top:.75rem}#admin .su-actions button,#admin .su-actions a{font-size:.88rem;padding:.45rem .9rem}.su-actions a{color:#1a1a1a;font-weight:600;text-decoration:none;border:1px solid #d9d9d4;border-radius:.45rem;background:#fff}.su-actions a:hover{border-color:#1a1a1a}.questions-list{display:flex;flex-direction:column;gap:1rem;margin:1.25rem 0;width:100%}.question-item{background:#fff;border:1px solid #e5e5e0;border-radius:.7rem;padding:1.1rem 1.4rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.su-handover .question-item{background:#fafaf8}#admin .question-item select,#admin .question-item input{font-size:.95rem;padding:.5rem .65rem;border:1px solid #d9d9d4;border-radius:.45rem;background:#fff;font-family:inherit}#admin .question-item select.su-qtype-select{width:9.5rem}#admin .question-item input.su-qtitle{flex:1;min-width:14rem}.su-meta-field{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:#8a8a84;white-space:nowrap}#admin .su-meta-field input{width:7.5rem}.question-item>label:not(.su-meta-field){display:flex;align-items:center;gap:.45rem;font-size:.9rem;width:100%;color:#555}.choice-options{width:100%;display:flex;flex-direction:column;gap:.45rem;padding-left:.75rem;border-left:3px solid #f0f0ec}.choice-option-row{display:grid;grid-template-columns:9rem 1fr auto;gap:.5rem;align-items:center}#admin .choice-option-row button{padding:.3rem .7rem;font-size:.85rem}#admin .choice-options>button{align-self:flex-start;padding:.3rem .85rem;font-size:.85rem}.question-buttons{width:100%;display:flex;gap:.45rem;justify-content:flex-end;border-top:1px dashed #ecece7;padding-top:.6rem}#admin .question-buttons button{padding:.3rem .75rem;font-size:.82rem;border:none;background:#f0f0ec}#admin .question-buttons button:hover:not(:disabled){background:#e2e2dc}.add-question{margin:.25rem 0 1.25rem}.validation-errors{color:#b42318;background:#fdf1f0;border:1px solid #f2cfcb;border-radius:.5rem;padding:.6rem .9rem;font-size:.9rem;width:100%}@media (max-width: 768px){.su-admin-nav{padding:.6rem .9rem}.su-nav-brand{margin-right:.5rem}.su-admin-table{font-size:.9rem}.su-admin-table th,.su-admin-table td{padding:.5rem}#su-admin-content{padding:1.25rem .9rem 3rem}.su-handover{padding:1.25rem 1rem}}