:root{--background-color:#faf9f6;--text-color:#3a3a3a;--heading-color:#2a3a4a;--secondary-text-color:#5a6675;--link-color:#3b82f6;--accent-color:#3b82f6;--border-color:#eceff1;--card-background:#fcfcfc;--card-shadow:0 4px 12px rgba(0, 0, 0, .08);--hero-gradient-start:#3b82f6;--hero-gradient-end:#5a4fe5;--button-text-color:white;--footer-background:#f8f8f8;--footer-text-color:#5a6675;--skill-bar-background:#eceff1;--skill-bar-fill:linear-gradient(90deg, #3b82f6, #5a4fe5);--header-background:#fcfcfc;--header-shadow:0 1px 3px rgba(0, 0, 0, .08);--tech-badge-background:rgba(0, 0, 0, .04);--tech-badge-color:#5a6675;--theme-toggle-hover:rgba(0, 0, 0, .04);--tooltip-background:#fcfcfc;--tooltip-text:#3a3a3a;--tooltip-shadow:0 2px 8px rgba(0, 0, 0, .12);--navbar-height:64px}.page-content.svelte-18epn6e.svelte-18epn6e{min-height:100vh;background-color:var(--background-color);padding:calc(var(--navbar-height) + 2rem) 1rem 2rem 1rem}.header.svelte-18epn6e.svelte-18epn6e{max-width:800px;margin:0 auto 3rem;text-align:center;animation:svelte-18epn6e-slideDown .6s ease-out}.header.svelte-18epn6e h1.svelte-18epn6e{font-size:2.5rem;font-weight:700;color:var(--heading-color);margin:0 0 .5rem;letter-spacing:-.02em}.subtitle.svelte-18epn6e.svelte-18epn6e{font-size:1.1rem;color:var(--secondary-text-color);margin:0;font-weight:400}.gallery-list.svelte-18epn6e.svelte-18epn6e{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.gallery-item.svelte-18epn6e.svelte-18epn6e{display:flex;align-items:center;padding:1.25rem 1.5rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;color:var(--text-color);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--card-shadow);animation:svelte-18epn6e-slideUp .5s ease-out both;animation-delay:var(--delay);position:relative;overflow:hidden}.gallery-item.svelte-18epn6e.svelte-18epn6e:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--hero-gradient-start),var(--hero-gradient-end));opacity:0;transition:opacity .2s ease}.gallery-item.svelte-18epn6e.svelte-18epn6e:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;border-color:var(--accent-color)}.gallery-item.svelte-18epn6e.svelte-18epn6e:hover:before{opacity:1}.gallery-item.svelte-18epn6e.svelte-18epn6e:active{transform:translateY(-1px)}.gallery-icon.svelte-18epn6e.svelte-18epn6e{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--tech-badge-background);border-radius:10px;color:var(--accent-color);margin-right:1rem;transition:all .2s ease;flex-shrink:0}.gallery-item.svelte-18epn6e:hover .gallery-icon.svelte-18epn6e{background:var(--accent-color);color:var(--button-text-color);transform:scale(1.05)}.gallery-content.svelte-18epn6e.svelte-18epn6e{flex:1;min-width:0}.gallery-name.svelte-18epn6e.svelte-18epn6e{font-size:1.1rem;font-weight:600;color:var(--heading-color);margin:0 0 .25rem;line-height:1.3}.gallery-type.svelte-18epn6e.svelte-18epn6e{font-size:.875rem;color:var(--secondary-text-color);font-weight:400}.gallery-action.svelte-18epn6e.svelte-18epn6e{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--secondary-text-color);transition:all .2s ease;flex-shrink:0}.gallery-item.svelte-18epn6e:hover .gallery-action.svelte-18epn6e{color:var(--accent-color);transform:translate(4px)}.empty-state.svelte-18epn6e.svelte-18epn6e{text-align:center;padding:4rem 2rem;max-width:400px;margin:2rem auto;animation:svelte-18epn6e-slideUp .6s ease-out}.empty-illustration.svelte-18epn6e.svelte-18epn6e{margin-bottom:1.5rem;color:var(--secondary-text-color);opacity:.6}.empty-state.svelte-18epn6e h3.svelte-18epn6e{font-size:1.5rem;font-weight:600;color:var(--heading-color);margin:0 0 .5rem}.empty-state.svelte-18epn6e p.svelte-18epn6e{font-size:1rem;color:var(--secondary-text-color);margin:0;line-height:1.5}@keyframes svelte-18epn6e-slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-18epn6e-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.page-content.svelte-18epn6e.svelte-18epn6e{padding:calc(var(--navbar-height) + 1.5rem) 1rem 1.5rem 1rem}.header.svelte-18epn6e.svelte-18epn6e{margin-bottom:2rem}.header.svelte-18epn6e h1.svelte-18epn6e{font-size:2rem}.subtitle.svelte-18epn6e.svelte-18epn6e{font-size:1rem}.gallery-item.svelte-18epn6e.svelte-18epn6e{padding:1rem 1.25rem}.gallery-icon.svelte-18epn6e.svelte-18epn6e{width:40px;height:40px;margin-right:.75rem}.gallery-name.svelte-18epn6e.svelte-18epn6e{font-size:1rem}.gallery-type.svelte-18epn6e.svelte-18epn6e{font-size:.8rem}}@media (max-width: 480px){.page-content.svelte-18epn6e.svelte-18epn6e{padding:calc(var(--navbar-height) + 1rem) .75rem 1rem .75rem}.header.svelte-18epn6e h1.svelte-18epn6e{font-size:1.75rem}.gallery-item.svelte-18epn6e.svelte-18epn6e{padding:.875rem 1rem;border-radius:8px}.gallery-icon.svelte-18epn6e.svelte-18epn6e{width:36px;height:36px}.empty-state.svelte-18epn6e.svelte-18epn6e{padding:3rem 1rem}}@media (prefers-reduced-motion: reduce){.gallery-item.svelte-18epn6e.svelte-18epn6e,.header.svelte-18epn6e.svelte-18epn6e{animation:none}.gallery-item.svelte-18epn6e.svelte-18epn6e:hover,.gallery-item.svelte-18epn6e:hover .gallery-icon.svelte-18epn6e,.gallery-item.svelte-18epn6e:hover .gallery-action.svelte-18epn6e{transform:none}}