:root{--bg-color:#f6f8fa;--card-bg:#ffffff;--highlight-border:#4d90fe;--highlight-text:#3c7ce9;--teal-light:#bde0e0;--teal-medium:#80cbcb;--teal-dark:#008080;--text-muted:#888}.page-container{margin:0 auto;max-width:1200px;padding:2rem}.date-scroller-container{align-items:center;display:flex;gap:1rem;overflow-x:auto;padding-bottom:2rem;-webkit-overflow-scrolling:touch}.date-scroller-arrow{color:#ccc;cursor:pointer;font-size:1.5rem}.date-card{background:var(--card-bg);border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,5%);flex:none;min-width:120px;padding:1.5rem;text-align:center;transition:transform .2s}.date-card:hover{transform:translateY(-3px)}.date-card.selected{border-color:var(--highlight-border);color:var(--highlight-text)}.date-card .day-name{color:var(--text-muted);font-size:.9rem;font-weight:500;text-transform:capitalize}.date-card .date-number{font-size:2.2rem;font-weight:700;margin:.5rem 0}.date-card .meta-row{align-items:center;display:flex;font-size:.8rem;gap:.5rem;justify-content:center}.date-card .badge{background:#e0e0e0;border-radius:4px;color:#555;font-weight:600;padding:.25rem .5rem;text-transform:lowercase}.date-card.selected .badge{background:var(--highlight-border);color:#fff}.date-card .icon{color:#aaa;font-size:.9rem}.date-card .event-count{color:#333;font-size:.9rem;font-weight:600}.content-box{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,5%);padding:2rem}.content-box h2{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;margin-top:0}.content-box .event-list{list-style:none;margin:0;padding:0}.content-box .event-item{margin-bottom:1.5rem}.content-box .event-item h3{font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.content-box .event-item p{color:#666;font-size:.95rem;line-height:1.6;margin:0}.content-box .event-item .event-date{color:var(--text-muted);display:block;font-size:.85rem;margin-top:.5rem}.calendar-dropdown{background:var(--card-bg);border:1px solid #ddd;border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.1);margin-top:1rem;max-width:350px;padding:1rem;width:100%}.calendar-header{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:1rem;text-align:center}.calendar-nav-arrow{color:#999;cursor:pointer;font-size:1.2rem}.calendar-month-year{flex-grow:1;text-transform:capitalize}.calendar-grid{display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr)}.calendar-weekday{color:var(--text-muted);font-size:.8rem;font-weight:600;padding:.25rem;text-align:center}.calendar-day{border-radius:6px;cursor:pointer;font-size:.95rem;padding:.5rem;text-align:center;transition:background .1s}.calendar-day.empty{visibility:hidden}.calendar-day:hover:not(.empty){background-color:#f0f0f0}.calendar-day.density-0{color:#ccc}.calendar-day.density-low{background-color:var(--teal-light)}.calendar-day.density-medium{background-color:var(--teal-medium)}.calendar-day.density-high{background-color:var(--teal-dark);color:#fff}.calendar-day.selected{border:2px solid var(--highlight-border)}.density-legend{align-items:center;border-top:1px solid #eee;color:#666;display:flex;font-size:.8rem;gap:1rem;justify-content:center;margin-top:1rem;padding-top:1rem}.density-legend span{align-items:center;display:flex;gap:.25rem}.legend-box{border-radius:3px;height:14px;width:14px}