body { font-family: sans-serif; background-color: #f0f2f5; padding: 20px; }
.container { max-width: 500px; margin: 0 auto; background: white; padding: 20px; border-radius: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
textarea { width: 100%; height: 100px; border: 1px solid #ddd; border-radius: 10px; padding: 10px; box-sizing: border-box; font-size: 16px; }
button { width: 100%; background: #007bff; color: white; border: none; padding: 12px; border-radius: 10px; margin-top: 10px; font-size: 16px; cursor: pointer; }
.result-box { margin-top: 20px; padding-top: 20px; border-top: 2px solid #eee; }
.label { font-size: 12px; color: #666; margin-bottom: 5px; }
.output { background: #f9f9f9; padding: 15px; border-radius: 10px; margin-bottom: 15px; font-size: 18px; font-weight: bold; }
.korean { color: #d9534f; border-left: 5px solid #d9534f; }
.re-ja { color: #5bc0de; border-left: 5px solid #5bc0de; }
.hint { font-size: 12px; color: #888; }
.copy-btn { background: #28a745; }