: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;height:100vh;padding:1rem 2rem}#stage h1{font-weight:900}.su-joinbar{display:flex;align-items:center;gap:.75rem;justify-content:flex-end;font-size:1.1rem}.su-area{min-height:0;position:relative;overflow-y:auto}.su-counter{font-size:1.6rem;color:var(--su-dark, #555)}.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-join-url{font-size:2.2rem;font-weight:700}.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 .su-counter{color:#ffffffb0}#admin{max-width:100%;margin:0;padding:0;display:flex;flex-direction:column;min-height:100dvh}.su-admin-nav{display:flex;gap:1rem;padding:1rem;background:#f5f5f5;border-bottom:1px solid #ddd;align-items:center;flex-wrap:wrap}.su-admin-nav a,.su-admin-nav button{padding:.6rem 1rem;border-radius:.4rem;text-decoration:none;background:#fff;border:1px solid #ddd;cursor:pointer;font-size:1rem}.su-admin-nav a:hover,.su-admin-nav button:hover{background:#efefef}.su-admin-nav button{margin-left:auto}#su-admin-content{flex:1;padding:1.5rem;overflow-y:auto}.su-admin-login{max-width:28rem;margin:2rem auto}.su-admin-login h1{text-align:center;margin-bottom:2rem}.su-admin-form{display:flex;flex-direction:column;gap:1rem}.su-admin-form label{font-weight:600;margin-bottom:.25rem}.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:.75rem;border:1px solid #ccc;border-radius:.4rem;font-family:inherit}.su-admin-form input:focus,.su-admin-form textarea:focus,.su-admin-form select:focus{outline:none;border-color:var(--su-primary);box-shadow:0 0 0 2px #1a1a1a1a}.su-admin-form button[type=submit]{padding:.9rem;background:var(--su-primary);color:#fff;border:none;border-radius:.4rem;font-size:1rem;cursor:pointer;font-weight:600}.su-admin-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.su-admin-form button[type=submit]:hover:not(:disabled){opacity:.9}.su-admin-table{width:100%;border-collapse:collapse;font-size:1rem}.su-admin-table th{background:#f5f5f5;padding:.75rem;text-align:left;font-weight:600;border-bottom:2px solid #ddd}.su-admin-table td{padding:.75rem;border-bottom:1px solid #ddd}.su-admin-table tbody tr:hover{background:#fafafa}.su-admin-table-wrapper{overflow-x:auto;margin:1rem 0}.su-badge-draft{display:inline-block;padding:.3rem .6rem;border-radius:.3rem;font-size:.85rem;font-weight:600;background:#ffc107;color:#000}.su-badge-active{display:inline-block;padding:.3rem .6rem;border-radius:.3rem;font-size:.85rem;font-weight:600;background:#28a745;color:#fff}.su-badge-archived{display:inline-block;padding:.3rem .6rem;border-radius:.3rem;font-size:.85rem;font-weight:600;background:#6c757d;color:#fff}.su-admin-error{color:#c22;font-size:.95rem}.su-admin-content{min-height:20rem}@media (max-width: 768px){.su-admin-nav{flex-direction:column}.su-admin-nav button{margin-left:0;align-self:stretch}.su-admin-table{font-size:.9rem}.su-admin-table th,.su-admin-table td{padding:.5rem}.su-admin-form label{font-size:.95rem}#su-admin-content{padding:1rem}}body.su-dark .su-admin-nav{background:#2a2a2a;border-bottom-color:#444}body.su-dark .su-admin-nav a,body.su-dark .su-admin-nav button{background:#333;border-color:#444;color:#fff}body.su-dark .su-admin-nav a:hover,body.su-dark .su-admin-nav button:hover{background:#444}body.su-dark .su-admin-form input[type=text],body.su-dark .su-admin-form input[type=email],body.su-dark .su-admin-form input[type=password],body.su-dark .su-admin-form textarea,body.su-dark .su-admin-form select{background:#2a2a2a;color:#fff;border-color:#444}body.su-dark .su-admin-table th{background:#333;border-bottom-color:#555}body.su-dark .su-admin-table td{border-bottom-color:#444}body.su-dark .su-admin-table tbody tr:hover{background:#2a2a2a}