/* Styles including overlay and digital font */
#niw-widget { max-width:760px; margin:20px auto; font-family: Arial, Helvetica, sans-serif; }
.niw-widget-title { font-weight:700; margin-bottom:8px; }
.niw-countdown-container { background:#f6f6f6; padding:12px; border-radius:8px; margin-bottom:12px; display:none; }
#niw-countdown-box { display:flex; align-items:center; justify-content:center; gap:10px; }
.niw-count-segment { display:flex; flex-direction:column; align-items:center; min-width:68px; }
.niw-count-value { font-family: 'Orbitron', monospace; font-weight:700; min-width:54px; text-align:center; }
.niw-count-label { margin-top:6px; font-size:12px; color:#333; }
.niw-count-divider { width:1px; height:48px; background:rgba(0,0,0,0.15); }

#niw-form-container { margin-top:10px; }
#niw-form input, #niw-form textarea { width:100%; padding:10px; margin:8px 0; box-sizing:border-box; border:1px solid #ddd; border-radius:6px; }
#niw-submit-btn { background:#008000; color:#fff; padding:10px 14px; border:none; border-radius:6px; cursor:pointer; }

.niw-spinner { font-weight:bold; margin-top:8px; }
.niw-wish { padding:8px; border-bottom:1px solid #eee; }
.niw-pagination { margin-top:12px; text-align:center; }
.niw-pagination a { margin:0 6px; text-decoration:none; color:#008000; font-weight:bold; cursor:pointer; }

/* modal */
.niw-popup { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.6); z-index:99999; align-items:center; justify-content:center; }
.niw-popup-content { background:#fff; padding:18px; border-radius:10px; width:90%; max-width:420px; text-align:center; position:relative; }
.niw-popup-title { font-size:20px; margin-bottom:6px; }
.niw-popup-ok { margin-top:12px; background:#008000; color:#fff; padding:10px 14px; border:none; border-radius:6px; cursor:pointer; }

/* fireworks overlay */
.niw-fireworks-overlay { display:none; position:fixed; inset:0; z-index:100000; pointer-events:none; }
.niw-fireworks-area { position:absolute; inset:0; overflow:hidden; }
.niw-fireworks-message { position:fixed; top:40%; left:50%; transform:translate(-50%, -50%); font-family: 'Orbitron', monospace; font-size:40px; font-weight:800; color:#ffffff; text-shadow:0 0 12px rgba(0,128,0,0.9), 0 0 18px rgba(255,255,255,0.8); pointer-events:none; opacity:1; }

.niw-particle { position:absolute; border-radius:50%; opacity:0.95; transform-origin:center; animation:niw-fade 1.2s ease-out forwards; box-shadow:0 0 8px rgba(0,0,0,0.2); }
@keyframes niw-fade { 0% { transform: scale(0.3) translateY(0); opacity:1; } 60% { transform: scale(1.4) translateY(-30px); opacity:0.9; } 100% { transform: scale(2.6) translateY(-80px); opacity:0; } }

.niw-no-wishes { padding:8px; }