:root{--font-body:'Noto Sans', sans-serif;--font-heading:'Noto Serif', serif;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--border-radius:8px;--shadow-1:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);--shadow-2:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);--color-primary:#2C3E50;--color-primary-variant:#1A252F;--color-secondary:#FF6B6B;--color-background:#F4F7F6;--color-surface:#FFFFFF;--color-on-primary:#FFFFFF;--color-on-secondary:#000000;--color-on-background:#2C3E50;--color-on-surface:#2C3E50}@media(prefers-color-scheme:dark){:root{--color-primary:#FF6B6B;--color-primary-variant:#E05656;--color-secondary:#16A085;--color-background:#1A252F;--color-surface:#2C3E50;--color-on-primary:#000000;--color-on-background:#ECF0F1;--color-on-surface:#ECF0F1;--shadow-1:0 1px 3px rgba(0,0,0,0.3)}}*,*::before,*::after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-body);background-color:var(--color-background);color:var(--color-on-background);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}body{font-family:var(--font-body);color:var(--color-on-background);background-color:var(--color-background);transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-bottom:var(--spacing-md);line-height:1.2}a{color:var(--color-primary);text-decoration:none;font-weight:700}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.skip-link{position:absolute;top:-999px;left:0;background:var(--color-surface);color:var(--color-primary);padding:var(--spacing-md);z-index:1000}.skip-link:focus{top:0}.header-container,.footer-container,#main-content{max-width:900px;margin:0 auto;padding:0 var(--spacing-md)}header{padding:var(--spacing-lg)0;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:var(--spacing-lg)}footer{margin-top:var(--spacing-lg);padding:var(--spacing-lg)0;border-top:1px solid rgba(0,0,0,.1);text-align:center;font-size:.9rem;opacity:.8}.nav-menu{list-style:none;padding:0;display:flex;gap:var(--spacing-md);flex-wrap:wrap}.nav-menu li{margin:0}.nav-menu a{padding:var(--spacing-sm);color:var(--color-on-background)}.nav-menu a[aria-current=page]{color:var(--color-primary);border-bottom:2px solid var(--color-primary)}.h-card,.post-item,.error-container,.search-page-container{background:var(--color-surface);color:var(--color-on-surface);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-1);transition:box-shadow .3s ease}.h-card:hover,.post-item:hover,.error-container:hover,.search-page-container:hover{box-shadow:var(--shadow-2)}.profile-card{text-align:center}.profile-card .profile-image img{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:var(--spacing-md);border:4px solid var(--color-surface);box-shadow:var(--shadow-1)}.profile-card .social-list,.profile-card .im-list{list-style:none;padding:0;display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.post-list{list-style:none;padding:0}.post-date{display:block;font-size:.85rem;color:var(--color-primary-variant);margin-bottom:var(--spacing-sm)}:root{--pagefind-ui-primary:var(--color-primary);--pagefind-ui-text:var(--color-on-surface);--pagefind-ui-background:var(--color-surface);--pagefind-ui-border:rgba(0,0,0,0.1)}.category-list{display:inline-flex;gap:var(--spacing-sm);margin-right:var(--spacing-sm);vertical-align:middle}.category-chip{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background-color:var(--color-primary);color:var(--color-on-primary);padding:2px 8px;border-radius:4px;text-decoration:none;transition:opacity .2s}.category-chip:hover{opacity:.8;text-decoration:none}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);font-size:.9rem;color:var(--color-on-surface);opacity:.8;margin-bottom:var(--spacing-lg)}.category-chip{display:inline-flex;align-items:center;gap:4px;padding-left:6px}.chip-icon{display:flex;align-items:center}.chip-icon svg{width:14px;height:14px;fill:currentColor}.chip-text{line-height:1}.brand-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background-color:var(--color-background);border:1px solid rgba(0,0,0,.1);border-radius:50px;color:var(--color-on-surface);text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s ease}.brand-chip:hover{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:var(--shadow-1);text-decoration:none}.brand-icon{display:flex;align-items:center}.brand-icon svg{width:18px;height:18px;fill:currentColor}@media(prefers-color-scheme:dark){.brand-chip{background-color:rgba(255,255,255,5%);border-color:rgba(255,255,255,.1)}}.webmentions-container{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(0,0,0,.1)}.webmention-explainer{font-size:.9rem;color:var(--color-on-surface);opacity:.8;margin-bottom:var(--spacing-md);font-style:italic}.mention-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.mention-item{background:var(--color-background);border:1px solid rgba(0,0,0,5%);padding:var(--spacing-md);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--spacing-sm);box-shadow:0 1px 2px rgba(0,0,0,.1)}.mention-author{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;font-size:.9rem}.mention-author img.u-photo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-surface);box-shadow:0 1px 3px rgba(0,0,0,.2)}.mention-author a{color:var(--color-primary);text-decoration:none}.mention-meta{font-size:.8rem;color:var(--color-primary-variant);text-transform:uppercase;letter-spacing:.5px;margin-left:50px;margin-top:-15px}.mention-content{margin-left:50px;font-size:.95rem;line-height:1.5;color:var(--color-on-surface);word-wrap:break-word}@media(prefers-color-scheme:dark){.mention-item{background:rgba(255,255,255,5%);border:1px solid rgba(255,255,255,.1)}}.form-group{margin-bottom:var(--spacing-md);display:flex;flex-direction:column}label{font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-primary-variant)}input[type=text],input[type=email],textarea{width:100%;padding:12px;border:2px solid rgba(0,0,0,.1);border-radius:4px;background:var(--color-background);color:var(--color-on-background);font-family:var(--font-body);font-size:1rem;transition:border-color .3s,box-shadow .3s}input[type=text]:focus,input[type=email]:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(98,0,238,.1)}textarea{resize:vertical}.button{display:inline-block;padding:12px 24px;border:none;border-radius:4px;font-family:var(--font-heading);font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:background-color .3s,transform .1s;text-decoration:none}.button.primary{background-color:var(--color-primary);color:var(--color-on-primary)}.button.primary:hover{background-color:var(--color-primary-variant);text-decoration:none;box-shadow:var(--shadow-1)}.button.primary:active{transform:translateY(1px)}@media(prefers-color-scheme:dark){input[type=text],input[type=email],textarea{border:2px solid rgba(255,255,255,.1);background:rgba(255,255,255,5%)}input[type=text]:focus,input[type=email]:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(187,134,252,.1)}}.youtube-embed-wrapper{max-width:100%;margin:var(--spacing-md)0;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-1)}.youtube-embed{position:relative;width:100%;height:0;padding-bottom:56.25%;background-color:#000;cursor:pointer}.youtube-embed img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s}.youtube-embed:hover img,.youtube-embed:focus img{opacity:1}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background-color:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;box-shadow:0 0 20px rgba(0,0,0,.5)}.youtube-embed:hover .play-button,.youtube-embed:focus .play-button{background-color:red;transform:translate(-50%,-50%)scale(1.1)}.youtube-embed:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}