*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#fff}@media (max-width: 768px){#app{padding:0 15vw;padding-top:12px;padding-bottom:20px}}.container[data-v-9b685d14]{width:100%;max-width:1000px}.main-title[data-v-9b685d14]{text-align:center;font-size:3rem;font-weight:700;color:#fff;margin-bottom:30px;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.main-title[data-v-9b685d14]{font-size:2.5rem;margin-bottom:16px}}.card[data-v-9b685d14]{background:white;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a}@media (max-width: 768px){.card[data-v-9b685d14]{padding:32px 24px;border-radius:16px;margin:0;width:70vw}}.question-section[data-v-9b685d14]{margin-bottom:40px}.options[data-v-9b685d14]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:30px}@media (max-width: 768px){.options[data-v-9b685d14]{grid-template-columns:1fr;gap:16px;margin-bottom:24px}}.option-label[data-v-9b685d14]{display:flex;align-items:center;padding:15px 20px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease}@media (max-width: 768px){.option-label[data-v-9b685d14]{padding:18px 20px;margin:0;font-size:1.1rem}.submit-btn[data-v-9b685d14]{padding:18px;font-size:1.1rem}}.option-label[data-v-9b685d14]:hover:not(:has(input:disabled)){background:#edf2f7;border-color:#cbd5e0}.option-label[data-v-9b685d14]:has(input:checked){background:#e6fffa;border-color:#38b2ac}.option-input[data-v-9b685d14]{margin-right:10px;transform:scale(1.2)}.option-text[data-v-9b685d14]{font-size:1.1rem;font-weight:500;color:#2d3748}.submit-btn[data-v-9b685d14]{width:100%;padding:15px;background:linear-gradient(135deg,#4fd1c7 0%,#38b2ac 100%);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn[data-v-9b685d14]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #38b2ac4d}.submit-btn[data-v-9b685d14]:disabled{background:#a0aec0;cursor:not-allowed}.results-section[data-v-9b685d14]{border-top:2px solid #e2e8f0;padding-top:30px}.results-title[data-v-9b685d14]{text-align:center;font-size:1.5rem;font-weight:600;color:#4a5568;margin-bottom:25px}.result-item[data-v-9b685d14]{margin-bottom:25px}.result-header[data-v-9b685d14]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.result-option[data-v-9b685d14]{font-size:1.2rem;font-weight:600;color:#2d3748}.result-stats[data-v-9b685d14]{font-size:1rem;color:#718096;font-weight:500}.result-bar[data-v-9b685d14]{height:16px;background:#e2e8f0;border-radius:8px;overflow:hidden}.result-fill[data-v-9b685d14]{height:100%;background:linear-gradient(135deg,#4fd1c7 0%,#38b2ac 100%);transition:width .5s ease}.total-responses[data-v-9b685d14]{text-align:center;margin-top:25px;font-size:1.1rem;font-weight:500;color:#4a5568;padding:15px;background:#f7fafc;border-radius:12px}.container[data-v-9193002f]{width:100%;max-width:800px}.main-title[data-v-9193002f]{text-align:center;font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:30px;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.main-title[data-v-9193002f]{font-size:2.2rem;margin-bottom:24px}}.card[data-v-9193002f]{background:white;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a}@media (max-width: 768px){.card[data-v-9193002f]{padding:32px;border-radius:16px;margin:0 4px}}.controls[data-v-9193002f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}@media (max-width: 768px){.controls[data-v-9193002f]{flex-direction:column;align-items:stretch;gap:16px}.type-controls[data-v-9193002f]{justify-content:center}.reset-btn[data-v-9193002f]{width:100%}}.type-controls[data-v-9193002f]{display:flex;gap:10px}.type-btn[data-v-9193002f]{padding:12px 24px;border:2px solid #e2e8f0;background:white;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.type-btn[data-v-9193002f]:hover{border-color:#cbd5e0}.type-btn.active[data-v-9193002f]{background:#4299e1;border-color:#4299e1;color:#fff}.reset-btn[data-v-9193002f]{padding:12px 24px;background:#f56565;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-btn[data-v-9193002f]:hover{background:#e53e3e;transform:translateY(-2px)}.preview-section[data-v-9193002f]{background:#f7fafc;padding:25px;border-radius:12px;margin-bottom:30px}.preview-title[data-v-9193002f]{font-size:1.2rem;font-weight:600;color:#4a5568;margin-bottom:20px;text-align:center}.options-preview[data-v-9193002f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}@media (max-width: 768px){.options-preview[data-v-9193002f]{grid-template-columns:repeat(2,1fr);gap:12px}.option-preview[data-v-9193002f]{padding:10px 12px}}.option-preview[data-v-9193002f]{display:flex;align-items:center;padding:12px 16px;background:white;border:2px solid #e2e8f0;border-radius:8px}.radio-icon[data-v-9193002f],.checkbox-icon[data-v-9193002f]{margin-right:10px;font-size:1.2rem;color:#718096}.option-text[data-v-9193002f]{font-size:1rem;font-weight:500;color:#2d3748}.results-section[data-v-9193002f]{border-top:2px solid #e2e8f0;padding-top:30px}.results-title[data-v-9193002f]{text-align:center;font-size:1.5rem;font-weight:600;color:#4a5568;margin-bottom:25px}.result-item[data-v-9193002f]{margin-bottom:25px}.result-header[data-v-9193002f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.result-option[data-v-9193002f]{font-size:1.2rem;font-weight:600;color:#2d3748}.result-stats[data-v-9193002f]{font-size:1rem;color:#718096;font-weight:500}.result-bar[data-v-9193002f]{height:16px;background:#e2e8f0;border-radius:8px;overflow:hidden}.result-fill[data-v-9193002f]{height:100%;background:linear-gradient(135deg,#4299e1 0%,#3182ce 100%);transition:width .5s ease}.total-responses[data-v-9193002f]{text-align:center;margin-top:25px;font-size:1.1rem;font-weight:500;color:#4a5568;padding:15px;background:#f7fafc;border-radius:12px}