html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:root{--font-size: 16px;--font-size-smaller: 0.875rem;--font-size-smallest: 0.75rem;--font-size-larger: 1.125rem;--body-font-weight: 500;--line-height-normal: 1.6;--line-height-tight: 1.2;--spacing-1: 0.25rem;--spacing-2: 0.5rem;--spacing-3: 0.75rem;--spacing-4: 1rem;--spacing-8: 2rem;--spacing-16: 4rem;--border-radius: 0.25rem;--border-radius-lg: 0.5rem;--border-radius-xl: 0.75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--transition-fast: 0.15s ease-in-out;--transition-base: 0.2s ease-in-out;--color-scrim-text: #f3f4f6}:root{--body-background: #ffffff;--body-font-color: #111827;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-primary: #2563eb;--color-primary-light: #60a5fa;--color-primary-dark: #1d4ed8;--color-link: var(--color-primary);--color-visited-link: #db2777;--color-bg-primary: var(--color-gray-50);--color-bg-secondary: var(--color-gray-100);--color-bg-tertiary: var(--color-gray-200);--color-bg-primary-fade: rgba(249, 250, 251, 0);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-500);--color-text-inverse: #ffffff;--color-border: var(--color-gray-200);--color-border-light: var(--color-gray-100);--color-border-dark: var(--color-gray-300);--icon-filter: none;--color-accent-default: #64748b;--color-accent-default-tint: rgba(100,116,139,0.1);--color-accent-note: #4486dd;--color-accent-note-tint: rgba(68,134,221,0.1);--color-accent-tip: #10b981;--color-accent-tip-tint: rgba(16,185,129,0.1);--color-accent-important: #8144dd;--color-accent-important-tint: rgba(129,68,221,0.1);--color-accent-warning: #f59e0b;--color-accent-warning-tint: rgba(245,158,11,0.1);--color-accent-caution: #ef4444;--color-accent-caution-tint: rgba(239,68,68,0.1);--color-accent-info: #3b82f6;--color-accent-info-tint: rgba(59,130,246,0.1);--color-accent-success: #10b981;--color-accent-success-tint: rgba(16,185,129,0.1);--color-accent-danger: #ef4444;--color-accent-danger-tint: rgba(239,68,68,0.1);color-scheme:light}html.dark{--body-background: #1a1a1a;--body-font-color: #f0f0f0;--color-gray-50: #1a1a1a;--color-gray-100: #2a2a2a;--color-gray-200: #3a3a3a;--color-gray-300: #4a4a4a;--color-gray-400: #6a6a6a;--color-gray-500: #9a9a9a;--color-gray-600: #c0c0c0;--color-gray-700: #d8d8d8;--color-gray-800: #ededed;--color-gray-900: #f8f8f8;--color-primary: #2dd4bf;--color-primary-light: #5eead4;--color-primary-dark: #14b8a6;--color-link: var(--color-primary);--color-visited-link: #a78bfa;--color-bg-primary: var(--color-gray-50);--color-bg-secondary: var(--color-gray-100);--color-bg-tertiary: var(--color-gray-200);--color-bg-primary-fade: rgba(26, 26, 26, 0);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-500);--color-text-inverse: #1a1a1a;--color-border: var(--color-gray-300);--color-border-light: var(--color-gray-200);--color-border-dark: var(--color-gray-400);--icon-filter: brightness(0) invert(1);--color-accent-default: #9a9a9a;--color-accent-default-tint: rgba(154,154,154,0.1);--color-accent-note: #9a9a9a;--color-accent-note-tint: rgba(154,154,154,0.1);--color-accent-tip: #4ade80;--color-accent-tip-tint: rgba(74,222,128,0.1);--color-accent-important: #b794f4;--color-accent-important-tint: rgba(183,148,244,0.1);--color-accent-warning: #fbbf24;--color-accent-warning-tint: rgba(251,191,36,0.1);--color-accent-caution: #f87171;--color-accent-caution-tint: rgba(248,113,113,0.1);--color-accent-info: #9a9a9a;--color-accent-info-tint: rgba(154,154,154,0.1);--color-accent-success: #4ade80;--color-accent-success-tint: rgba(74,222,128,0.1);--color-accent-danger: #f87171;--color-accent-danger-tint: rgba(248,113,113,0.1);color-scheme:dark}.flex{display:flex}.flex.gap{gap:1rem}.flex-even{flex:1 1}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.text-center{text-align:center}.text-small{font-size:.875em}.hidden{display:none}input.toggle{height:0;width:0;overflow:hidden;opacity:0;position:absolute}*{box-sizing:border-box;margin:0;padding:0}html{color:var(--color-text-primary);font-size:var(--font-size);line-height:var(--line-height-normal);scrollbar-color:var(--color-primary) var(--color-bg-secondary)}html ::selection{background-color:var(--color-primary);color:var(--color-bg-primary)}html ::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:10px}html ::-webkit-scrollbar-track{background-color:var(--color-bg-secondary)}body{scroll-behavior:smooth;touch-action:manipulation;scrollbar-gutter:stable;font-weight:var(--body-font-weight);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--line-height-normal)}h1,h2,h3,h4,h5,h6{font-weight:inherit;line-height:var(--line-height-tight);color:var(--color-text-primary);margin-top:var(--spacing-4);margin-bottom:var(--spacing-2)}h1{font-size:clamp(1.75rem, 5.5cqi, 2.5rem);font-weight:700}h2{font-size:clamp(1.5rem, 4.5cqi, 2rem);font-weight:600}h3{font-size:clamp(1.25rem, 3.5cqi, 1.5rem);font-weight:600}h4{font-size:clamp(1.125rem, 3cqi, 1.25rem);font-weight:600}h5{font-size:1.125rem;font-weight:500}h6{font-size:1rem;font-weight:500;color:var(--color-text-secondary)}b,strong{font-weight:700}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}small{font-size:var(--font-size-smaller);color:var(--color-text-muted)}:focus-visible{outline-style:auto;outline-color:var(--color-link)}input.toggle:focus-visible+label{outline-style:auto;outline-color:var(--color-link)}@media screen and (max-width: 32rem){html{font-size:14px}}@media screen and (min-width: 60.81rem) and (max-width: 64rem){html{font-size:14px}}.hj-background{position:relative;z-index:-10}.hj-background canvas{position:fixed;right:0;bottom:0;left:0;width:100%;height:0;z-index:-30}.hj-background>div{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-20;background:linear-gradient(to bottom, var(--color-bg-primary) 0%, var(--color-bg-primary) 72%, var(--color-bg-primary-fade) 88%, var(--color-bg-primary-fade) 100%)}.hj-top{display:flex;flex-grow:1;margin-left:auto;margin-right:auto;align-items:flex-start;justify-content:center;position:relative}.hj-menu{flex:0 0 16rem;font-size:var(--font-size-smaller);padding:var(--spacing-4);box-sizing:border-box;position:sticky;top:0;align-self:flex-start;max-height:100dvh;scrollbar-width:none;-ms-overflow-style:none;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);line-height:1.2;color:var(--color-text-primary);overflow-y:auto}.hj-menu::-webkit-scrollbar{display:none}.hj-menu ul{padding:0;margin:0;list-style:none}.hj-menu li{position:relative}.hj-menu a,.hj-menu .hj-menu-label{display:block;padding:var(--spacing-2) var(--spacing-2);text-decoration:none;border-radius:var(--border-radius);color:var(--color-text-primary)}.hj-menu a{transition:color var(--transition-fast),background-color var(--transition-fast)}.hj-menu a:hover{color:var(--color-primary);background-color:var(--color-bg-tertiary)}.hj-menu a.active{color:var(--color-primary);font-weight:600;background-color:var(--color-bg-tertiary)}.hj-menu .hj-menu-blog{margin:var(--spacing-4) 0}.hj-menu .hj-menu-blog>ul{padding-inline-start:var(--spacing-4)}.hj-menu .hj-blog-title{font-weight:bolder}.hj-menu ul ul{padding-inline-start:var(--spacing-4)}.hj-menu label{display:flex;align-items:center;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast)}.hj-menu label:hover{color:var(--color-primary)}.hj-menu label .hj-icon{height:1em;width:1em;margin-left:auto;transition:transform var(--transition-base);filter:var(--icon-filter)}.hj-menu input[type="checkbox"]{display:none}.hj-menu input[type="checkbox"]:checked+label+ul,.hj-menu input[type="checkbox"]:checked+label+a+ul{display:block}.hj-menu input[type="checkbox"]:checked+label .hj-icon{transform:rotate(90deg)}.hj-wrap-maintoc{flex-grow:1;max-width:64rem;display:flex;flex:1 1 0%;min-width:0;overflow-y:visible}.hj-main{width:100%;max-width:48rem;margin-left:auto;margin-right:auto;padding:var(--spacing-4);position:relative;container-type:inline-size;container-name:content-container}.hj-icon{filter:var(--icon-filter)}.hj-brand{margin-top:0;margin-bottom:var(--spacing-4);display:flex}.hj-brand .hj-brand-link{display:flex;align-items:center;justify-content:center}.hj-brand .hj-brand-link:hover{opacity:0.8}.hj-brand .hj-brand-logo{margin-inline-end:var(--spacing-2)}.hj-brand .hj-brand-title{font-size:1.5rem;font-weight:bold}.hj-brand a{text-decoration:none;background:none}.hj-brand a:hover{background:none}.hj-brand a.active{background:none}.hj-section-flat{margin:var(--spacing-4) 0}.hj-section-flat>a,.hj-section-flat>span,.hj-section-flat>label{font-weight:bolder}.hj-section-flat>ul{padding-inline-start:0}.hj-post{margin-bottom:var(--spacing-4)}.hj-post .hj-post-date img{height:1em;width:1em;margin-inline-end:.5em}.hj-post .hj-post-content{margin-top:var(--spacing-4)}.hj-post .hj-post-thumbnail{flex:0 0 34%}.hj-post .hj-post-thumbnail img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.hj-post-meta{display:block;font-size:var(--font-size-smaller)}.hj-post-meta-item{display:inline-flex;align-items:center;gap:0.5rem}.hj-post-meta-separator{opacity:0.5}.hj-post-meta .hj-icon{width:0.875rem;height:0.875rem;filter:var(--icon-filter)}.hj-post-tags{display:block;font-size:var(--font-size-smaller)}.hj-post-tags a{color:var(--color-text-muted);text-decoration:none}.hj-post-tags a:hover{color:var(--color-link);text-decoration:underline}.hj-header-mobile{display:none;width:100%;box-sizing:border-box;padding:var(--spacing-1);align-items:center;justify-content:space-between}.hj-header-mobile button{background:none;border:none;margin:var(--spacing-1) var(--spacing-4)}.hj-header-mobile button:hover{opacity:0.7}.hj-header-mobile .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 var(--spacing-4);flex-grow:1;text-align:center;font-size:var(--font-size-larger)}.hj-header-mobile .hj-toc-placeholder{width:24px;height:24px;flex-shrink:0;visibility:hidden}.hj-search{display:none;position:relative;margin:var(--spacing-2) 0}html.hj-js .hj-search{display:block}.hj-search input{width:100%;padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-smaller);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.hj-search input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.hj-search input::placeholder{color:var(--color-text-muted)}.hj-search input:disabled{opacity:0.5;cursor:not-allowed}.hj-search input:required+.hj-search-spinner{display:block}.hj-search .hj-search-spinner{position:absolute;top:50%;right:var(--spacing-2);transform:translateY(-50%);width:var(--spacing-4);height:var(--spacing-4);border:2px solid transparent;border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s ease infinite;display:none}@keyframes spin{100%{transform:rotate(360deg)}}.hj-search ul a{padding-bottom:0}.hj-search small{color:var(--color-text-muted);font-size:var(--font-size-smallest)}.hj-toc{flex:0 0 16rem;font-size:var(--font-size-smallest);width:16rem;box-sizing:border-box;position:sticky;top:2rem;align-self:flex-start;max-height:calc(100dvh - 4rem);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--spacing-4);background-color:var(--color-bg-secondary);border-left:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.hj-toc::-webkit-scrollbar{display:none}.hj-toc ul{padding:0;margin:0;list-style:none;line-height:1.2}.hj-toc ul li{position:relative}.hj-toc ul a{padding:var(--spacing-1) 0;display:block;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast);border-radius:var(--border-radius)}.hj-toc ul a:hover{color:var(--color-primary);background-color:var(--color-bg-tertiary)}.hj-toc ul a.active{color:var(--color-primary);font-weight:600;background-color:var(--color-bg-tertiary)}.hj-toc ul ul{padding-inline-start:var(--spacing-4)}.hj-toc img{height:1em;width:1em;filter:var(--icon-filter)}.hj-footer{padding-top:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2);align-items:center}.hj-footer .hj-copyright{margin-top:var(--spacing-4);display:flex;gap:var(--spacing-2);flex-wrap:wrap;font-size:var(--font-size-smaller)}.hj-prev-next{display:flex;flex-wrap:wrap;font-size:var(--font-size-smaller);margin:var(--spacing-4) 0;width:100%}.hj-prev-next>.next{margin-left:auto}.hj-prev-next a{color:inherit;text-decoration:none;gap:0.5rem}.hj-prev-next a:hover{opacity:0.7}.hj-prev-next a .hj-icon{height:1em;width:1em;flex-shrink:0;transform:translateY(2px)}.hj-prev-nxt-post{font-size:var(--font-size-smaller);margin:var(--spacing-4) 0;width:100%}.hj-prev-nxt-post h4{margin:0.5rem 0;font-size:var(--font-size-smaller);font-weight:bold}.hj-prev-nxt-post a{display:flex;align-items:center;color:inherit;text-decoration:none;padding:0.25rem 0;word-break:keep-all}.hj-prev-nxt-post a:hover{opacity:0.7}.hj-prev-nxt-post a .hj-icon{height:1em;width:1em;flex-shrink:0;margin:0 0.5rem}.hj-prev-nxt-post .hj-prev-section{display:flex;flex-direction:column;align-items:flex-start}.hj-prev-nxt-post .hj-prev-section h4{text-align:left}.hj-prev-nxt-post .hj-prev-section a{justify-content:flex-start;text-align:left}.hj-prev-nxt-post .hj-next-section{display:flex;flex-direction:column;align-items:flex-end}.hj-prev-nxt-post .hj-next-section h4{text-align:right}.hj-prev-nxt-post .hj-next-section a{justify-content:flex-end;text-align:right}.hj-pagination{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-larger);margin:var(--spacing-4) 0}.hj-pagination-pages{display:inline-flex;gap:var(--spacing-1)}.hj-pagination-page{padding:0.5rem 1rem;border-radius:var(--border-radius);text-decoration:none;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);font-weight:500}.hj-pagination-page--current{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.hj-pagination-page--link{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.hj-pagination-page--link:hover{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.hj-pagination .hj-icon{filter:var(--icon-filter)}.hj-menu,.hj-toc{transition:var(--transition-base);transition-property:transform, margin, opacity, visibility}.hj-menu.mobile-visible{visibility:visible;margin-inline-start:0}.hj-toc.mobile-visible{display:block;position:fixed;top:2rem;right:0;bottom:0;width:16rem;background:var(--body-background);z-index:100;overflow-y:auto;padding:var(--spacing-4);box-shadow:-2px 0 8px #0000001a;scrollbar-width:none;-ms-overflow-style:none}.hj-toc.mobile-visible::-webkit-scrollbar{display:none}.hj-overlay.overlay-visible{display:block;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);z-index:99;cursor:pointer}@media screen and (max-width: 60.8rem){.hj-menu{position:fixed;top:0;left:0;bottom:0;width:16rem;background:var(--body-background);z-index:100;visibility:hidden;margin-inline-start:-16rem;transition:visibility 0.3s, margin-inline-start 0.3s;scrollbar-width:none;-ms-overflow-style:none}.hj-menu::-webkit-scrollbar{display:none}.hj-toc{display:none}.hj-wrap-maintoc{flex-direction:column}.hj-header-mobile{display:flex;position:fixed;top:0;z-index:40;background:var(--color-bg-primary);order:-1}.hj-header-mobile:not(:first-child){box-shadow:0 2px 4px rgba(0,0,0,0.1)}.hj-main{order:0;padding-top:calc(3 * var(--spacing-4))}.hj-overlay{display:none}}@font-face{font-family:'Pretendard';font-weight:700;font-display:swap;src:local("Pretendard Bold"),url("/external/pretendard/Pretendard-Bold.woff2") format("woff2")}@font-face{font-family:'Pretendard';font-weight:600;font-display:swap;src:local("Pretendard SemiBold"),url("/external/pretendard/Pretendard-SemiBold.woff2") format("woff2")}@font-face{font-family:'Pretendard';font-weight:500;font-display:swap;src:local("Pretendard Medium"),url("/external/pretendard/Pretendard-Medium.woff2") format("woff2")}@font-face{font-family:'Pretendard';font-weight:400;font-display:swap;src:local("Pretendard Regular"),url("/external/pretendard/Pretendard-Regular.woff2") format("woff2")}@font-face{font-family:'D2Coding';font-style:normal;font-weight:700;font-display:swap;src:local("D2Coding Bold"),url("/external/d2coding/d2coding-bold-full.woff2") format("woff2")}@font-face{font-family:'D2Coding';font-style:normal;font-weight:400;font-display:swap;src:local("D2Coding Regular"),url("/external/d2coding/d2coding-full.woff2") format("woff2")}:root{--font-family-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}body{font-family:var(--font-family-sans)}code,pre{font-family:'D2Coding', monospace}@media print{.hj-menu,.hj-footer,.hj-toc,.hj-header-mobile{display:none}main{display:block !important}}.hj-markdown{line-height:var(--line-height-normal);color:var(--color-text-primary);white-space:normal}.hj-markdown>:first-child{margin-top:0}.hj-markdown p,.hj-markdown li,.hj-markdown dd,.hj-markdown dt{text-wrap:pretty;text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-justify:auto;margin-bottom:var(--spacing-4)}.hj-markdown h1,.hj-markdown h2,.hj-markdown h3,.hj-markdown h4,.hj-markdown h5,.hj-markdown h6{font-weight:inherit;line-height:var(--line-height-tight);margin-top:var(--spacing-8);margin-bottom:var(--spacing-4);word-break:keep-all;color:var(--color-text-primary)}.hj-markdown h1 a.anchor,.hj-markdown h2 a.anchor,.hj-markdown h3 a.anchor,.hj-markdown h4 a.anchor,.hj-markdown h5 a.anchor,.hj-markdown h6 a.anchor{opacity:0;font-size:0.75em;margin-inline-start:.25em;color:var(--color-text-muted)}.hj-markdown h1:hover a.anchor,.hj-markdown h1 a.anchor:focus-visible,.hj-markdown h2:hover a.anchor,.hj-markdown h2 a.anchor:focus-visible,.hj-markdown h3:hover a.anchor,.hj-markdown h3 a.anchor:focus-visible,.hj-markdown h4:hover a.anchor,.hj-markdown h4 a.anchor:focus-visible,.hj-markdown h5:hover a.anchor,.hj-markdown h5 a.anchor:focus-visible,.hj-markdown h6:hover a.anchor,.hj-markdown h6 a.anchor:focus-visible{opacity:1;text-decoration:none}.hj-markdown a{text-decoration:none;color:var(--color-link)}.hj-markdown a[href]:hover{text-decoration:underline;color:var(--color-primary-dark)}.hj-markdown a[href]:visited{color:var(--color-visited-link)}.hj-markdown a:focus-visible{outline-style:auto;outline-color:var(--color-link)}.hj-markdown input[type="checkbox"]{-webkit-appearance:none;appearance:none;background-color:var(--color-bg-primary);margin:0 0.5em 0 0;vertical-align:middle;cursor:pointer;width:1.2em;height:1.2em;border:1px solid var(--color-gray-400);border-radius:4px;position:relative;display:inline-flex;align-items:center;justify-content:center}.hj-markdown input[type="checkbox"]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.hj-markdown input[type="checkbox"]:checked::after{content:'';display:block;width:0.35em;height:0.65em;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.hj-markdown input[type="checkbox"]:hover{border-color:var(--color-primary-light)}.hj-markdown input[type="checkbox"]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hj-markdown img{max-width:100%;height:auto;border-radius:var(--border-radius)}.hj-markdown code{unicode-bidi:embed;padding:.125em .25em;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:0.875em;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.hj-markdown pre{position:relative;padding:var(--spacing-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow-x:auto;min-width:0;width:100%;margin:var(--spacing-4) 0}.hj-markdown pre:focus{outline-style:auto;outline-color:var(--color-link)}.hj-markdown pre code{margin:0;padding:0;border:0;min-width:0;width:100%;overflow-x:auto;background-color:transparent;font-size:0.9em}.hj-markdown blockquote{margin:var(--spacing-4) 0;padding:var(--spacing-2) var(--spacing-4);border-inline-start:4px solid var(--color-primary);border-radius:var(--border-radius);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.hj-markdown blockquote :first-child{margin-top:0}.hj-markdown blockquote :last-child{margin-bottom:0}.hj-markdown blockquote p{margin-bottom:var(--spacing-2)}.hj-markdown table{display:block;overflow-x:auto;table-layout:auto;width:100%;max-width:100%;border-spacing:0;border-collapse:collapse;margin-top:var(--spacing-4);margin-bottom:var(--spacing-4);border-radius:var(--border-radius)}.hj-markdown table tr th,.hj-markdown table tr td{padding:var(--spacing-2) var(--spacing-4);text-align:start;word-wrap:normal;overflow-wrap:normal;white-space:nowrap}.hj-markdown table tr th{background-color:var(--color-bg-tertiary);font-weight:600;color:var(--color-text-primary)}.hj-markdown table tr{background-color:var(--color-bg-primary);border:1px solid var(--color-border)}.hj-markdown hr{height:1px;border:none;background:var(--color-border);margin:var(--spacing-8) 0}.hj-markdown ul,.hj-markdown ol{padding-inline-start:var(--spacing-8);word-wrap:break-word;margin-bottom:var(--spacing-4)}.hj-markdown ul li,.hj-markdown ol li{margin-bottom:var(--spacing-2)}.hj-markdown ul{list-style-type:disc}.hj-markdown ul ul{list-style-type:circle}.hj-markdown ul ul ul{list-style-type:square}.hj-markdown ol{list-style-type:decimal}.hj-markdown ol ol{list-style-type:lower-alpha}.hj-markdown ol ol ol{list-style-type:lower-roman}.hj-markdown dl dt{font-weight:700;margin-top:var(--spacing-4);color:var(--color-text-primary)}.hj-markdown dl dd{margin-inline-start:0;margin-bottom:var(--spacing-4);padding-left:var(--spacing-4);border-left:2px solid var(--color-border);color:var(--color-text-secondary)}.hj-markdown .highlight{unicode-bidi:embed;border-radius:var(--border-radius)}.hj-markdown .highlight table tbody{border:1px solid var(--color-border)}.hj-markdown .highlight table tr pre{border:0}.hj-markdown .highlight table tr td pre code>span{display:flex}.hj-markdown .highlight table tr td:nth-child(1) pre{margin:0;padding-inline-end:0}.hj-markdown .highlight table tr td:nth-child(2) pre{margin:0;padding-inline-start:0}.hj-markdown details{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg-secondary)}.hj-markdown details summary{line-height:1;padding:var(--spacing-2);margin:calc(-1 * var(--spacing-2));cursor:pointer;list-style:none;font-weight:600;color:var(--color-text-primary)}.hj-markdown details summary::before{content:"›";display:inline-block;margin-inline-end:var(--spacing-2);transition:transform var(--transition-base);color:var(--color-primary)}.hj-markdown details[open] summary{margin-bottom:var(--spacing-4)}.hj-markdown details[open] summary::before{transform:rotate(90deg)}.hj-markdown details>*:not(summary){margin-top:var(--spacing-4)}.hj-markdown figure{margin:var(--spacing-4) 0}.hj-markdown figure figcaption{margin-top:var(--spacing-2);font-size:var(--font-size-smaller);color:var(--color-text-muted);text-align:center}.hj-card{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background-color:var(--color-bg-secondary)}.hj-card>*:first-child{margin-top:0}.hj-card>a{display:block;color:inherit;text-decoration:none}.hj-card:has(>a){transition:transform var(--transition-base),box-shadow var(--transition-base)}.hj-card:has(>a):hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hj-card img{width:100%;height:auto;border-radius:var(--border-radius);margin-bottom:var(--spacing-2)}.hj-post-list__date{display:inline-block;min-width:6.5em;color:var(--color-text-muted);font-size:var(--font-size-smaller);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.hj-card{transition:none}}.hj-markdown-inner>:first-child{margin-top:0}.hj-markdown-inner>:last-child{margin-bottom:0}.hj-image-figure{margin:1.5rem 0;text-align:center;display:flex;flex-direction:column;align-items:center}.hj-image{max-width:100%;height:auto;display:block;border-radius:4px}.hj-image--inline{display:inline-block;vertical-align:middle}.hj-image-caption{margin-top:0.5rem;font-size:0.875rem;color:var(--color-text-muted);text-align:center;padding:0 0.5rem;max-width:100%;line-height:1.4}.hj-image-caption--empty{height:1.5rem;visibility:hidden}.hj-icon-sprite{display:none}.hj-post-tile{display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-bg-secondary);transition:transform 0.3s ease-in-out}.hj-post-tile h1,.hj-post-tile h2,.hj-post-tile h3,.hj-post-tile h4,.hj-post-tile h5,.hj-post-tile h6,.hj-post-tile p{margin:0}.hj-post-tile:hover{text-decoration:none !important;transform:translateY(-4px)}.hj-post-tile--grid{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.hj-post-tile--list{border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);margin:var(--spacing-4) 0;flex:1}@container content-container (min-width: 350px){.hj-post-tile--list{flex-direction:row-reverse}}.hj-post-tile__thumbnail{position:relative;overflow:hidden;aspect-ratio:4 / 3;background-color:var(--color-bg-tertiary)}.hj-post-tile__thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;background-color:var(--color-bg-tertiary);transition:transform 0.5s ease}.hj-post-tile:hover .hj-post-tile__thumbnail img{transform:scale(1.05)}@container content-container (min-width: 350px){.hj-post-tile__thumbnail--list{height:12rem;flex:0 0 40%;aspect-ratio:16 / 9}}.hj-post-tile__overlay{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-2);background:linear-gradient(to top, rgba(0,0,0,0.85), transparent)}.hj-post-tile__overlay-meta{flex:1;display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-smallest);color:var(--color-scrim-text)}.hj-post-tile__overlay-meta-item{display:flex;align-items:center;gap:var(--spacing-1)}.hj-post-tile__overlay-meta-item svg{width:0.75rem;height:0.75rem;fill:none;stroke:currentColor}.hj-post-tile__content{display:flex;flex-direction:column;flex:1;min-width:0;padding:var(--spacing-4);gap:var(--spacing-2)}@container content-container (min-width: 600px){.hj-post-tile__content{height:12rem;justify-content:space-between}}.hj-post-tile__meta{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-size:var(--font-size-smallest);color:var(--color-text-muted)}.hj-post-tile__meta-item{display:flex;align-items:center;gap:var(--spacing-1)}.hj-post-tile__meta-item svg{width:0.75rem;height:0.75rem;fill:none;stroke:currentColor}.hj-post-tile__title{margin-bottom:var(--spacing-2);font-size:var(--font-size-larger);font-weight:600;color:var(--color-text-primary);line-height:var(--line-height-tight);transition:color 0.2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hj-post-tile:hover .hj-post-tile__title{color:var(--color-primary)}.hj-post-tile__description{margin-bottom:var(--spacing-2);flex-grow:1;font-size:var(--font-size-smaller);color:var(--color-text-secondary);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hj-post-tile__tags{display:flex;flex-wrap:nowrap;overflow:hidden;gap:var(--spacing-1);margin-top:auto;padding-top:var(--spacing-2);mask-image:linear-gradient(to right, black 80%, transparent 100%);-webkit-mask-image:linear-gradient(to right, black 80%, transparent 100%)}.hj-post-tile__tags-item{padding:0.125rem 0.5rem;font-size:var(--font-size-smallest);color:var(--color-text-muted);white-space:nowrap;opacity:0.8;background-color:var(--color-bg-tertiary);border-radius:var(--border-radius);transition:color 0.2s ease, background-color 0.2s ease}.hj-post-tile__tags-item::before{content:"#"}.hj-post-tile__tags-item:hover{color:var(--color-primary);background-color:var(--color-bg-secondary)}.hj-recent-posts-grid{display:grid;gap:var(--spacing-4);margin:var(--spacing-8) 0;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}.hj-photo-tile{position:relative;overflow:hidden;border-radius:var(--border-radius-lg);aspect-ratio:1 / 1;box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.hj-photo-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.hj-photo-tile__link{display:block;width:100%;height:100%;text-decoration:none}.hj-photo-tile__image{width:100%;height:100%;object-fit:cover;min-width:100%;min-height:100%;object-position:center;image-orientation:from-image}.hj-photo-tile__image--auto-height{height:auto}.hj-photo-tile__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-4);background:linear-gradient(to top, rgba(0,0,0,0.8), transparent);color:var(--color-scrim-text);opacity:0;transition:opacity var(--transition-base)}.hj-photo-tile:hover .hj-photo-tile__overlay{opacity:1}.hj-photo-tile__title{font-size:var(--font-size-smaller);font-weight:600;line-height:var(--line-height-tight)}.hj-photo-tile__date{margin-top:var(--spacing-1);font-size:var(--font-size-smallest);opacity:0.9}.hj-photo-tile__image-name{margin-top:var(--spacing-1);font-size:var(--font-size-smallest);opacity:0.8}.hj-photo-gallery{display:grid;gap:var(--spacing-4);margin-top:var(--spacing-8);padding:0;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}.hj-photo-gallery-message{text-align:center;margin-top:var(--spacing-8);color:var(--color-text-muted)}.hj-photo-gallery-link{color:var(--color-link);text-decoration:none}.hj-photo-gallery-link:hover{text-decoration:underline}.hj-photo-gallery-small-text{margin-top:var(--spacing-2);font-size:var(--font-size-smaller)}.swiper.mySwiper{width:100%;padding:0;--swiper-pagination-color: var(--color-primary);--swiper-pagination-bullet-inactive-color: var(--color-text-secondary);--swiper-navigation-color: var(--color-primary);--swiper-scrollbar-bg-color: var(--color-bg-secondary);--swiper-scrollbar-drag-bg-color: var(--color-primary)}.swiper.mySwiper .swiper-slide{width:auto;padding-bottom:1rem;display:flex;justify-content:center}.swiper.mySwiper .swiper-slide a{display:block;width:fit-content;max-width:100%}.swiper.mySwiper .swiper-slide figure{margin:0;width:100%}.swiper.mySwiper .swiper-slide img,.swiper.mySwiper .swiper-slide video{display:block;max-width:100%;max-height:320px;width:auto;object-fit:contain}.swiper.mySwiper .swiper-slide video{aspect-ratio:16 / 9;height:auto}.swiper.mySwiper .swiper-slide figcaption{margin-top:0.5rem;font-size:0.875rem;color:var(--color-text-muted);text-align:center;line-height:1.2;max-width:100%}.swiper.hj-post-slider{--hj-post-slide-width: 300px;padding:0.5rem 0 1.5rem;margin:var(--spacing-4) 0 var(--spacing-8)}.swiper.hj-post-slider .swiper-slide{padding-bottom:0;justify-content:flex-start}.swiper.hj-post-slider .swiper-slide img{max-width:none;max-height:none;width:100%;height:100%;object-fit:cover}.swiper.hj-post-slider .swiper-slide{display:flex;width:var(--hj-post-slide-width);max-width:80%;height:auto}.swiper.hj-post-slider .swiper-slide a.hj-post-tile{display:flex;width:100%;max-width:100%;height:100%}.swiper.hj-post-slider .swiper-scrollbar{height:4px}.swiper.hj-shots-slider{height:clamp(220px, 45vh, 420px);padding:0.5rem 0 1.5rem;margin:var(--spacing-4) 0 var(--spacing-8);container-type:size;--shots-slide-gap: 10px}.swiper.hj-shots-slider .swiper-slide{padding-bottom:0;justify-content:flex-start}.swiper.hj-shots-slider .swiper-slide img{max-width:none;max-height:none;width:100%;height:100%;object-fit:cover}.swiper.hj-shots-slider .hj-shot-tile.swiper-slide{width:calc(100cqh * 2 / 3);height:100%;flex-shrink:0}.swiper.hj-shots-slider .hj-shot-tile.swiper-slide:has(.landscape){width:calc(100cqh * 4 / 3 + var(--shots-slide-gap, 10px))}.swiper.hj-shots-row2-swiper{--shots-row2-row-height: clamp(110px, 20vh, 190px);--shots-row2-padding-top: 0.5rem;--shots-row2-padding-bottom: 1.5rem;container-type:normal;height:calc( var(--shots-row2-row-height) * 2 + 8px + var(--shots-row2-padding-top) + var(--shots-row2-padding-bottom));padding:var(--shots-row2-padding-top) 0 var(--shots-row2-padding-bottom)}.swiper.hj-shots-row2-swiper .hj-shots-row2-track.swiper-slide{display:grid;grid-auto-flow:column dense;grid-template-rows:repeat(2, var(--shots-row2-row-height));grid-auto-columns:calc(var(--shots-row2-row-height) * 2 / 3);gap:8px;width:max-content;height:100%;flex-shrink:0}.swiper.hj-shots-row2-swiper .swiper-wrapper{will-change:transform}.hj-shots-list{padding-bottom:var(--spacing-4);opacity:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));grid-auto-flow:dense;gap:2px;transition:opacity 0.3s ease}.hj-shots-list.is-ready{opacity:1}.hj-shot-tile{display:block;overflow:hidden;cursor:pointer;position:relative;height:var(--tile-row-height, auto)}.hj-shot-tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hj-shot-tile.active{outline:3px solid var(--color-primary);outline-offset:3px}.hj-shot-tile:has(.landscape){grid-column:span 2}.hj-shot-tile:has(.portrait){grid-column:span 1;aspect-ratio:2 / 3}.hj-shot-tile__flipper{position:relative;width:100%;height:100%;perspective:1200px;transform:translateZ(0)}.hj-shot-tile__flipper-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.hj-shot-tile.is-flipped .hj-shot-tile__flipper-inner{transform:rotateY(180deg)}.hj-shot-tile__face{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.hj-shot-tile__face--back{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--color-bg-secondary);overflow:hidden}.hj-shot-tile__back-content{display:flex;flex-direction:column;gap:0.35rem;overflow:hidden}.hj-shot-tile__title{margin:0;font-size:0.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hj-shot-tile__date{font-size:var(--font-size-smallest);color:var(--color-text-secondary)}.hj-shot-tile__desc{margin:0;font-size:0.8rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.hj-shot-tile__more{align-self:flex-end;font-size:0.8rem;font-weight:600;color:var(--color-primary);text-decoration:none;padding:0.3rem 0}.hj-shot-tile__more:hover,.hj-shot-tile__more:focus-visible{text-decoration:underline}.hj-shot-tile__thumbnail{position:relative;overflow:hidden;width:100%;height:100%}.hj-shot-tile__image{width:100%;height:100%;object-fit:cover}.infinite-scroll-sentinel{height:1px;width:100%;background:transparent}.infinite-scroll-loading,.infinite-scroll-error{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-8);grid-column:1 / -1;text-align:center;font-size:14px;border-radius:var(--border-radius-lg);margin:var(--spacing-4) 0}.infinite-scroll-loading{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.infinite-scroll-loading::after{content:'...';display:inline-block;width:1.2em;overflow:hidden;text-align:left;vertical-align:bottom;white-space:nowrap;animation:dots 1.5s steps(4, jump-none) infinite}.infinite-scroll-error{background:var(--color-accent-danger-tint);color:var(--color-accent-danger);border:1px solid var(--color-accent-danger)}@keyframes dots{from{width:0}to{width:1.2em}}.infinite-scroll-last-page{position:fixed;left:50%;bottom:90px;transform:translate(-50%, 6px);z-index:1100;background:rgba(0,0,0,0.75);color:var(--color-scrim-text);font-size:13px;line-height:1;padding:var(--spacing-2) var(--spacing-4);border-radius:999px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.25s ease, transform 0.25s ease}.infinite-scroll-last-page.is-visible{opacity:1;transform:translate(-50%, 0)}.hj-shots-list.grid-mode{--shots-cols: 4;display:grid;grid-template-columns:repeat(var(--shots-cols), 1fr)}.hj-shots-list.grid-mode .hj-shot-tile{content-visibility:auto;contain-intrinsic-size:auto 400px}@container content-container (width < 30rem){.hj-shots-list.grid-mode{--shots-cols: 2}}@media (prefers-reduced-motion: reduce){.hj-shots-list,.hj-shot-tile__flipper-inner,.infinite-scroll-last-page{transition:none}.infinite-scroll-loading::after{animation:none}}.hj-pgrid{display:grid;grid-template-columns:repeat(var(--pgrid-cols, 3), 1fr);grid-auto-flow:dense;gap:2px;margin:var(--spacing-4) 0}.hj-pgrid__tile{display:block;position:relative;overflow:hidden;cursor:zoom-in}.hj-pgrid__tile:has(.landscape){grid-column:span 2;aspect-ratio:4 / 3}.hj-pgrid__tile:has(.portrait){grid-column:span 1;aspect-ratio:2 / 3}.hj-pgrid__tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hj-pgrid__tile .hj-shot-tile__image{width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0}@container content-container (width < 30rem){.hj-pgrid{--pgrid-cols: 2}}.hj-shots-category-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);margin:var(--spacing-4) 0}.hj-shots-category-nav__chip{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);border-radius:999px;background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-smaller);line-height:1.4;text-decoration:none;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.hj-shots-category-nav__chip:hover{color:var(--color-primary);border-color:var(--color-primary-light);text-decoration:none}.hj-shots-category-nav__chip.is-active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);font-weight:600}.hj-shots-category-nav__chip:focus-visible{outline-style:auto;outline-color:var(--color-link)}.hj-shots-category-nav__all-link{margin-inline-start:auto;font-size:var(--font-size-smallest);color:var(--color-text-muted);text-decoration:none;white-space:nowrap}.hj-shots-category-nav__all-link:hover{color:var(--color-primary)}.hj-shots-category-header{margin-bottom:var(--spacing-4)}.hj-shots-category-header h1{margin-top:0}.hj-shots-category-grid{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));margin:var(--spacing-8) 0}.hj-shots-category-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--border-radius-lg);background-color:var(--color-bg-secondary);box-shadow:var(--shadow-md);color:var(--color-scrim-text);text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base)}.hj-shots-category-card:hover{transform:translateY(-4px);text-decoration:none}.hj-shots-category-card:focus-visible{outline-style:auto;outline-color:var(--color-link)}.hj-shots-category-card__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hj-shots-category-card__label,.hj-shots-category-card__count{position:relative;padding-inline:var(--spacing-3)}.hj-shots-category-card__label{padding-top:var(--spacing-8);font-weight:600;background:linear-gradient(to top, rgba(0,0,0,0.85), transparent)}.hj-shots-category-card__count{padding-bottom:var(--spacing-2);font-size:var(--font-size-smallest);opacity:0.85;background-color:rgba(0,0,0,0.85)}.hj-shots-category-card:not(:has(.hj-shots-category-card__thumb)){justify-content:center;align-items:center;color:var(--color-text-primary)}.hj-shots-category-card:not(:has(.hj-shots-category-card__thumb)) .hj-shots-category-card__label,.hj-shots-category-card:not(:has(.hj-shots-category-card__thumb)) .hj-shots-category-card__count{padding:0;background:none}.hj-shots-category-card:not(:has(.hj-shots-category-card__thumb)) .hj-shots-category-card__label{font-size:var(--font-size-larger)}.hj-shots-category-card:not(:has(.hj-shots-category-card__thumb)) .hj-shots-category-card__count{color:var(--color-text-muted);opacity:1}@media (prefers-reduced-motion: reduce){.hj-shots-category-nav__chip,.hj-shots-category-card{transition:none}}.shots-zoom-controls{position:fixed;bottom:20px;left:20px;z-index:1000;display:flex;gap:6px;transition:opacity var(--transition-base),transform var(--transition-base)}.shots-zoom-controls--inline{position:static;justify-content:flex-end;margin:var(--spacing-4) 0 var(--spacing-1)}.shots-zoom-controls.is-hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.shots-zoom-controls__btn{width:36px;height:36px;flex:0 0 auto;border-radius:50%;border:none;background:var(--color-primary);color:var(--color-text-inverse);font-size:18px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:transform var(--transition-base),opacity var(--transition-base)}.shots-zoom-controls__btn:hover:not(:disabled){transform:translateY(-2px)}.shots-zoom-controls__btn:disabled{opacity:0.4;cursor:default}.shots-zoom-controls__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.shots-zoom-controls,.shots-zoom-controls__btn{transition:none}}.hj-comments{margin-top:3rem;padding-top:var(--spacing-8);border-top:1px solid var(--color-border);width:100%;container-type:inline-size;container-name:comments-container}.comment-system{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%;overflow-y:visible;align-items:flex-start}@container comments-container (min-width: 560px){.comment-system:not(.is-empty){flex-direction:row;align-items:flex-start;gap:var(--spacing-4)}}.comment-list-container{flex:1;min-width:0}.comment-list-container h3{margin:0 0 1.5rem 0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);background-color:var(--color-bg-primary);padding:var(--spacing-4) 0;z-index:10}.comment-list-container h3 .comment-count{color:var(--color-primary);font-weight:700}.comment-list{display:flex;flex-direction:column;gap:0}.comment-item{padding:1.25rem 0;border-bottom:1px solid var(--color-border-light);background-color:transparent}.comment-item:last-child{border-bottom:none}.comment-item:hover{background-color:var(--color-bg-tertiary)}.comment-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.comment-header .comment-author-avatar{flex-shrink:0;width:var(--spacing-8);height:var(--spacing-8);border-radius:50%;background-color:var(--color-primary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:0.9rem}.comment-header .comment-author{font-weight:700;color:var(--color-text-primary);font-size:0.95rem;line-height:1.3}.comment-header .comment-time{font-size:0.85rem;color:var(--color-text-muted);line-height:1.3}.comment-header .comment-time::before{content:"·";margin:0 var(--spacing-1);color:var(--color-text-muted)}.comment-header .delete-btn{background-color:transparent;color:var(--color-accent-danger);border:1px solid var(--color-accent-danger);border-radius:var(--border-radius);font-size:var(--font-size-smallest);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.comment-header .delete-btn:hover{background-color:var(--color-accent-danger);color:var(--color-text-inverse)}.comment-content{font-size:0.95rem;line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;margin-left:2.5rem}.comment-loading{padding:var(--spacing-8);text-align:center;color:var(--color-text-muted);font-size:0.9rem;border-radius:var(--border-radius-lg);background-color:var(--color-bg-tertiary);border:1px dashed var(--color-border)}.comment-form{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--spacing-2);box-shadow:0 2px 8px rgba(0,0,0,0.05);width:100%;box-sizing:border-box}@container comments-container (min-width: 560px){.comment-system:not(.is-empty) .comment-form{flex:0 0 16rem;width:16rem;position:sticky;top:4rem;max-height:calc(100dvh - 7rem)}}.comment-form h3{margin:0 0 1.25rem 0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.form-group{margin-bottom:0}.form-group label{display:none}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-2) 0;box-sizing:border-box;border:none;background-color:transparent;color:var(--color-text-primary);font-size:0.95rem;font-family:inherit;transition:border-color var(--transition-base)}.form-group input:focus,.form-group textarea:focus{outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted);opacity:0.7}.form-group input#comment-author,.form-group textarea#comment-author{font-size:1.1rem}.form-group:first-of-type{border-bottom:1px solid var(--color-border-light)}.form-group:first-of-type input{padding-left:0;padding-right:0}.form-group:first-of-type input:focus{border-bottom-color:var(--color-primary)}.form-group textarea{resize:vertical;min-height:120px;padding:var(--spacing-4) 0}.form-group textarea:focus{background-color:transparent}.form-actions{display:flex;justify-content:flex-end;padding:var(--spacing-4);border-top:1px solid var(--color-border-light)}.form-actions .submit-btn{padding:0.625rem 1.75rem;background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-lg);font-size:0.9rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);width:100%}.form-actions .submit-btn:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.form-actions .submit-btn:disabled{opacity:0.5;cursor:not-allowed}@container comments-container (max-width: 559px){.comment-form{padding:1.25rem;position:static;max-height:none;overflow:visible}.comment-content{margin-left:0;margin-top:var(--spacing-2)}.comment-header .comment-author-avatar{width:1.75rem;height:1.75rem;font-size:0.8rem}.comment-header .delete-btn{padding:0.2rem 0.5rem;font-size:0.7rem}}.form-status{margin-top:0;padding:0;border-radius:var(--border-radius-lg);font-size:0.85rem}.form-status.success{padding:0.875rem;background-color:rgba(16,185,129,0.1);color:var(--color-text-primary);border:1px solid rgba(16,185,129,0.3)}.form-status.error{padding:0.875rem;background-color:rgba(239,68,68,0.1);color:var(--color-text-primary);border:1px solid rgba(239,68,68,0.3)}.form-status.info{padding:0.875rem;background-color:rgba(59,130,246,0.1);color:var(--color-text-primary);border:1px solid rgba(59,130,246,0.3)}a.glightbox{color:inherit;text-decoration:none;border:none;background:none;cursor:zoom-in}a.glightbox:visited,a.glightbox:hover,a.glightbox:active,a.glightbox:focus{color:inherit;text-decoration:none}.hj-theme-toggle{display:flex;gap:0.5rem;margin:0.5rem 0}.hj-theme-btn{flex:1;padding:0.5rem 0.75rem;border-radius:0.375rem;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:0.875rem;cursor:pointer;transition:background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;border:1px solid transparent}.hj-theme-btn:hover{background-color:var(--color-bg-secondary)}.hj-theme-btn.active{background-color:var(--color-primary);color:var(--color-text-inverse);font-weight:600;border-color:var(--color-primary-dark)}.hj-menu-tree>li>input:checked+label+ul{display:block}.hj-menu-tree>li>input:not(:checked)+label+ul{display:none}