@keyframes spin{to{transform:rotate(360deg)}}.filter-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:900;background:rgba(0,0,0,0.4);align-items:center;justify-content:center}.filter-overlay.open{display:flex}.filter-modal{background:#fff;border-radius:16px;width:90%;max-width:420px;max-height:85vh;overflow-y:auto;padding:0}.filter-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 12px;border-bottom:1px solid #f0f0f0;position:sticky;top:0;background:#fff;z-index:1;border-radius:16px 16px 0 0}.filter-modal-header h3{font-size:1.1rem;font-weight:700;margin:0}.filter-panel{padding:20px}.filter-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-top:1px solid #f0f0f0;position:sticky;bottom:0;background:#fff;border-radius:0 0 16px 16px}.filter-apply-btn{flex:1;padding:14px;background:#222;color:#fff;border:none;border-radius:10px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:background 0.2s}.filter-apply-btn:hover{background:#444}.filter-apply-btn:disabled{background:#ccc;cursor:not-allowed}/* 캘린더 */ .cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;font-size:0.85rem;transition:all 0.15s;padding:2px}.cal-day:hover{background:#f5f5f5}.cal-day.today{font-weight:800;font-size:1rem}.cal-day.selected{background:#222;color:#fff;font-weight:600}.cal-day.past{opacity:0.35;pointer-events:none}.cal-day.sun{color:#e53e3e}.cal-day.sat{color:#3b82f6}.cal-day.selected.sun, .cal-day.selected.sat{color:#fff}/* 시간 그리드 */ .time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.time-opt{padding:10px 4px;text-align:center;border:1px solid #e0e0e0;border-radius:8px;font-size:0.85rem;cursor:pointer;background:#fff;transition:all 0.15s;color:#333}.time-opt:hover{border-color:#7B1FA2;color:#7B1FA2}.time-opt.selected{background:#222;color:#fff;border-color:#222}.time-opt.disabled{color:#ddd;pointer-events:none;background:#fafafa}.time-period{font-size:0.7rem;color:#999}.time-opt.selected .time-period{color:rgba(255,255,255,0.7)}.time-duration{display:block;font-size:0.7rem;color:#e53e3e;margin-top:2px;font-weight:500}.time-opt.selected .time-duration{color:#ffb3b3}/* 활성 필터 뱃지 */ .active-filter-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#F3E5F5;color:#7B1FA2;border-radius:16px;font-size:0.78rem;font-weight:500}.active-filter-badge button{background:none;border:none;cursor:pointer;padding:0;color:#7B1FA2;line-height:1}/* 모바일:bottom sheet 스타일 */ @media (max-width:767px){.filter-overlay{align-items:flex-end}.filter-modal{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90vh}.filter-modal-header{border-radius:16px 16px 0 0}.filter-modal-footer{border-radius:0}}