:root{--bg:#f2f4f6;--surface:#fff;--ink:#191f28;--text:#333d4b;--sub:#6b7684;--muted:#8b95a1;--line:#e5e8eb;--fill:#f2f4f6;--fill-2:#e5e8eb;--primary:#3182f6;--primary-soft:#e8f3ff;--primary-ink:#1b64da;--brand:#e8380d;--brand-soft:#fff0eb;--danger:#f04452;--danger-soft:#ffeeef;--success:#0bb26b;--success-soft:#e7f8f0;--warn:#ff9f0a;--warn-soft:#fff4e5;--dark:#0f1521;--r-sm:8px;--r:12px;--r-lg:16px;--shadow:0 2px 10px #0000000f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Pretendard,Noto Sans KR,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;line-height:1.3}p{margin:0}svg{flex:none}.kicker{color:var(--brand);font-size:13px;font-weight:700}.muted{color:var(--sub)}.small{font-size:13px}.row{align-items:center;gap:8px;display:flex}.row.end{justify-content:flex-end}.spacer{flex:1}.chip{background:var(--fill);height:24px;color:var(--sub);border-radius:999px;align-items:center;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.chip.blue{background:var(--primary-soft);color:var(--primary-ink)}.chip.green{background:var(--success-soft);color:var(--success)}.err{color:var(--danger);font-size:14px;font-weight:600}.btn{background:var(--fill);height:40px;color:var(--text);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:600;transition:background .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--fill-2)}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover:not(:disabled){background:var(--primary-ink)}.btn.danger{background:var(--danger-soft);color:var(--danger)}.btn.danger:hover:not(:disabled){background:#ffdfe1}.btn.danger.solid{background:var(--danger);color:#fff}.btn.ghost{color:var(--sub);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--fill)}.btn.sm{border-radius:8px;height:32px;padding:0 12px;font-size:13px}.btn.lg{border-radius:12px;height:52px;padding:0 22px;font-size:16px;font-weight:700}.btn.block{width:100%}.ibtn{background:var(--fill);width:36px;height:36px;color:var(--text);border-radius:10px;place-items:center;display:inline-grid}.ibtn:hover:not(:disabled){background:var(--fill-2)}.tbtn{color:var(--primary-ink);font-weight:600;font-size:inherit}.tbtn:hover{text-decoration:underline}label{color:var(--text);flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}label input,label textarea,.input{border:1px solid var(--line);height:48px;color:var(--ink);background:#fff;border-radius:10px;padding:0 14px;font-size:16px;font-weight:400}label textarea{height:auto;padding:12px 14px}label input:focus,.input:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:#0000}.backdrop{z-index:100;background:#191f2880;place-items:center;display:grid;position:fixed;inset:0}.backdrop.clear{z-index:40;background:0 0}.modal{background:#fff;border-radius:20px;width:min(520px,92vw);max-height:86vh;overflow:auto;box-shadow:0 24px 64px #00000047}.modal-head{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-head h3{font-size:20px;font-weight:700}.modal-body{color:var(--text);flex-direction:column;gap:12px;padding:16px 24px 24px;font-size:15px;display:flex}.modal-body .row.end{margin-top:8px}.popover{z-index:45;background:#fff;border-radius:14px;position:absolute;box-shadow:0 12px 40px #0000002e}.stage-wrap{place-items:center;width:100%;height:100%;display:grid;position:relative;container-type:size}.stage{aspect-ratio:16/10;background:#fff;border-radius:1cqw;width:min(100cqw,160cqh);position:relative;overflow:hidden;box-shadow:0 20px 60px #00000059;container-type:size}.prep-view .stage{box-shadow:var(--shadow)}.page{color:var(--ink);flex-direction:column;gap:1.4cqw;padding:2.4cqw 3.2cqw 2.6cqw;font-size:1.55cqw;display:flex;position:absolute;inset:0}.page.cover{padding:0}.pg-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:.7em;padding-bottom:.5em;display:flex}.pg-sec{background:var(--brand-soft);color:var(--brand);border-radius:.45em;padding:.15em .6em;font-size:.9em;font-weight:700}.pg-title{font-size:1.2em;font-weight:700}.pg-secname{color:var(--muted);margin-left:auto;font-size:.9em}.tpl{flex:1;gap:1.2em 2em;min-height:0;display:grid}.slot{flex-direction:column;gap:.6em;min-width:0;min-height:0;display:flex}.slot.s-media{justify-content:center}.tpl-title{text-align:center;place-content:center;gap:1em;padding:0 8%}.tpl-title .s-title h1{letter-spacing:-.02em;font-size:4em;font-weight:800}.tpl-title .s-body{color:var(--sub);font-size:1.5em}.tpl-text{grid-template-rows:auto 1fr}.tpl-media-right{grid-template:"title title""body media"1fr/1.1fr 1fr}.tpl-media-left{grid-template:"title title""media body"1fr/1fr 1.1fr}.tpl-two-col{grid-template:"title title""left right"1fr/1fr 1fr}.tpl-media-right .s-title,.tpl-media-left .s-title,.tpl-two-col .s-title{grid-area:title}.tpl-media-right .s-body,.tpl-media-left .s-body{grid-area:body}.tpl-media-right .s-media,.tpl-media-left .s-media{grid-area:media}.tpl-two-col .s-left{grid-area:left}.tpl-two-col .s-right{grid-area:right}.tpl-two-col .s-left,.tpl-two-col .s-right{background:var(--fill);border-radius:1em;padding:1.2em 1.5em}.tpl-media-full{display:block;position:relative}.tpl-media-full .s-media{position:absolute;inset:0}.tpl-media-full .s-media .blk.image{height:100%}.tpl-media-full .s-media img{object-fit:cover;border-radius:0}.tpl-media-full .s-overlay{color:#fff;background:linear-gradient(#0000,#000000b8);flex-direction:column;gap:.6em;padding:3em 8%;display:flex;position:absolute;inset:auto 0 0}.tpl-media-full .s-overlay h1{font-size:3.6em}.tpl-media-full .s-overlay p{opacity:.9;font-size:1.4em}.blk.rich h1{font-size:2.8em}.blk.rich h2{font-size:2em;font-weight:700}.blk.rich h3{font-size:1.4em}.blk.rich h4{margin-top:.4em;font-size:1.15em}.blk.rich p{color:var(--text);margin:.3em 0;font-size:1.15em;line-height:1.6}.blk.rich ul,.blk.rich ol{color:var(--text);margin:.3em 0;padding-left:1.3em;font-size:1.15em;line-height:1.65}.blk.rich li{margin:.15em 0}.blk.rich strong,.blk.rich b{color:var(--ink)}.blk.rich .blank{vertical-align:-.1em;border-bottom:2px solid #c9cfd6;min-width:5em;margin:0 .2em;display:inline-block}.blk.image{flex-direction:column;flex:1;gap:.4em;min-height:0;margin:0;display:flex}.blk.image img{object-fit:contain;border-radius:.8em;width:100%;height:100%;min-height:0}.blk.image.fit-cover img{object-fit:cover}.blk.image figcaption,.blk.video figcaption{color:var(--muted);text-align:center;font-size:.9em}.blk.video{flex-direction:column;gap:.4em;margin:0;display:flex}.blk.video iframe,.blk.video video{aspect-ratio:16/9;background:#000;border:0;border-radius:.8em;width:100%}.blk.html{border:1px solid var(--line);background:#fff;border-radius:.6em;width:100%;min-height:8em}.blk.ix-placeholder{color:var(--muted);text-align:center;border:1px dashed #c9cfd6;border-radius:.8em;padding:1em}.page-ix{flex-direction:column;flex:1;min-height:0;display:flex}.ix{height:100%;min-height:0;color:var(--ink);flex-direction:column;gap:.9em;display:flex}.ix-q{letter-spacing:-.01em;font-size:1.45em;font-weight:700;line-height:1.35}.agg .ix-q{font-size:1.9em}.ix-row{gap:.5em;display:flex}.ix-input{border:1px solid var(--line);background:#fff;border-radius:.7em;flex:1;height:3em;padding:0 1em;font-size:1em}.ix-textarea{border:1px solid var(--line);resize:none;background:#fff;border-radius:.7em;width:100%;padding:.8em 1em;font-size:1em;line-height:1.55}.ix .btn{border-radius:.7em;height:3em;padding:0 1.2em;font-size:1em}.ix .btn.lg{height:3.4em;font-size:1.05em}.ix-done{color:var(--sub);align-items:center;gap:.7em;font-size:.95em;display:flex}.ix-done .state{color:var(--success);align-items:center;gap:.3em;font-weight:700;display:inline-flex}.ix-done.center{justify-content:center;margin:auto;font-size:1.3em}.ix-foot{color:var(--muted);flex:none;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.6em;font-size:.95em;display:flex}.ix-chips{flex-wrap:wrap;gap:.4em;display:flex}.ix-chips .chip{height:2em;padding:0 .9em;font-size:.9em}.ix-options{grid-template-columns:1fr 1fr;gap:.6em;display:grid}.ix-opt{border:1.5px solid var(--line);text-align:left;min-height:4.2em;color:var(--ink);background:#fff;border-radius:.9em;align-items:center;gap:.8em;padding:.8em 1.1em;font-size:1.1em;font-weight:600;display:flex}.ix-opt:hover:not(:disabled){border-color:#c9cfd6}.ix-opt.sel{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-ink)}.ix-opt:disabled{opacity:1;color:var(--muted)}.ix-opt.sel:disabled{color:var(--primary-ink)}.ix-opt-no{background:var(--fill);width:1.8em;height:1.8em;color:var(--sub);border-radius:50%;flex:none;place-items:center;font-size:.85em;font-weight:700;display:inline-grid}.ix-opt.sel .ix-opt-no{background:var(--primary);color:#fff}.ix-bars{flex-direction:column;flex:1;justify-content:center;gap:.9em;display:flex}.ix-bar{grid-template-columns:minmax(8em,1fr) 3fr 2.5em;align-items:center;gap:.9em;font-size:1.15em;display:grid}.ix-bar-label{align-items:center;gap:.6em;font-weight:600;display:flex}.ix-bar-track{background:var(--fill);border-radius:999px;height:1.4em;overflow:hidden}.ix-bar-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .4s}.ix-bar.answer .ix-bar-fill{background:var(--success)}.ix-bar.answer .ix-bar-label{color:var(--success)}.ix-bar-n{text-align:right;font-weight:700}.ix-cloud{flex-wrap:wrap;flex:1;place-content:center;align-items:center;gap:.3em .9em;padding:1em;display:flex}.ix-word{letter-spacing:-.02em;font-weight:800;line-height:1.1}.ix-word sup{color:var(--muted);margin-left:.15em;font-size:.45em;font-weight:600}.ix-cards{flex:1;grid-template-columns:repeat(auto-fill,minmax(14em,1fr));align-content:start;gap:.7em;display:grid;overflow:auto}.ix-card{text-align:left;background:var(--fill);border-radius:.9em;flex-direction:column;gap:.5em;padding:1em;font-size:1em;display:flex}.ix-card:hover{background:var(--fill-2)}.ix-card-text{color:var(--text);line-height:1.5}.ix-by{color:var(--muted);align-items:center;gap:.6em;font-size:.85em;font-weight:600;display:flex}.ix-focus{text-align:center;cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.7em;min-height:0;padding:1em;display:flex}.ix-focus p{max-width:24em;font-size:1.9em;font-weight:600;line-height:1.4}.ix-focus.img img{border-radius:.6em;max-width:100%;max-height:85%}.ix-focus.frame{cursor:default}.ix-focus.frame iframe{background:#fff;border:0;border-radius:.6em;flex:1;width:100%}.ix-gallery{flex:1;grid-template-columns:repeat(auto-fill,minmax(11em,1fr));align-content:start;gap:.7em;padding:.2em;display:grid;overflow:auto}.ix-gallery.wide{grid-template-columns:repeat(auto-fill,minmax(17em,1fr))}.ix-thumb{background:var(--fill);text-align:left;border-radius:.8em;flex-direction:column;gap:.4em;padding:.4em;display:flex}.ix-thumb:hover{background:var(--fill-2)}.ix-thumb img{aspect-ratio:16/10;object-fit:cover;background:#fff;border-radius:.5em;width:100%}.ix-thumb.frame iframe{aspect-ratio:16/10;pointer-events:none;background:#fff;border:0;border-radius:.5em;width:100%}.ix-thumb .ix-by{padding:0 .3em .2em}.ix-draw-tools{align-items:center;gap:.5em;display:flex}.ix-draw-tools input[type=range]{width:7em;accent-color:var(--ink)}.ix-draw-tools .btn{margin-left:auto}.ix-canvas{aspect-ratio:16/10;border:1px solid var(--line);touch-action:none;cursor:crosshair;background:#fff;border-radius:.8em;flex:1;width:100%;min-height:0;max-height:56vh}.ix-draw-done{flex-direction:column;gap:.8em;min-height:0;display:flex}.ix-draw-done img{border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:.8em;max-width:100%;max-height:52vh}.ix-photo-actions{flex-direction:column;align-items:stretch;gap:.7em;max-width:26em;display:flex}.ix-sandbox{border:1px solid var(--line);background:#fff;border-radius:.8em;flex:1;width:100%;min-height:14em}.ix-survey{gap:1.2em;overflow:auto}.ix-sv-item{flex-direction:column;gap:.6em;display:flex}.ix-sv-q{font-size:1.1em;font-weight:700}.ix-likert{align-items:center;gap:.5em;display:flex}.ix-lk{border:1.5px solid var(--line);width:3em;height:3em;color:var(--sub);background:#fff;border-radius:50%;font-size:1em;font-weight:700}.ix-lk.sel{border-color:var(--primary);background:var(--primary);color:#fff}.ix-lk-label{color:var(--muted);margin:0 .3em;font-size:.85em}.ix-sv-avg{grid-template-columns:1fr auto;align-items:center;gap:1em;font-size:1.1em;display:grid}.ix-sv-texts{color:var(--text);margin:0;padding-left:1.2em;line-height:1.7}.row.wrap{flex-wrap:wrap}.dash-sub{color:var(--muted);margin:28px 0 0;font-size:15px}.err ul{margin:6px 0 0;padding-left:1.2em;font-weight:400}.class-card .btn.sm{align-self:flex-start;margin-top:6px}.page-ix.v1{min-height:0;color:var(--ink);font-size:1.9cqw;font-family:var(--f-body,inherit);flex-direction:column;flex:1;display:flex}.themed{--primary:var(--c-primary);--primary-ink:color-mix(in srgb, var(--c-primary) 72%, #000);--primary-soft:color-mix(in srgb, var(--c-primary) 14%, #fff);--ink:var(--c-ink);--text:var(--c-ink);--sub:var(--c-inkSoft);--muted:var(--c-inkSoft);--line:var(--c-line);--fill:color-mix(in srgb, var(--c-surface) 65%, var(--c-line));--fill-2:var(--c-line);font-family:var(--f-body)}.s-ix.themed,.s-focus.themed{background:var(--c-bg);color:var(--c-ink)}.themed .ix-q,.s-focus.themed h2{font-family:var(--f-title);letter-spacing:-.01em}.s-ix.themed .ix-q:after{content:"";background:var(--c-primary);border-radius:999px;width:2.2em;height:.2em;margin-top:.35em;display:block}.themed .ix-opt,.themed .ix-lk,.themed .ix-input,.themed .ix-textarea,.themed .ix-canvas{border-radius:calc(var(--r) * .9)}.themed .ix-opt,.themed .ix-lk{background:var(--c-surface);border-color:var(--c-line)}.themed .btn.primary,.themed .ix-lk.sel,.themed .ix-opt.sel .ix-opt-no{background:var(--c-primary);color:var(--c-onPrimary)}.themed .ix-opt.sel{background:color-mix(in srgb, var(--c-primary) 12%, var(--c-surface));border-color:var(--c-primary);color:var(--c-ink)}.s-focus.themed .s-glyph{color:var(--c-primary);background:var(--c-surface)}.swatch{border:2px solid #ffffff40;border-radius:50%;width:22px;height:22px;margin:0 3px}.swatch.sel{box-shadow:0 0 0 2px var(--primary);border-color:#fff}.ix-draw-tools .swatch{border-color:#0000;width:26px;height:26px}.ix-draw-tools .swatch.sel{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--ink)}.ix-note{color:var(--sub);text-align:center;margin:8px 0 0;font-size:.9em}.ix-err{color:var(--danger,#f04452);text-align:center;margin:8px 0 0;font-weight:600}.ix-req{color:var(--sub);font-size:.85em;font-weight:500}.chip-x{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;justify-content:center;align-items:center;min-width:24px;min-height:24px;margin-left:6px;padding:0;display:inline-flex}.chip-x:hover{opacity:1}.ix-focus{cursor:pointer;width:100%;text-align:inherit;font:inherit;color:inherit;background:0 0;border:0}.ix-thumb-wait,.ix-thumb-miss{aspect-ratio:16/10;background:var(--bg);width:100%;color:var(--sub);border-radius:8px;justify-content:center;align-items:center;font-size:.8em;display:flex}.s-join{place-items:center;height:100%;padding:20px;display:grid}.s-join-card{width:min(520px,100%);box-shadow:var(--shadow);background:#fff;border-radius:20px;flex-direction:column;gap:18px;padding:32px 28px;display:flex}.s-join-card h1{font-size:26px}.seg{background:var(--fill-2);border-radius:12px;padding:3px;display:flex}.seg button{height:40px;color:var(--sub);border-radius:9px;flex:1;font-weight:600}.seg button.sel{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0000001a}.s-cam{flex-direction:column;gap:14px;display:flex}.s-cam-frame{aspect-ratio:16/10;background:var(--dark);color:#aab2bd;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;font-size:14px;display:flex}.code-input{letter-spacing:.3em;text-align:center;text-transform:uppercase;height:60px;font-size:28px;font-weight:700}.s-session{background:var(--success-soft);color:#0a7a4b;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-weight:600;display:flex}.name-grid{flex-wrap:wrap;gap:8px;display:flex}.name-chip{background:var(--fill);height:40px;color:var(--text);border-radius:999px;padding:0 16px;font-weight:600}.name-chip.sel{background:var(--ink);color:#fff}.s-app{background:var(--bg);flex-direction:column;height:100%;display:flex;position:relative}.s-top{background:#fff;flex:none;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.s-top.overlay{z-index:30;padding-right:240px;position:absolute;top:0;left:0;right:0;box-shadow:0 6px 18px #0000001f}.s-me{align-items:baseline;gap:10px;display:flex}.s-name{font-size:16px;font-weight:700}.s-class{color:var(--muted);font-size:13px}.s-meta{align-items:center;gap:10px;display:flex}.s-timer{height:30px;color:var(--primary-ink);background:var(--primary-soft);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.s-timer.done{background:var(--warn-soft);color:#b25e00}.s-page{color:var(--muted);font-size:13px}.conn{background:var(--fill);height:30px;color:var(--sub);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.conn .dot{border-radius:50%;width:7px;height:7px}.conn.live .dot{background:var(--success)}.conn.connecting .dot{background:var(--warn)}.conn.error .dot{background:var(--danger)}.s-stage{flex:1;min-height:0;position:relative;overflow:hidden;container-type:size}.s-stage .stage-wrap,.s-app.expanded .s-stage .stage-wrap{padding:0}.s-ix{height:100%;padding:20px max(24px,50% - 520px) 24px;font-size:clamp(14px,1.5cqw,20px);overflow:auto}.s-ix>.ix{width:100%;max-width:1040px;margin:0 auto}.worksheet{height:100%;color:var(--text);background:#fff;flex-direction:column;gap:16px;padding:24px max(20px,9%) 60px;font-size:17px;line-height:1.7;display:flex;overflow:auto}.worksheet .pg-head{font-size:15px}.worksheet .blk.rich h3{color:var(--ink);margin-top:.4em;font-size:1.45em}.worksheet .blk.rich h4{color:var(--ink);margin-top:.8em;font-size:1.1em}.worksheet .blk.rich p,.worksheet .blk.rich li{font-size:1em}.worksheet .blk.image{flex:none}.worksheet .blk.image img{width:auto;max-width:100%;max-height:320px;margin:0 auto}.worksheet .blk.html{min-height:120px}.worksheet .blk.interaction{background:var(--fill);border-radius:14px;padding:18px;font-size:16px}.worksheet .blk.interaction .ix{height:auto}.ws-end{text-align:center;color:var(--muted);padding-top:24px;font-size:13px}.s-focus,.s-wait{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:24px;display:flex}.s-focus h2,.s-wait h2{margin-top:8px;font-size:clamp(22px,3.2cqw,38px)}.s-focus p,.s-wait p{color:var(--sub);font-size:clamp(15px,1.7cqw,20px)}.s-glyph{width:clamp(64px,9cqw,96px);height:clamp(64px,9cqw,96px);color:var(--primary);box-shadow:var(--shadow);background:#fff;border-radius:50%;place-items:center;display:grid}.s-glyph svg{width:50%;height:50%}.s-glyph.ok{color:var(--success)}.s-glyph.warn{color:var(--warn)}.s-top-handle{z-index:31;width:56px;height:22px;color:var(--sub);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;border-radius:0 0 12px 12px;place-items:center;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001f}.s-top-handle.open{top:52px}.s-status{z-index:55;pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;top:8px;right:8px}.s-status>*{pointer-events:auto;box-shadow:0 2px 8px #0000001f}.s-status .s-timer{height:26px;padding:0 10px;font-size:13px}.s-lock{color:#b25e00;background:var(--warn-soft);border-radius:999px;align-items:center;gap:4px;height:26px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.s-status .conn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;height:26px;padding:0 10px;font-size:12px}.s-status .conn.connecting{color:#b25e00;background:#fff4e0}.s-status .conn.error{color:#fff;background:var(--danger);height:34px;padding:0 14px;font-size:15px;font-weight:800;animation:1.2s ease-in-out infinite conn-pulse}.s-status .conn.error .dot{background:#fff}@keyframes conn-pulse{50%{box-shadow:0 0 0 6px #f0445240}}.s-signals.edge{z-index:29;flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.s-sig{width:40px;color:var(--sub);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe0;border-radius:12px 0 0 12px;flex-direction:column;align-items:center;gap:6px;padding:10px 0;font-size:13px;font-weight:700;display:flex;box-shadow:-2px 2px 10px #00000024}.s-sig span{writing-mode:vertical-rl;letter-spacing:.05em}.s-sig.on{background:var(--warn-soft);color:#b25e00;width:46px}.net-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#191f288c;place-items:center;display:grid;position:absolute;inset:0}.net-card{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:10px;max-width:360px;padding:32px;display:flex}.net-card h3{font-size:20px}.lock-dialog{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:32px 36px;font-size:17px;font-weight:600;display:flex}.dev-pin{width:28px;height:28px;color:var(--muted);opacity:.4;z-index:60;border-radius:8px;place-items:center;display:grid;position:absolute;bottom:8px;left:8px}.dev-pin:hover{opacity:1;background:var(--fill-2)}.s-ix{flex-direction:column;padding:46px 64px 18px max(24px,4cqw);font-size:clamp(16px,min(2.1cqw,3.4cqh),30px);display:flex}.s-ix>.ix{flex:1;max-width:1240px;height:auto;min-height:0}.s-ix .ix-q{font-size:1.5em}.s-ix .ix .btn{border-radius:.7em;min-width:5em;height:3em;font-size:1.05em}.s-ix .ix .btn.lg{height:3.2em;font-size:1.15em}.s-ix .ix-done{flex-wrap:wrap;font-size:1.2em}.s-ix .ix-done .tbtn{background:var(--fill);border-radius:.7em;min-height:2.6em;padding:0 1em;text-decoration:none}.s-ix .ix-done.center{font-size:1.8em}.s-ix .ix-options{flex:1;grid-auto-rows:minmax(3.4em,1fr);gap:.8em;min-height:0}.s-ix .ix-opt{border-radius:.9em;min-height:3.4em;padding:.6em 1em;font-size:1.35em}.s-ix .ix-opt-no{width:2em;height:2em;font-size:.9em}.s-ix.ix-wordcloud .ix-row{font-size:1.3em}.s-ix .ix-input{border-radius:.7em;height:3em}.s-ix.ix-wordcloud .ix-chips{flex:1;align-content:flex-start;font-size:1.4em;overflow:auto}.s-ix .ix-textarea{border-radius:.8em;flex:1;min-height:4.5em;font-size:1.3em}.s-ix .ix-draw-tools{flex-wrap:wrap;gap:.6em}.s-ix .ix-draw-tools .swatch{width:44px;height:44px;margin:0}.s-ix .ix-draw-tools input[type=range]{width:9em;height:44px}.ix-canvas-box{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.s-ix .ix-canvas-box .ix-canvas{aspect-ratio:16/10;flex:none;width:min(100cqw,160cqh);height:auto;max-height:none}.ix-draw-done{flex:1;min-height:0}.s-ix .ix-draw-done img{flex:1;align-self:center;max-width:100%;min-height:0;max-height:none}.s-ix .ix-photo-actions{flex:1;justify-content:center;align-items:center;gap:1em;max-width:none}.s-ix .ix-photo-actions .btn{min-width:16em;min-height:4.4em;font-size:1.3em}.s-ix .ix-survey{gap:1.4em;overflow:auto}.s-ix .ix-survey>*{flex-shrink:0}.s-ix .ix-survey .ix-textarea{flex:none;min-height:3.6em}.s-ix .ix-sv-q{font-size:1.3em}.s-ix .ix-likert{flex-wrap:wrap;gap:.7em}.s-ix .ix-lk{width:3.4em;height:3.4em;font-size:1.15em}.s-ix .ix-lk-label{font-size:1em}.s-focus h2{font-size:clamp(26px,min(4.4cqw,7cqh),60px)}.s-focus p{font-size:clamp(16px,min(2.2cqw,3.6cqh),30px)}.s-focus .s-glyph{width:clamp(72px,16cqh,160px);height:clamp(72px,16cqh,160px)}.s-join.pin{flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,2.4cqh,24px);padding:24px;display:flex;container-type:size}.pin-head{text-align:center}.pin-head h1{margin-top:6px;font-size:clamp(22px,min(3.2cqw,5cqh),40px)}.pin-boxes{background:0 0;gap:clamp(10px,1.6cqw,22px);padding:0;display:flex}.pin-box{aspect-ratio:4/5;border:2px solid var(--line);width:clamp(64px,min(10cqw,15cqh),132px);color:var(--ink);font-variant-numeric:tabular-nums;background:#fff;border-radius:18px;place-items:center;font-size:clamp(36px,min(6cqw,9cqh),80px);font-weight:800;display:grid}.pin-box.cur{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.pin-box.on{border-color:var(--ink)}.pin-boxes.shake{animation:.4s pin-shake}.pin-boxes.shake .pin-box{border-color:var(--danger);color:var(--danger)}@keyframes pin-shake{20%,60%{transform:translate(-12px)}40%,80%{transform:translate(12px)}}.pin-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pin-err{min-height:1.4em;color:var(--danger);font-size:clamp(14px,2.2cqh,18px);font-weight:600}.pin-pad{grid-template-columns:repeat(3,clamp(76px,min(12cqw,11cqh),128px));grid-auto-rows:clamp(56px,9.5cqh,96px);gap:clamp(8px,1.4cqh,14px);display:grid}.pin-key{color:var(--ink);background:#fff;border-radius:16px;place-items:center;font-size:clamp(26px,4.6cqh,40px);font-weight:700;display:grid;box-shadow:0 1px 3px #00000014}.pin-key:active{background:var(--primary-soft)}.pin-key.soft{background:var(--fill);color:var(--sub);font-size:clamp(16px,2.6cqh,22px)}.pin-key:disabled{opacity:.45}.pin-qr{margin-top:4px}.name-step{width:min(720px,100%)}.name-step .name-chip{height:52px;padding:0 20px;font-size:17px}.consent-step{max-width:560px}.consent{background:var(--bg-soft,#f2f4f6);border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px;font-size:16px;line-height:1.6;display:flex}.consent ul{margin:0 0 6px;padding-left:20px}.consent p{margin:0 0 6px}.consent-not{font-weight:600}.s-sig-err{color:#fff;z-index:40;background:#1f2633;border-radius:10px;max-width:240px;padding:8px 12px;font-size:13px;position:fixed;top:50%;right:72px;transform:translateY(-50%)}
/*$vite$:1*/