:root{--bg:#f8f9fa;--surface:#fff;--border:#e2e8f0;--text:#1a202c;--text-muted:#718096;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#dbeafe;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}p,h1,h2,h3,h4,span,a,li,td,th{overflow-wrap:break-word}button{cursor:pointer;font:inherit;border:none}input,select,textarea{font:inherit}.app{min-height:100vh;display:flex}.main{padding:1.5rem;padding-left:max(1.5rem, env(safe-area-inset-left));padding-right:max(1.5rem, env(safe-area-inset-right));padding-bottom:max(1.5rem, env(safe-area-inset-bottom));flex:1;width:100%;min-width:0;max-width:1200px;margin:0 auto}@media (width<=600px){.main{padding:.875rem;padding-left:max(.875rem, env(safe-area-inset-left));padding-right:max(.875rem, env(safe-area-inset-right));padding-bottom:max(.875rem, env(safe-area-inset-bottom))}}.app-loading{text-align:center;color:var(--text-muted);padding:3rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.page-header h2{overflow-wrap:break-word;min-width:0;margin:0;font-size:1.5rem;font-weight:600}@media (width<=600px){.page-header{margin-bottom:1rem}.page-header h2{font-size:1.25rem}}.btn{border-radius:var(--radius);min-height:2.5rem;color:var(--text);touch-action:manipulation;background:0 0;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{opacity:.9}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-sm{min-height:1.75rem;padding:.25rem .625rem;font-size:.8rem}@media (width<=600px){.btn-sm{min-height:2.25rem;padding:.375rem .85rem}.btn-sm-tight{min-height:1.75rem;padding:.25rem .625rem}}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.25rem;font-size:.85rem;font-weight:500;display:block}.form-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;min-height:2.5rem;color:var(--text);padding:.5rem .75rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.modal-overlay{z-index:50;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:480px;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 60px #00000026}@media (width<=600px){.modal-overlay{align-items:flex-end;padding:.5rem}.modal{max-height:92vh;padding:1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom))}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:auto}}.modal h3{margin-bottom:1rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.toast{background:var(--text);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:100;align-items:center;gap:.75rem;max-width:calc(100vw - 3rem);padding:.75rem 1rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast.error{background:var(--danger)}.toast-action{color:#fff;border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #fff6;padding:.25rem .5rem;font-size:.8rem}@media (width<=768px){.toast{left:1rem;right:1rem;bottom:max(1.5rem, env(safe-area-inset-bottom));max-width:none}}img,video,canvas,svg{max-width:100%;height:auto}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}:root{--forms-gradient:linear-gradient(135deg, #a78bfa, #ec4899);--forms-accent:#7c3aed;--forms-bg:#fafaf7;--forms-card:#fff;--forms-card-purple:#f5f3ff;--forms-card-gray:#f3f4f6;--forms-text:#111827;--forms-muted:#6b7280;--forms-border:#e5e7eb;--forms-success:#10b981;--forms-danger:#ef4444}*{box-sizing:border-box}html,body,#root{background:var(--forms-bg);color:var(--forms-text);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.owner-shell{max-width:960px;margin:0 auto;padding:24px 16px 96px}.owner-title{margin:8px 0 16px;font-size:22px;font-weight:700}.card{background:var(--forms-card);border-radius:24px;margin-bottom:12px;padding:16px;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f}.card-pastel-purple{background:var(--forms-card-purple)}.card-pastel-gray{background:var(--forms-card-gray)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.btn{cursor:pointer;color:var(--forms-text);box-shadow:inset 0 0 0 1px var(--forms-border);background:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--forms-gradient);color:#fff;box-shadow:0 4px 12px #7c3aed40}.btn-ghost{box-shadow:none;color:var(--forms-muted);background:0 0}.btn-full{width:100%}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.input,.input-textarea{border:1px solid var(--forms-border);width:100%;color:var(--forms-text);background:#fff;border-radius:16px;padding:14px 16px;font-family:inherit;font-size:16px}.input-textarea{resize:vertical;min-height:96px}.input-with-icon{position:relative}.input-with-icon .input{padding-right:44px}.input-with-icon .icon-trailing{color:var(--forms-muted);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.label{color:var(--forms-text);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.help-text{color:var(--forms-muted);margin-top:4px;font-size:13px}.field-error{color:var(--forms-danger);margin-top:4px;font-size:13px}.divider-or{color:var(--forms-muted);align-items:center;gap:12px;margin:12px 0;font-size:13px;display:flex}.divider-or:before,.divider-or:after{content:"";background:var(--forms-border);flex:1;height:1px}.pill{color:var(--forms-text);background:#f3f4f6;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill-registered{color:#065f46;background:#d1fae5}.wizard-shell{background:var(--forms-bg);min-height:100vh}.wizard-content{max-width:520px;margin:0 auto;padding:24px 20px 120px}.wizard-header{text-align:center;margin-bottom:18px}.wizard-title{font-size:22px;font-weight:700}.wizard-subtitle{color:var(--forms-muted);margin-top:4px}.wizard-progress{gap:6px;margin:8px 0 24px;display:flex}.wizard-progress>*{background:var(--forms-border);border-radius:999px;flex:1;height:6px}.wizard-progress>.active{background:var(--forms-gradient)}.wizard-field{margin-bottom:14px}.wizard-actions{background:linear-gradient(to top, var(--forms-bg) 80%, transparent);padding-top:12px;padding-bottom:calc(env(safe-area-inset-bottom) + 12px);flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.upload-zone{text-align:center;cursor:pointer;background:#fff;border:2px dashed #cbd5e1;border-radius:24px;padding:28px 16px;transition:border-color .15s,background-color .15s}.upload-zone:hover{border-color:var(--forms-accent);background:#fafaff}.upload-zone.dragover{border-color:var(--forms-accent);background:#f5f3ff}.upload-zone-small{padding:18px 12px}.upload-zone .icon{color:var(--forms-muted);margin:0 auto 6px;display:block}.option-row{border:1px solid var(--forms-border);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:12px;margin-bottom:6px;padding:12px 14px;display:flex}.option-row.selected{border-color:var(--forms-accent);background:var(--forms-card-purple)}.option-row .swatch{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.option-row .label{flex:1;margin:0}.option-row .dot{border:2px solid var(--forms-border);border-radius:999px;width:18px;height:18px}.option-row.selected .dot{border-color:var(--forms-accent);background:radial-gradient(circle, var(--forms-accent) 6px, transparent 7px)}.slider-display{text-align:center;background:var(--forms-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:36px;font-weight:800}.slider-track{background:var(--forms-border);appearance:none;border-radius:999px;width:100%;height:6px}.slider-track::-webkit-slider-thumb{appearance:none;background:var(--forms-gradient);cursor:pointer;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 6px #7c3aed66}.slider-track::-moz-range-thumb{background:var(--forms-accent);cursor:pointer;border:none;border-radius:50%;width:28px;height:28px}.slider-range{color:var(--forms-muted);justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.rating-row{justify-content:center;gap:6px;display:flex}.rating-row button{cursor:pointer;color:#d1d5db;background:0 0;border:none;font-size:32px}.rating-row button.active{color:#fbbf24}.likert-row{justify-content:space-between;gap:6px;display:flex}.likert-row button{border:1px solid var(--forms-border);cursor:pointer;background:#fff;border-radius:14px;flex:1;padding:12px 0;font-weight:600}.likert-row button.active{background:var(--forms-gradient);color:#fff;border-color:#0000}.likert-endpoints{color:var(--forms-muted);justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.poll-results{flex-direction:column;gap:6px;display:flex}.poll-bar{background:var(--forms-card-gray);border-radius:999px;height:28px;position:relative;overflow:hidden}.poll-bar .fill{width:var(--pct,0%);background:var(--forms-gradient);transition:width .3s ease-out;position:absolute;inset:0}.poll-bar .row{z-index:1;color:#fff;mix-blend-mode:difference;justify-content:space-between;align-items:center;height:100%;padding:0 12px;font-size:13px;font-weight:600;display:flex;position:relative}.status-timeline{flex-direction:column;gap:8px;margin-top:16px;display:flex}.status-stage{border:1px solid var(--forms-border);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-weight:600;display:flex}.status-stage .dot{background:var(--forms-card-gray);border-radius:999px;width:18px;height:18px}.status-stage.done{background:var(--forms-card-purple);border-color:#0000}.status-stage.done .dot{background:var(--forms-success)}.status-stage.current .dot{background:var(--forms-accent);box-shadow:0 0 0 4px #7c3aed33}.geo-btn{background:var(--forms-gradient);color:#fff;cursor:pointer;border:none;border-radius:16px;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:12px 16px;font-weight:600;display:flex;box-shadow:0 4px 12px #7c3aed40}.engagement{flex-direction:column;gap:8px;display:flex}.engagement-bubble{border:1px solid var(--forms-border);background:#fff;border-radius:18px;max-width:80%;padding:10px 14px;font-size:14px}.engagement-bubble.from-admin{background:var(--forms-gradient);color:#fff;border:none;align-self:flex-end}.engagement-bubble.from-bot{background:var(--forms-card-purple);border-color:#0000;align-self:flex-start}.engagement-bubble .meta{opacity:.7;margin-top:4px;font-size:11px}.edit-layout{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=900px){.edit-layout{grid-template-columns:1fr 1fr}}.edit-rail{background:#fff;border-radius:24px;padding:16px;box-shadow:0 1px 2px #0000000a}.tabbar{gap:8px;margin-bottom:16px;display:flex}.tabbar a{text-align:center;color:var(--forms-text);background:#f3f4f6;border-radius:999px;flex:1;padding:10px 14px;font-weight:600;text-decoration:none}.tabbar a.active{background:var(--forms-gradient);color:#fff}