/* 알림 받기(2026-09-28) — 계정 화면의 카드(위)와 계정 관리 줄(아래). news-card·news-email 과 같은 결, 색만 푸른 쪽. */
.push-card { display: flex; gap: 14px; align-items: center; justify-content: space-between; margin: 0 0 18px; padding: 16px 18px; border: 1px solid #8fb0c9; border-radius: 12px; background: linear-gradient(135deg, #1c2a44, #17243a); }
.push-card strong { display: block; font-size: 16px; line-height: 1.5; }
.push-card small { display: block; margin-top: 4px; color: #c9c2ae; font-size: 12px; line-height: 1.7; }
.push-card button { flex: 0 0 auto; min-height: 44px; padding: 0 18px; border: 0; border-radius: 10px; background: #cfe3f2; color: #182030; font-weight: 700; font-size: 15px; cursor: pointer; }
.push-card button[hidden] { display: none; }
@media (max-width: 520px) { .push-card { flex-direction: column; align-items: stretch; } .push-card button { width: 100%; } }
.push-row { display: flex; gap: 12px; align-items: flex-start; margin: 14px 0 0; padding: 14px 16px; border: 1px solid #4a5f6e; border-radius: 12px; background: #172a3080; cursor: pointer; }
/* 2026-10-13 체크 칸 → 켜고 끄는 스위치. 모양은 이메일 줄과 한 벌이라 account.css 의 .news-email 옆에 있다. */
.push-row strong { display: block; font-size: 15px; line-height: 1.5; font-weight: 600; }
.push-row small { display: block; margin-top: 3px; color: #a9babe; font-size: 12px; line-height: 1.7; }
#push-status { margin: 8px 0 0; }
/* 오늘 한 줄(2026-10-15 — 귀인 날 칸 자리에) — 알림 카드 바로 위, 알림을 켰든 못 켜든 보인다. 같은 결에 금빛 쪽. 일본어 제목은 띄어쓰기가 없어 넘칠 때만 끊는다. */
.today-line-card { margin: 0 0 18px; padding: 16px 18px; border: 1px solid #c6b58c; border-radius: 12px; background: linear-gradient(135deg, #2a2438, #1d1a2c); overflow-wrap: anywhere; }
.today-line-card[hidden] { display: none; }
.today-line-card strong { display: block; color: #f3e3b6; font-size: 17px; line-height: 1.5; }
.today-line-card p { margin: 6px 0 0; color: #e9e2cf; font-size: 14px; line-height: 1.7; }
.today-line-card small { display: block; margin-top: 6px; color: #c9c2ae; font-size: 12px; line-height: 1.7; }
/* 가입 순간 묻는 창(2026-09-29) — 카카오 채널 창과 같은 결(어두운 판), 단추 색은 위 카드와 같은 푸른 쪽. */
.push-ask { box-sizing: border-box; width: min(420px, calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 30px 26px 20px; border: 1px solid #8fb0c955; border-radius: 22px; background: #111528; color: #f5f0e4; box-shadow: 0 24px 90px #0009; font: 15px/1.7 system-ui, -apple-system, sans-serif; text-align: left; overflow: auto; }
.push-ask::backdrop { background: #030510b8; backdrop-filter: blur(5px); }
/* keep-all 은 한국어 낱말을 지키지만 띄어쓰기 없는 일본어는 한 덩이가 되어 창 밖으로 샌다 — 넘칠 때만 아무 데서나 끊는다. */
.push-ask :is(h2, p) { overflow-wrap: anywhere; }
.push-ask h2 { margin: 0 0 14px; font-size: 26px; line-height: 1.35; letter-spacing: -.03em; color: #fff7e8; word-break: keep-all; }
.push-ask h2:focus { outline: none; }
.push-ask .push-ask-body { margin: 0 0 12px; color: #d3d4e0; word-break: keep-all; }
.push-ask .push-ask-note { margin: 0 0 18px; color: #aeb0c1; font-size: 12px; line-height: 1.65; word-break: keep-all; }
.push-ask .push-ask-note:empty { display: none; }
.push-ask .push-ask-actions { display: flex; gap: 10px; }
.push-ask .push-ask-actions button { flex: 1 1 0; min-height: 48px; border-radius: 12px; font: inherit; font-weight: 700; cursor: pointer; }
.push-ask .push-ask-no { border: 1px solid #ffffff2e; background: transparent; color: #c6c6d3; }
.push-ask .push-ask-yes { border: 0; background: #cfe3f2; color: #182030; }
.push-ask button[hidden] { display: none; }
.push-ask button:disabled { opacity: .55; cursor: wait; }
.push-ask button:focus-visible { outline: 2px solid #eee0b9; outline-offset: 3px; }
@media (max-width: 360px) { .push-ask { padding: 24px 20px 16px; } .push-ask h2 { font-size: 23px; } }