.official-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.official-tools .btn{justify-content:center}
.obs-mini-links{display:grid;gap:10px;margin-top:16px}
.obs-mini-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-radius:10px;border:1px solid #29405f;background:#0b182a}
.obs-mini-link b{font-size:11px;color:#d6e9ff}
.obs-mini-link span{font-size:10px;color:#80a3c3}
.editor-status-line{margin-top:12px;font-size:10px;line-height:1.6;color:#79a7cf}
.editor-status-line.success{color:#90e1b8}
.editor-status-line.error{color:#ff97ad}
.connection-mode-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #345c83;background:#102137;border-radius:999px;font-size:10px;font-weight:800;color:#9fcbf3;letter-spacing:.08em;margin-top:14px}
.connection-mode-badge i{width:8px;height:8px;border-radius:50%;background:#45df9f;display:inline-block;box-shadow:0 0 0 0 rgba(69,223,159,.5);animation:pulse 1.8s infinite}
.goal-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.goal-quick-actions .btn{padding:10px 12px;font-size:11px}
.countdown-card{margin-top:18px;padding:18px;border-radius:16px;border:1px solid #274260;background:linear-gradient(150deg,#102136,#0a1628)}
.countdown-card h3{margin:0 0 6px;font-size:16px}
.countdown-card p{margin:0 0 14px;color:#7ea2c5;font-size:11px;line-height:1.6}
.countdown-inline{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.countdown-inline input{outline:none;background:#0a182a;color:#e4f2ff;border:1px solid #29405f;border-radius:9px;padding:12px 13px;font-size:13px;width:100%}
.countdown-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.countdown-state{margin-top:12px;font-size:11px;color:#8fb0c9}
.page .field-note strong{color:#9cd6ff}
.footer .official-footer-note{color:#7ea8ce}
@media(max-width:720px){.countdown-inline{grid-template-columns:1fr}.official-tools,.countdown-actions{flex-direction:column}.obs-mini-link{flex-direction:column;align-items:flex-start}}
/* Small functional additions; all concept styles in app.css remain unchanged. */
.countdown-card{scroll-margin-top:36px;max-width:840px}
.countdown-display{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#0b1d38,#112d4c);border:1px solid #32567b;border-radius:12px;padding:20px;margin-bottom:20px}
.countdown-display strong{font-size:clamp(32px,4.3vw,61px);line-height:1;letter-spacing:-.08em;color:#effaff}
.countdown-display span{font-size:12px;color:#94c5e9;font-weight:700}
.countdown-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.countdown-actions .btn{width:auto}
.official-tools{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.official-tools button{width:auto}
.official-inline{margin:12px 0}
.official-toggle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#bddeee;cursor:pointer}
.official-toggle input{width:17px;height:17px;accent-color:#3c9dff}
.official-status{color:#7c9fbc;font-size:11px;line-height:1.6;margin-top:12px}
.official-status[data-tone=success]{color:#75dcb3}
.official-status[data-tone=error]{color:#ff8eaa}
.connection-mode-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:20px;background:#10253c;border:1px solid #2b5175;color:#8ed3ff;font-size:10px;font-weight:800;letter-spacing:.1em;margin-top:14px}
.connection-mode-badge i{height:7px;width:7px;border-radius:999px;background:#54d99b}
.toast[data-tone=error]{background:#4d1830;border-color:#b75375}
@media(max-width:650px){.countdown-inputs{grid-template-columns:1fr}.countdown-display{align-items:flex-start;flex-direction:column}}