body { font-family: sans-serif; background: #f4f4f4; padding: 20px; }
#app-container { max-width: 1000px; margin: auto; background: white; padding: 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.dual-pane { display: flex; gap: 20px; margin-top: 20px; }
.pane { flex: 1; padding: 20px; border-radius: 8px; }
.en { border-top: 5px solid #0073aa; background: #f0f7ff; }
.kr { border-top: 5px solid #cd2e3e; background: #fffafa; }
input:not([type="radio"]):not([type="checkbox"]), select, button { display: block; width: 100%; margin: 10px 0; padding: 12px; border: 1px solid #ccc; border-radius: 5px; }
button { background: #0073aa; color: white; cursor: pointer; font-weight: bold; }

.survey-footer {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    text-align: center;
    font-size: 0.85rem;
    color: #666;
}

.survey-footer a {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
}

.survey-footer a:hover {
    text-decoration: underline;
}