.survey-container{--survey-bg:#fff;--survey-fg:#000;--survey-accent:#0586ff;--survey-accent-fg:#fff;--survey-muted:#00000008;--survey-muted-fg:#0009;--survey-border:#0000001f;--survey-error:#ef4444;--survey-success:#22c55e}.survey-container.survey-theme-dark{--survey-bg:#000;--survey-fg:#fff;--survey-accent:#0586ff;--survey-accent-fg:#fff;--survey-muted:#ffffff1a;--survey-muted-fg:#fff9;--survey-border:#ffffff26;--survey-error:#f87171;--survey-success:#4ade80}@media (prefers-color-scheme:dark){.survey-container.survey-theme-system{--survey-bg:#000;--survey-fg:#fff;--survey-accent:#0586ff;--survey-accent-fg:#fff;--survey-muted:#ffffff1a;--survey-muted-fg:#fff9;--survey-border:#ffffff26;--survey-error:#f87171;--survey-success:#4ade80}}.survey-container{background:var(--survey-bg);width:100%;min-height:100vh;color:var(--survey-fg);flex-direction:column;font-family:system-ui,-apple-system,sans-serif;display:flex;position:relative}.survey-logo{object-fit:contain;z-index:10;max-width:200px;max-height:48px;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.survey-loading,.survey-error,.survey-success{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.survey-success-icon{background:#22c55e26;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1rem;display:flex}.survey-success-icon svg{color:var(--survey-success)}.survey-success h2{margin:0;font-size:2rem;font-weight:600}.survey-success p{opacity:.9;max-width:400px;font-size:1.1rem}.survey-progress{background:var(--survey-muted);z-index:100;height:4px;position:fixed;top:0;left:0;right:0}.survey-progress-bar{background:var(--survey-accent);height:100%;transition:width .3s}.survey-content{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:720px;margin:0 auto;padding:2rem;display:flex}.survey-question-number{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.75rem;font-weight:500;line-height:1.4;display:flex}.survey-number-badge{background:var(--survey-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:inline-flex}.survey-required{color:var(--survey-error);margin-left:4px}.survey-subtitle{opacity:.8;margin-bottom:2rem;font-size:1rem}.survey-answer-area{margin-top:1.5rem}.survey-choices{flex-direction:column;gap:.75rem;display:flex}.survey-multi-hint{opacity:.7;margin-bottom:.5rem;font-size:.875rem}.survey-choice{background:var(--survey-muted);border:1px solid var(--survey-border);cursor:pointer;text-align:left;color:var(--survey-fg);border-radius:8px;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:1rem;transition:all .2s;display:flex}.survey-choice:hover{background:var(--survey-muted);border-color:var(--survey-accent)}.survey-choice-selected{background:color-mix(in srgb,var(--survey-accent)15%,transparent);border-color:var(--survey-accent)}.survey-choice-selected:hover{background:color-mix(in srgb,var(--survey-accent)20%,transparent)}.survey-choice-locked{pointer-events:none;opacity:.7}.survey-choice-locked.survey-choice-selected{opacity:1}.survey-choice-shortcut{background:var(--survey-muted);border:1px solid var(--survey-border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:.875rem;font-weight:600;display:flex}.survey-choice-selected .survey-choice-shortcut{background:var(--survey-accent);border-color:var(--survey-accent);color:var(--survey-accent-fg)}.survey-choice-label{flex:1}.survey-text-input,.survey-textarea{border:none;border-bottom:2px solid var(--survey-border);width:100%;color:var(--survey-fg);background:0 0;border-radius:0;outline:none;padding:.75rem 0;font-size:1.25rem;transition:border-color .2s}.survey-text-input::placeholder,.survey-textarea::placeholder{color:var(--survey-muted-fg)}.survey-text-input:focus,.survey-textarea:focus{border-bottom-color:var(--survey-accent);box-shadow:none}.survey-textarea{resize:none;min-height:120px}.survey-form-fields{flex-direction:column;gap:1.5rem;display:flex}.survey-form-field{flex-direction:column;gap:.5rem;display:flex}.survey-form-field-label{opacity:.9;font-size:.875rem;font-weight:500}.survey-select{background:var(--survey-muted);border:1px solid var(--survey-border);width:100%;color:var(--survey-fg);cursor:pointer;border-radius:6px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.survey-select:focus{border-color:var(--survey-accent)}.survey-select option{background:var(--survey-bg);color:var(--survey-fg)}.survey-radio-group,.survey-checkbox-group{flex-direction:column;gap:.75rem;display:flex}.survey-radio-option,.survey-checkbox-option{cursor:pointer;align-items:center;gap:.75rem;font-size:1rem;display:flex}.survey-radio-input,.survey-checkbox-input{width:18px;height:18px;accent-color:var(--survey-accent);cursor:pointer}.survey-error-message{background:color-mix(in srgb,var(--survey-error)15%,transparent);border:1px solid color-mix(in srgb,var(--survey-error)30%,transparent);color:var(--survey-error);border-radius:6px;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem}.survey-navigation{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.survey-ok-btn,.survey-submit-btn{background:var(--survey-accent);color:var(--survey-accent-fg);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:fit-content;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.survey-ok-btn:hover:not(:disabled),.survey-submit-btn:hover:not(:disabled){filter:brightness(.9);transform:translateY(-1px)}.survey-ok-btn:disabled,.survey-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.survey-nav-hint{color:var(--survey-muted-fg);font-size:.875rem}.survey-nav-hint kbd{background:var(--survey-muted);border:1px solid var(--survey-border);border-radius:4px;padding:.125rem .375rem;font-family:monospace;font-size:.75rem;display:inline-block}.survey-arrows{z-index:50;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:2rem;right:2rem}.survey-arrow-btn{background:var(--survey-muted);border:1px solid var(--survey-border);width:40px;height:40px;color:var(--survey-fg);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.survey-arrow-btn:hover:not(:disabled){background:var(--survey-muted);border-color:var(--survey-accent)}.survey-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.survey-powered-by{color:var(--survey-muted-fg);z-index:50;font-size:.75rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.survey-powered-by a{color:var(--survey-muted-fg);font-weight:500;text-decoration:none;transition:color .2s}.survey-powered-by a:hover{color:var(--survey-fg)}@media (max-width:640px){.survey-container{padding-bottom:2rem}.survey-content{padding:4rem 1.5rem 1.5rem}.survey-question-number{font-size:1.25rem}.survey-number-badge{width:28px;height:28px;font-size:.75rem}.survey-text-input,.survey-textarea{font-size:1rem}.survey-arrows{flex-direction:row;position:absolute;top:1rem;bottom:auto;right:1rem}.survey-arrows .survey-arrow-btn svg{transform:rotate(-90deg)}.survey-powered-by{text-align:center;margin-top:auto;padding:1.5rem 0;position:static;transform:none}.survey-logo{max-width:150px;max-height:36px}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.survey-content{animation:.3s ease-out slideIn}