.tks-kampanya-wrap { max-width: 720px; margin: 0 auto; font-family: inherit; }
.tks-kampanya-wrap h2 { margin-bottom: 4px; }
.tks-alert { padding: 12px 16px; border-radius: 6px; margin: 12px 0; }
.tks-alert-success { background: #e6f6ea; color: #1a7431; border: 1px solid #b7e4c2; }
.tks-alert-error { background: #fdecea; color: #a12a1f; border: 1px solid #f5c2bd; }
.tks-form { margin: 20px 0; padding: 16px; border: 1px solid #e2e2e2; border-radius: 8px; }
.tks-field { margin-bottom: 12px; }
.tks-field label { display: block; font-weight: 600; margin-bottom: 4px; }
.tks-field input { width: 100%; padding: 8px 10px; border: 1px solid #ccc; border-radius: 4px; }
.tks-task { margin: 16px 0; padding: 16px; border: 1px solid #e2e2e2; border-radius: 8px; }
.tks-task-title { font-weight: 700; margin-bottom: 8px; }
.tks-task input[type="text"] { display: block; margin-top: 8px; width: 100%; padding: 8px 10px; border: 1px solid #ccc; border-radius: 4px; }
.tks-hint { font-size: 0.85em; color: #666; margin-top: 8px; }
.tks-btn { display: inline-block; padding: 8px 16px; border-radius: 5px; background: #f0f0f0; color: #222; text-decoration: none; border: 1px solid #ccc; cursor: pointer; }
.tks-btn-primary { background: #2271b1; color: #fff; border-color: #2271b1; }
.tks-btn-google { background: #fff; border-color: #cc0000; color: #cc0000; }
.tks-kvkk-box { margin: 16px 0; padding: 12px; background: #fafafa; border: 1px solid #e2e2e2; border-radius: 8px; }
.tks-kvkk-text { max-height: 140px; overflow-y: auto; font-size: 0.85em; color: #444; white-space: pre-line; margin-bottom: 10px; }
.tks-checkbox { display: flex; gap: 8px; align-items: flex-start; font-size: 0.9em; }
.tks-form-message { margin-top: 10px; font-weight: 600; }
.tks-form-message.tks-ok { color: #1a7431; }
.tks-form-message.tks-error { color: #a12a1f; }
#tks-yt-player { width: 100%; aspect-ratio: 16 / 9; }
.tks-progress { height: 8px; background: #eee; border-radius: 4px; margin-top: 8px; overflow: hidden; }
.tks-progress-bar { height: 100%; width: 0; background: #2271b1; transition: width .3s; }
.tks-checklist { margin: 20px 0; padding: 16px; border: 1px solid #e2e2e2; border-radius: 8px; }
.tks-checklist ul { list-style: none; margin: 0 0 12px; padding: 0; }
.tks-checklist li { padding: 6px 0; color: #999; }
.tks-checklist li.tks-done { color: #1a7431; font-weight: 600; }
.tks-checklist li.tks-done:before { content: "✅ "; }
.tks-checklist li:not(.tks-done):before { content: "⬜ "; }