#grafik-page .filter-btn{background:var(--color-surface);color:var(--color-on-surface-variant);cursor:pointer;border:1px solid #53624f26;border-radius:9999px;padding:.6rem 1.2rem;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s}#grafik-page .filter-btn:hover{background:var(--color-surface-container-high);border-color:var(--color-primary)}#grafik-page .filter-btn.active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:0 4px 12px #53624f40}#grafik-page .age-select-input{font-family:Manrope,sans-serif;font-weight:500}#grafik-page .time-badge{background:var(--color-primary-container);color:var(--color-primary);border-radius:12px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #53624f0d}#grafik-page .time-badge .material-symbols-outlined{font-variation-settings:"wght" 600;font-size:1.1rem}#grafik-page .cat-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}#grafik-page .cat-badge.terapia{color:var(--color-primary);background:#53624f1a}#grafik-page .cat-badge.ruch{color:#cc6010;background:#dc78281a}#grafik-page .cat-badge.artystyczne{color:#a03c20;background:#b450321a}#grafik-page .cat-badge.warsztaty{color:#6030a0;background:#7850b41a}#grafik-page .age-badge{background:var(--color-surface-container-high);color:var(--color-on-surface-variant);border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}#grafik-page .signup-btn{background:var(--color-primary);color:var(--color-on-primary);border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}#grafik-page .signup-btn:hover{background:var(--color-primary-dim);transform:translate(3px);box-shadow:0 4px 12px #53624f33}#grafik-page .signup-btn .material-symbols-outlined{font-size:1.1rem;transition:transform .3s}#grafik-page .signup-btn:hover .material-symbols-outlined{transform:translate(2px)}#grafik-page .session-card{text-decoration:none}#grafik-page .session-icon{background:var(--color-primary-container);width:2.75rem;height:2.75rem;color:var(--color-primary);border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex}#grafik-page .session-card:hover .session-icon{background:var(--color-primary);color:var(--color-on-primary);transform:scale(1.05)}#grafik-page .session-icon .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:1.5rem}#grafik-page .month-nav{align-items:center;display:inline-flex}#grafik-page .nav-arrow-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .2s;display:flex}#grafik-page .nav-arrow-btn:hover{background:var(--color-primary-container);color:var(--color-primary)}#grafik-page .nav-arrow-btn .material-symbols-outlined{font-size:1.25rem;font-weight:700}#grafik-page .calendar-legend{background:var(--color-surface-container-lowest);border:1px solid #53624f1f;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem 1.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 2px 8px #00000005}@media (width>=768px){#grafik-page .calendar-legend{justify-content:flex-start}}#grafik-page .legend-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-right:.5rem;font-family:Noto Serif,serif;font-size:.85rem;font-weight:700}#grafik-page .legend-item{align-items:center;gap:.5rem;display:flex}#grafik-page .legend-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}#grafik-page .legend-color-dot.terapia{background:var(--color-primary)}#grafik-page .legend-color-dot.ruch{background:#cc6010}#grafik-page .legend-color-dot.artystyczne{background:#a03c20}#grafik-page .legend-color-dot.warsztaty{background:#6030a0}#grafik-page .legend-text{color:var(--color-on-surface);font-family:Manrope,sans-serif;font-size:.8rem;font-weight:700}#grafik-page .legend-subtext{color:var(--color-on-surface-variant);font-size:.72rem;font-weight:400}