@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";body{min-height:100vh;line-height:1.5;font-optical-sizing:auto}@media(prefers-color-scheme:dark){:root{--color-paper: #000000;--color-ink: #FAFAF9;--color-ink-light: #A8A29E;--color-ink-lighter: #78716C;--color-accent: #5EEAD4;--color-accent-light: rgba(94, 234, 212, .1);--color-accent-dark: #99F6E4;--color-border: rgba(250, 250, 249, .06);--color-shadow-sm: rgba(0, 0, 0, .2);--color-shadow-md: rgba(0, 0, 0, .3);--color-shadow-lg: rgba(0, 0, 0, .4)}}body{font-family:var(--font-sans);background-color:var(--color-paper);color:var(--color-ink);line-height:1.5;margin:0;padding:0;transition:var(--transition);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}.skip-link{position:absolute;top:-100px;left:0;background:var(--color-accent);color:var(--color-paper);padding:var(--space-sm) var(--space-md);border-radius:0 0 var(--radius-sm) 0;text-decoration:none;z-index:1000;font-weight:600;transition:top .2s}.nav-container{max-width:var(--size-content);margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center}.nav-profile-image{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;object-fit:cover;margin-right:var(--space-sm);border:2px solid var(--color-border);flex-shrink:0;aspect-ratio:1 / 1;display:block}.nav-links{display:flex;gap:var(--space-md);align-items:center}.nav-links a{color:var(--color-ink-light);text-decoration:none;transition:var(--transition);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);position:relative;min-width:44px;min-height:44px;justify-content:center}.nav-links a:hover{color:var(--color-accent);background-color:var(--color-accent-light);transform:translateY(-2px)}.nav-links a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nav-links a.active{color:var(--color-accent);background-color:var(--color-accent-light)}.nav-links a.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--color-accent);border-radius:var(--radius-full)}.nav-icon{display:flex;align-items:center;justify-content:center}.nav-links svg,.nav-links i{width:20px;height:20px;display:block}.nav-label{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:0;transform:translateY(-4px);transition:var(--transition);white-space:nowrap}.nav-links a:hover .nav-label,.nav-links a:focus-visible .nav-label{opacity:1;transform:translateY(0)}@media(min-width:768px){.nav-label{opacity:.7;transform:translateY(0)}.nav-links a:hover .nav-label,.nav-links a:focus-visible .nav-label{opacity:1}}main.profile{max-width:var(--size-content);margin:0 auto;padding-top:var(--space-2xl)}.content-section{margin-bottom:var(--space-2xl);background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:0 1px 3px var(--color-shadow-sm),0 1px 2px var(--color-shadow-sm);transition:var(--transition-slow)}.content-section:hover{box-shadow:0 4px 12px var(--color-shadow-md),0 2px 4px var(--color-shadow-sm);transform:translateY(-2px);border-color:var(--color-accent-light)}.content-section:last-child{margin-bottom:0}.content-section h2{font-family:var(--font-serif);font-size:clamp(1.5rem,1.25rem + 1.25vw,2rem);font-weight:700;margin-bottom:var(--space-lg);color:var(--color-ink);display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border);letter-spacing:-.025em;line-height:1.2;text-wrap:balance}.content-section h2:before{content:"";display:inline-block;width:4px;height:28px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));border-radius:var(--radius-sm);flex-shrink:0}.posts-list-condensed{margin-bottom:var(--space-lg)}.posts-list-condensed ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-lg)}.posts-list-condensed li{position:relative}.posts-list-condensed a{color:inherit;text-decoration:none;display:block;padding:var(--space-md);margin:calc(var(--space-md) * -1);border-radius:var(--radius-md);transition:var(--transition-slow)}.posts-list-condensed a:hover{background-color:var(--color-accent-light);transform:translateY(-1px)}.posts-list-condensed a:hover h3{color:var(--color-accent)}.posts-list-condensed h3{font-family:var(--font-serif);font-size:clamp(1.25rem,1.125rem + .625vw,1.75rem);font-weight:600;margin-bottom:var(--space-xs);color:var(--color-ink);transition:var(--transition);line-height:1.25;letter-spacing:-.01em;text-wrap:balance}.posts-list-condensed time{font-family:var(--font-mono);font-size:.833rem;color:var(--color-ink-light);font-style:normal;font-weight:500;letter-spacing:.025em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"zero" 1}.posts-list-condensed p{margin-top:var(--space-xs);font-size:.95rem;line-height:1.6;color:var(--color-ink);opacity:.9;max-width:66ch}.photos-grid-condensed{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.photos-grid-condensed img{border-radius:var(--radius-md);width:100%;height:120px;object-fit:cover;border:1px solid var(--color-border);transition:var(--transition)}.photos-grid-condensed a:hover img{transform:scale(1.02);box-shadow:0 4px 12px #0000001a}.media-grid-condensed{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.media-grid-condensed img,.media-grid-condensed video{border-radius:var(--radius-md);width:100%;height:120px;object-fit:cover;border:1px solid var(--color-border);transition:var(--transition)}.media-grid-condensed a:hover img,.media-grid-condensed a:hover video{transform:scale(1.02);box-shadow:0 4px 12px #0000001a}.media-grid-condensed .media-item{position:relative;display:block;text-decoration:none}.media-grid-condensed .video-indicator{position:absolute;top:var(--space-xs);right:var(--space-xs);background:#000000b3;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.7rem}.mastodon-posts-list,.bluesky-posts-list{margin-bottom:var(--space-lg)}.mastodon-posts-list ul,.bluesky-posts-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.mastodon-post,.bluesky-post{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition)}.mastodon-post:hover,.bluesky-post:hover{border-color:var(--color-accent-light);box-shadow:0 2px 8px #0000000d}.mastodon-post-content,.bluesky-post-content{font-size:.9rem;line-height:1.5;color:var(--color-ink);margin-bottom:var(--space-xs);font-style:normal}.mastodon-post-content p,.bluesky-post-content p{margin-bottom:var(--space-xs);font-style:normal}.mastodon-post-content a,.bluesky-post-content a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:var(--transition)}.mastodon-post-content a:hover,.bluesky-post-content a:hover{text-decoration-thickness:2px}.mastodon-post-meta,.bluesky-post-meta{font-size:.75rem;color:var(--color-ink-light);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.mastodon-post-meta time,.bluesky-post-meta time{font-style:normal}.mastodon-post-link,.bluesky-post-link{color:var(--color-ink-light);text-decoration:none;font-size:.7rem;transition:var(--transition);font-style:normal}.mastodon-post-link:hover,.bluesky-post-link:hover{color:var(--color-accent)}.bluesky-repost{background-color:var(--color-accent-light);border-left:3px solid var(--color-accent);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.bluesky-repost-indicator{font-size:.8rem;color:var(--color-ink-light);margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px dashed var(--color-border);font-style:normal}.repost-icon{color:var(--color-accent)}.repost-owner,.original-author{font-weight:600;color:var(--color-ink)}.original-handle{font-weight:400;color:var(--color-ink-light)}.bluesky-post-author{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs);font-size:.85rem;font-style:normal}.post-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--color-accent-light);color:var(--color-accent);font-size:.8rem}.post-author-name{font-weight:600;color:var(--color-ink)}.view-all-link{display:inline-block;color:var(--color-accent);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition);padding:var(--space-xs) 0}.view-all-link:hover{transform:translate(2px);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.gallery-links{display:flex;gap:var(--space-md);flex-wrap:wrap}.gallery-links .view-all-link{margin-right:var(--space-sm)}.posts-list-condensed p:only-child,.photos-grid-condensed p:only-child,.media-grid-condensed p:only-child{color:var(--color-ink-light);font-style:italic;text-align:center;padding:var(--space-lg)}svg[aria-hidden=true]{position:absolute;width:0;height:0}@media(max-width:768px){html{font-size:16px}.nav-container{padding:var(--space-md) var(--space-md)}.nav-links{gap:var(--space-md)}main.profile{padding:var(--space-lg) var(--space-md) var(--space-lg)}.content-section{margin-bottom:var(--space-2xl)}.content-section h2{font-size:1.3rem}.posts-list-condensed h3{font-size:1.2rem}.photos-grid-condensed{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.photos-grid-condensed img{height:100px}.media-grid-condensed{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.media-grid-condensed img,.media-grid-condensed video{height:100px}.gallery-links{flex-direction:column;gap:var(--space-sm)}}@media(max-width:640px){.nav-container{flex-direction:column;gap:var(--space-md);text-align:center}.nav-links{justify-content:center}main.profile{padding:var(--space-lg) var(--space-md) var(--space-lg)}.content-section h2{font-size:1.3rem}.posts-list-condensed h3{font-size:1.2rem}.mastodon-post-meta,.bluesky-post-meta{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav-links a:focus-visible,.posts-list-condensed a:focus-visible,.photos-grid-condensed a:focus-visible,.media-grid-condensed a:focus-visible,.view-all-link:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.site-footer{max-width:var(--size-content);margin:var(--space-3xl) auto var(--space-2xl);padding:var(--space-lg) var(--space-lg) 0;border-top:1px solid var(--color-border);text-align:center}.site-footer p{font-size:.85rem;color:var(--color-ink-light);line-height:1.8;margin:0}.site-footer a{color:var(--color-accent);text-decoration:none;transition:var(--transition);border-bottom:1px solid transparent}.site-footer a:hover{border-bottom-color:var(--color-accent);opacity:.8}.site-footer a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media(max-width:768px){.site-footer{margin:var(--space-2xl) auto var(--space-xl);padding:var(--space-md) var(--space-md) 0}.site-footer p{font-size:.8rem}}::selection{background:var(--color-accent);color:var(--color-paper);text-shadow:none}::-moz-selection{background:var(--color-accent);color:var(--color-paper);text-shadow:none}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-paper);border-left:1px solid var(--color-border)}::-webkit-scrollbar-thumb{background:var(--color-accent-light);border-radius:var(--radius-sm);border:2px solid var(--color-paper)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.accent-text{background:linear-gradient(135deg,var(--color-accent),#10B981,var(--color-accent));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 8s ease infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading-shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(to right,var(--color-paper) 0%,var(--color-accent-light) 50%,var(--color-paper) 100%);background-size:1000px 100%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce 1s ease-in-out infinite}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInFromLeft .5s ease-out}.slide-in-right{animation:slideInFromRight .5s ease-out}.slide-in-bottom{animation:slideInFromBottom .5s ease-out}a:not(.nav-link):not([class*=button]):not([class*=btn]){position:relative}a:not(.nav-link):not([class*=button]):not([class*=btn]):after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-accent);transform:translate(-50%);transition:width var(--transition)}a:not(.nav-link):not([class*=button]):not([class*=btn]):hover:after,a:not(.nav-link):not([class*=button]):not([class*=btn]):focus-visible:after{width:100%}.photos-grid-condensed img,.media-grid-condensed img{transition:var(--transition-slow)}.photos-grid-condensed a:hover img,.media-grid-condensed a:hover img{transform:scale(1.05) rotate(1deg)}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}button:active:after,.button:active:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;background:var(--color-accent-light);border-radius:50%;transform:scale(0);animation:ripple .6s ease-out}.content-section,.mastodon-post,.bluesky-post{will-change:transform,box-shadow}body{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.accent-gradient{background:linear-gradient(135deg,var(--color-accent),#10B981,var(--color-accent));background-size:200% 200%;animation:gradient-shift 8s ease infinite}html{scroll-behavior:smooth}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media print{.nav-bar,#online-status,.site-footer{display:none}main.profile{padding:0}.posts-list-condensed a,.photos-grid-condensed a,.media-grid-condensed a{padding:0;margin:0}.posts-list-condensed a:hover,.photos-grid-condensed a:hover,.media-grid-condensed a:hover{background-color:transparent;transform:none}}:root{--text-xs: .694rem;--text-sm: .833rem;--text-base: 1rem;--text-lg: 1.2rem;--text-xl: 1.44rem;--text-2xl: 1.728rem;--text-3xl: 2.074rem;--text-4xl: 2.488rem;--text-5xl: 2.986rem;--text-6xl: 3.583rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--measure-narrow: 45ch;--measure-base: 66ch;--measure-wide: 75ch;--font-serif: "Source Serif 4", "Georgia", "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", "Monaco", "Courier New", monospace}html{font-size:clamp(1rem,.875rem + .3125vw,1.125rem);scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-ink);margin:0;text-wrap:balance;overflow-wrap:break-word;word-break:break-word;font-feature-settings:"kern" 1,"liga" 1,"dlig" 1}h1{font-size:clamp(2rem,1.5rem + 2.5vw,3.5rem);line-height:1.1;letter-spacing:var(--tracking-tighter);font-weight:var(--font-bold)}h2{font-size:clamp(1.5rem,1.25rem + 1.25vw,2.5rem);line-height:1.2;font-weight:var(--font-semibold)}h3{font-size:clamp(1.25rem,1.125rem + .625vw,2rem);line-height:1.3;font-weight:var(--font-semibold)}h4{font-size:clamp(1.125rem,1.0625rem + .3125vw,1.5rem);line-height:1.35;font-weight:var(--font-semibold)}h5{font-size:var(--text-lg);line-height:var(--leading-snug);font-weight:var(--font-medium)}h6{font-size:var(--text-base);line-height:var(--leading-snug);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider)}p{margin:0 0 1.5em;max-width:var(--measure-base)}.lead,.post-description,article>p:first-of-type:not(.no-lead){font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-ink)}article p{font-family:var(--font-serif);font-size:1.1rem;line-height:var(--leading-relaxed);margin-bottom:1.5em;color:var(--color-ink);text-wrap:pretty;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;hyphenate-limit-chars:6 3 2;word-spacing:.05em}h2+p,h3+p,h4+p{margin-top:.75em}strong,b{font-weight:var(--font-semibold)}em,i{font-style:italic}small{font-size:var(--text-sm);line-height:var(--leading-normal)}mark{background-color:var(--color-accent-light);color:var(--color-ink);padding:.125em .25em;border-radius:2px}a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-skip-ink:auto;transition:var(--transition)}a:hover{text-decoration-thickness:2px;color:var(--color-accent-dark)}a:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:2px;text-decoration:none}ul,ol{margin:0 0 1.5em;padding-left:1.5em;max-width:var(--measure-base)}li{margin-bottom:.5em;line-height:var(--leading-relaxed)}li>ul,li>ol{margin-top:.5em;margin-bottom:.5em}dt{font-weight:var(--font-semibold);margin-top:1em}dd{margin-left:1.5em;margin-bottom:.5em}blockquote{position:relative;margin:2em 0;padding:1rem 1.5rem 1rem 2.5rem;color:var(--color-ink-light);border-left:3px solid var(--color-accent);background-color:var(--color-accent-light);font-style:italic;border-radius:0 var(--radius-md) var(--radius-md) 0;max-width:var(--measure-base)}blockquote p{font-family:var(--font-serif);line-height:var(--leading-relaxed)}blockquote cite{display:block;margin-top:1em;font-size:var(--text-sm);font-style:normal;color:var(--color-ink-light)}blockquote.pullquote{font-size:1.75rem;font-family:var(--font-serif);font-style:italic;font-weight:var(--font-semibold);text-align:center;border-left:none;background:none;padding:2.5rem 4rem;margin:4rem auto;color:var(--color-ink);position:relative;max-width:90%;line-height:1.4}blockquote.pullquote:before,blockquote.pullquote:after{content:"\201c";font-size:4rem;color:var(--color-accent-light);position:absolute;font-family:Georgia,serif;line-height:1}blockquote.pullquote:before{top:0;left:0}blockquote.pullquote:after{content:"\201d";bottom:-.5rem;right:0}code,pre,kbd,samp{font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"calt" 0,"liga" 0}code{font-size:.875em;padding:.125em .375em;background-color:var(--color-accent-light);border-radius:var(--radius-sm);letter-spacing:-.01em;font-weight:var(--font-medium);color:var(--color-ink)}pre{font-size:.85rem;line-height:var(--leading-relaxed);padding:var(--space-lg);margin:1.5em 0;background-color:var(--color-accent-light);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto;tab-size:2;max-width:100%}pre code{background:none;padding:0;border-radius:0;font-size:inherit}kbd{font-size:.85em;padding:.125em .375em;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-paper);box-shadow:0 1px 0 var(--color-border),0 0 0 2px var(--color-paper) inset;font-weight:var(--font-medium)}table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95rem;font-family:var(--font-sans);max-width:var(--measure-wide)}th,td{padding:.75rem;border:1px solid var(--color-border);text-align:left;line-height:var(--leading-normal)}th{background-color:var(--color-accent-light);font-weight:var(--font-semibold);color:var(--color-ink)}td{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}time,.post-date,.timestamp{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-light);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"zero" 1}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}*:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:2px}.skip-link{position:absolute;top:-100px;left:0;padding:var(--space-sm) var(--space-md);background-color:var(--color-accent);color:var(--color-paper);font-family:var(--font-sans);font-weight:var(--font-semibold);font-size:var(--text-base);z-index:1000;transition:top .2s;text-decoration:none;border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{top:0;outline:none}@media(max-width:768px){p{margin-bottom:1.25em}article p{font-size:1.05rem}blockquote{padding:.75rem 1rem .75rem 1.5rem;margin:1.5em 0}blockquote.pullquote{font-size:1.5rem;padding:2rem;margin:3rem auto}pre{font-size:.8rem;padding:var(--space-md)}}@media(max-width:640px){article p{font-size:1rem;line-height:1.7}blockquote.pullquote{font-size:1.25rem;padding:1.5rem 1rem}ul,ol{padding-left:1.25em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{html{font-size:12pt}body{color:#000;background:#fff}h1{font-size:24pt;page-break-after:avoid}h2{font-size:18pt;page-break-after:avoid}h3{font-size:14pt;page-break-after:avoid}p,li{orphans:3;widows:3}a{color:#000;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:10pt;color:#666}pre,blockquote{page-break-inside:avoid}}@media(prefers-color-scheme:dark){code,pre{background-color:#ffffff12}blockquote,table th{background-color:#ffffff0d}kbd{background:var(--color-paper);border-color:#ffffff1a}}[data-theme=dark] code,[data-theme=dark] pre{background-color:#ffffff12}[data-theme=dark] blockquote,[data-theme=dark] table th{background-color:#ffffff0d}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--color-paper: #FFFEF9;--color-ink: #1C1917;--color-ink-light: #78716C;--color-ink-lighter: #A8A29E;--color-accent: #0F766E;--color-accent-light: #CCFBF1;--color-accent-dark: #134E4A;--color-border: rgba(28, 25, 23, .06);--color-shadow-sm: rgba(28, 25, 23, .04);--color-shadow-md: rgba(28, 25, 23, .08);--color-shadow-lg: rgba(28, 25, 23, .12);--font-serif: "Source Serif 4", "Georgia", "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--size-prose: 65ch;--size-content: 42rem;--size-gallery: 90rem;--size-full: 100%;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .3s cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-color-scheme:dark){:root{--color-paper: #000000;--color-ink: #FAFAF9;--color-ink-light: #A8A29E;--color-ink-lighter: #78716C;--color-accent: #5EEAD4;--color-accent-light: rgba(94, 234, 212, .1);--color-accent-dark: #99F6E4;--color-border: rgba(250, 250, 249, .06);--color-shadow-sm: rgba(0, 0, 0, .2);--color-shadow-md: rgba(0, 0, 0, .3);--color-shadow-lg: rgba(0, 0, 0, .4)}.gallery{background:#000}.gallery-item{background:var(--color-paper);box-shadow:0 2px 8px var(--color-shadow-md),0 8px 24px var(--color-shadow-sm)}.gallery-item:hover{box-shadow:0 4px 16px var(--color-shadow-lg),0 16px 32px var(--color-shadow-md)}}html{font-size:18px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-paper);color:var(--color-ink);line-height:1.6;margin:0;padding:0;transition:var(--transition);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.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}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-accent);color:#fff;padding:var(--space-sm);border-radius:var(--radius-sm);text-decoration:none;z-index:1000;font-weight:500;transition:var(--transition)}.skip-link:focus{top:6px}.nav-bar{position:sticky;top:0;background-color:var(--color-paper);border-bottom:1px solid var(--color-border);z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-container{max-width:var(--size-gallery);margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center}.site-title{display:flex;align-items:center}.site-title h1{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;margin:0;color:var(--color-ink);letter-spacing:.01em}.nav-profile-image{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:var(--space-sm);border:1px solid var(--color-border)}.nav-links{display:flex;gap:var(--space-lg);align-items:center}.nav-links a{color:var(--color-ink-light);text-decoration:none;transition:var(--transition);padding:var(--space-xs);border-radius:var(--radius-sm)}.nav-links a:hover{color:var(--color-accent);background-color:var(--color-accent-light)}.nav-links svg,.nav-links i{width:18px;height:18px;display:block}.gallery-header{max-width:var(--size-gallery);margin:0 auto;padding:var(--space-3xl) var(--space-lg) var(--space-xl);text-align:center}.gallery-header h1{font-family:var(--font-serif);font-size:2.5rem;font-weight:600;margin:0 0 var(--space-md) 0;color:var(--color-ink);letter-spacing:.01em}.gallery-header p{font-size:1.1rem;color:var(--color-ink-light);max-width:600px;margin:0 auto}.tag-header{max-width:var(--size-gallery);margin:0 auto;padding:var(--space-2xl) var(--space-lg) var(--space-lg);text-align:center}.tag-title{font-family:var(--font-serif);font-size:2.5rem;font-weight:600;margin:0 0 var(--space-xs) 0;color:var(--color-ink);letter-spacing:.01em}.tag-title:before{content:"#";opacity:.4;margin-right:.25rem}.tag-meta{font-size:1rem;color:var(--color-ink-light);margin:0;font-weight:500}.gallery{width:100vw;min-height:100vh;padding:var(--space-md);background:var(--color-paper);overflow-x:hidden}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-sm);align-items:start;width:100%;max-width:1800px;margin:0 auto;padding:var(--space-lg) 0}@media(min-width:1400px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md)}}@media(min-width:1800px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-lg)}}.gallery-item{position:relative;overflow:hidden;border-radius:var(--radius-md);background:var(--color-paper);box-shadow:0 2px 8px #0000001a,0 8px 24px #00000014;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;opacity:0;transform:translateY(30px) scale(.95);animation:fadeInUp .8s ease forwards;animation-fill-mode:both;aspect-ratio:var(--aspect-ratio, 1);will-change:transform,box-shadow;contain:layout style paint;outline:none}.gallery-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.gallery-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 4px 16px #00000026,0 16px 32px #0000001f}.gallery-item picture{display:block;width:100%;height:100%;position:relative;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:all .4s cubic-bezier(.25,.46,.45,.94);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:nth-child(3n+1){animation-delay:.1s}.gallery-item:nth-child(3n+2){animation-delay:.2s}.gallery-item:nth-child(3n+3){animation-delay:.3s}.gallery-item:nth-child(7n+1){animation-delay:.15s}.gallery-item:nth-child(7n+2){animation-delay:.25s}.gallery-item:nth-child(7n+3){animation-delay:.35s}.gallery-item:nth-child(7n+4){animation-delay:.45s}.gallery-item:nth-child(7n+5){animation-delay:.55s}.gallery-item:nth-child(7n+6){animation-delay:.65s}.gallery-item:nth-child(7n+7){animation-delay:.75s}.gallery-item:nth-child(11n+1),.gallery-item:nth-child(13n+1),.gallery-item:nth-child(17n+1){animation-delay:.05s}.gallery-item:nth-child(11n+5),.gallery-item:nth-child(13n+7),.gallery-item:nth-child(17n+11){animation-delay:.85s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gallery-item[data-aspect-ratio*="0.75"]{aspect-ratio:3/4}.gallery-item[data-aspect-ratio*="1.33"]{aspect-ratio:4/3}.gallery-item[data-aspect-ratio*="1.77"]{aspect-ratio:16/9}.gallery-item[data-aspect-ratio*="1.00"]{aspect-ratio:1/1}.gallery-item[data-aspect-ratio*="0.66"]{aspect-ratio:2/3}.gallery-item[data-aspect-ratio*="1.50"]{aspect-ratio:3/2}.gallery-item[data-aspect-ratio*="2."]{aspect-ratio:2/1;grid-column:span 2}.gallery-item[data-aspect-ratio*="0.5"],.gallery-item[data-aspect-ratio*="0.6"]{aspect-ratio:3/5}.gallery-item[data-aspect-ratio*="1.8"],.gallery-item[data-aspect-ratio*="1.9"]{aspect-ratio:16/9}@media(max-width:768px){.gallery-item[data-aspect-ratio*="2."]{grid-column:span 1;aspect-ratio:16/9}}.gallery-item figcaption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-md);background:linear-gradient(transparent,#000c);color:#fff;opacity:0;transition:var(--transition);transform:translateY(10px)}.gallery-item:hover figcaption{opacity:1;transform:translateY(0)}.gallery-item figcaption h2{margin:0 0 var(--space-xs) 0;font-size:1.1rem;font-weight:600;font-family:var(--font-serif)}.gallery-item figcaption p{margin:0;font-size:.85rem;opacity:.9;line-height:1.4}header{padding:var(--space-md)}header nav{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:var(--size-gallery);margin:0 auto}.back-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:50%;text-decoration:none;transition:var(--transition);box-shadow:0 2px 8px #0000001a;flex-shrink:0}.back-link:hover{background-color:var(--color-accent-light);transform:scale(1.05);border-color:var(--color-accent)}.back-link i{font-size:1.2rem;color:var(--color-ink)}.rss-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:50%;text-decoration:none;transition:var(--transition);box-shadow:0 2px 8px #0000001a;flex-shrink:0}.rss-link:hover{background-color:var(--color-accent-light);transform:scale(1.05);border-color:var(--color-accent)}.rss-link i{font-size:1.2rem;color:var(--color-ink)}.modal{display:none;position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:#000000f2;backdrop-filter:blur(8px);overflow:hidden;transition:var(--transition)}.modal-content{margin:auto;display:block;max-width:90%;max-height:80%;object-fit:contain;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);border:none;border-radius:var(--radius-md);box-shadow:0 0 40px #ffffff1a;transition:var(--transition);opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.close-modal{position:absolute;top:var(--space-md);right:var(--space-lg);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffffe6;border-radius:50%;text-decoration:none;transition:var(--transition);box-shadow:0 2px 8px #0003;z-index:1001;cursor:pointer;color:var(--color-ink);font-size:1.4rem;border:none}.close-modal:hover,.close-modal:focus{background-color:#fff;transform:scale(1.05);color:var(--color-ink)}#modalCaption{position:absolute;bottom:5%;left:50%;transform:translate(-50%);width:90%;max-width:800px;text-align:center;color:#fff;background-color:#000c;padding:var(--space-md);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;opacity:.95;transition:var(--transition)}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffffe6;color:var(--color-ink);border:none;font-size:1.2rem;font-weight:700;cursor:pointer;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:0 2px 8px #0003}.prev-btn{left:var(--space-lg)}.next-btn{right:var(--space-lg)}.nav-btn:hover{background-color:#fff;transform:translateY(-50%) scale(1.05)}.dark-room-mode .close-modal,.dark-room-mode .nav-btn,.dark-room-mode #modalCaption,.dark-room-mode .dark-room-toggle,.dark-room-mode .permalink-btn{opacity:0;pointer-events:none;transition:opacity .5s ease}.dark-room-mode{transition:cursor .5s ease}.dark-room-mode:hover .close-modal,.dark-room-mode:hover .nav-btn,.dark-room-mode:hover #modalCaption,.dark-room-mode:hover .dark-room-toggle,.dark-room-mode:hover .permalink-btn{opacity:.8;pointer-events:auto}.dark-room-toggle{position:absolute;top:var(--space-md);left:var(--space-lg);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffffe6;border-radius:50%;text-decoration:none;transition:var(--transition);box-shadow:0 2px 8px #0003;z-index:1001;cursor:pointer;color:var(--color-ink);font-size:1rem;border:none}.dark-room-toggle:hover,.dark-room-toggle:focus{background-color:#fff;transform:scale(1.05);color:var(--color-ink)}.dark-room-toggle i{transition:var(--transition)}.dark-room-mode .dark-room-toggle{background-color:#323232cc;color:#fff}.dark-room-mode .dark-room-toggle:hover{background-color:#505050e6}.dark-room-mode .dark-room-toggle i{transform:rotate(180deg)}.permalink-btn{position:absolute;top:var(--space-md);left:calc(var(--space-lg) + 50px);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffffe6;border-radius:50%;text-decoration:none;transition:var(--transition);box-shadow:0 2px 8px #0003;z-index:1001;cursor:pointer;color:var(--color-ink);font-size:1rem;border:none}.permalink-btn:hover,.permalink-btn:focus{background-color:#fff;transform:scale(1.05);color:var(--color-ink)}.image-metadata{display:block;margin-top:var(--space-sm);font-size:.85rem;color:#fffc;font-style:normal}.image-metadata .camera,.image-metadata .date{display:inline-block;margin:0 var(--space-xs)}.image-metadata i{margin-right:var(--space-xs);opacity:.7}#online-status{position:fixed;bottom:var(--space-lg);right:var(--space-lg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.85rem;background-color:#ef4444;color:#fff;display:none;z-index:1000;box-shadow:0 4px 12px #00000026}#online-status.offline{display:block}#cache-refresh-notification{position:fixed;top:var(--space-lg);right:var(--space-lg);background-color:var(--color-accent);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);display:none;z-index:1000;box-shadow:0 4px 12px #00000026}@media(max-width:1024px){.gallery{padding:var(--space-sm)}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-sm);max-width:1200px}.gallery-header h1{font-size:2.2rem}.gallery-item[data-aspect-ratio*="2."]{grid-column:span 1}}@media(max-width:768px){html{font-size:16px}.nav-container{padding:var(--space-md) var(--space-md)}.nav-links{gap:var(--space-md)}.gallery-header{padding:var(--space-2xl) var(--space-md) var(--space-lg)}.gallery-header h1{font-size:2rem}.tag-header{padding:var(--space-xl) var(--space-md) var(--space-md)}.tag-title{font-size:2rem}.gallery{padding:0 var(--space-md) var(--space-2xl)}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xs);padding:var(--space-md) 0}.nav-btn{width:40px;height:40px;font-size:1.1rem}.close-modal{font-size:1.3rem}#modalCaption{font-size:.9rem;padding:var(--space-sm)}header{padding:var(--space-sm)}.back-link,.rss-link{width:40px;height:40px;min-width:40px;min-height:40px}}@media(max-width:640px){.nav-container{flex-direction:column;gap:var(--space-md);text-align:center}.nav-links{justify-content:center}.gallery-header h1{font-size:1.8rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xs)}}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr;gap:var(--space-sm);padding:var(--space-sm) 0}.gallery-item{aspect-ratio:4/3}.gallery-header h1{font-size:1.6rem}}@media(hover:none){.gallery-item figcaption{opacity:1;background:linear-gradient(transparent,#000c);transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.gallery-item{opacity:1;transform:none;animation:none}.gallery-item:hover{transform:none}}@media(prefers-contrast:high){.gallery-item{border:2px solid;box-shadow:none}.gallery-item:hover{box-shadow:0 0 0 4px var(--color-accent)}}@media print{.gallery{background:#fff}.gallery-item{break-inside:avoid;animation:none;opacity:1;transform:none;box-shadow:0 1px 3px #0003}}.nav-links a:focus-visible,.gallery-item:focus-visible,.back-link:focus-visible,.rss-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media print{.nav-bar,.back-link,.rss-link,.modal,#online-status,#cache-refresh-notification{display:none}.gallery{padding:0}.gallery-item{break-inside:avoid}}:root{--bg-light: #FFFEF9;--text-light: #333333;--text-secondary-light: #666666;--bg-dark: #1a1a1a;--text-dark: #e9e9e9;--text-secondary-dark: #b0b0b0;--button-bg-light: rgba(255, 255, 255, .8);--button-bg-dark: rgba(50, 50, 50, .7);--button-hover-shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--button-hover-shadow-dark: 0 2px 8px rgba(0, 0, 0, .4);--transition-speed: .3s}html,body,.photo-container,.photo-detail img,.photo-caption,.photo-metadata,.theme-toggle,.gallery-button{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}html,body{background-color:var(--bg-light);color:var(--text-light);min-height:100vh}html.dark-mode,html.dark-mode body{background-color:var(--bg-dark);color:var(--text-dark)}.photo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 100px);padding:2rem;transition:background-color var(--transition-speed) ease}html.dark-mode .photo-container{background-color:var(--bg-dark)}html:not(.dark-mode) .photo-container{background-color:var(--bg-light)}.photo-detail{max-width:1200px;width:100%;margin:0 auto;position:relative;display:flex;flex-direction:column;align-items:center}.photo-detail img{max-width:100%;max-height:90vh;height:auto;border-radius:4px;transition:all var(--transition-speed) ease;display:block;object-fit:contain}html.dark-mode .photo-detail img{box-shadow:0 8px 30px #00000080;border:1px solid rgba(255,255,255,.05)}html:not(.dark-mode) .photo-detail img{box-shadow:0 8px 30px #00000026;border:1px solid rgba(0,0,0,.03)}.photo-caption{margin-top:1.5rem;text-align:center;font-size:1.2rem;transition:color var(--transition-speed) ease}html.dark-mode .photo-caption{color:var(--text-dark)}html:not(.dark-mode) .photo-caption{color:var(--text-light)}.photo-metadata{text-align:center;margin-top:.5rem;font-size:.9rem;transition:color var(--transition-speed) ease}html.dark-mode .photo-metadata{color:var(--text-secondary-dark)}html:not(.dark-mode) .photo-metadata{color:var(--text-secondary-light)}.photo-metadata .camera,.photo-metadata .date{display:inline-block;margin:0 5px}.photo-metadata i{margin-right:5px;opacity:.8}.photo-tech-details{margin-top:.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.tech-detail{background-color:#0000001a;padding:.2rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}html.dark-mode .tech-detail{background-color:#ffffff1a;color:var(--text-secondary-dark)}html:not(.dark-mode) .tech-detail{background-color:#00000014;color:var(--text-secondary-light)}.photo-dimensions{margin-top:.5rem;font-size:.8rem;opacity:.7}.options-toggle,.gallery-button{position:fixed!important;z-index:1000;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;text-decoration:none;box-shadow:0 2px 8px #0003;transition:all .2s ease}.options-toggle{top:20px;right:20px}.gallery-button{top:20px;left:20px}html.dark-mode .options-toggle,html.dark-mode .gallery-button{background-color:var(--button-bg-dark);color:var(--text-dark);box-shadow:0 2px 10px #0006}html:not(.dark-mode) .options-toggle,html:not(.dark-mode) .gallery-button{background-color:var(--button-bg-light);color:var(--text-light);box-shadow:0 2px 8px #0000001a}.options-toggle:hover,.gallery-button:hover{transform:scale(1.1)}html.dark-mode .options-toggle:hover,html.dark-mode .gallery-button:hover{background-color:#464646e6}html:not(.dark-mode) .options-toggle:hover,html:not(.dark-mode) .gallery-button:hover{background-color:#fff}.options-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:1001;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.options-backdrop.active{opacity:1;visibility:visible}.options-dialog{position:fixed;top:70px;right:20px;width:320px;max-width:calc(100vw - 40px);max-height:calc(100vh - 100px);z-index:1002;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.options-dialog.active{opacity:1;visibility:visible;transform:translateY(0)}.options-dialog-content{border-radius:8px;overflow:hidden;box-shadow:0 8px 30px #0000004d;display:flex;flex-direction:column;max-height:inherit}html.dark-mode .options-dialog-content{background-color:#2a2a2a;border:1px solid #444}html:not(.dark-mode) .options-dialog-content{background-color:#fff;border:1px solid #ddd}.options-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid}html.dark-mode .options-header{border-bottom-color:#444}html:not(.dark-mode) .options-header{border-bottom-color:#e0e0e0}.options-header h2{font-size:1.1rem;font-weight:600;margin:0}html.dark-mode .options-header h2{color:var(--text-dark)}html:not(.dark-mode) .options-header h2{color:var(--text-light)}.options-close{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}html.dark-mode .options-close{color:var(--text-dark)}html:not(.dark-mode) .options-close{color:var(--text-light)}html.dark-mode .options-close:hover{background-color:#ffffff1a}html:not(.dark-mode) .options-close:hover{background-color:#0000000d}.options-body{padding:.5rem 0;overflow-y:auto;max-height:calc(100vh - 180px)}.option-section{padding:1rem 1.25rem;border-bottom:1px solid}html.dark-mode .option-section{border-bottom-color:#333}html:not(.dark-mode) .option-section{border-bottom-color:#f0f0f0}.option-section:last-child{border-bottom:none}.option-header{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.75rem;font-size:.95rem}html.dark-mode .option-header{color:var(--text-secondary-dark)}html:not(.dark-mode) .option-header{color:var(--text-secondary-light)}.option-header i{opacity:.7}.theme-toggle-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid;border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .2s ease}html.dark-mode .theme-toggle-btn{background-color:#ffffff0d;border-color:#444;color:var(--text-dark)}html:not(.dark-mode) .theme-toggle-btn{background-color:#00000008;border-color:#ddd;color:var(--text-light)}html.dark-mode .theme-toggle-btn:hover{background-color:#ffffff1a;border-color:#555}html:not(.dark-mode) .theme-toggle-btn:hover{background-color:#0000000f;border-color:#ccc}.theme-icon{width:24px;display:flex;align-items:center;justify-content:center}.theme-label{font-weight:500}.exif-metadata{display:flex;flex-direction:column;gap:.75rem}.exif-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;font-size:.9rem}.exif-label{display:flex;align-items:center;gap:.5rem;font-weight:500;min-width:100px}html.dark-mode .exif-label{color:var(--text-secondary-dark)}html:not(.dark-mode) .exif-label{color:var(--text-secondary-light)}.exif-label i{opacity:.7;width:16px;text-align:center}.exif-value{text-align:right;word-break:break-word}html.dark-mode .exif-value{color:var(--text-dark)}html:not(.dark-mode) .exif-value{color:var(--text-light)}.exif-tech-details{margin-top:.5rem}.exif-tech-details .photo-tech-details{display:flex;flex-wrap:wrap;gap:.4rem}.exif-tech-details .tech-detail{background-color:#0000001a;padding:.25rem .6rem;border-radius:12px;font-size:.8rem;font-weight:500}html.dark-mode .exif-tech-details .tech-detail{background-color:#ffffff1a;color:var(--text-secondary-dark)}html:not(.dark-mode) .exif-tech-details .tech-detail{background-color:#00000014;color:var(--text-secondary-light)}.exif-dimensions-item{margin-top:.75rem}.exif-dimensions-item .photo-dimensions{font-size:.9rem;margin:0}html.dark-mode .exif-dimensions-item .photo-dimensions{color:var(--text-secondary-dark)}html:not(.dark-mode) .exif-dimensions-item .photo-dimensions{color:var(--text-secondary-light)}@media(max-width:768px){.photo-container{padding:1rem;padding-top:75px}.photo-caption{font-size:1rem;margin-top:1rem}.photo-metadata{font-size:.8rem;display:flex;flex-direction:column;gap:.5rem}.photo-tech-details{gap:.3rem;margin-top:.3rem}.tech-detail{font-size:.7rem;padding:.1rem .4rem}.options-toggle,.gallery-button{width:40px;height:40px;position:fixed!important;top:12px}.options-toggle{right:12px}.gallery-button{left:12px}.options-dialog{top:60px;right:12px;width:calc(100vw - 24px)}}header{transition:background-color var(--transition-speed) ease;position:relative}html.dark-mode header{background-color:var(--bg-dark)}html.dark-mode .back-link{color:var(--text-dark)}html:not(.dark-mode) .back-link{color:var(--text-light)}.photo-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-enhanced{display:inline-flex;align-items:center;padding:.25rem .75rem;background-color:#0091ff1a;color:#0091ff;border-radius:12px;font-size:.85rem;text-decoration:none;transition:all .2s ease;border:1px solid rgba(0,145,255,.2)}.tag-enhanced:hover{background-color:#0091ff;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0091ff4d}.tag-enhanced:before{content:"#";opacity:.7;margin-right:.25rem}html.dark-mode .tag-enhanced{background-color:#0091ff26;color:#4db8ff;border-color:#0091ff4d}html.dark-mode .tag-enhanced:hover{background-color:#0091ff;color:#fff}.option-section .photo-tags{padding:.5rem 0}.photo-caption.is-visible{position:fixed;bottom:76px;right:20px;max-width:min(380px,calc(100vw - 40px));padding:1rem 1.25rem;background:#141416a6;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);color:#fffffff5;font-size:.95rem;line-height:1.55;border-radius:14px;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 48px -12px #0009;z-index:1010;opacity:1;transition:opacity .2s ease;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;pointer-events:auto}@media(prefers-reduced-motion:reduce){.photo-caption.is-visible{transition:none}}@media(max-width:768px){.photo-caption.is-visible{bottom:64px;right:12px;max-width:calc(100vw - 24px)}}.caption-toggle{position:fixed!important;z-index:1000;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;text-decoration:none;box-shadow:0 2px 8px #0003;transition:all .2s ease;bottom:20px;right:20px}html.dark-mode .caption-toggle{background-color:var(--button-bg-dark);color:var(--text-dark);box-shadow:0 2px 10px #0006}html:not(.dark-mode) .caption-toggle{background-color:var(--button-bg-light);color:var(--text-light);box-shadow:0 2px 8px #0000001a}.caption-toggle:hover{transform:scale(1.1)}html.dark-mode .caption-toggle:hover{background-color:#464646e6}html:not(.dark-mode) .caption-toggle:hover{background-color:#fff}@media(max-width:768px){.caption-toggle{width:40px;height:40px;bottom:12px;right:12px}}.fullscreen-toggle{position:fixed!important;z-index:1000;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;box-shadow:0 2px 8px #0003;transition:all .2s ease;bottom:20px;right:80px}html.dark-mode .fullscreen-toggle{background-color:var(--button-bg-dark);color:var(--text-dark)}html:not(.dark-mode) .fullscreen-toggle{background-color:var(--button-bg-light);color:var(--text-light)}.fullscreen-toggle:hover{transform:scale(1.1)}@media(max-width:768px){.fullscreen-toggle{width:40px;height:40px;bottom:12px;right:64px}}.photo-container:not(:has(.caption-toggle)) .fullscreen-toggle{right:20px}.fullscreen-exit{display:none;position:fixed;top:20px;right:20px;z-index:10000;width:44px;height:44px;border-radius:50%;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.fullscreen-exit:hover{background:#fff3}body.is-fullscreen{overflow:hidden}body.is-fullscreen .photo-detail{position:fixed;inset:0;z-index:9999;margin:0;max-width:none;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center}body.is-fullscreen .photo-detail::backdrop,:fullscreen::backdrop{background:#000}body.is-fullscreen .photo-detail img{max-width:100vw;max-height:100vh;border-radius:0;box-shadow:none;border:none;object-fit:contain}body.is-fullscreen .options-toggle,body.is-fullscreen .caption-toggle,body.is-fullscreen .fullscreen-toggle{display:none}body.is-fullscreen .fullscreen-exit{display:flex}body.is-fullscreen .photo-detail img{cursor:zoom-in;transform-origin:0 0;transition:none}body.is-fullscreen .photo-detail img.is-zoomed{cursor:grab}body.is-fullscreen .photo-detail img.is-zoomed.is-panning{cursor:grabbing}