:root{--color-bg-primary: #dacbef;--color-bg-secondary: #cfbde9;--color-bg-tertiary: #c1abe0;--color-surface-card: #ffffff;--color-surface-modal: rgba(255, 255, 255, .95);--color-warm-beige: #efe8d8;--color-warm-taupe: #dccbb6;--color-warm-sand: #e3dccb;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-300: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-text-primary: #2d2a26;--color-text-secondary: #59544c;--color-text-muted: #8c867b;--color-text-inverse: #ffffff;--color-hover-light: #f0eafa;--color-hover-medium: #e0d2f5;--color-accent: #9b7cd8;--color-accent-hover: #8461c4;--color-accent-light: #d3c2f0;--color-success: #68b028;--color-success-bg: #f0f9e8;--color-warning: #f4a524;--color-warning-bg: #fef3c7;--color-error: #e64649;--color-error-bg: #fee2e2;--color-border: #e3e0d8;--color-border-light: #f0ede4;--color-border-dark: #c9c4b5;--shadow-sm: 0 1px 2px rgba(45, 42, 38, .05);--shadow-md: 0 4px 6px rgba(45, 42, 38, .07);--shadow-md-hover: 0 8px 12px rgba(45, 42, 38, .1);--shadow-lg: 0 10px 20px rgba(45, 42, 38, .1);--shadow-xl: 0 20px 40px rgba(45, 42, 38, .15);--shadow-lightbox: 0 0 120px rgba(45, 42, 38, .4);--overlay-dark: rgba(0, 0, 0, .6);--overlay-light: rgba(0, 0, 0, .1)}:root{--font-sans: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Menlo", "Monaco", "Courier New", monospace;--font-normal: 400;--font-medium: 500;--font-semi-bold: 600;--font-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-loose: 2;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-widest: .05em}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 2rem;--spacing-4xl: 2.5rem;--spacing-5xl: 3rem;--spacing-6xl: 4rem;--spacing-7xl: 5rem}:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}:root{--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-zoom: .3s cubic-bezier(.25, .46, .45, .94);--transition-bounce: .4s cubic-bezier(.175, .885, .32, 1.275)}:root{--grid-gap: 24px;--grid-columns: 4;--grid-columns-tablet: 3;--grid-columns-mobile: 1;--max-width-container: 1400px;--max-width-content: 1200px;--max-width-hero: 1600px;--max-width-post: 720px;--z-fixed: 1000;--z-sticky: 900;--z-modal: 1100;--z-overlay: 1050;--z-toast: 1200;--z-lightbox: 9999}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-sm)}p{font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-lg)}a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--max-width-container);margin:0 auto;padding:0 var(--spacing-xl)}.container-narrow{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:0 var(--spacing-xl)}.container-post{width:100%;max-width:var(--max-width-post);margin:0 auto;padding:0 var(--spacing-lg)}.visible{visibility:visible}.hidden,.invisible{visibility:hidden}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;max-width:var(--max-width-content);margin:0 auto;padding:0 var(--spacing-xl)}.site-footer{margin-top:auto;background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-xl) 0}.footer-content{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:0 var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-copyright{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.footer-social{display:flex;gap:var(--spacing-md)}.footer-social a{font-size:var(--text-sm);color:var(--color-text-secondary)}.footer-social a:hover{color:var(--color-accent)}.navbar{position:fixed;top:0;left:0;right:0;height:64px;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--spacing-lg);z-index:var(--z-fixed);transition:box-shadow var(--transition-normal)}.navbar.scrolled{box-shadow:var(--shadow-md)}.navbar-left{flex:0 0 auto}.navbar-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;font-weight:var(--font-bold);font-size:1.5rem;color:var(--color-text-primary);transition:color var(--transition-fast)}.navbar-logo:hover{color:var(--color-accent)}.logo-text{font-size:1.5rem;font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}.logo-badge{position:relative;width:8px;height:8px}.badge-dot{position:absolute;top:0;left:0;width:8px;height:8px;border-radius:50%;background-color:var(--color-accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.8);opacity:.8}}.navbar-nav-desktop{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:0}.navbar-item{position:relative;padding:.5rem 1rem;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;text-decoration:none;transition:color var(--transition-fast);border-radius:var(--radius-md)}.navbar-item:hover{color:var(--color-accent);background-color:var(--color-hover-light)}.navbar-item.active{color:var(--color-accent)}.navbar-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--color-accent)}.navbar-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.navbar-divider{width:1px;height:24px;background-color:var(--color-border);margin:0 var(--spacing-md)}.navbar-auth{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:var(--spacing-sm)}.navbar-user{font-size:var(--text-sm);color:var(--color-text-muted);max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0}.toggle-icon{display:flex;flex-direction:column;justify-content:center;gap:4px;width:24px;height:18px}.toggle-icon span{display:block;height:2px;background-color:var(--color-text-secondary);border-radius:1px;transition:transform var(--transition-normal),opacity var(--transition-normal)}.toggle-icon.open span:nth-child(1){transform:translateY(4px) rotate(45deg)}.toggle-icon.open span:nth-child(2){opacity:0}.toggle-icon.open span:nth-child(3){transform:translateY(-4px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-primary);z-index:var(--z-sticky);padding:calc(64px + var(--spacing-xl)) var(--spacing-xl) var(--spacing-xl);transform:translateY(-100%);transition:transform var(--transition-normal);overflow-y:auto}.mobile-menu.visible{transform:translateY(0)}.mobile-menu-inner{max-width:var(--max-width-content);margin:0 auto}.mobile-nav{display:flex;flex-direction:column;gap:4px}.mobile-nav-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;font-size:var(--text-base);font-weight:var(--font-semi-bold);color:var(--color-text-primary);background-color:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.mobile-nav-item:hover{background-color:var(--color-hover-light)}.mobile-nav-item.active{background-color:var(--color-hover-light);color:var(--color-accent)}.mobile-nav-item.secondary{margin-top:var(--spacing-lg);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);color:var(--color-text-muted)}.mobile-nav-item.secondary:hover{background-color:var(--color-bg-secondary);color:var(--color-accent)}.mobile-nav-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-md) 0}.mobile-menu-footer{margin-top:var(--spacing-xl)}.mobile-nav-user{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);word-break:break-all}.logout-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:var(--spacing-xl)}.logout-container{text-align:center}.logout-container h1{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:40vh;gap:4px}.loading-spinner:after,.loading-spinner:before,.loading-spinner{width:8px;height:8px;border-radius:50%;background-color:var(--color-accent);animation:loading-bounce 1.4s ease-in-out infinite both}.loading-spinner:after{animation-delay:.2s}.loading-spinner:before{animation-delay:.4s}@keyframes loading-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-20px);opacity:1}}@media (max-width: 1023px){.navbar{height:56px}.logo-text{font-size:1.25rem}.navbar-item{padding:.5rem .75rem}}@media (max-width: 767px){.navbar{padding:0 var(--spacing-md)}.navbar-nav-desktop{display:none}.navbar-toggle{display:flex}.navbar-logo{padding:0 .5rem}.logo-text{font-size:1.125rem}.main-content{padding:0 var(--spacing-md)}.site-footer{padding:var(--spacing-lg) 0}.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-social{margin-top:var(--spacing-md)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.badge-dot{animation:none}}@media (prefers-contrast: high){.navbar-divider{background-color:var(--color-text-primary)}.navbar-item:hover{background-color:var(--color-bg-secondary);outline:2px solid var(--color-accent)}.mobile-nav-item.active{outline:2px solid var(--color-accent)}}a{color:var(--color-text-primary);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}a:hover{color:var(--color-accent);border-bottom-color:currentColor}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);line-height:1.25}h1{font-size:var(--text-4xl);margin-bottom:var(--spacing-lg)}h2{font-size:var(--text-3xl);margin-bottom:var(--spacing-lg)}h3{font-size:var(--text-2xl);margin-bottom:var(--spacing-md)}h4{font-size:var(--text-xl);margin-bottom:var(--spacing-sm)}h5{font-size:var(--text-lg);margin-bottom:var(--spacing-xs)}h6{font-size:var(--text-base);margin-bottom:var(--spacing-xs)}img{max-width:100%;height:auto;display:block}img[loading=lazy]{border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}input,textarea,select{font-family:var(--font-sans);font-size:var(--text-base)}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{width:100%;color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}button{font-family:var(--font-sans)}button[type=submit],button:not([type]){background-color:var(--color-accent);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-weight:var(--font-semi-bold);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}button[type=submit]:hover,button:not([type]):hover{background-color:var(--color-accent-hover)}button[type=submit]:active,button:not([type]):active{transform:scale(.98)}button[type=submit]:disabled,button:not([type]):disabled{background-color:var(--color-gray-300);cursor:not-allowed;opacity:.7}.prose ul,.post-detail-content ul,.prose ol,.post-detail-content ol{padding-left:1.5em;margin-bottom:var(--spacing-lg)}.prose ul,.post-detail-content ul{list-style:disc}.prose ol,.post-detail-content ol{list-style:decimal}.prose li,.post-detail-content li{margin-bottom:var(--spacing-xs)}.prose h1,.prose h2,.prose h3,.prose h4,.post-detail-content h1,.post-detail-content h2,.post-detail-content h3,.post-detail-content h4{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.prose a,.post-detail-content a{color:var(--color-accent);text-decoration:underline}.prose blockquote,.post-detail-content blockquote{border-left:3px solid var(--color-border);padding-left:var(--spacing-lg);margin:var(--spacing-lg) 0;color:var(--color-text-muted);font-style:italic}.prose code,.post-detail-content code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-bg-secondary);padding:.15em .35em;border-radius:var(--radius-sm)}.prose pre,.post-detail-content pre{background-color:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-lg)}.prose pre code,.post-detail-content pre code{background:none;padding:0}.prose table,.post-detail-content table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg)}.prose th,.prose td,.post-detail-content th,.post-detail-content td{border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.prose hr,.post-detail-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0}.prose img,.post-detail-content img{border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mt-6{margin-top:var(--spacing-2xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mb-6{margin-bottom:var(--spacing-2xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.p-6{padding:var(--spacing-2xl)}.carousel-section{width:100%;margin-bottom:var(--spacing-2xl)}.carousel-hero{position:relative;width:100%;height:60vh;min-height:400px;max-height:600px;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-gray-100)}.carousel-image{width:100%;height:100%;position:absolute;top:0;left:0}.carousel-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}.carousel-hero.paused .carousel-image img{transform:scale(1.05)}.carousel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0003,#00000080)}.carousel-content{position:absolute;bottom:var(--spacing-xl);left:var(--spacing-xl);right:var(--spacing-xl);color:#fff;text-align:center;padding-bottom:var(--spacing-xl)}.carousel-title{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-sm);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.carousel-description{font-size:var(--text-xl);margin-bottom:var(--spacing-lg);color:#ffffffe6;max-width:600px;margin-left:auto;margin-right:auto}.carousel-cta{display:inline-block;background-color:var(--color-accent);color:var(--color-text-primary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-weight:var(--font-semi-bold);transition:background-color var(--transition-fast)}.carousel-cta:hover{background-color:var(--color-accent-hover)}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff3;color:#fff;border:none;border-radius:50%;width:56px;height:56px;padding:0;font-size:24px;cursor:pointer;transition:background-color var(--transition-fast);outline:none;display:flex;align-items:center;justify-content:center}.carousel-arrow:hover{background-color:#fff6}.carousel-arrow:active{background-color:#fff9}.carousel-arrow.prev{left:var(--spacing-lg)}.carousel-arrow.next{right:var(--spacing-lg)}.carousel-indicators{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-sm);z-index:10}.carousel-indicator{width:12px;height:12px;padding:0;min-width:0;min-height:0;border-radius:50%;border:2px solid white;background-color:transparent;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.carousel-indicator:hover{background-color:#ffffff80}.carousel-indicator.active{background-color:#fff;transform:scale(1.2)}@media (max-width: 767px){.carousel-hero{height:50vh;min-height:350px}.carousel-content{left:var(--spacing-sm);right:var(--spacing-sm);bottom:var(--spacing-sm)}.carousel-title{font-size:var(--text-2xl)}.carousel-description{font-size:var(--text-base);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-arrow{width:44px;height:44px;font-size:20px}.carousel-arrow.prev{left:var(--spacing-sm)}.carousel-arrow.next{right:var(--spacing-sm)}.carousel-indicator{width:10px;height:10px}}.masonry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:300px;gap:var(--spacing-lg);padding-bottom:var(--spacing-xl)}.photo-card{position:relative;grid-row:span 1;break-inside:avoid;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;background-color:var(--color-bg-secondary)}.photo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.photo-card-image-container{position:relative;width:100%;height:100%}.photo-card img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-slow)}.photo-card:hover img{transform:scale(1.05)}.photo-card-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.photo-card-caption p{margin:0 0 var(--spacing-sm) 0;font-weight:var(--font-medium)}.photo-card-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.photo-card-tag{display:inline-block;background-color:#fff3;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background-color var(--transition-fast)}.photo-card-tag:hover{background-color:#ffffff4d}@media (max-width: 1024px){.masonry-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}}@media (max-width: 640px){.masonry-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.photo-card img{height:auto;max-height:400px;object-fit:cover}}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:380px;gap:var(--spacing-xl)}.album-card-link{text-decoration:none;color:inherit}.album-card{position:relative;height:100%;break-inside:avoid;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.album-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.album-card img{width:100%;height:60%;object-fit:cover;object-position:center}.album-card-content{padding:var(--spacing-lg);height:40%}.album-card-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.2}.album-card-description{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.album-card-meta{display:flex;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-text-secondary);flex-wrap:wrap}.album-card-meta>span:first-child{font-weight:var(--font-medium)}.album-card-meta>span:not(:first-child){color:var(--color-text-secondary)}.album-card-divider,.album-divider{color:var(--color-text-secondary)}.section-recent+.section-recent{margin-top:var(--spacing-2xl)}.section-note{margin-top:var(--spacing-lg);font-size:var(--text-sm);color:var(--color-text-secondary)}.grid-recent{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-xl)}.album-thumb-image{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center}.album-thumb-placeholder{width:100%;aspect-ratio:4 / 5;background-color:var(--color-gray-100, #ddd)}.album-detail-container{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-xl);max-width:1200px}.album-detail-content{min-height:100vh}.album-detail-sidebar{position:sticky;top:calc(var(--spacing-xl) + 64px);align-self:start}.album-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:320px;gap:var(--spacing-lg)}.album-detail-grid .photo-card{border-radius:var(--radius-md)}.album-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.album-header h1{margin:0 0 var(--spacing-md) 0;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.album-header .album-description{margin:0 0 var(--spacing-md) 0;font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.album-meta{font-size:var(--text-sm);color:var(--color-text-secondary)}.album-private-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-gray-200);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-left:var(--spacing-sm)}.photo-card-trigger{cursor:pointer}.album-load-spinner-wrapper,.photo-load-spinner-wrapper{display:flex;justify-content:center;padding:var(--spacing-xl)}.album-load-spinner,.photo-load-spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.album-load-more-trigger,.photo-load-more-trigger{height:1px;width:100%}.blog-container{max-width:1000px;margin:0 auto}.blog-feed{display:grid;gap:var(--spacing-xl)}.blog-card{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);break-inside:avoid}.blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.blog-card-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.blog-card-title a{text-decoration:none;color:inherit}.blog-card-title a:hover{color:var(--color-accent)}.blog-card-description{margin:0 0 var(--spacing-md) 0;font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.blog-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-text-secondary)}.blog-card-date{color:var(--color-text-secondary)}.blog-card-tags{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap}.blog-card-tag{display:inline-block;background-color:var(--color-gray-200);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);text-decoration:none;transition:background-color var(--transition-fast)}.blog-card-tag:hover{background-color:var(--color-gray-300)}.blog-load-more{display:flex;justify-content:center;padding:var(--spacing-2xl)}.blog-load-more-btn{background-color:var(--color-accent);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:background-color var(--transition-fast)}.blog-load-more-btn:hover{background-color:var(--color-accent-hover)}.blog-show-all{display:block;margin:var(--spacing-xl) auto 0;background-color:transparent;color:var(--color-accent);border:2px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-fast)}.blog-show-all:hover{background-color:var(--color-accent)}@media (max-width: 640px){.album-detail-container{grid-template-columns:1fr}.album-detail-sidebar{position:static}.masonry-grid{grid-template-columns:1fr}.blog-card{padding:var(--spacing-lg)}}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;transition:opacity .3s ease;opacity:1;overflow:hidden;touch-action:manipulation}.lightbox-overlay.closed{opacity:0;pointer-events:none}.lightbox-content{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 320px;overflow:hidden}.lightbox-close{position:absolute;top:var(--spacing-xl);left:var(--spacing-xl);width:48px;height:48px;background-color:#ffffff1a;border:none;border-radius:50%;font-size:32px;color:#fff;cursor:pointer;transition:background-color var(--transition-fast);z-index:10}.lightbox-close:hover{background-color:#fff3}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:64px;height:64px;background-color:#ffffff1a;border:none;border-radius:50%;font-size:28px;color:#fff;cursor:pointer;transition:background-color var(--transition-fast);z-index:10}.lightbox-nav:hover{background-color:#fff3}.lightbox-nav.disabled{opacity:.3;cursor:not-allowed}.lightbox-nav.prev{left:var(--spacing-lg)}.lightbox-nav.next{right:var(--spacing-lg)}.lightbox-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-x pan-y;cursor:zoom-in}.lightbox-image-container.can-zoom{cursor:grab}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}.lightbox-image-container:hover .lightbox-image{transform:scale(1.1)}.lightbox-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--spacing-xl)}.lightbox-loading .spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lightbox-info{height:100%;background-color:#fff;overflow-y:auto;border-left:1px solid var(--color-border);padding:var(--spacing-xl)}.lightbox-caption{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-lg);margin:0 0 var(--spacing-xl) 0}.lightbox-caption-title{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.4}.lightbox-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:0;padding:0;list-style:none}.lightbox-tag{display:inline-block;background-color:var(--color-gray-100);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast)}.lightbox-tag:hover{background-color:var(--color-gray-200)}.lightbox-hint{border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0;margin-top:var(--spacing-lg)}.lightbox-hint p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.album-load-spinner-wrapper{display:flex;justify-content:center;padding:var(--spacing-xl);margin:var(--spacing-xl) 0}.album-load-spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.show-all-btn{display:block;width:auto;margin:var(--spacing-xl) auto;background-color:transparent;color:var(--color-accent);border:2px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.show-all-btn:hover{background-color:var(--color-accent);color:var(--color-text-primary)}.album-detail-sidebar{position:sticky;top:calc(var(--spacing-xl) + 64px);align-self:start;max-height:calc(100vh - 120px);overflow-y:auto}.album-sidebar-content{padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.album-sidebar-content h3{margin:0 0 var(--spacing-md) 0;font-size:var(--text-base);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.sidebar-tag{display:block;padding:var(--spacing-xs) 0;color:var(--color-text-primary);text-decoration:none;transition:padding-left var(--transition-fast);border-bottom:1px solid var(--color-border)}.sidebar-tag:hover{padding-left:var(--spacing-sm);color:var(--color-accent)}@media (max-width: 767px){.lightbox-content{grid-template-columns:1fr}.lightbox-image-container{order:1}.lightbox-info{order:2;max-height:40vh}.lightbox-nav{width:48px;height:48px;font-size:24px}.lightbox-close{width:40px;height:40px;font-size:28px}}@media (max-width: 640px){.album-detail-container{grid-template-columns:1fr}.album-detail-sidebar{position:static;max-height:none;margin-top:var(--spacing-xl)}.album-detail-sidebar{margin-bottom:var(--spacing-xl)}}.upload-flow-container{max-width:600px;margin:0 auto;padding:var(--spacing-xl)}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;transition:border-color var(--transition-fast)}.upload-zone:hover{border-color:var(--color-accent)}.upload-zone-icon{display:block;font-size:32px;color:var(--color-accent);margin-bottom:var(--spacing-md)}.upload-zone-label{font-size:var(--text-lg);color:var(--color-text-primary)}.upload-zone-hint{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--spacing-sm)}.upload-file-input{display:none}.album-selector{margin-top:var(--spacing-xl)}.album-selector h3{font-size:var(--text-base);color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:var(--spacing-md)}.album-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.album-option{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);cursor:pointer;transition:background-color var(--transition-fast)}.album-option:hover{background-color:var(--color-accent)}.album-option-name{font-weight:var(--font-medium);display:block}.album-option-count{font-size:var(--text-sm);color:var(--color-text-secondary)}.photo-preview h3{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm);max-height:200px;overflow-y:auto}.photo-preview-item{position:relative;border-radius:var(--radius-sm);overflow:hidden}.photo-preview-item img{width:100%;height:80px;object-fit:cover}.photo-remove-btn{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:24px;height:24px;background-color:#f00c;border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer}.upload-success{margin-top:var(--spacing-xl);text-align:center;padding:var(--spacing-xl);background-color:var(--color-accent);border-radius:var(--radius-lg);color:var(--color-text-primary)}.upload-success h3{margin:0 0 var(--spacing-sm) 0}.upload-done-btn{margin-top:var(--spacing-md);background-color:var(--color-text-primary);color:var(--color-accent);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:var(--font-medium);cursor:pointer}.album-gallery-container{display:grid;grid-template-columns:1fr 280px;gap:var(--spacing-xl);max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.album-gallery-content{min-height:100vh}.album-gallery-header img{width:100%;height:300px;object-fit:cover;border-radius:var(--radius-lg)}.album-gallery-header h1{margin-top:var(--spacing-lg);font-size:var(--text-3xl);font-weight:var(--font-bold)}.album-gallery-description{margin-top:var(--spacing-sm);color:var(--color-text-secondary)}.album-gallery-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.album-gallery-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-gray-100);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);transition:background-color var(--transition-fast)}.album-gallery-tag:hover{background-color:var(--color-accent);color:var(--color-text-primary)}.gallery-load-more-btn{margin:var(--spacing-xl) 0;background-color:transparent;color:var(--color-accent);border:2px solid var(--color-accent);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-fast)}.gallery-load-more-btn:hover{background-color:var(--color-accent);color:var(--color-text-primary)}.album-gallery-sidebar{position:sticky;top:calc(var(--spacing-xl) + 64px);align-self:start}.album-sidebar-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg)}.album-sidebar-section h3{margin:0 0 var(--spacing-md) 0;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.album-relations{display:flex;flex-direction:column;gap:var(--spacing-sm)}.album-relation{display:block;padding:var(--spacing-sm);background-color:#fff;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);text-decoration:none}.album-relation:hover{background-color:var(--color-accent)}.album-relation-title{font-weight:var(--font-medium)}.album-about{font-size:var(--text-sm);line-height:1.8}.album-about p{margin:var(--spacing-xs) 0}.album-share{display:flex;flex-direction:column;gap:var(--spacing-sm)}.share-link{display:block;padding:var(--spacing-sm);text-decoration:none;background-color:var(--color-gray-100);text-align:center;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.share-link:hover{background-color:var(--color-accent)}.share-link.social-twitter{color:#1da1f2}.share-link.social-instagram{color:#e4405f}@media (max-width: 767px){.album-gallery-container{grid-template-columns:1fr}.album-gallery-sidebar{position:static;margin-top:var(--spacing-xl)}.album-gallery-header img{height:200px}}.post-detail-container{max-width:720px;margin:0 auto;padding:var(--spacing-xl)}.post-detail-header{margin-bottom:var(--spacing-2xl)}.post-detail-title{margin:0 0 var(--spacing-md) 0;font-size:var(--text-3xl);font-weight:var(--font-bold)}.post-detail-description{margin:0 0 var(--spacing-md) 0;font-size:var(--text-xl);color:var(--color-text-secondary);font-style:italic}.post-detail-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--text-sm);color:var(--color-text-secondary)}.post-detail-divider{color:var(--color-border)}.post-detail-tag-count{font-weight:var(--font-medium)}.post-detail-body{margin-bottom:var(--spacing-2xl);line-height:1.8;font-size:var(--text-lg)}.post-detail-body p{margin-bottom:var(--spacing-md)}.post-detail-body img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--spacing-md) 0}.post-detail-footer{border-top:1px solid var(--color-border);padding-top:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.post-detail-tags{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.post-detail-label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.post-detail-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-gray-100);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);text-decoration:none;transition:background-color var(--transition-fast)}.post-detail-tag:hover{background-color:var(--color-accent);color:var(--color-text-primary)}.post-detail-navigation{display:flex;justify-content:space-between;gap:var(--spacing-md)}.post-detail-nav-button{display:block;padding:var(--spacing-md);background-color:var(--color-gray-100);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);text-decoration:none;text-align:center;transition:background-color var(--transition-fast)}.post-detail-nav-button:hover{background-color:var(--color-accent)}.post-detail-nav-button.next{display:flex;justify-content:flex-end}.post-detail-comments{padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.post-detail-comments h3{margin:0 0 var(--spacing-md) 0;font-size:var(--text-lg)}.comment-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.comment-form textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);resize:vertical;min-height:120px}.comment-form button{background-color:var(--color-accent);color:var(--color-text-primary);border:none;padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:var(--font-bold);cursor:pointer;transition:background-color var(--transition-fast)}.comment-form button:hover{background-color:var(--color-accent-hover)}@media (max-width: 640px){.post-detail-container{padding:var(--spacing-md)}.post-detail-title{font-size:var(--text-2xl)}.post-detail-navigation{flex-direction:column}.album-gallery-container{grid-template-columns:1fr}}.about-page-container{max-width:1000px;margin:0 auto;padding:var(--spacing-2xl)}.about-intro{text-align:center;margin-bottom:var(--spacing-3xl)}.about-intro h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-lg)}.about-tagline{font-size:var(--text-xl);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl)}.about-description{font-size:var(--text-lg);line-height:1.8;color:var(--color-text-secondary);max-width:640px;margin:0 auto}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.about-stat{text-align:center}.about-stat-number{display:block;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-accent)}.about-stat-label{font-size:var(--text-sm);text-transform:uppercase;color:var(--color-text-secondary)}.about-gallery{margin:var(--spacing-3xl) 0}.about-gallery h2{font-size:var(--text-2xl);margin-bottom:var(--spacing-lg);text-align:center}.about-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.about-gallery-item{text-decoration:none;color:inherit;border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-base)}.about-gallery-item:hover{transform:translateY(-8px)}.about-gallery-image{height:200px;background-color:var(--color-gray-100)}.about-gallery-title{text-align:center;margin:var(--spacing-sm) 0 0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.about-contact{margin:var(--spacing-3xl) 0;background-color:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-2xl)}.about-contact h2{font-size:var(--text-2xl);margin-bottom:var(--spacing-lg)}.about-contact-desc{margin-bottom:var(--spacing-xl);line-height:1.8}.about-contact-desc a{color:var(--color-accent);text-decoration:underline}.about-contact-form{display:grid;gap:var(--spacing-md)}.contact-submit-btn{background-color:var(--color-accent);color:var(--color-text-primary);border:none;padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:var(--font-bold);cursor:pointer;transition:background-color var(--transition-fast)}.contact-submit-btn:hover{background-color:var(--color-accent-hover)}.about-contact-success{padding:var(--spacing-lg);background-color:var(--color-success);color:var(--color-text-primary);border-radius:var(--radius-md);text-align:center}.about-philosophy{margin:var(--spacing-3xl) 0}.about-philosophy h2{font-size:var(--text-2xl);margin-bottom:var(--spacing-xl)}.about-philosophy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.philosophy-card{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.philosophy-card h3{font-size:var(--text-xl);margin-bottom:var(--spacing-sm)}.philosophy-card p{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary)}.about-footer{margin-top:var(--spacing-3xl);padding:var(--spacing-xl);background-color:var(--color-bg-secondary);border-radius:var(--radius-xl)}.about-footer h3{margin:0 0 var(--spacing-lg)}.about-social-links{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.about-social-links a{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-gray-100);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text-primary);transition:background-color var(--transition-fast)}.about-social-links a:hover{background-color:var(--color-accent);color:var(--color-text-primary)}.social-link.twitter:hover{color:#1da1f2}.social-link.instagram:hover{color:#e4405f}.social-link.facebook:hover{color:#1877f2}.social-link.linkedin:hover{color:#0a66c2}.contact-page-container{max-width:1000px;margin:0 auto;padding:var(--spacing-2xl)}.contact-hero{text-align:center;margin-bottom:var(--spacing-3xl)}.contact-hero h1{font-size:var(--text-4xl);margin-bottom:var(--spacing-lg)}.contact-tagline{font-size:var(--text-lg);color:var(--color-text-secondary)}.contact-main{display:grid;gap:var(--spacing-3xl)}.contact-info{grid-column:1 / -1}.contact-info h2{font-size:var(--text-2xl);margin-bottom:var(--spacing-lg)}.contact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.contact-detail h3{font-size:var(--text-sm);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.contact-detail a{font-size:var(--text-lg);color:var(--color-accent);text-decoration:none}.contact-detail a:hover{text-decoration:underline}.contact-social{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.contact-social-link{padding:var(--spacing-sm);background-color:var(--color-gray-100);border-radius:var(--radius-sm);text-decoration:none;font-size:var(--text-sm);text-align:center;transition:background-color var(--transition-fast)}.contact-social-link:hover{background-color:var(--color-accent)}.contact-social-link.twitter:hover{color:#1da1f2}.contact-social-link.instagram:hover{color:#e4405f}.contact-social-link.linkedin:hover{color:#0a66c2}.contact-form-section{background-color:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.contact-form-section h2{margin-bottom:var(--spacing-xl)}.contact-form,.contact-form-fields{display:grid;gap:var(--spacing-md)}.contact-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-field label{font-weight:var(--font-semibold)}.contact-field input,.contact-field textarea{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base)}.contact-field textarea{resize:vertical;min-height:120px}.contact-submit{background-color:var(--color-accent);color:var(--color-text-primary);border:none;padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:var(--font-bold);cursor:pointer;transition:background-color var(--transition-fast)}.contact-submit:hover{background-color:var(--color-accent-hover)}.contact-status{padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.contact-success{background-color:var(--color-success);color:var(--color-text-primary)}.contact-faq{margin-top:var(--spacing-3xl)}.contact-faq h2{margin-bottom:var(--spacing-xl)}.contact-faq-item{margin-bottom:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.contact-faq-item summary{padding:var(--spacing-md);background-color:var(--color-bg-secondary);cursor:pointer;font-weight:var(--font-semibold)}.contact-faq-item>div{padding:var(--spacing-md)}.contact-footer{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background-color:var(--color-bg-secondary);border-radius:var(--radius-xl);text-align:center}.contact-footer h3{margin-bottom:var(--spacing-sm)}@media (max-width: 768px){.about-stats,.about-gallery-grid,.about-philosophy-grid,.contact-details{grid-template-columns:1fr}.about-page-container,.contact-page-container{padding:var(--spacing-md)}.about-intro h1{font-size:var(--text-3xl)}}@media (max-width: 768px){.mobile-nav-toggle{display:block!important}.navbar-menu{position:fixed;top:64px;left:0;right:0;background-color:#fff;box-shadow:0 2px 12px #0000001a;padding:var(--spacing-md);z-index:1000;max-height:calc(100vh - 64px - var(--spacing-xl));overflow-y:auto}.navbar-menu.open .mobile-nav-toggle{position:fixed;top:64px;right:var(--spacing-md);z-index:1001}.masonry-grid{grid-template-columns:1fr!important;gap:var(--spacing-sm)}.masonry-item{margin-bottom:0!important}.carousel-hero-section{padding:var(--spacing-xl) var(--spacing-md)}.carousel-slide-image{height:250px}.carousel-control-prev,.carousel-control-next{width:36px;height:36px}.lightbox-overlay{padding:var(--spacing-sm)}.lightbox-content{max-height:calc(100vh - 120px)}.lightbox-controls{position:fixed;bottom:0;left:0;right:0;background-color:#000000e6}.photo-card{margin:0!important;border-radius:var(--radius-sm)}.album-gallery-container{grid-template-columns:1fr!important}.album-gallery-sidebar{margin-top:var(--spacing-xl);position:static!important}.about-stats,.about-gallery-grid,.about-philosophy-grid,.contact-details{grid-template-columns:1fr!important}.nav-links{display:none}.footer-content{flex-direction:column;gap:var(--spacing-md);text-align:center}}@media (min-width: 769px) and (max-width: 1024px){.masonry-grid{grid-template-columns:repeat(3,1fr)!important}.about-gallery-grid,.about-philosophy-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.masonry-grid{grid-template-columns:repeat(4,1fr)!important}.about-gallery-grid,.about-philosophy-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1440px){.masonry-grid{grid-template-columns:repeat(5,1fr)!important}}.masonry-item img,.carousel-slide-image,.photo-card-image,.album-relation-image{loading:lazy;decoding:async}@media (min-width: 769px){.carousel-slide-image:hover,.photo-card:hover img,.album-relation:hover img{transform:scale(1.02)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.carousel-slide{animation:none!important}.carousel-control-prev,.carousel-control-next{opacity:.5!important}}@media (prefers-contrast: high){.masonry-item{border:2px solid currentColor}.carousel-control-prev,.carousel-control-next{background-color:transparent!important;border:2px solid white}.lightbox-overlay,.album-gallery-sidebar{background-color:#000!important;border:2px solid white}}@media (prefers-color-scheme: dark){.carousel-slide-image,.masonry-item img,.photo-card-image{filter:brightness(1.05) contrast(1.02)}.lightbox-overlay{background-color:#000000f2!important}.album-gallery-sidebar,.contact-footer,.about-footer{background-color:#1a1a1a!important}}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--color-accent);color:#fff;padding:var(--spacing-sm) var(--spacing-md);z-index:9999;text-decoration:none;font-weight:var(--font-semibold)}.skip-to-content:focus{top:0}@media (any-hover: hover){.carousel-control-prev:hover,.carousel-control-next:hover,.masonry-item:hover,.photo-card:hover{transform:translateY(-4px)}}@media (pointer: coarse){.navbar-item,.navbar-toggle,.mobile-nav-item,.carousel-arrow,.carousel-cta,.photo-remove-btn,button:not([type]){min-height:44px;min-width:44px}.carousel-slide-image{touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}}@media print{.navbar,.carousel-hero-section,.lightbox-overlay,.footer,.mobile-nav-toggle{display:none!important}.masonry-grid{grid-template-columns:repeat(3,1fr)!important}.masonry-item img{page-break-inside:avoid}}.performance-metrics{position:fixed;bottom:var(--spacing-md);right:var(--spacing-md);background-color:#fffffff2;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;font-size:var(--text-xs);color:var(--color-text-secondary);z-index:9999;display:none}.performance-metrics.visible{display:block}.loading,[data-loading]{opacity:.5;pointer-events:none}.loading:after,[data-loading]:after{content:"⋯";animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%,30%{content:"."}35%,65%{content:".."}70%,to{content:"..."}}.image-placeholder{background-color:var(--color-bg-secondary);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}html{scroll-behavior:smooth}.masonry-item img,.carousel-slide-image{width:100%;height:auto;object-fit:cover}.touch-hint{position:relative;display:inline-flex;align-items:center}.touch-hint:after{content:"↔";font-size:12px;color:var(--color-text-secondary);opacity:.5;margin-left:var(---spacing-xs)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:0;top:0;z-index:9999;padding:var(--spacing-md);background-color:var(--color-accent);color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-semibold)}.carousel-control-prev:focus,.carousel-control-next:focus,.photo-card:focus,.album-relation:focus{outline:3px solid var(--color-accent);outline-offset:4px}.performance-hint{font-size:var(--text-xs);color:var(--color-text-secondary)}.performance-hint:before{content:"💡 "}.carousel-control-prev[aria-label],.carousel-control-next[aria-label],.lightbox-close[aria-label],.photo-remove-btn[aria-label]{border:none;clip:rect(0,0,0,0);height:1px;width:1px;overflow:hidden;position:absolute}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (pointer: fine){:focus:not(:focus-visible){outline:none}}data-prefetch img{loading:eager}@media (prefers-reduced-data: reduce){.carousel-slide-image,.masonry-item img{image-rendering:auto}.lightbox-content{max-width:100%}}