*,:before,:after{box-sizing:border-box}:root{--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--page-bg:#f6f7f8;--page-text:#1d2327;--muted:#5d6870;--border:#dde2e6;--card:#fff;--accent:#0f3d3e}@media (prefers-color-scheme:dark){:root{--page-bg:#121618;--page-text:#e7ecef;--muted:#9aa6ad;--border:#2b3337;--card:#1a2023;--accent:#7fd3c0}}html,body{font-family:var(--font);background:var(--page-bg);color:var(--page-text);-webkit-font-smoothing:antialiased;margin:0;padding:0}button{font:inherit;cursor:pointer}kbd{font-family:inherit;font-weight:600}.player{background:var(--bg);min-height:100dvh;color:var(--question);flex-direction:column;display:flex;position:relative;overflow:hidden}.progress{background:color-mix(in srgb, var(--question) 18%, transparent);z-index:2;height:4px;position:fixed;inset:0 0 auto}.progress-bar{background:var(--question);height:100%;transition:width .4s}.stage{flex:1;justify-content:center;align-items:center;padding:64px 20px 96px;display:flex}.screen{width:100%;max-width:720px}.screen--center{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.screen-title{margin:0 0 4px;font-size:clamp(1.6rem,4vw,2.25rem);font-weight:500;line-height:1.25}.screen-desc{color:var(--answer);max-width:560px;margin:0 0 16px;font-size:1.15rem;line-height:1.5}.ty-icon{background:color-mix(in srgb, var(--question) 15%, transparent);border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:12px;font-size:1.6rem;display:grid}.question{gap:12px;margin:0;font-size:clamp(1.3rem,3vw,1.75rem);font-weight:500;line-height:1.35;display:flex}.q-num{color:var(--answer);flex-shrink:0;align-items:center;gap:4px;padding-top:.45em;font-size:.9rem;display:inline-flex}.q-arrow{font-size:.8rem}.required{color:var(--answer)}.q-desc{color:var(--answer);margin:8px 0 0;font-size:1.05rem;line-height:1.5}.answer{margin-top:28px}.hint{color:var(--answer);opacity:.85;font-size:.8rem}.error{color:#a1261b;background:#fbe9e7;border-radius:4px;margin:16px 0 0;padding:6px 12px;font-size:.95rem;display:inline-block}.actions{align-items:center;gap:14px;margin-top:28px;display:flex}.actions--center{justify-content:center;margin-top:8px}.btn{background:var(--button);color:var(--button-text);border:0;border-radius:6px;padding:10px 20px;font-size:1.1rem;font-weight:600;transition:transform .1s,opacity .2s}.btn:hover{opacity:.92}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:progress}.btn:focus-visible,.choice:focus-visible,.scale-btn:focus-visible,.star:focus-visible,.nav-btn:focus-visible{outline:3px solid var(--answer);outline-offset:2px}.text-input{border:0;border-bottom:2px solid color-mix(in srgb, var(--answer) 55%, transparent);width:100%;color:var(--answer);font:inherit;resize:none;background:0 0;outline:none;padding:6px 0 10px;font-size:clamp(1.2rem,3vw,1.6rem);transition:border-color .2s;overflow:hidden}.text-input::placeholder{color:color-mix(in srgb, var(--answer) 45%, transparent)}.text-input:focus{border-bottom-color:var(--answer)}.choices{flex-direction:column;gap:8px;max-width:480px;display:flex}.choices--narrow{max-width:220px}.choice{border:1px solid color-mix(in srgb, var(--answer) 45%, transparent);background:color-mix(in srgb, var(--answer) 10%, transparent);width:100%;min-height:44px;color:var(--answer);text-align:left;border-radius:6px;align-items:center;gap:12px;padding:8px 12px;font-size:1.1rem;transition:background .15s,border-color .15s;display:flex}.choice:hover{background:color-mix(in srgb, var(--answer) 20%, transparent)}.choice.is-selected{border-color:var(--answer);border-width:2px;padding:7px 11px;animation:.35s blink}.key{border:1px solid color-mix(in srgb, var(--answer) 55%, transparent);border-radius:3px;place-items:center;min-width:24px;height:24px;font-size:.75rem;font-weight:700;display:inline-grid}.choice.is-selected .key{background:var(--answer);color:var(--bg)}.label{flex:1}.check{font-weight:700}.scale{gap:6px;display:grid}.scale-btn{border:1px solid color-mix(in srgb, var(--answer) 45%, transparent);background:color-mix(in srgb, var(--answer) 10%, transparent);height:52px;color:var(--answer);border-radius:6px;font-size:1.1rem;font-weight:500}.scale-btn:hover{background:color-mix(in srgb, var(--answer) 22%, transparent)}.scale-btn.is-selected{background:var(--answer);color:var(--bg);animation:.35s blink}.scale-labels{color:var(--answer);justify-content:space-between;margin-top:8px;font-size:.85rem;display:flex}.stars{flex-wrap:wrap;gap:4px;display:flex}.star{color:var(--answer);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:4px;display:flex}.star svg{fill:#0000;stroke:currentColor;stroke-width:1.2px;width:48px;height:48px;transition:fill .15s,transform .15s}.star:hover svg{transform:scale(1.08)}.star.is-on svg{fill:currentColor}.star-num{font-size:.8rem}.nav{z-index:2;gap:2px;display:flex;position:fixed;bottom:16px;right:16px}.nav-btn{background:var(--button);width:36px;height:32px;color:var(--button-text);border:0;font-size:.75rem}.nav-btn:first-child{border-radius:4px 0 0 4px}.nav-btn:last-child{border-radius:0 4px 4px 0}.nav-btn:disabled{opacity:.5;cursor:default}.anim-forward{animation:.45s cubic-bezier(.2,.7,.2,1) in-up}.anim-back{animation:.45s cubic-bezier(.2,.7,.2,1) in-down}@keyframes in-up{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}@keyframes in-down{0%{opacity:0;transform:translateY(-48px)}to{opacity:1;transform:none}}@keyframes blink{30%{opacity:.5}}@media (prefers-reduced-motion:reduce){.anim-forward,.anim-back,.choice.is-selected,.scale-btn.is-selected{animation:none}}@media (max-width:600px){.scale{gap:4px}.scale-btn{height:44px;font-size:.95rem}.star svg{width:40px;height:40px}.stage{align-items:flex-start;padding-top:15vh}}.admin{max-width:1100px;margin:0 auto;padding:32px 16px 64px}.admin h1{margin:0 0 4px;font-size:1.6rem}.admin .sub{color:var(--muted);margin:0 0 24px}.admin a{color:var(--accent)}.cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:24px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.card .k{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.card .v{font-variant-numeric:tabular-nums;margin-top:4px;font-size:1.7rem;font-weight:600}.card .d{color:var(--muted);font-size:.8rem}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.link-btn{border:1px solid var(--border);background:var(--card);border-radius:6px;padding:8px 14px;font-size:.9rem;text-decoration:none;display:inline-block;color:var(--page-text)!important}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;white-space:nowrap;padding:9px 12px}td.wrap{white-space:normal;min-width:220px}th{color:var(--muted);background:color-mix(in srgb, var(--border) 35%, transparent);font-weight:600}tr:last-child td{border-bottom:0}.flag{color:#9b2317;background:#fde7e4;border-radius:10px;margin:1px 2px 1px 0;padding:1px 8px;font-size:.75rem;display:inline-block}.empty{text-align:center;color:var(--muted);padding:32px}.form-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.form-list li{background:var(--card);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.login{max-width:380px;padding-top:15vh}.login-card{background:var(--card);border:1px solid var(--border);border-radius:8px;gap:10px;padding:20px;display:grid}.login-card label{font-size:.9rem;font-weight:600}.login-card input{font:inherit;border:1px solid var(--border);background:var(--page-bg);color:var(--page-text);border-radius:6px;padding:8px 10px}.login-card button{justify-self:start}.login-error{color:#c0392b;margin:0;font-size:.88rem}.admin-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.admin-bar form{margin:0}.admin-bar .user{color:var(--muted);font-size:.88rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:16px;display:flex}.form-list .meta{color:var(--muted);margin-top:2px;font-size:.85rem}.badges{gap:6px;margin-top:6px;display:flex}.badge{white-space:nowrap;background:color-mix(in srgb, var(--border) 70%, transparent);color:var(--page-text);border-radius:10px;padding:2px 9px;font-size:.75rem;font-weight:600;display:inline-block}.badge--ok{color:#12603f;background:#dff3ea}.badge--warn{color:#7a4b00;background:#fdf0d5}.btn-primary{border:1px solid var(--accent);background:var(--accent);color:var(--page-bg);white-space:nowrap;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:600}.btn-primary:disabled{opacity:.5;cursor:default}button.link-btn{cursor:pointer}button.link-btn:disabled{opacity:.5;cursor:default}.link-btn.small{padding:4px 10px;font-size:.82rem}.link-btn.danger{color:#b42318!important}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-form .input{min-width:280px}.form-error,.input-error-text{color:#c0392b;width:100%;margin:0;font-size:.85rem}.notice{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:6px;margin:0 0 12px;padding:10px 14px;font-size:.9rem}.notice ul{margin:6px 0 0;padding-left:20px}.notice summary{cursor:pointer;font-weight:600}.notice--ok{border-left-color:#1f9d63}.notice--error{border-left-color:#c0392b}.notice--warn{border-left-color:#d68a00}.notice .link-btn{margin-left:10px}.input{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--page-text);border-radius:6px;width:100%;min-width:0;padding:7px 9px;font-size:.9rem}textarea.input{resize:vertical}select.input{width:auto;max-width:100%}.input:focus{outline:2px solid color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:0}.input--num{width:90px}.input--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.input--error{border-color:#c0392b}.muted{color:var(--muted)}.small{font-size:.82rem}.builder{max-width:1600px;margin:0 auto;padding:12px 16px 48px}.builder a{color:var(--accent)}.builder-top{flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0 12px;display:flex}.builder-top .back{white-space:nowrap}.title-input{font:inherit;color:var(--page-text);background:0 0;border:1px solid #0000;border-radius:6px;flex:0 420px;min-width:220px;padding:4px 8px;font-size:1.2rem;font-weight:600}.title-input:hover,.title-input:focus{border-color:var(--border);background:var(--card)}.save-state{color:var(--muted);align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.save-state--error{color:#c0392b}.spacer{flex:1}.builder-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.builder-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 14px;font-size:.92rem}.builder-tabs button.is-active{color:var(--page-text);border-bottom-color:var(--accent);font-weight:600}.builder-body{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:20px;display:grid}.builder-main{min-width:0}.builder-split{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.panel-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:14px 0 6px;font-size:.75rem;font-weight:600;display:block}.outline .panel-title:first-child{margin-top:0}.outline-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.outline-list li{border-radius:6px;align-items:stretch;gap:2px;display:flex}.outline-list li.is-dragging{opacity:.4}.outline-list li.drop-before{box-shadow:0 -2px 0 var(--accent)}.outline-list li.drop-after{box-shadow:0 2px 0 var(--accent)}.outline-item{text-align:left;border:1px solid var(--border);background:var(--card);width:100%;color:var(--page-text);border-radius:6px;align-items:center;gap:10px;min-width:0;margin-bottom:4px;padding:7px 9px;display:flex}.outline-list .outline-item{cursor:grab;margin:0}.outline-item.is-selected{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.outline-num{background:color-mix(in srgb, var(--accent) 15%, transparent);min-width:24px;height:24px;color:var(--accent);border-radius:4px;flex:none;place-items:center;font-size:.78rem;font-weight:700;display:inline-grid}.outline-text{min-width:0;display:grid}.outline-type{color:var(--muted);font-size:.72rem}.outline-title{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.outline-move{flex-direction:column;gap:2px;display:flex}.outline-move .icon-btn{flex:1;height:auto}.add-field{margin-top:8px;display:block}.add-field .input{width:100%}.add-ending{margin-top:4px}.icon-btn{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:4px;width:26px;height:26px;padding:0;font-size:.65rem;line-height:1}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn--danger{color:#b42318}.row-tools{flex:none;align-items:center;gap:4px;display:inline-flex}.props{background:var(--card);border:1px solid var(--border);border-radius:8px;align-content:start;gap:12px;padding:4px 16px 16px;display:grid}.props-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.props p{margin:0}.prop{gap:4px;min-width:0;display:grid}.prop-label{font-size:.85rem;font-weight:600}.prop-hint{color:var(--muted);font-size:.78rem}.prop-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.check-row{align-items:center;gap:8px;font-size:.9rem;display:flex}.inline-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inline-row>.input:not(select):not(.input--num){flex:160px;width:auto}.choice-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.choice-list li{align-items:center;gap:6px;display:flex}.choice-key{border:1px solid var(--border);width:24px;height:24px;color:var(--muted);border-radius:4px;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid}.advanced summary{cursor:pointer;color:var(--muted);margin-bottom:8px;font-size:.85rem}.logic{gap:12px;display:grid}.logic>p{margin:0}.rule-card{background:var(--card);border:1px solid var(--border);border-radius:8px;gap:8px;padding:12px 14px;display:grid}.rule-card h3{align-items:center;gap:8px;margin:0;font-size:.95rem;display:flex}.rule-card p{margin:0}.action-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.action-row{border:1px dashed var(--border);border-radius:6px;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.action-body,.condition{flex:1;gap:6px;min-width:0;display:grid}.comparison{padding-left:22px}.kw{color:var(--muted);white-space:nowrap;font-size:.82rem;font-weight:600}.settings{gap:16px;display:grid}.settings-section{background:var(--card);border:1px solid var(--border);border-radius:8px;gap:10px;padding:4px 16px 16px;display:grid}.settings-section p{margin:0}.presets{flex-wrap:wrap;gap:8px;display:flex}.preset{border:2px solid;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;display:inline-flex}.preset span{border-radius:4px;padding:1px 6px;font-weight:700}.colors{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.color{grid-template-columns:auto 1fr;align-items:center;column-gap:8px;font-size:.85rem;display:grid}.color input{border:1px solid var(--border);background:0 0;border-radius:6px;grid-row:span 2;width:40px;height:36px;padding:2px}.color code{color:var(--muted);font-size:.75rem}.chips,.var-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.var-list{display:grid}.var-list li{align-items:center;gap:10px;display:flex}.chip{border:1px solid var(--border);border-radius:14px;align-items:center;gap:6px;padding:2px 4px 2px 10px;display:inline-flex}.chip-x{color:var(--muted);background:0 0;border:0;font-size:.7rem}.share{background:var(--card);border:1px solid var(--border);border-radius:8px;gap:14px;padding:4px 16px 16px;display:grid}.share p{margin:0}.builder-preview{gap:6px;display:grid;position:sticky;top:12px}.builder-preview p{margin:0}.preview-head{justify-content:space-between;align-items:center;display:flex}.preview-head .panel-title{margin:0}.preview-frame{border:1px solid var(--border);background:var(--card);border-radius:10px;height:min(680px,100dvh - 120px);min-height:420px;overflow:hidden;transform:translateZ(0)}.preview-frame .player{height:100%;min-height:100%}.preview-frame .stage{overflow-y:auto}.preview-empty{color:var(--muted);padding:24px}@media (max-width:1100px){.builder-body{grid-template-columns:1fr}.builder-preview{position:static}}@media (max-width:720px){.builder-split{grid-template-columns:1fr}.inline-form .input{min-width:0}}.condition>.link-btn,.prop>.link-btn{justify-self:start}