@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding-bottom:40px}.hero{padding:54px 22px 46px;text-align:center;background:linear-gradient(135deg,#1d4ed8,#4f46e5);color:#fff;border-radius:0 0 32px 32px}.hero-icon{font-size:40px;margin-bottom:14px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;opacity:.8}.hero h1{font-size:clamp(30px,6vw,44px);margin:10px 0}.hero-description{max-width:520px;margin:0 auto;color:#e0e7ff;line-height:1.6}.home-actions{width:min(680px,calc(100% - 32px));margin:28px auto;display:grid;gap:14px}.action-card{display:flex;align-items:center;gap:16px;text-align:left;background:#fff;border:1px solid #e4e9f2;border-radius:18px;padding:20px;box-shadow:0 6px 20px #1e293b08;color:#172033}.action-card>span:nth-child(2){display:grid;gap:5px;flex:1}.action-card strong{font-size:16px}.action-card small{font-size:13px;color:#64748b}.action-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eff6ff;font-size:24px}.primary-card{border-color:#bfdbfe}.primary-card .action-icon{background:#dbeafe}.arrow{font-size:28px;color:#94a3b8}.privacy-note{display:flex;gap:12px;padding:16px;color:#475569;background:#eaf1fb;border-radius:14px;font-size:13px;line-height:1.6}.privacy-note>span:first-child{font-size:22px}.page-header{background:#fff;padding:24px max(20px,calc((100% - 900px)/2));border-bottom:1px solid #e7edf5}.page-header h1{font-size:clamp(25px,4vw,34px);margin:22px 0 8px;letter-spacing:-.7px}.page-header p{color:#64748b;margin:0;line-height:1.5}.back-button,.text-button{border:0;background:transparent;color:#2563eb;padding:6px 0;font-weight:700}.content{width:min(900px,calc(100% - 32px));margin:24px auto;display:grid;gap:18px}.panel{background:#fff;border:1px solid #e6ebf2;border-radius:18px;padding:22px;box-shadow:0 5px 18px #0f172a05}.field-label{display:block;font-weight:700;font-size:13px;margin:16px 0 8px;color:#334155}.field-label:first-child{margin-top:0}.text-input{display:block;width:100%;padding:12px 13px;border:1px solid #d8e0eb;border-radius:10px;background:#fff;color:#172033;outline:none}.text-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #dbeafe}textarea.text-input{resize:vertical}.btn{border:1px solid transparent;border-radius:10px;padding:11px 15px;font-weight:700;font-size:13px;transition:transform .15s,background .15s}.btn:active{transform:scale(.98)}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#f1f5f9;border-color:#e2e8f0;color:#334155}.btn-edit{background:#eff6ff;color:#1d4ed8;border-color:#dbeafe}.btn-danger{background:#fff1f2;color:#be123c;border-color:#ffe4e6}.toolbar{display:flex;justify-content:flex-end}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-heading h2{margin:0 0 5px;font-size:19px}.section-heading p{margin:0;color:#64748b;font-size:13px;line-height:1.5}.question-editor{border:1px solid #e2e8f0;border-radius:14px;padding:16px;margin-top:18px;background:#fbfdff}.question-title{display:flex;justify-content:space-between;align-items:center;color:#334155}.icon-button{border:0;background:transparent;font-weight:700;padding:5px 8px}.danger-text{color:#dc2626}.option-row{display:flex;gap:8px;align-items:center;margin:8px 0}.hint,.muted{font-size:12px;color:#64748b;line-height:1.6}.form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.empty-inline{padding:24px;text-align:center;color:#64748b;background:#f8fafc;border-radius:12px;margin-top:18px;font-size:14px}.survey-list{display:grid;gap:14px}.survey-card{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;background:#fff;border:1px solid #e5eaf2;border-radius:16px;padding:20px;box-shadow:0 5px 18px #0f172a05}.survey-card-main{min-width:0;flex:1}.survey-card h2{font-size:18px;margin:0 0 8px;overflow-wrap:anywhere}.survey-card p{color:#64748b;font-size:13px;line-height:1.5;margin:0 0 14px}.survey-meta{display:flex;gap:14px;flex-wrap:wrap;color:#64748b;font-size:12px}.survey-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:320px;justify-content:flex-end}.empty-state{text-align:center;padding:36px 22px}.empty-state h2{margin:10px 0}.empty-state p{color:#64748b;font-size:14px;line-height:1.6}.empty-icon{font-size:36px}.response-question .field-label{font-size:15px;line-height:1.6}.required{color:#dc2626}.choice-list{display:grid;gap:10px;margin-top:12px}.choice{display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:10px;padding:12px;cursor:pointer}.choice input,.scale-option input{accent-color:#2563eb}.scale-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.scale-option{display:grid;gap:8px;justify-items:center;min-width:50px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer}.scale-option span{font-weight:800}.completed-wrap{display:grid;place-items:center;padding:20px}.completed-card{width:min(420px,100%);background:#fff;border:1px solid #e5eaf2;border-radius:24px;padding:32px;text-align:center;box-shadow:0 10px 40px #0f172a0a}.success-icon{margin:0 auto 20px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#15803d;font-size:32px;font-weight:800}.completed-card p{color:#64748b;line-height:1.6;margin-bottom:24px}.full-width{width:100%;margin-top:10px}.stats-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat-card{background:#fff;border:1px solid #e5eaf2;border-radius:16px;padding:20px;display:grid;gap:10px}.stat-card span{font-size:12px;color:#64748b}.stat-card strong{font-size:32px}.stats-question h2{font-size:17px;line-height:1.5;margin:0 0 20px}.results-list{display:grid;gap:15px}.result-label{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:7px}.result-label span:nth-child(2){flex:1;overflow-wrap:anywhere}.result-label strong{font-size:12px;white-space:nowrap}.color-dot{width:10px;height:10px;border-radius:50%;flex:none}.progress-track{height:8px;background:#eef2f7;border-radius:20px;overflow:hidden}.progress-fill{height:100%;border-radius:20px;min-width:0}.chart-wrap{position:relative;height:280px;max-width:420px;margin:28px auto 0}.text-answer{border-left:3px solid #93c5fd;background:#f8fafc;padding:12px 14px;margin:10px 0;border-radius:0 8px 8px 0;color:#334155;font-size:14px;overflow-wrap:anywhere}.number-answer{display:inline-block;padding:9px 12px;margin:5px;background:#eff6ff;border-radius:9px;font-weight:700;color:#1d4ed8}@media(max-width:650px){.hero{padding:40px 20px 34px}.survey-card{display:grid}.survey-actions{max-width:none;justify-content:flex-start}.survey-actions .btn{flex:1}.panel{padding:17px}.section-heading{align-items:flex-start}.stats-summary{gap:10px}.stat-card{padding:15px}.stat-card strong{font-size:27px}.result-label{flex-wrap:wrap}.result-label strong{margin-left:auto}}.export-toolbar{display:flex;justify-content:flex-end;margin-bottom:4px}.export-toolbar button:disabled{opacity:.5;cursor:not-allowed}