:root{--color-bg: #ffffff;--color-surface: #fafafa;--color-text: #1a1a1a;--color-text-secondary: #666666;--color-border: #e6e6e6;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif: Georgia, "Times New Roman", Times, serif;--spacing-xs: 0.5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--max-width-content: 680px;--max-width-wide: 1200px;--max-width-full: 1440px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition-fast: 150ms ease;--transition-base: 200ms ease}[data-theme=dark]{--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-text: #e6e6e6;--color-text-secondary: #a3a3a3;--color-border: #333333;--color-accent: #3b82f6;--color-accent-hover: #60a5fa}@media(prefers-color-scheme: dark){[data-theme=auto]{--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-text: #e6e6e6;--color-text-secondary: #a3a3a3;--color-border: #333333;--color-accent: #3b82f6;--color-accent-hover: #60a5fa}}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-bg);transition:background-color var(--transition-base);scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-serif);font-size:1.125rem;line-height:1.75;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column;transition:color var(--transition-base)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.25;color:var(--color-text);margin:0}h1{font-size:3rem;margin-bottom:var(--spacing-lg)}@media(min-width: 768px){h1{font-size:3.5rem}}h2{font-size:2.5rem;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}h3{font-size:2rem;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm)}h4{font-size:1.5rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}p{margin:0 0 var(--spacing-md) 0}ul,ol{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-xl)}li{margin-bottom:var(--spacing-xs)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover);text-decoration:underline}code{font-family:"SF Mono",Menlo,Monaco,"Courier New",monospace;font-size:.9em;background-color:var(--color-surface);padding:.2em .4em;border-radius:var(--radius-sm)}pre{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-md);overflow-x:auto;max-width:100%}pre code{background:none;padding:0}pre.hljs{background-color:#1e1e1e;color:#d4d4d4}[data-theme=light] pre.hljs{background-color:#f5f5f5;color:#383a42}.hljs-keyword,.hljs-selector-tag,.hljs-title,.hljs-section,.hljs-doctag,.hljs-name,.hljs-strong{color:#569cd6}.hljs-string,.hljs-attr{color:#ce9178}.hljs-comment,.hljs-quote{color:#6a9955;font-style:italic}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-tag .hljs-attr{color:#b5cea8}.hljs-type,.hljs-class .hljs-title,.hljs-built_in{color:#4ec9b0}.hljs-function,.hljs-function .hljs-keyword{color:#dcdcaa}.hljs-params{color:#9cdcfe}.hljs-regexp{color:#d16969}[data-theme=light] .hljs-keyword,[data-theme=light] .hljs-selector-tag,[data-theme=light] .hljs-title,[data-theme=light] .hljs-section,[data-theme=light] .hljs-doctag,[data-theme=light] .hljs-name,[data-theme=light] .hljs-strong{color:#a626a4}[data-theme=light] .hljs-string,[data-theme=light] .hljs-attr{color:#50a14f}[data-theme=light] .hljs-comment,[data-theme=light] .hljs-quote{color:#a0a1a7;font-style:italic}[data-theme=light] .hljs-number,[data-theme=light] .hljs-literal,[data-theme=light] .hljs-variable,[data-theme=light] .hljs-template-variable,[data-theme=light] .hljs-tag .hljs-attr{color:#986801}[data-theme=light] .hljs-type,[data-theme=light] .hljs-class .hljs-title,[data-theme=light] .hljs-built_in{color:#c18401}[data-theme=light] .hljs-function,[data-theme=light] .hljs-function .hljs-keyword{color:#4078f2}[data-theme=light] .hljs-params{color:#383a42}[data-theme=light] .hljs-regexp{color:#e45649}.container{width:100%;max-width:var(--max-width-full);margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md);overflow-x:hidden}@media(min-width: 1024px){.container{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.main-content{flex:1;padding:var(--spacing-xl) 0}@media(min-width: 768px){.main-content{padding:var(--spacing-3xl) 0}}.site-header{background-color:hsla(0,0%,100%,.95);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}[data-theme=dark] .site-header{background-color:rgba(15,15,15,.95)}.header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--spacing-md);padding:0}@media(max-width: 767px){.header-content{grid-template-columns:auto 1fr}}.site-title{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--color-text);white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs)}.site-title:hover{color:var(--color-accent);text-decoration:none}.home-icon{flex-shrink:0;transition:transform var(--transition-fast);padding-top:1px}.site-title:hover .home-icon{transform:scale(1.1)}.header-search{width:100%;max-width:300px;margin:0 auto}@media(max-width: 767px){.header-search{order:3;grid-column:1/-1;margin-top:var(--spacing-sm)}}@media(min-width: 768px){.header-search{max-width:400px}}@media(min-width: 1024px){.header-search{max-width:600px}}.header-search-input{width:100%;padding:12px 24px;font-family:var(--font-sans);font-size:1rem;color:var(--color-text);background-color:var(--color-surface);border:1.5px solid rgba(128,128,128,.3);border-radius:var(--radius-full);outline:none;transition:all var(--transition-base)}.header-search-input:hover{border-color:rgba(128,128,128,.5);background-color:var(--color-bg)}.header-search-input:focus{border-color:rgba(128,128,128,.7);background-color:var(--color-bg);box-shadow:0 0 0 2px rgba(128,128,128,.1)}[data-theme=dark] .header-search-input:focus{border-color:hsla(0,0%,100%,.6);box-shadow:0 0 0 2px hsla(0,0%,100%,.1)}.header-search-input::placeholder{color:var(--color-text-secondary);opacity:.7}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);position:relative}.filter-toggle,.theme-toggle,.header-icon-link{border:none;background:none;padding:var(--spacing-xs);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);text-decoration:none}.filter-toggle:hover,.theme-toggle:hover,.header-icon-link:hover{color:var(--color-text);background-color:var(--color-surface);text-decoration:none}.filter-toggle svg,.theme-toggle svg,.header-icon-link svg{display:block;fill:currentColor}.filter-toggle svg path,.theme-toggle svg path,.header-icon-link svg path{fill:currentColor}.filters-popup{display:none;position:fixed;top:60px;right:16px;width:360px;max-width:calc(100vw - 32px);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 25px rgba(0,0,0,.1);z-index:1000}@media(min-width: 1024px){.filters-popup{right:max(16px,(100vw - var(--max-width-full))/2 + 24px)}}[data-theme=dark] .filters-popup{box-shadow:0 10px 25px rgba(0,0,0,.3)}.filters-popup.active{display:block;animation:fadeIn 150ms ease}.filters-popup.active-no-anim{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filters-popup-content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.filters-popup-title{font-size:1rem;font-weight:600;margin:0;color:var(--color-text)}.filter-popup-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-popup-group label{font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.filter-popup-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-sans);font-size:.875rem;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast)}.filter-popup-input:hover{border-color:rgba(128,128,128,.5)}.filter-popup-input:focus{border-color:rgba(128,128,128,.7)}[data-theme=dark] .filter-popup-input:focus{border-color:hsla(0,0%,100%,.6)}.filter-popup-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.6;cursor:pointer}[data-theme=dark] .filter-popup-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8}.filter-popup-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.date-range-inputs{display:flex;align-items:center;gap:var(--spacing-xs);width:100%}.date-range-inputs .filter-popup-input{flex:1;min-width:0}.date-separator{color:var(--color-text-secondary);font-size:.875rem;flex-shrink:0}.tags-select{min-height:120px;padding:var(--spacing-xs)}.tags-select option{padding:6px 8px;border-radius:var(--radius-sm);margin-bottom:2px}.tags-select option:checked{background-color:var(--color-accent);color:#fff}.btn-clear-filters{display:block;padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--color-text-secondary);background-color:rgba(0,0,0,0);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast)}.btn-clear-filters:hover{color:var(--color-text);border-color:var(--color-text-secondary);text-decoration:none}.site-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-2xl) 0;margin-top:var(--spacing-3xl)}.footer-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between;align-items:start}}.footer-about h3{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.footer-about p{color:var(--color-text-secondary);margin:0}.footer-social{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center}.social-icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.social-icon:hover{color:var(--color-accent);background-color:var(--color-surface);text-decoration:none}.social-icon svg{display:block;width:20px;height:20px;fill:currentColor}.footer-bottom{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center}.footer-bottom p{margin:0;color:var(--color-text-secondary);font-size:1rem}.footer-subscribe-link{display:inline-block;margin-top:var(--spacing-sm);font-family:var(--font-sans);font-size:.875rem;color:var(--color-accent)}.footer-subscribe-link:hover{text-decoration:underline}.post-card{margin-bottom:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.post-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px rgba(0,0,0,.1)}[data-theme=dark] .post-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)}.post-card:hover .post-card-title{color:var(--color-accent)}.post-card-anchor{display:block;color:inherit;text-decoration:none}.post-card-anchor:hover{text-decoration:none !important;color:inherit}.post-card-anchor:hover *{text-decoration:none}.post-card-inner{display:grid;grid-template-columns:100px 1fr;gap:0}@media(min-width: 640px){.post-card-inner{grid-template-columns:180px 1fr}}@media(min-width: 1024px){.post-card-inner{grid-template-columns:240px 1fr}}.post-card-image{width:100%;height:100%;overflow:hidden;min-height:150px}@media(min-width: 640px){.post-card-image{min-height:200px}}@media(min-width: 1024px){.post-card-image{min-height:auto}}.post-card-image img{width:100%;height:100%;object-fit:cover;object-position:center}.post-card-content{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}@media(min-width: 640px){.post-card-content{padding:var(--spacing-md)}}@media(min-width: 1024px){.post-card-content{padding:var(--spacing-lg)}}.post-card-meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-secondary)}.post-category{background-color:var(--color-accent);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm);font-weight:600;text-transform:capitalize}.post-date,.post-reading-time{font-weight:500}.post-card-title{font-size:1.125rem;font-weight:700;color:var(--color-text);margin:0;margin-top:10px;line-height:1.25}@media(min-width: 640px){.post-card-title{font-size:1.5rem}}@media(min-width: 1024px){.post-card-title{font-size:1.75rem}}.post-card-excerpt{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0}@media(min-width: 640px){.post-card-excerpt{font-size:1rem}}.post-card-fields{margin-top:6px;display:flex;gap:var(--spacing-xs);flex-wrap:wrap;font-family:var(--font-sans);font-size:.875rem}.post-field{color:var(--color-text-secondary);padding:.25rem .5rem;background-color:var(--color-surface);border-radius:var(--radius-sm)}.post-field-label{font-weight:600;color:var(--color-text)}.post-card-tags{margin-top:14px;display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.tag{font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-secondary);padding:.25rem .5rem;background-color:var(--color-surface);border-radius:var(--radius-full);border:1px solid var(--color-border);transition:border-color var(--transition-fast),color var(--transition-fast)}.tag:hover{color:var(--color-accent);border-color:var(--color-accent);text-decoration:none}.star-rating{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.star-rating .stars{display:inline-flex;align-items:center}.star-rating .star-container{position:relative;display:inline-block;font-size:1.1em;line-height:1}.star-rating .star{display:inline-block}.star-rating .star-empty{color:var(--color-border)}.star-rating .star-filled{position:absolute;top:0;left:0;color:#f59e0b;overflow:hidden}.star-rating .rating-value{font-size:.85em;color:var(--color-text-secondary);font-weight:500}.post-card .star-rating .star-container{font-size:1em}.post-card .star-rating .rating-value{font-size:.8em}.post-category-fields .star-rating .star-container{font-size:1.25em}.post-category-fields .star-rating .rating-value{font-size:.9em}.post-hero{width:100%;max-width:var(--max-width-full);margin:0 auto var(--spacing-2xl);aspect-ratio:21/9;overflow:hidden}@media(min-width: 768px){.post-hero{border-radius:var(--radius-lg)}}.post-hero img{width:100%;height:100%;object-fit:cover}.post-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);max-width:var(--max-width-content);margin:0 auto}@media(min-width: 1024px){.post-layout{max-width:var(--max-width-wide)}.post-layout:has(.post-toc){grid-template-columns:200px 1fr}}.post-toc{display:none}@media(min-width: 1024px){.post-toc{display:block;position:sticky;top:calc(var(--spacing-xl) + 60px);align-self:start}}.post-toc h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.post-toc ul{list-style:none;padding:0;margin:0;font-family:var(--font-sans);font-size:.875rem}.post-toc li{margin-bottom:var(--spacing-xs)}.post-toc a{color:var(--color-text-secondary);display:block;padding:.25rem 0;transition:color var(--transition-fast)}.post-toc a:hover{color:var(--color-accent);text-decoration:none}.post-toc .toc-level-3{padding-left:var(--spacing-sm)}.post-toc .toc-level-4{padding-left:var(--spacing-md)}.post-content-wrapper{min-width:0}.post-header{margin-bottom:var(--spacing-xl)}.post-meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;font-family:var(--font-sans);font-size:1rem;color:var(--color-text-secondary);margin-top:var(--spacing-md)}.post-category-fields{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:1rem}.category-field{margin-bottom:var(--spacing-xs);text-transform:capitalize}.category-field:last-child{margin-bottom:0}.category-field strong{color:var(--color-text)}.post-content{font-size:1.25rem;line-height:1.8;color:var(--color-text);min-width:0}.post-content h2,.post-content h3,.post-content h4{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.post-content img{max-width:100%;height:auto;margin:var(--spacing-xl) auto;display:block;border-radius:var(--radius-md);box-shadow:0 4px 6px rgba(0,0,0,.1)}[data-theme=dark] .post-content img{box-shadow:0 4px 6px rgba(0,0,0,.3)}.post-content img+em{display:block;text-align:center;font-size:.875rem;color:var(--color-text-secondary);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xl);font-style:normal}.post-content mark{background-color:#fef08a;padding:.1em .2em}[data-theme=dark] .post-content mark{background-color:#854d0e;color:#fef08a}.post-content .contains-task-list{list-style:none;padding-left:0}.post-content .contains-task-list .contains-task-list{padding-left:var(--spacing-lg)}.post-content .task-list-item{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.post-content .task-list-item-checkbox{appearance:none;width:1.25em;height:1.25em;border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.post-content .task-list-item-checkbox:checked{background-color:var(--color-accent);border-color:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:75%;background-position:center;background-repeat:no-repeat}.post-content .task-list-item-checkbox:hover{border-color:var(--color-accent)}.post-content .task-list-item-checkbox:focus{outline:2px solid var(--color-accent);outline-offset:2px}.post-content .task-list-item label{flex:1;cursor:pointer}.post-content .task-list-item:has(.task-list-item-checkbox:checked) label{text-decoration:line-through;color:var(--color-text-secondary)}.post-tags{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.post-tags h3{font-size:1.25rem;margin-bottom:var(--spacing-md)}.tags-list{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.related-posts{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.related-posts h3{font-size:1.25rem;margin-bottom:var(--spacing-lg)}.related-posts-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width: 768px){.related-posts-grid{grid-template-columns:repeat(3, 1fr)}}.related-post-card{display:block;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);color:inherit}.related-post-card:hover{border-color:var(--color-accent);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);text-decoration:none}.related-post-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.related-post-info{padding:var(--spacing-md)}.related-post-info h4{font-size:1rem;margin:0 0 var(--spacing-xs) 0;color:var(--color-text)}.related-post-excerpt{font-size:.875rem;color:var(--color-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-page{max-width:var(--max-width-wide);margin:0 auto}.results-info{margin-bottom:var(--spacing-lg);font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-secondary)}.results-info p{margin:0}.posts-list{max-width:var(--max-width-content);margin:0 auto}.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary)}.empty-state code{display:inline-block;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-md);font-size:1rem}.load-more{display:flex;justify-content:center;margin-top:var(--spacing-2xl)}.btn-load-more{border:none;background:none;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-sans);font-size:1.125rem;font-weight:600;color:var(--color-accent);background-color:var(--color-surface);border:2px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.btn-load-more:hover{background-color:var(--color-accent);color:#fff}.category-page{max-width:var(--max-width-content);margin:0 auto}.category-header{margin-bottom:var(--spacing-2xl);text-align:center}.category-header h1{margin-bottom:var(--spacing-sm)}.category-description{color:var(--color-text-secondary);font-size:1.25rem;margin-bottom:var(--spacing-xs)}.post-count{font-family:var(--font-sans);font-size:1rem;color:var(--color-text-secondary);margin:0}.tag-page{max-width:var(--max-width-content);margin:0 auto}.tag-header{margin-bottom:var(--spacing-2xl);text-align:center}.tag-header h1{margin-bottom:var(--spacing-sm)}.not-found-page{text-align:center;padding:var(--spacing-3xl) 0;max-width:600px;margin:0 auto}.not-found-page h1{font-size:6rem;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.not-found-page h2{margin-bottom:var(--spacing-md)}.not-found-page p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-sans);font-weight:600;color:#fff;background-color:var(--color-accent);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.btn:hover{background-color:var(--color-accent-hover);text-decoration:none}.subscribe-page{max-width:560px;margin:0 auto;padding:var(--spacing-xl) 0}.subscribe-page h1{margin-bottom:var(--spacing-sm)}.subscribe-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:1.125rem;line-height:1.6}.subscribe-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.9375rem;line-height:1.5}.subscribe-message--success{background-color:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.subscribe-message--error{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.subscribe-message--info{background-color:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}[data-theme=dark] .subscribe-message--success{background-color:#052e16;color:#86efac;border-color:#166534}[data-theme=dark] .subscribe-message--error{background-color:#350a0a;color:#fca5a5;border-color:#7f1d1d}[data-theme=dark] .subscribe-message--info{background-color:#0c1929;color:#93c5fd;border-color:#1e3a5f}@media(prefers-color-scheme: dark){[data-theme=auto] .subscribe-message--success{background-color:#052e16;color:#86efac;border-color:#166534}[data-theme=auto] .subscribe-message--error{background-color:#350a0a;color:#fca5a5;border-color:#7f1d1d}[data-theme=auto] .subscribe-message--info{background-color:#0c1929;color:#93c5fd;border-color:#1e3a5f}}.subscribe-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.subscribe-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.subscribe-field label{font-family:var(--font-sans);font-weight:600;font-size:.9375rem}.subscribe-input{width:100%;padding:var(--spacing-sm);font-family:var(--font-sans);font-size:1rem;color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);box-sizing:border-box}.subscribe-input:focus{outline:none;border-color:var(--color-accent)}.subscribe-input::placeholder{color:var(--color-text-secondary);opacity:.6}.subscribe-categories{border:none;padding:0;margin:0}.subscribe-categories legend{font-family:var(--font-sans);font-weight:600;font-size:.9375rem;margin-bottom:var(--spacing-sm)}.category-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);margin-bottom:var(--spacing-xs)}.category-checkbox:hover{border-color:var(--color-accent)}.category-checkbox input[type=checkbox]{margin-top:3px;flex-shrink:0;accent-color:var(--color-accent)}.category-checkbox-content{display:flex;flex-direction:column;gap:2px}.category-checkbox-label{font-family:var(--font-sans);font-weight:600;font-size:.9375rem;color:var(--color-text)}.category-checkbox-desc{font-family:var(--font-sans);font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}.subscribe-btn{align-self:flex-start;padding:var(--spacing-sm) var(--spacing-xl)}.btn-unsubscribe{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-sans);font-weight:600;font-size:.9375rem;color:#dc2626;background:none;border:2px solid #dc2626;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.btn-unsubscribe:hover{background-color:#dc2626;color:#fff}.subscribe-manage-section{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.subscribe-manage-section h2{margin-bottom:var(--spacing-xs)}.subscribe-manage-section p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:.9375rem}.subscribe-manage-row{display:flex;gap:var(--spacing-sm)}.subscribe-manage-row .subscribe-input{flex:1}.subscribe-manage-btn{white-space:nowrap}.subscribe-unsubscribe-section{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.subscribe-unsubscribe-section h2{margin-bottom:var(--spacing-xs)}.subscribe-unsubscribe-section p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:.9375rem}.subscribe-confirm-result{text-align:center;padding:var(--spacing-2xl) 0}.subscribe-confirm-result h1{margin-bottom:var(--spacing-md)}.subscribe-confirm-result p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:1.0625rem;line-height:1.6}.subscribe-confirm-result .btn{margin-top:var(--spacing-sm)}.subscribe-confirm-result a:not(.btn){color:var(--color-accent);font-size:.9375rem}.analytics-dashboard{max-width:var(--max-width-wide);margin:0 auto}.dashboard-header{margin-bottom:var(--spacing-2xl);text-align:center}.dashboard-subtitle{color:var(--color-text-secondary);font-size:1.125rem;margin-top:var(--spacing-sm)}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}@media(min-width: 768px){.stats-grid{grid-template-columns:repeat(3, 1fr)}}.stat-card{padding:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.stat-card h3{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.stat-value{font-size:2.5rem;font-weight:700;color:var(--color-accent);margin:0}.dashboard-section{margin-bottom:var(--spacing-2xl)}.dashboard-section h2{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.analytics-table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:.875rem}.analytics-table thead{background-color:var(--color-surface);border-bottom:2px solid var(--color-border)}.analytics-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-weight:600;color:var(--color-text)}.analytics-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-text)}.analytics-table tbody tr:last-child td{border-bottom:none}.analytics-table tbody tr:hover{background-color:var(--color-surface)}.chart-simple{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem}.chart-bar{display:flex;align-items:center;gap:var(--spacing-sm)}.chart-bar-label{min-width:100px;color:var(--color-text-secondary);font-weight:500}.chart-bar-fill{height:24px;background-color:var(--color-accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:flex-end;padding:0 var(--spacing-xs);color:#fff;font-weight:600;font-size:.75rem;transition:width var(--transition-base)}.empty-state{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary)}.custom-dashboard{max-width:var(--max-width-wide);margin:0 auto}.dashboard-nav{margin-top:var(--spacing-md)}.dashboard-nav-link{color:var(--color-accent);text-decoration:none;font-size:.875rem}.dashboard-nav-link:hover{text-decoration:underline}.dashlet-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width: 768px){.dashlet-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.dashlet-grid{grid-template-columns:repeat(3, 1fr)}}.dashlet{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}@media(min-width: 768px){.dashlet.dashlet-small{grid-column:span 1}}@media(min-width: 1024px){.dashlet.dashlet-medium{grid-column:span 1}}@media(min-width: 768px){.dashlet.dashlet-large{grid-column:span 2}}.dashlet.dashlet-full{grid-column:1/-1}.dashlet.dashlet-checklist-host{overflow:visible;position:relative;z-index:2}.dashlet-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-bg)}.dashlet-title{font-size:1rem;font-weight:600;margin:0;color:var(--color-text)}.dashlet-description{font-size:.75rem;color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0 0}.dashlet-content{padding:var(--spacing-lg)}.dashlet-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:rgba(239,68,68,.1);border-radius:var(--radius-md);color:#ef4444}.dashlet-error-icon{font-size:1.25rem}.dashlet-error-message{font-size:.875rem}.dashlet-empty{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:var(--spacing-lg)}.dashlet-number{text-align:center;padding:var(--spacing-lg) 0}.dashlet-number-value{font-size:3rem;font-weight:700;color:var(--color-accent)}.dashlet-checklist{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.dashlet-checklist-details{position:relative}.dashlet-checklist-details[open]{z-index:3}.dashlet-checklist-trigger{list-style:none;cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.dashlet-checklist-trigger::-webkit-details-marker{display:none}.dashlet-checklist-summary{display:flex;justify-content:space-between;align-items:baseline}.dashlet-checklist-summary-circle{align-items:center}.dashlet-checklist-count{font-size:.875rem;color:var(--color-text-secondary)}.dashlet-checklist-percent{font-size:.875rem;font-weight:600;color:var(--color-text)}.dashlet-checklist-progress{height:12px;border-radius:var(--radius-full);overflow:hidden;background-color:var(--color-border);background-color:color-mix(in srgb, var(--color-border) 70%, var(--color-bg));border:1px solid var(--color-border);border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent)}.dashlet-checklist-progress-fill{height:100%;background-color:var(--color-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 55%, transparent) inset;transition:width .2s ease}.dashlet-checklist-circle{--checklist-progress: 0%;width:54px;height:54px;border-radius:50%;background:radial-gradient(closest-side, var(--color-surface) 72%, transparent 73% 100%),conic-gradient(var(--color-accent) var(--checklist-progress), var(--color-bg) 0);display:flex;align-items:center;justify-content:center}.dashlet-checklist-circle span{font-size:.75rem;font-weight:600;color:var(--color-text)}.dashlet-checklist-trigger:hover,.dashlet-checklist-trigger:focus-visible,.dashlet-checklist-details[open] .dashlet-checklist-trigger{border-color:var(--color-accent);background-color:var(--color-surface)}.dashlet-checklist-popup{position:static;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);padding:var(--spacing-sm);box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:300px;overflow-y:auto;margin-top:var(--spacing-sm);display:none}.dashlet-checklist-details[open] .dashlet-checklist-popup{display:block}.dashlet-checklist-popup .dashlet-checklist-items{padding-right:var(--spacing-xs)}.dashlet-checklist-popup::-webkit-scrollbar{width:8px}.dashlet-checklist-popup::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.dashlet-checklist-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.dashlet-checklist-item{display:flex;align-items:center;gap:var(--spacing-sm)}.dashlet-checklist-box{width:1.25em;height:1.25em;flex-shrink:0;border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);transition:all var(--transition-fast)}.dashlet-checklist-label{font-size:.875rem;color:var(--color-text)}.dashlet-checklist-item.is-checked .dashlet-checklist-box{background-color:var(--color-accent);border-color:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:75%;background-position:center;background-repeat:no-repeat}.dashlet-checklist-item.is-checked .dashlet-checklist-label{color:var(--color-text-secondary);text-decoration:line-through}@media(hover: none),(pointer: coarse){.dashlet-checklist-trigger{border-style:solid}}.dashlet-table-wrapper{overflow-x:auto;margin:calc(-1*var(--spacing-lg));margin-top:0}.dashlet-table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:.875rem}.dashlet-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);background-color:var(--color-bg)}.dashlet-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-text)}.dashlet-table tbody tr:last-child td{border-bottom:none}.dashlet-table tbody tr:hover{background-color:var(--color-bg)}.dashlet-bar-chart{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dashlet-bar-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dashlet-bar-label{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.dashlet-bar-container{height:24px;background-color:var(--color-bg);border-radius:var(--radius-sm);overflow:hidden}.dashlet-bar-fill{height:100%;background-color:var(--color-accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:flex-end;padding:0 var(--spacing-xs);min-width:fit-content;transition:width .3s ease}.dashlet-bar-value{color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap}.dashlet-line-chart{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dashlet-line-svg{width:100%;height:100px}.dashlet-line-area{fill:var(--color-accent);opacity:.2}.dashlet-line-path{stroke:var(--color-accent);stroke-width:2}.dashlet-line-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary)}.dashlet-line-summary{display:flex;justify-content:space-around;font-size:.75rem;color:var(--color-text-secondary);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.dashlet-line-single{text-align:center;padding:var(--spacing-lg) 0}.dashlet-line-single-value{font-size:2.5rem;font-weight:700;color:var(--color-accent)}.dashlet-line-single-label{font-size:.875rem;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.dashlet-empty-state{text-align:center;padding:var(--spacing-2xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.dashlet-empty-state h2{color:var(--color-text);margin-bottom:var(--spacing-md)}.dashlet-empty-state p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.dashlet-empty-state code{background-color:var(--color-bg);padding:.125em .25em;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875em}.dashlet-empty-example{text-align:left;margin-bottom:var(--spacing-xl)}.dashlet-empty-example h3{font-size:1rem;margin-bottom:var(--spacing-sm);color:var(--color-text)}.dashlet-empty-example pre{background-color:var(--color-bg);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;font-size:.8rem}.dashlet-empty-example pre code{background:none;padding:0}.dashlet-visualization-types{text-align:left}.dashlet-visualization-types h3{font-size:1rem;margin-bottom:var(--spacing-sm);color:var(--color-text)}.dashlet-visualization-types ul{list-style:none;padding:0;margin:0}.dashlet-visualization-types ul li{padding:var(--spacing-xs) 0;color:var(--color-text-secondary)}.dashlet-visualization-types ul li strong{color:var(--color-text);font-family:var(--font-mono);font-size:.875em}.dashlet-heatmap{display:flex;flex-direction:column;gap:var(--spacing-sm);overflow-x:auto}.dashlet-heatmap-months{display:flex;position:relative;height:16px;margin-left:32px;font-size:.65rem;color:var(--color-text-secondary)}.dashlet-heatmap-month{position:absolute;white-space:nowrap}.dashlet-heatmap-grid{display:flex;gap:var(--spacing-xs)}.dashlet-heatmap-days{display:flex;flex-direction:column;justify-content:space-around;font-size:.6rem;color:var(--color-text-secondary);width:28px;padding-top:0}.dashlet-heatmap-days span{height:10px;line-height:10px}.dashlet-heatmap-days span:nth-child(1){margin-top:12px}.dashlet-heatmap-days span:nth-child(2){margin-top:12px}.dashlet-heatmap-days span:nth-child(3){margin-top:12px}.dashlet-heatmap-weeks{display:flex;gap:2px}.dashlet-heatmap-week{display:flex;flex-direction:column;gap:2px}.dashlet-heatmap-cell{width:10px;height:10px;border-radius:2px;cursor:pointer;transition:transform .1s ease}.dashlet-heatmap-cell:hover{transform:scale(1.2);outline:1px solid var(--color-text-secondary);outline-offset:1px}.dashlet-heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:.65rem;color:var(--color-text-secondary);margin-top:var(--spacing-sm)}.dashlet-heatmap-legend-cell{width:10px;height:10px;border-radius:2px}.dashlet-heatmap-summary{display:flex;justify-content:space-around;font-size:.75rem;color:var(--color-text-secondary);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.dashlet-map{min-height:400px;margin:calc(-1*var(--spacing-lg));margin-top:0}.dashlet-map-container{width:100%;height:400px;border-radius:0 0 var(--radius-lg) var(--radius-lg);z-index:0}.map-popup{font-family:var(--font-sans);min-width:180px}.map-popup-image{width:100%;max-width:250px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);display:block}.map-popup-title{font-size:.9375rem;font-weight:600;color:var(--color-text);text-decoration:none;display:block;line-height:1.3}.map-popup-title:hover{color:var(--color-accent);text-decoration:underline}.map-popup-date{font-size:.75rem;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.map-popup-excerpt{font-size:.8125rem;color:var(--color-text-secondary);margin-top:var(--spacing-xs);line-height:1.4}.map-popup-multi{max-height:300px;overflow:hidden;display:flex;flex-direction:column}.map-popup-count{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.map-popup-list{overflow-y:auto;max-height:250px;display:flex;flex-direction:column;gap:var(--spacing-sm)}.map-popup-item{display:flex;gap:var(--spacing-sm);align-items:flex-start}.map-popup-image-small{width:48px;height:36px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.map-popup-item-content{flex:1;min-width:0}.map-popup-title-small{font-size:.8125rem;font-weight:500;color:var(--color-text);text-decoration:none;display:block;line-height:1.3}.map-popup-title-small:hover{color:var(--color-accent);text-decoration:underline}.map-popup-date-small{font-size:.6875rem;color:var(--color-text-secondary)}.leaflet-container .leaflet-popup-content-wrapper{background:var(--color-surface) !important;color:var(--color-text);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.15)}.leaflet-container .leaflet-popup-content{margin:var(--spacing-sm) var(--spacing-md)}.leaflet-container .leaflet-popup-tip{background:var(--color-surface) !important}.leaflet-container .leaflet-popup-close-button{color:var(--color-text-secondary) !important}.leaflet-container .leaflet-popup-close-button:hover{color:var(--color-text) !important}.marker-cluster{background-color:rgba(var(--color-accent-rgb, 37, 99, 235), 0.4)}.marker-cluster div{background-color:rgba(var(--color-accent-rgb, 37, 99, 235), 0.8);color:#fff;font-weight:600}