.otd-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,55,113,.5);backdrop-filter:blur(3px)}.otd-modal{flex-direction:column;width:100%;max-width:440px;overflow:hidden;border-radius:30px;background:#fff;box-shadow:0 8px 30px 0 rgba(0,55,113,.15),0 0 20px 0 rgba(0,0,0,.2)}.otd-header,.otd-modal{position:relative;display:flex}.otd-header{align-items:center;gap:12px;padding:16px 48px 16px 16px;background:linear-gradient(135deg,#003771,#00529e);color:#fff;flex-shrink:0}.otd-header-logo{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:2px solid #fff200;background:#fff;padding:3px;object-fit:contain}.otd-header-text{flex:1;min-width:0}.otd-date{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85)!important;margin:0}.otd-title{margin-top:2px;font-family:var(--font-heading,"Fredoka",sans-serif);font-size:1.25rem;font-weight:700;line-height:1.2;color:#ffffff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.otd-subtitle{margin-top:2px;font-size:.75rem;color:rgba(255,255,255,.9)!important;line-height:1.3}.otd-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:2}.otd-close:hover{background:rgba(255,255,255,.28)}.otd-body{padding:16px;flex-shrink:0}.otd-carousel{display:flex;align-items:stretch;gap:6px}.otd-nav{flex-shrink:0;align-self:center;width:36px;height:36px;border-radius:50%;background:#003771;color:#fff;font-size:1.3rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px 0 rgba(0,55,113,.15);transition:background .2s ease}.otd-nav:hover{background:#00529e}.otd-slide{flex:1;min-width:0}.otd-image-wrap{width:min(100%,220px);aspect-ratio:1/1;margin:0 auto 12px;border-radius:20px;overflow:hidden;background:#e8f1fa;border:3px solid #003771;box-shadow:0 6px 20px 0 rgba(0,55,113,.12)}.otd-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.otd-image-placeholder{width:100%;height:100%;align-items:center;background:linear-gradient(160deg,#003771,#00529e 70%,#e8f1fa);font-size:3rem}.otd-badges,.otd-image-placeholder{display:flex;justify-content:center}.otd-badges{flex-wrap:wrap;gap:6px;margin-bottom:8px}.otd-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:50rem;font-family:var(--font-heading,"Fredoka",sans-serif);font-size:.7rem;font-weight:600}.otd-badge-category{background:#e8f1fa;color:#003771}.otd-badge-holiday{background:#fff200;color:#003771}.otd-event-name{font-family:var(--font-heading,"Fredoka",sans-serif);font-size:1.05rem;font-weight:700;color:#003771!important;text-align:center;line-height:1.35;margin:0}.otd-event-year{font-size:.85rem;font-weight:500;color:#666}.otd-event-desc{margin-top:8px;font-size:.88rem;line-height:1.55;color:#555;text-align:center;max-height:4.65em;overflow:hidden}.otd-controls{align-items:center;gap:12px;margin-top:12px}.otd-controls,.otd-dots{display:flex;justify-content:center}.otd-dots{gap:6px;flex-wrap:wrap;max-width:200px}.otd-dot{width:8px;height:8px;border-radius:50%;padding:0;background:rgba(0,55,113,.25);transition:transform .2s ease,background .2s ease}.otd-dot.active{background:#003771;transform:scale(1.3)}.otd-counter{font-size:.75rem;color:#888;white-space:nowrap}.otd-footer{display:flex;flex-direction:column;gap:10px;padding:12px 16px 16px;border-top:1px solid #e8f1fa;background:#fafcff;flex-shrink:0}.otd-footer-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.otd-btn{flex:1;min-width:140px;border-radius:50rem;padding:10px 18px;font-family:var(--font-heading,"Fredoka",sans-serif);font-size:.88rem;font-weight:600;transition:background .2s ease,border-color .2s ease,color .2s ease}.otd-btn-close{background:#003771;color:#fff}.otd-btn-close:hover{background:#002655}.otd-btn-dismiss{background:#fff;color:#003771;border:2px solid #003771}.otd-btn-dismiss:hover{background:#e8f1fa}@media (max-width:419px){.otd-nav{display:none}}