.filter-container.svelte-a8hjks{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem}.filter-info.svelte-a8hjks{margin-bottom:1.5rem;text-align:center}.filter-count.svelte-a8hjks{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2);border-radius:15px;font-size:.875rem;font-weight:600;color:#4c51bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-section.svelte-a8hjks{margin-bottom:1.5rem}.filter-section.svelte-a8hjks:last-of-type{margin-bottom:1rem}.filter-section.svelte-a8hjks h3:where(.svelte-a8hjks){margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#2d3748;font-family:Space Grotesk,sans-serif;background:linear-gradient(135deg,#a8c8ff,#c7a8ff,#ffb3e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-buttons.svelte-a8hjks,.genre-buttons.svelte-a8hjks{display:flex;flex-wrap:wrap;gap:.5rem}.filter-button.svelte-a8hjks{padding:.6rem 1.2rem;border:1px solid rgba(102,126,234,.2);background:linear-gradient(135deg,#fffc,#fff6);border-radius:25px;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:DM Sans,sans-serif;font-weight:500;display:flex;align-items:center;gap:.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.filter-button.svelte-a8hjks:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.filter-button.svelte-a8hjks:hover:before{left:100%}.filter-button.svelte-a8hjks:hover{border-color:#667eea66;background:linear-gradient(135deg,#667eea1a,#fff9);transform:translateY(-2px);box-shadow:0 8px 25px #667eea33}.filter-button.active.svelte-a8hjks{background:linear-gradient(135deg,#a8c8ff,#c7a8ff,#ffb3e6);border-color:#a8c8ff;color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #667eea4d}.filter-button.active.svelte-a8hjks:before{display:none}.genre-tag.svelte-a8hjks{font-size:.8rem;padding:.5rem 1rem}.filter-actions.svelte-a8hjks{text-align:right}.reset-button.svelte-a8hjks{padding:.6rem 1.5rem;background:linear-gradient(135deg,#ef44441a,#f43f5e1a);border:1px solid rgba(239,68,68,.2);border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:DM Sans,sans-serif;color:#dc2626;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reset-button.svelte-a8hjks:hover{background:linear-gradient(135deg,#ef444426,#f43f5e26);border-color:#ef44444d;transform:translateY(-1px);box-shadow:0 4px 15px #ef444433}@media (max-width: 768px){.filter-container.svelte-a8hjks{padding:1rem;margin-bottom:1rem}.filter-button.svelte-a8hjks{font-size:.8rem;padding:.4rem .8rem}.genre-tag.svelte-a8hjks{font-size:.75rem;padding:.3rem .6rem}}.typography-gallery.svelte-1hkx4ag{width:100%}.results-info.svelte-1hkx4ag{margin-bottom:2rem;text-align:center}.results-info.svelte-1hkx4ag p:where(.svelte-1hkx4ag){color:var(--text-secondary);font-size:.875rem;font-family:DM Sans,sans-serif}.results-count.svelte-1hkx4ag{font-weight:600;color:var(--accent-primary)}.works-grid.svelte-1hkx4ag{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important;margin-top:2rem}.work-card.svelte-1hkx4ag{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1);transition-delay:var(--delay, 0s)}.works-grid.mounted.svelte-1hkx4ag .work-card:where(.svelte-1hkx4ag){opacity:1;transform:translateY(0)}.work-card.animate-in.svelte-1hkx4ag{opacity:1;transform:translateY(0)}.loading-state.svelte-1hkx4ag{width:100%}.loading-grid.svelte-1hkx4ag{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important}.skeleton-card.svelte-1hkx4ag{background:var(--glass-bg-light);border:1px solid var(--border-light);border-radius:16px;padding:1rem;animation:svelte-1hkx4ag-skeletonPulse 1.5s ease-in-out infinite;animation-delay:var(--delay, 0s)}.skeleton-image.svelte-1hkx4ag{width:100%;height:200px;background:var(--glass-bg-medium);border-radius:12px;margin-bottom:1rem}.skeleton-content.svelte-1hkx4ag{display:flex;flex-direction:column;gap:.75rem}.skeleton-title.svelte-1hkx4ag{width:70%;height:1.25rem;background:var(--glass-bg-medium);border-radius:4px}.skeleton-description.svelte-1hkx4ag{width:100%;height:1rem;background:var(--glass-bg-medium);border-radius:4px}.skeleton-tags.svelte-1hkx4ag{display:flex;gap:.5rem}.skeleton-tag.svelte-1hkx4ag{width:60px;height:1.5rem;background:var(--glass-bg-medium);border-radius:8px}@keyframes svelte-1hkx4ag-skeletonPulse{0%,to{opacity:1}50%{opacity:.6}}.empty-state.svelte-1hkx4ag{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state.svelte-1hkx4ag h3:where(.svelte-1hkx4ag){font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-state.svelte-1hkx4ag p:where(.svelte-1hkx4ag){font-size:1rem;margin-bottom:2rem;font-family:DM Sans,sans-serif}@media screen and (max-width: 1024px){.works-grid.svelte-1hkx4ag,.loading-grid.svelte-1hkx4ag{grid-template-columns:repeat(3,1fr)!important;gap:18px!important}}@media screen and (max-width: 768px){.works-grid.svelte-1hkx4ag,.loading-grid.svelte-1hkx4ag{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.empty-state.svelte-1hkx4ag{padding:3rem 1rem}.empty-state.svelte-1hkx4ag h3:where(.svelte-1hkx4ag){font-size:1.25rem}}@media screen and (max-width: 480px){.works-grid.svelte-1hkx4ag,.loading-grid.svelte-1hkx4ag{gap:8px!important}.skeleton-card.svelte-1hkx4ag{padding:.75rem}.skeleton-image.svelte-1hkx4ag{height:150px}}@media (prefers-reduced-motion: reduce){.work-card.svelte-1hkx4ag,.skeleton-card.svelte-1hkx4ag{animation:none;transition:none}.works-grid.mounted.svelte-1hkx4ag .work-card:where(.svelte-1hkx4ag){opacity:1;transform:none}}@media (prefers-contrast: high){.skeleton-card.svelte-1hkx4ag{border-width:2px}.skeleton-image.svelte-1hkx4ag,.skeleton-title.svelte-1hkx4ag,.skeleton-description.svelte-1hkx4ag,.skeleton-tag.svelte-1hkx4ag{background:var(--text-secondary);opacity:.3}}.floating-toggle.svelte-np9mq5{position:fixed;bottom:100px;right:40px;z-index:1050;width:60px;height:60px;border-radius:30px;background:#ff1493;border:2px solid rgba(255,20,147,.4);color:#fff;cursor:pointer;box-shadow:0 0 15px #ff149399,0 6px 18px #ff149366,inset 0 0 20px #ffffff4d;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Helvetica,Helvetica Neue,Arial,sans-serif;animation:svelte-np9mq5-pulse 1.5s infinite}@keyframes svelte-np9mq5-pulse{0%{transform:scale(1);box-shadow:0 0 15px #ff149399,0 6px 18px #ff149366,inset 0 0 20px #ffffff4d}50%{transform:scale(1.08);box-shadow:0 0 25px #ff69b4e6,0 8px 24px #ff69b499,inset 0 0 25px #fff6}to{transform:scale(1);box-shadow:0 0 15px #ff149399,0 6px 18px #ff149366,inset 0 0 20px #ffffff4d}}.floating-toggle.svelte-np9mq5:hover{background:#e60080;transform:translateY(-2px) scale(1.1);box-shadow:0 0 20px #e60080e6,0 10px 25px #ff149399,inset 0 0 25px #fff6;animation:none}.floating-toggle.position-left.svelte-np9mq5{left:40px;right:auto}.floating-toggle.position-right.svelte-np9mq5{right:40px}.overlay.svelte-np9mq5{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1051;animation:svelte-np9mq5-fadeIn .15s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes svelte-np9mq5-fadeIn{0%{opacity:0}to{opacity:1}}.floating-panel.svelte-np9mq5{position:fixed;top:0;bottom:0;width:320px;background:#fffffffa;z-index:1052;transform:translate(100%);transition:transform .25s ease;box-shadow:-2px 0 16px #00000014;border-left:1px solid rgba(0,0,0,.06)}.floating-panel.position-left.svelte-np9mq5{left:0;transform:translate(-100%);box-shadow:2px 0 16px #00000014;border-left:none;border-right:1px solid rgba(0,0,0,.06)}.floating-panel.position-right.svelte-np9mq5{right:0}.floating-panel.open.svelte-np9mq5{transform:translate(0)}.panel-header.svelte-np9mq5{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06);background:transparent}.panel-header.svelte-np9mq5 h3:where(.svelte-np9mq5){margin:0;font-size:18px;font-weight:500;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Helvetica,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em}.close-button.svelte-np9mq5{background:none;border:none;color:#6b6b6b;cursor:pointer;padding:8px;border-radius:20px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.close-button.svelte-np9mq5:hover{background:#0000000a;color:#1a1a1a}.panel-content.svelte-np9mq5{padding:24px;height:calc(100% - 81px);overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Helvetica,Helvetica Neue,Arial,sans-serif}.panel-footer.svelte-np9mq5{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;border-top:1px solid rgba(0,0,0,.06);background:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footer-close-button.svelte-np9mq5{width:100%;padding:12px 16px;background:#f5f5f5;border:1px solid rgba(0,0,0,.06);border-radius:8px;color:#6b6b6b;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,Helvetica,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:500}.footer-close-button.svelte-np9mq5:hover{background:#e5e5e5;color:#1a1a1a;border-color:#0000001a}.desktop-only.svelte-np9mq5{display:none}@media (min-width: 769px){.floating-toggle.svelte-np9mq5{bottom:60px;right:60px;width:68px;height:68px;border-radius:34px}.floating-toggle.position-left.svelte-np9mq5{left:60px;right:auto}.floating-panel.svelte-np9mq5{width:340px}.desktop-only.svelte-np9mq5{display:block}.close-button.svelte-np9mq5{display:none}.panel-content.svelte-np9mq5{height:calc(100% - 154px);padding-bottom:0}}@media (max-width: 768px){.floating-panel.svelte-np9mq5{width:280px}.floating-toggle.svelte-np9mq5{width:76px;height:76px;border-radius:38px;bottom:100px;right:40px}.floating-toggle.position-left.svelte-np9mq5{left:40px;right:auto}.panel-content.svelte-np9mq5{padding:1rem}}@media (max-width: 480px){.floating-toggle.svelte-np9mq5{width:72px;height:72px;border-radius:36px;bottom:90px;right:30px}.floating-toggle.position-left.svelte-np9mq5{left:30px;right:auto}.floating-panel.svelte-np9mq5{width:260px}}.container.svelte-1pqrmr7{max-width:1200px;margin:0 auto;padding:0 20px}.breadcrumb.svelte-1pqrmr7{background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:1rem 0}.breadcrumb.svelte-1pqrmr7 a:where(.svelte-1pqrmr7){color:var(--accent-primary);text-decoration:none;font-weight:500}.breadcrumb.svelte-1pqrmr7 a:where(.svelte-1pqrmr7):hover{text-decoration:underline}.breadcrumb.svelte-1pqrmr7 span:where(.svelte-1pqrmr7){color:var(--text-secondary)}.filter-section.svelte-1pqrmr7{padding:3rem 0;background:linear-gradient(135deg,#667eea08,#764ba208,#f5f7facc);position:relative}.filter-section.svelte-1pqrmr7:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.05) 0%,transparent 50%);pointer-events:none}.desktop-only.svelte-1pqrmr7{display:block}.gallery-section.svelte-1pqrmr7{padding:2rem 0 4rem;background:var(--bg-primary)}.reset-filters-btn.svelte-1pqrmr7{padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s var(--timing-fast);font-family:DM Sans,sans-serif}.reset-filters-btn.svelte-1pqrmr7:hover{background:var(--accent-deep);transform:translateY(-1px)}.skills-section.svelte-1pqrmr7{padding:4rem 0;background:var(--glass-bg-light);border-top:1px solid var(--border-light)}.skills-section.svelte-1pqrmr7 h2:where(.svelte-1pqrmr7){font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-primary)}.skills-grid.svelte-1pqrmr7{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto}.skill-item.svelte-1pqrmr7{text-align:center;padding:2rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:16px;transition:all .3s var(--timing-smooth)}.skill-item.svelte-1pqrmr7:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a;border-color:var(--accent-primary)}.skill-icon.svelte-1pqrmr7{font-size:3rem;margin-bottom:1rem}.skill-item.svelte-1pqrmr7 h3:where(.svelte-1pqrmr7){font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.skill-item.svelte-1pqrmr7 p:where(.svelte-1pqrmr7){color:var(--text-secondary);line-height:1.6;font-family:DM Sans,sans-serif}.floating-filter-content.svelte-1pqrmr7{display:flex;flex-direction:column;gap:1.5rem}.floating-filter-content.svelte-1pqrmr7 .filter-section:where(.svelte-1pqrmr7){display:flex;flex-direction:column;gap:.75rem}.floating-filter-content.svelte-1pqrmr7 h4:where(.svelte-1pqrmr7){font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.floating-filter-content.svelte-1pqrmr7 .filter-tags:where(.svelte-1pqrmr7){display:flex;flex-wrap:wrap;gap:.5rem}.floating-filter-content.svelte-1pqrmr7 .filter-tag:where(.svelte-1pqrmr7){padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:20px;font-family:DM Sans,sans-serif;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .2s var(--timing-fast);white-space:nowrap}.floating-filter-content.svelte-1pqrmr7 .filter-tag:where(.svelte-1pqrmr7):hover{background:var(--pastel-lavender);border-color:var(--accent-primary);color:var(--text-primary)}.floating-filter-content.svelte-1pqrmr7 .filter-tag.active:where(.svelte-1pqrmr7){background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.floating-filter-content.svelte-1pqrmr7 .clear-filters-btn:where(.svelte-1pqrmr7){margin-top:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s var(--timing-fast);font-family:DM Sans,sans-serif;width:100%}.floating-filter-content.svelte-1pqrmr7 .clear-filters-btn:where(.svelte-1pqrmr7):hover{background:var(--accent-deep)}@media (max-width: 1024px){.skills-grid.svelte-1pqrmr7{grid-template-columns:repeat(2,1fr);gap:1.8rem}}@media (max-width: 768px){.container.svelte-1pqrmr7{padding:0 16px}.desktop-only.svelte-1pqrmr7{display:none}.skills-grid.svelte-1pqrmr7{grid-template-columns:1fr;gap:1.5rem}.skill-item.svelte-1pqrmr7{padding:1.5rem}.skills-section.svelte-1pqrmr7 h2:where(.svelte-1pqrmr7){font-size:1.75rem;margin-bottom:2rem}}