.announcement-modal-container{z-index:9999;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.announcement-modal-container.mobile{align-items:flex-end;padding:0}.announcement-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;opacity:0;background-color:#00000080;width:100%;height:100%;animation:.3s forwards fadeIn;position:absolute;top:0;left:0}.announcement-modal-overlay.closing{animation:.3s forwards fadeOut}.announcement-modal{pointer-events:auto;z-index:9999;background:#fff;border-radius:12px;flex-direction:column;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #0003}.announcement-modal-mobile{width:95%;max-width:500px;margin:0 auto}.announcement-modal-fullscreen.mobile{border-radius:0;width:100%;height:100%;max-height:100vh}.announcement-modal-bottom-sheet{border-radius:16px 16px 0 0;width:100%;transition:transform .3s;animation:.3s ease-out slideUp;position:fixed;bottom:0;left:0;right:0;transform:translateY(0)}.announcement-modal-bottom-sheet.closing{animation:.3s ease-in slideDown}.announcement-modal-top-sheet{border-radius:0 0 16px 16px;width:100%;animation:.3s ease-out slideDownEnter;position:fixed;top:0;left:0;right:0}.announcement-modal-center.mobile{width:90%;max-width:400px;animation:.3s ease-out fadeInScale}.announcement-modal-drag-handle{cursor:grab;touch-action:pan-y;justify-content:center;padding:8px 0;display:flex}.drag-handle-bar{background:#e5e7eb;border-radius:2px;width:40px;height:4px}.announcement-modal.swiping .announcement-modal-drag-handle{cursor:grabbing}.announcement-modal-header{border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:center;min-height:60px;padding:16px 20px;display:flex}.announcement-modal-title-wrapper{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.announcement-modal-title{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;padding-right:10px;font-size:18px;font-weight:600;overflow:hidden}.announcement-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin:-4px;padding:4px;font-size:28px;line-height:1;transition:background-color .2s;display:flex}.announcement-modal-close:active{background-color:#f3f4f6}.announcement-modal-content{-webkit-overflow-scrolling:touch;flex:1;padding:0;position:relative;overflow-y:auto}.announcement-modal-content-inner{padding:20px}.announcement-content-text{color:#4b5563;font-size:16px;line-height:1.5}.announcement-content-text p{margin-bottom:16px}.announcement-content-text p:last-child{margin-bottom:0}.announcement-modal-read-time-alert{z-index:1;background:#fffbeb;border-bottom:1px solid #fde68a;padding:8px 20px;position:sticky;top:0}.read-time-progress{background:#fef3c7;border-radius:2px;height:4px;overflow:hidden}.read-time-progress-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24);height:100%;transition:width 1s linear}.announcement-modal-countdown{background:#f3f4f6;border-radius:20px;flex-shrink:0;align-items:center;padding:4px 10px;font-size:14px;display:flex}.countdown-timer{color:#ef4444;text-align:center;min-width:40px;font-family:Courier New,monospace;font-weight:700}.announcement-modal-footer{background:#fff;border-top:1px solid #f3f4f6;flex-shrink:0;gap:12px;padding:16px 20px;display:flex}.announcement-modal-confirm,.announcement-modal-cancel{cursor:pointer;text-align:center;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:48px;padding:14px 20px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.announcement-modal-confirm{color:#fff;background-color:#3b82f6}.announcement-modal-confirm:active:not(.disabled){background-color:#2563eb;transform:translateY(1px)}.announcement-modal-cancel{color:#374151;background-color:#f3f4f6}.announcement-modal-cancel:active:not(.disabled){background-color:#e5e7eb;transform:translateY(1px)}.announcement-modal-confirm.disabled,.announcement-modal-cancel.disabled{opacity:.5;cursor:not-allowed}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideDownEnter{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (orientation:landscape) and (max-height:600px){.announcement-modal-bottom-sheet,.announcement-modal-top-sheet{max-height:100vh}.announcement-modal-content{max-height:calc(100vh - 120px)}}@media (max-width:320px){.announcement-modal-header,.announcement-modal-content-inner,.announcement-modal-footer{padding:12px 16px}.announcement-modal-title{font-size:16px}.announcement-content-text{font-size:14px}.announcement-modal-confirm,.announcement-modal-cancel{min-height:44px;padding:12px 16px;font-size:14px}}@media (min-width:769px) and (max-width:1024px){.announcement-modal-mobile{width:80%;max-width:600px}}@supports (padding:max(0px)){.announcement-modal-bottom-sheet{padding-bottom:env(safe-area-inset-bottom)}.announcement-modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media (prefers-color-scheme:dark){.announcement-modal{color:#f3f4f6;background:#1f2937}.announcement-modal-title{color:#f9fafb}.announcement-content-text{color:#d1d5db}.announcement-modal-close{color:#9ca3af}.announcement-modal-close:active{background-color:#374151}.announcement-modal-cancel{color:#d1d5db;background-color:#374151}.announcement-modal-cancel:active:not(.disabled){background-color:#4b5563}.announcement-modal-read-time-alert{background:#92400e;border-color:#b45309}.read-time-progress{background:#78350f}.announcement-modal-countdown{background:#374151}.announcement-modal-header,.announcement-modal-footer{border-color:#374151}}.announcement-modal-container[data-mobile=true]{align-items:flex-end}.announcement-modal[data-type=info]{border-left-color:#3b82f6}.announcement-modal[data-type=warning]{border-left-color:#f59e0b}.announcement-modal[data-type=error]{border-left-color:#ef4444}.announcement-modal[data-type=success]{border-left-color:#10b981}.announcement-priority-indicator{background-color:#9ca3af;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.announcement-priority-indicator[data-priority="100"]{background-color:#ef4444}.announcement-priority-indicator[data-priority="80"]{background-color:#f59e0b}.announcement-priority-indicator[data-priority="50"]{background-color:#3b82f6}.announcement-priority-indicator[data-priority="20"]{background-color:#10b981}.announcement-modal[data-state=closing]{animation:.3s forwards fadeOut}.announcement-modal[data-state=opening]{animation:.3s forwards fadeIn}.announcement-modal[data-state=swiping]{transition:none}.announcement-modal[data-queue-position="1"]{z-index:1002}.announcement-modal[data-queue-position="2"]{z-index:1001}.announcement-modal[data-queue-position="3"]{z-index:1000}