:root{--color-ink-50:#f2f1fb;--color-ink-100:#e3e1f6;--color-ink-200:#c7c2ed;--color-ink-300:#a29ae0;--color-ink-400:#7c71d0;--color-ink-500:#5b4fbd;--color-ink-600:#473c9e;--color-ink-700:#362f7d;--color-ink-800:#262058;--color-ink-900:#191536;--color-neutral-0:#fff;--color-neutral-50:#faf9f7;--color-neutral-100:#f2f0eb;--color-neutral-200:#e4e0d8;--color-neutral-300:#cfc9bc;--color-neutral-400:#a99f8c;--color-neutral-500:#7d7364;--color-neutral-600:#5b5347;--color-neutral-700:#423c33;--color-neutral-800:#2b2721;--color-neutral-900:#1a1712;--color-success:#0f7a5c;--color-success-bg:#dcefe6;--color-warning:#b4650c;--color-warning-bg:#f5e3cd;--color-error:#c33a2e;--color-error-bg:#f3d9d6;--font-display:"Fraunces", serif;--font-body:"Public Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--text-caption:500 12px/1.3 var(--font-body);--text-body-sm:400 14px/1.4 var(--font-body);--text-body:400 16px/1.5 var(--font-body);--text-body-lg:400 18px/1.5 var(--font-body);--text-heading:600 20px/1.3 var(--font-body);--text-title:600 24px/1.3 var(--font-body);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 1px 2px #1a17120a;--shadow-modal:0 20px 60px #1a171240;--shadow-popover:0 4px 24px #1a171214;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body)}*{box-sizing:border-box}body{background:var(--color-neutral-100);min-height:100vh;color:var(--color-neutral-800);margin:0}h1,h2,h3{font-family:var(--font-display);margin:0}button{cursor:pointer;font-family:inherit}.app-loading{height:100vh;color:var(--color-neutral-500);font:var(--text-body);justify-content:center;align-items:center;display:flex}.auth-page{min-height:100vh;padding:var(--space-4);background:var(--color-neutral-100);justify-content:center;align-items:center;display:flex}.auth-form{background:var(--color-neutral-0);width:100%;max-width:400px;padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-popover);gap:var(--space-3);flex-direction:column;display:flex}.auth-form h1{text-align:left;font:600 28px/1.2 var(--font-display);color:var(--color-neutral-900);margin:0}.auth-subtitle{margin:0 0 var(--space-2);text-align:left;color:var(--color-neutral-500);font:var(--text-body-sm)}.auth-form label{gap:var(--space-1);font:500 13px/1 var(--font-body);color:var(--color-neutral-700);flex-direction:column;display:flex}.auth-form input{height:48px;padding:0 var(--space-4);border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-md);font:var(--text-body);color:var(--color-neutral-800);background:var(--color-neutral-0)}.auth-form input:focus{border-color:var(--color-ink-600);box-shadow:0 0 0 3px var(--color-ink-100);outline:none}.auth-form button[type=submit]{margin-top:var(--space-2);border-radius:var(--radius-md);background:var(--color-ink-600);height:48px;color:var(--color-neutral-0);font:600 15px/1 var(--font-body);border:none}.auth-form button[type=submit]:hover:not(:disabled){background:var(--color-ink-700)}.auth-form button[type=submit]:disabled{opacity:.6;cursor:default}.auth-error{color:var(--color-error);font:var(--text-body-sm);margin:0}.link-button{color:var(--color-ink-600);font:600 13px/1 var(--font-body);background:0 0;border:none;padding:0}.link-button:hover{color:var(--color-ink-700)}.link-button.danger{color:var(--color-error)}.setup-link{text-align:center;margin-top:-.5rem}.app-shell{background:var(--color-neutral-100);min-height:100vh;display:flex}.app-sidebar{background:var(--color-neutral-0);border-right:1px solid var(--color-neutral-200);width:220px;padding:var(--space-5) var(--space-3);gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.app-sidebar-logo{align-items:center;gap:var(--space-2);padding:0 var(--space-2) var(--space-5) var(--space-2);display:flex}.app-sidebar-logo-mark{border-radius:var(--radius-sm);background:var(--color-ink-700);width:32px;height:32px;color:var(--color-neutral-0);font:600 15px/1 var(--font-display);flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-sidebar-logo-text{font:600 18px/1 var(--font-display);color:var(--color-neutral-900)}.app-sidebar-nav{gap:var(--space-1);flex-direction:column;display:flex}.app-sidebar-nav button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-neutral-600);font:500 14px/1 var(--font-body);text-align:left;background:0 0;border:none;display:flex}.app-sidebar-nav button:hover{background:var(--color-neutral-100);color:var(--color-neutral-800)}.app-sidebar-nav button.active{background:var(--color-ink-50);color:var(--color-ink-700);font-weight:600}.app-sidebar-user{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) 0;border-top:1px solid var(--color-neutral-100);padding-top:var(--space-3);margin-top:auto;display:flex}.app-sidebar-avatar{border-radius:var(--radius-pill);background:var(--color-neutral-200);flex-shrink:0;width:28px;height:28px}.app-sidebar-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.app-sidebar-user-name{font:600 13px/1.3 var(--font-body);color:var(--color-neutral-800);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-sidebar-user-role{font:400 12px/1.3 var(--font-body);color:var(--color-neutral-400)}.app-sidebar-logout{color:var(--color-neutral-400);padding:var(--space-1);background:0 0;border:none;flex-shrink:0;font-size:16px}.app-sidebar-logout:hover{color:var(--color-error)}.app-main{min-width:0;padding:var(--space-6) var(--space-7);flex:1}@media (width<=720px){.app-shell{flex-direction:column}.app-sidebar{border-right:none;border-bottom:1px solid var(--color-neutral-200);width:100%;padding:var(--space-2) var(--space-4);flex-direction:row;align-items:center}.app-sidebar-logo{padding-bottom:0}.app-sidebar-nav{margin-left:var(--space-4);flex-direction:row}.app-sidebar-user{border-top:none;margin-top:0;margin-left:auto;padding-top:0}.app-sidebar-user-info{display:none}.app-main{padding:var(--space-4)}}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-title{font:600 32px/1.15 var(--font-display);color:var(--color-neutral-900);margin:0 0 var(--space-1)}.page-subtitle{font:var(--text-body-sm);color:var(--color-neutral-500);max-width:640px;margin:0}.page-header-actions{gap:var(--space-3);flex-shrink:0;display:flex}.dashboard-placeholder{color:var(--color-neutral-500);font:var(--text-body-sm)}.btn{height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);font:600 14px/1 var(--font-body);justify-content:center;align-items:center;gap:var(--space-2);white-space:nowrap;border:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:default}.btn-sm{height:34px;padding:0 var(--space-3);font-size:13px}.btn-primary{background:var(--color-ink-600);color:var(--color-neutral-0)}.btn-primary:hover:not(:disabled){background:var(--color-ink-700)}.btn-secondary{background:var(--color-neutral-0);color:var(--color-ink-600);border:1.5px solid var(--color-ink-600)}.btn-secondary:hover:not(:disabled){background:var(--color-ink-50);color:var(--color-ink-700);border-color:var(--color-ink-700)}.btn-ghost{color:var(--color-neutral-700);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-100)}.btn-danger{background:var(--color-error);color:var(--color-neutral-0)}.btn-danger:hover:not(:disabled){background:#a52d23}.new-form-form{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.new-form-form input{max-width:360px;height:44px;padding:0 var(--space-4);border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-md);font:var(--text-body);flex:220px}.new-form-form input:focus{border-color:var(--color-ink-600);box-shadow:0 0 0 3px var(--color-ink-100);outline:none}.ai-generate-card{max-width:560px}.ai-generate-form{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.ai-generate-form input,.ai-generate-form textarea{padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-md);font-family:inherit;font-size:14px}.ai-generate-form input:focus,.ai-generate-form textarea:focus{border-color:var(--color-ink-600);box-shadow:0 0 0 3px var(--color-ink-100);outline:none}.ai-generate-form textarea{resize:vertical}.ai-generate-form button[type=submit]{height:44px;padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--color-ink-600);color:var(--color-neutral-0);font:600 14px/1 var(--font-body);border:none;align-self:flex-start}.ai-generate-form button[type=submit]:hover:not(:disabled){background:var(--color-ink-700)}.ai-generate-form button[type=submit]:disabled{opacity:.6}.table-card{background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow-x:auto}.forms-table{border-collapse:collapse;white-space:nowrap;width:100%}.forms-table th{text-align:left;padding:var(--space-3) var(--space-5);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);font:600 12px/1 var(--font-body);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.06em}.forms-table td{text-align:left;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-neutral-100);font:var(--text-body-sm);color:var(--color-neutral-600)}.forms-table tbody tr{cursor:pointer}.forms-table tbody tr:hover{background:var(--color-neutral-50)}.forms-table-title{font:600 14px/1.3 var(--font-body)!important;color:var(--color-neutral-800)!important}.forms-table-actions{text-align:right!important}.status-badge{border-radius:var(--radius-pill);font:600 12px/1 var(--font-body);background:var(--color-neutral-100);color:var(--color-neutral-600);padding:4px 10px;display:inline-flex}.status-draft{background:var(--color-neutral-100);color:var(--color-neutral-600)}.status-published{background:var(--color-success-bg);color:var(--color-success)}.status-paused{background:var(--color-warning-bg);color:var(--color-warning)}.form-editor-page{max-width:1280px;padding:0 var(--space-6) var(--space-7);margin:0 auto}.form-editor-header{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;margin:0 calc(-1 * var(--space-6)) var(--space-3);padding-left:var(--space-6);padding-right:var(--space-6);background:var(--color-neutral-900);color:var(--color-neutral-0);display:flex}.form-editor-header .link-button{color:var(--color-neutral-300)}.form-editor-header .link-button:hover{color:var(--color-neutral-0)}.form-title-input{font:600 18px/1 var(--font-body);color:var(--color-neutral-0);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);background:0 0;border:none;flex:1}.form-title-input:focus{outline:1.5px solid var(--color-ink-400);background:#ffffff0f}.form-editor-header-actions{align-items:center;gap:var(--space-3);display:flex}.saved-indicator{color:var(--color-neutral-400);font:var(--text-caption)}.form-editor-header-actions button{height:38px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--color-ink-500);color:var(--color-neutral-0);font:600 13px/1 var(--font-body);border:none}.form-editor-header-actions button:hover:not(:disabled){background:var(--color-ink-400)}.form-editor-header-actions button:disabled{opacity:.6}.form-editor-body{gap:var(--space-5);grid-template-columns:1fr 380px;align-items:start;display:grid}@media (width<=900px){.form-editor-body{grid-template-columns:1fr}.form-editor-preview{position:static}}.form-editor-builder{gap:var(--space-4);flex-direction:column;display:flex}.form-intro-editor{background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.form-intro-editor label{font:500 12px/1 var(--font-body);color:var(--color-neutral-500)}.form-intro-editor textarea,.form-intro-editor input{border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font:var(--text-body-sm);color:var(--color-neutral-800);resize:vertical;font-family:inherit}.form-intro-editor input{height:38px}.form-intro-editor input:focus,.form-intro-editor textarea:focus{border-color:var(--color-ink-600);box-shadow:0 0 0 3px var(--color-ink-100);outline:none}.form-intro-editor input:disabled,.form-intro-editor textarea:disabled{background:var(--color-neutral-100);color:var(--color-neutral-400)}.screen-editor{background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-4)}.screen-editor-header,.question-editor-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.screen-editor-header h3{min-width:100px;font:600 16px/1 var(--font-body);color:var(--color-neutral-800);flex:auto;margin:0}.question-editor-header select{flex:160px;min-width:0}.drag-handle{cursor:grab;color:var(--color-neutral-300);font-size:1.1rem}.screen-editor-actions,.question-editor-actions{gap:var(--space-1);flex-wrap:wrap;margin-left:auto;display:flex}.screen-editor-actions button,.question-editor-actions button{border:1.5px solid var(--color-neutral-200);background:var(--color-neutral-0);border-radius:var(--radius-sm);padding:4px var(--space-2);font:500 13px/1.4 var(--font-body);color:var(--color-neutral-600)}.screen-editor-actions button:hover:not(:disabled),.question-editor-actions button:hover:not(:disabled){border-color:var(--color-neutral-300);color:var(--color-neutral-800)}.screen-editor-actions button.danger,.question-editor-actions button.danger{color:var(--color-error);border-color:#f0cbc6}.questions-list{gap:var(--space-3);margin:var(--space-3) 0;flex-direction:column;display:flex}.question-editor{background:var(--color-neutral-50);border:1px solid var(--color-neutral-100);border-radius:var(--radius-md);padding:var(--space-3)}.question-editor select{padding:6px var(--space-2);border-radius:var(--radius-sm);border:1.5px solid var(--color-neutral-200);font:500 13px/1 var(--font-body);background:var(--color-neutral-0)}.question-text-input,.question-helper-input{width:100%;padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-sm);margin-top:var(--space-2);font:500 15px/1 var(--font-body);color:var(--color-neutral-800);background:var(--color-neutral-0)}.question-text-input:focus,.question-helper-input:focus{border-color:var(--color-ink-600);box-shadow:0 0 0 3px var(--color-ink-100);outline:none}.question-helper-input{font:var(--text-body-sm);color:var(--color-neutral-500)}.question-image-field{margin-top:var(--space-2)}.question-image-add-button{padding:var(--space-2) var(--space-3);border:1.5px dashed var(--color-neutral-300);border-radius:var(--radius-sm);color:var(--color-neutral-500);font:500 13px/1 var(--font-body);background:0 0}.question-image-add-button:hover:not(:disabled){border-color:var(--color-ink-400);color:var(--color-ink-600)}.question-image-preview{align-items:center;gap:var(--space-3);display:flex}.question-image-preview img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-neutral-200);width:96px;height:64px}.required-toggle{align-items:center;gap:var(--space-2);font:500 13px/1 var(--font-body);margin-top:var(--space-2);color:var(--color-neutral-600);display:flex}.required-toggle input{accent-color:var(--color-ink-600)}.choices-editor,.icon-scale-editor{margin-top:var(--space-2);gap:var(--space-2);flex-direction:column;display:flex}.choice-row{gap:var(--space-2);display:flex}.choice-row input{padding:var(--space-2) var(--space-2);border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-sm);font:var(--text-body-sm);flex:1}.choice-row input:focus{border-color:var(--color-ink-600);outline:none}.icon-scale-editor{gap:var(--space-4);flex-flow:wrap}.icon-scale-editor label{gap:var(--space-1);font:500 13px/1 var(--font-body);color:var(--color-neutral-600);flex-direction:column;display:flex}.split-screen-button{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1) var(--space-2);margin:calc(-1 * var(--space-1)) 0 var(--space-1);color:var(--color-neutral-300);font:500 11px/1 var(--font-body);opacity:0;background:0 0;border:1px dashed #0000;border-left:none;border-right:none;transition:opacity .15s,color .15s;display:flex}.questions-list:hover .split-screen-button{opacity:1}.split-screen-button:hover{color:var(--color-ink-600);border-color:var(--color-ink-200)}.screen-editor-drop-target{outline:2px dashed var(--color-ink-400);outline-offset:4px;background:var(--color-ink-50)}.question-drop-target{outline:2px solid var(--color-ink-500);outline-offset:2px;border-radius:var(--radius-md)}.add-question-menu{position:relative}.add-question-options{z-index:10;background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);margin-top:var(--space-1);flex-direction:column;min-width:240px;display:flex;position:absolute;overflow:hidden}.add-question-options button{text-align:left;padding:var(--space-2) var(--space-3);font:500 14px/1 var(--font-body);color:var(--color-neutral-700);background:0 0;border:none}.add-question-options button:hover{background:var(--color-neutral-50)}.add-screen-button{padding:var(--space-3);border:1.5px dashed var(--color-neutral-300);border-radius:var(--radius-md);color:var(--color-neutral-500);font:600 13px/1 var(--font-body);background:0 0}.add-screen-button:hover{border-color:var(--color-ink-400);color:var(--color-ink-600)}.content-tab-actions{gap:var(--space-3);display:flex}.content-tab-actions .add-screen-button{flex:1}.ai-edit-button{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-ink-600), var(--color-ink-700));color:var(--color-neutral-0);font:600 13px/1 var(--font-body);white-space:nowrap;border:none}.ai-edit-button:hover{filter:brightness(1.05)}.form-editor-preview{top:var(--space-4);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-4);position:sticky}.form-editor-preview h3{font:600 12px/1 var(--font-body);color:var(--color-neutral-400);text-transform:uppercase;letter-spacing:.06em;margin-top:0}@keyframes screen-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes screen-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.preview-screen-content{scroll-margin-top:var(--space-4)}.preview-screen-content.phase-leave{pointer-events:none;animation:.34s ease-in forwards screen-fade-out}.preview-screen-content.phase-enter{animation:.46s ease-out screen-fade-in}@media (prefers-reduced-motion:reduce){.preview-screen-content.phase-leave,.preview-screen-content.phase-enter{animation:none}}.progress-bar{border-radius:var(--radius-pill);background:#786e5f2e;height:5px;overflow:hidden}.progress-bar-fill{background:var(--preview-button-bg,var(--color-ink-600));height:100%;transition:width .2s}.preview-progress{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.preview-progress-label,.preview-screen-label{font:500 12px/1 var(--font-body);opacity:.55;margin:0}.preview-intro{margin-bottom:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.preview-intro-title{font:600 22px/1.3 var(--font-display);margin:0}.preview-intro-description{opacity:.7;margin:0;font:400 14px/1.5 inherit}.preview-question{margin-bottom:var(--space-5);padding:var(--space-2);border-radius:var(--radius-md)}.preview-question-focused{background:color-mix(in srgb, currentColor 8%, transparent)}.preview-question-text{margin:0 0 var(--space-1);font:600 18px/1.35 inherit}.required-mark{color:var(--color-error);margin-left:.2rem}.preview-question-helper{opacity:.6;margin:0 0 var(--space-2);font:400 13px/1.4 inherit}.preview-question-image{object-fit:cover;border-radius:var(--radius-md);width:100%;max-height:280px;margin:0 0 var(--space-3);display:block}.preview-question input,.preview-question textarea{width:100%;padding:var(--space-3);border-radius:var(--radius-md);color:inherit;background:0 0;border:1.5px solid #786e5f4d;font-family:inherit;font-size:15px}.preview-options{gap:var(--space-2);flex-direction:column;display:flex}.preview-options button{min-height:52px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:inherit;text-align:left;background:0 0;border:1.5px solid #786e5f4d;font:500 15px/1.3 inherit}.preview-options button.selected{border-color:var(--preview-button-bg,var(--color-ink-600));background:color-mix(in srgb, var(--preview-button-bg,var(--color-ink-600)) 12%, transparent)}.preview-nav-buttons{gap:var(--space-3);margin-top:var(--space-2);display:flex}.preview-next-button{border-radius:var(--radius-md);background:var(--preview-button-bg,var(--color-ink-600));height:52px;color:var(--preview-button-text,white);border:none;flex:1;font:600 15px/1 inherit}.preview-next-button:disabled{opacity:.5}.preview-back-button{height:52px;padding:0 var(--space-4);border-radius:var(--radius-md);color:inherit;opacity:.75;background:0 0;border:1.5px solid #786e5f4d;flex:none;font:600 15px/1 inherit}.preview-back-button:hover:not(:disabled){opacity:1}.preview-back-button:disabled{opacity:.4}.preview-empty{opacity:.6;font:var(--text-body-sm)}.preview-footer{text-align:center;opacity:.35;margin:var(--space-4) 0 0;font:400 11px/1 inherit}.preview-thanks{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-8) var(--space-4);flex-direction:column;display:flex}.preview-thanks-icon{border-radius:var(--radius-pill);justify-content:center;align-items:center;width:64px;height:64px;display:flex}.preview-thanks-title{font:600 24px/1.3 var(--font-display);margin:0}.preview-thanks-subtitle{opacity:.65;max-width:280px;margin:0;font:400 14px/1.5 inherit}.publish-bar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.publish-bar button{height:38px;padding:0 var(--space-4);border:1.5px solid var(--color-neutral-200);background:var(--color-neutral-0);border-radius:var(--radius-md);font:600 13px/1 var(--font-body);color:var(--color-neutral-700)}.publish-bar button:not(.danger){background:var(--color-ink-600);color:var(--color-neutral-0);border-color:var(--color-ink-600)}.publish-bar button:not(.danger):hover:not(:disabled){background:var(--color-ink-700)}.publish-bar button.danger{color:var(--color-error);background:var(--color-neutral-0);border-color:#f0cbc6}.public-link-input{min-width:200px;height:38px;padding:0 var(--space-3);border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-md);color:var(--color-neutral-600);font:400 13px/1 var(--font-mono);background:var(--color-neutral-50);flex:1}.public-form-page{padding:var(--space-6) var(--space-4);justify-content:center;align-items:center;display:flex}.public-form-card{width:100%;max-width:560px}.public-form-card .form-preview{padding:0}.public-form-message{min-height:100vh;padding:var(--space-6);text-align:center;color:var(--color-neutral-500);font:var(--text-body);justify-content:center;align-items:center;display:flex}.responses-view{gap:var(--space-4);flex-direction:column;display:flex}.responses-stats{gap:var(--space-4);flex-wrap:wrap;display:flex}.stat-tile{background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-1);flex-direction:column;flex:160px;display:flex}.stat-value{font:600 34px/1 var(--font-display);color:var(--color-neutral-900)}.stat-label{font:500 13px/1 var(--font-body);color:var(--color-neutral-500)}.responses-toolbar{align-items:flex-end;gap:var(--space-3);background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.responses-toolbar label{font:500 12px/1 var(--font-body);color:var(--color-neutral-500);flex-direction:column;gap:4px;display:flex}.responses-toolbar input[type=date]{height:38px;padding:0 var(--space-2);border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-sm);font:var(--text-body-sm)}.responses-toolbar button{height:38px;padding:0 var(--space-4);border:1.5px solid var(--color-neutral-200);background:var(--color-neutral-0);color:var(--color-neutral-700);border-radius:var(--radius-md);font:600 13px/1 var(--font-body)}.responses-toolbar button:hover:not(:disabled){border-color:var(--color-neutral-300)}.responses-toolbar button:disabled{opacity:.6}.responses-toolbar-spacer{flex:1}.ai-analysis-button{background:linear-gradient(135deg, var(--color-ink-600), var(--color-ink-700))!important;color:var(--color-neutral-0)!important;border-color:#0000!important}.ai-analysis-button:hover:not(:disabled){filter:brightness(1.05)}.delete-selected-button{color:var(--color-error)!important;border-color:#f0cbc6!important}.delete-selected-button:hover:not(:disabled){background:var(--color-error-bg)!important;border-color:var(--color-error)!important}.responses-checkbox-col{white-space:nowrap;width:1%;padding-right:0!important}.responses-checkbox-col input[type=checkbox]{accent-color:var(--color-ink-600);width:16px;height:16px}.icon-button-danger{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-error);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-button-danger:hover:not(:disabled){background:var(--color-error-bg)}.icon-button-danger:disabled{opacity:.5}.responses-table-wrapper{background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow-x:auto}.responses-table{border-collapse:collapse;white-space:nowrap;width:100%}.responses-table th{text-align:left;padding:var(--space-3) var(--space-5);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);font:600 12px/1 var(--font-body);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.06em}.responses-table td{text-align:left;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-neutral-100);font:var(--text-body-sm)}.responses-table tbody tr{cursor:pointer}.responses-table tbody tr:hover{background:var(--color-neutral-50)}.modal-overlay{padding:var(--space-4);z-index:100;background:#1a171273;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-neutral-0);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:520px;max-height:80vh;box-shadow:var(--shadow-modal);position:relative;overflow-y:auto}.modal-card h3{font:600 22px/1.2 var(--font-display);margin:0 0 var(--space-2)}.modal-close{top:var(--space-3);right:var(--space-3);color:var(--color-neutral-400);background:0 0;border:none;font-size:1.3rem;line-height:1;position:absolute}.response-detail-meta{color:var(--color-neutral-500);font:var(--text-body-sm);margin-bottom:var(--space-4)}.response-detail-list{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.response-detail-item dt{font:600 14px/1 var(--font-body);color:var(--color-neutral-700)}.response-detail-item dd{color:var(--color-neutral-800);font:var(--text-body-sm);margin:4px 0 0}.response-detail-empty{color:var(--color-neutral-400);font-style:italic}.response-detail-actions{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-neutral-100)}.ai-analysis-card{max-width:640px}.ai-analysis-text{white-space:pre-wrap;color:var(--color-neutral-800);line-height:1.6;font:var(--text-body-sm);max-height:50vh;margin-top:var(--space-2);overflow-y:auto}.ai-analysis-actions{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-neutral-100)}.user-create-form{background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-5) 0;gap:var(--space-3);flex-direction:column;display:flex}.user-create-fields{gap:var(--space-2);flex-wrap:wrap;display:flex}.user-create-fields input{min-width:180px;height:44px;padding:0 var(--space-3);border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-sm);font:var(--text-body-sm);flex:1}.user-create-fields input:focus{border-color:var(--color-ink-600);box-shadow:0 0 0 3px var(--color-ink-100);outline:none}.form-access-checkboxes{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.form-access-label{font:var(--text-body-sm);color:var(--color-neutral-600)}.form-access-checkbox{font:var(--text-body-sm);color:var(--color-neutral-700);align-items:center;gap:5px;display:flex}.form-access-checkbox input{accent-color:var(--color-ink-600)}.editor-tabs{gap:var(--space-6);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-neutral-200);display:flex}.editor-tabs button{padding:0 0 var(--space-3);font:600 14px/1 var(--font-body);color:var(--color-neutral-500);background:0 0;border:none;border-bottom:2.5px solid #0000}.editor-tabs button:hover{color:var(--color-neutral-800)}.editor-tabs button.active{border-bottom-color:var(--color-ink-600);color:var(--color-ink-700)}.design-panel{background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-6);flex-direction:column;display:flex}.design-panel h4{margin:0 0 var(--space-3);font:600 13px/1 var(--font-body);color:var(--color-neutral-700)}.template-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.template-card{border:2px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--space-3);align-items:flex-start;gap:var(--space-2);font:600 13px/1 var(--font-body);flex-direction:column;display:flex}.template-card.selected{border-color:var(--color-ink-600)}.template-card-swatch{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;display:inline-flex}.color-field{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.color-field label{font:500 13px/1 var(--font-body);color:var(--color-neutral-700);flex:1}.color-field input[type=color]{border-radius:var(--radius-sm);background:0 0;border:1px solid #00000014;width:40px;height:40px;padding:0}.color-field span{font:400 12px/1 var(--font-mono);color:var(--color-neutral-400);width:70px}.contrast-indicator{font:500 13px/1.3 var(--font-body);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.contrast-good{color:var(--color-success);background:var(--color-success-bg)}.contrast-bad{color:var(--color-error);background:var(--color-error-bg);font-weight:600}.design-panel select{width:100%;height:44px;padding:0 var(--space-3);border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-md);font:var(--text-body-sm)}@media (width<=640px){.page-header-actions{flex-wrap:wrap;width:100%}.page-header-actions .btn{flex:auto}.form-editor-page{padding:0 var(--space-4) var(--space-5)}.form-editor-header{margin:0 calc(-1 * var(--space-4)) var(--space-3);padding-left:var(--space-4);padding-right:var(--space-4);flex-wrap:wrap}.form-title-input{flex:100%;order:1}.form-editor-header-actions{flex-wrap:wrap;order:2;margin-left:auto}.editor-tabs{gap:var(--space-4);-webkit-overflow-scrolling:touch;overflow-x:auto}.editor-tabs button{white-space:nowrap}.screen-editor-actions,.question-editor-actions{flex-basis:100%;justify-content:flex-end}.public-link-input{flex-basis:100%}.modal-card{padding:var(--space-4);max-height:88vh}}@media (width<=480px){.app-sidebar{padding:var(--space-2) var(--space-3)}.app-sidebar-logo-text{display:none}.app-sidebar-nav{margin-left:var(--space-2);gap:2px}.app-sidebar-nav button{padding:var(--space-2);font-size:13px}.app-sidebar-user{gap:var(--space-1)}}