.app{place-items:center;min-height:100vh;padding:2rem;display:grid}.app h1{margin:0}.app p{margin-top:.5rem}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16/9}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);text-rendering:optimizelegibility;margin:0}main{min-height:60vh}img,picture,video,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.button{align-items:center;gap:var(--spacing-extra-small);padding:var(--spacing-small) var(--spacing-medium);border-radius:var(--radius-medium);background:var(--color-accent);color:var(--color-button-text);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast);border:none;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-accent-hover)}.button-ghost{color:var(--color-accent);background:0 0}.button-ghost:hover{color:var(--color-accent-hover)}.card{background:var(--color-surface);border:2px solid var(--color-card-border);border-radius:var(--radius-medium);gap:var(--spacing-small);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}@media (prefers-reduced-motion:reduce){.card:hover{transform:none}}.card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.card>img{object-fit:cover;width:100%;height:auto}.content-card{gap:var(--spacing-extra-medium);flex-direction:column;display:flex}.container{max-width:var(--content-width-wide);padding:var(--spacing-medium);margin-inline:auto}.container-narrow{max-width:65ch;padding:var(--spacing-medium);margin:0 auto}.disclosure{background:var(--color-summary);border:2px solid var(--color-border);border-radius:var(--radius-medium);padding:var(--spacing-medium)}.disclosure-summary{font-weight:var(--font-weight-bold);font-size:var(--font-size-medium);cursor:pointer}.disclosure-summary::marker{color:var(--color-accent)}details[open]{background:var(--color-surface)}.dropdown{position:relative}.dropdown-menu{white-space:nowrap;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-small);min-width:160px;box-shadow:var(--shadow-medium);visibility:hidden;padding:var(--spacing-extra-small) 0;z-index:var(--z-index-dropdown);opacity:0;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast);margin:0;list-style:none;display:none;position:absolute;top:100%;right:0;transform:translateY(-4px)}.dropdown.open .dropdown-menu{visibility:visible;opacity:1;pointer-events:auto;display:block;transform:translateY(0)}.dropdown-menu li{width:100%}.dropdown-link:hover{background-color:var(--color-surface-hover)}.active-theme{font-weight:var(--font-weight-bold);outline:2px solid var(--color-accent)}.footer{margin-top:var(--spacing-extra-large);padding-top:var(--spacing-large);border-top:1px solid var(--color-border)}.footer-content{justify-content:space-between;align-items:center;gap:var(--spacing-medium);color:var(--color-text-muted);font-size:var(--font-size-small);display:flex}.footer-name{color:var(--color-text)}.footer-nav{gap:var(--spacing-medium);display:flex}.footer-link{color:var(--color-text);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--color-accent)}.footer-version{white-space:nowrap}.footer-copy{color:var(--color-text-muted);text-decoration:none}.footer-copy:hover{color:var(--color-accent)}.form{gap:var(--spacing-medium);flex-direction:column;display:flex}.form-group{gap:var(--spacing-extra-small);flex-direction:column;display:flex}.form-label{font-weight:var(--font-weight-semibold)}.form-help{color:var(--color-text-muted);font-size:var(--font-size-extra-small)}.form-error{color:var(--color-danger);font-size:var(--font-size-extra-small)}.form-field{width:100%;padding:var(--spacing-small) var(--spacing-medium);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-alt);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-field::placeholder{color:var(--color-text-muted)}.form-field:hover{border-color:var(--color-surface-hover)}.form-field:focus{border-color:var(--color-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-focus) 20%, transparent);outline:none}.form-field:disabled{opacity:.6;cursor:not-allowed}.form-field[aria-invalid=true]{border-color:var(--color-danger)}.form-field[aria-invalid=true]:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-danger) 20%, transparent)}.form-actions{gap:var(--spacing-small);margin-top:var(--spacing-small);flex-wrap:wrap;display:flex}.form-check{align-items:center;gap:var(--spacing-small);display:flex}.form-check input{width:1rem;height:1rem;accent-color:var(--color-accent)}.grid{gap:var(--spacing-medium);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}}.page-header{text-align:center;margin-bottom:var(--spacing-large)}.page-title{font-size:var(--font-size-extra-large)}.center{max-width:var(--content-width-narrow);margin-inline:auto}.stack{gap:var(--spacing-medium);flex-direction:column;display:flex}.cluster{gap:var(--spacing-small);flex-wrap:wrap;display:flex}.surface{background:var(--color-surface);border-radius:var(--radius-medium);box-shadow:var(--shadow-soft);padding:var(--spacing-medium)}.readable{max-width:var(--content-width-narrow);padding:var(--spacing-medium);margin-inline:auto}.flow>*+*{margin-top:var(--flow-space,var(--spacing-medium))}.media{align-items:center;gap:var(--spacing-small);flex-direction:column;display:flex}.media-image{border-radius:var(--radius-medium);width:clamp(200px,40vw,500px);box-shadow:var(--shadow-medium)}.media-caption{font-size:var(--font-size-extra-small);color:var(--color-text-muted);font-style:italic}.navbar{background:var(--color-navbar);padding-inline:var(--spacing-medium);padding-block:var(--spacing-small);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.navbar-group{gap:var(--spacing-medium);margin:0;padding:0;list-style:none;display:flex}.navbar-right{justify-content:flex-end}.util-icon{padding-inline:var(--spacing-small)}.navbar-link,.dropdown-button{font-weight:var(--font-weight-semibold);color:var(--color-text);cursor:pointer;align-items:center;gap:var(--spacing-extra-small);padding:var(--spacing-extra-small) var(--spacing-small);line-height:var(--line-height-tight);background:0 0;border:none;text-decoration:none;display:flex}:where(.navbar-link,.dropdown-button):hover{color:var(--color-accent)}.navbar-icon{object-fit:contain;flex-shrink:0;width:20px;height:20px}.dropdown-link{align-items:center;gap:var(--spacing-extra-small);width:100%;padding:var(--spacing-extra-small) var(--spacing-medium);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.navbar-link:focus-visible,.dropdown-button:focus-visible{outline:2px solid var(--color-focus)}.contact-list{padding:0;list-style:none}.contact-item{align-items:center;gap:var(--spacing-medium);display:flex}.contact-icon{width:32px;height:32px}.contact-link{color:var(--color-text);font-weight:var(--font-weight-semibold);text-decoration:none}.contact-link:hover{color:var(--color-accent)}.post{gap:var(--spacing-small);padding:var(--spacing-medium);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.post-header{gap:var(--spacing-extra-small);flex-direction:column;display:flex}.post-title{font-size:var(--font-size-large)}.post-date{font-size:var(--font-size-extra-small);color:var(--color-text-muted)}.stats-list{gap:var(--spacing-small);flex-wrap:wrap;width:100%;padding:0;list-style:none;display:flex}.stats-item{background:var(--color-surface-hover);border-radius:var(--radius-small);padding:var(--spacing-extra-small) var(--spacing-small);font-size:var(--font-size-extra-small)}[data-theme=night]{--color-900:#020617;--color-700:#1e293b;--color-600:#2563eb;--color-500:#3b82f6;--color-300:#475569;--color-200:#64748b;--color-100:#e2e8f0}[data-theme=forest]{--color-900:#041b13;--color-700:#1b4332;--color-600:#2f7a57;--color-500:#40916c;--color-300:#5fae86;--color-200:#8fd3ad;--color-100:#d8f3dc}[data-theme=ocean]{--color-900:#001d3d;--color-700:#003566;--color-600:#0077b6;--color-500:#0096c7;--color-300:#48cae4;--color-200:#90e0ef;--color-100:#caf0f8}[data-theme=sunset]{--color-900:#7c2d12;--color-700:#9a3412;--color-600:#ea580c;--color-500:#f97316;--color-300:#fb923c;--color-200:#fdba74;--color-100:#fff7ed}[data-theme=amethyst]{--color-900:#1b102b;--color-700:#35204f;--color-600:#6d28d9;--color-500:#8b5cf6;--color-300:#a78bfa;--color-200:#c4b5fd;--color-100:#ede9fe}[data-theme=burgundy]{--color-900:#2b1018;--color-700:#581c2d;--color-600:#9f3150;--color-500:#be4865;--color-300:#d17a8d;--color-200:#e8aeb9;--color-100:#fff1f2}.text-extra-large{font-size:var(--font-size-extra-large)}.text-large{font-size:var(--font-size-large)}.text-extra-medium{font-size:var(--font-size-extra-medium)}.text-medium{font-size:var(--font-size-medium)}.text-small{font-size:var(--font-size-small)}.text-extra-small{font-size:var(--font-size-extra-small)}h1,h2,h3,h4{color:var(--color-text);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal);margin:0}h1{font-size:var(--font-size-extra-large)}h2{font-size:var(--font-size-large)}h3{font-size:var(--font-size-extra-medium)}p{color:var(--color-text);margin:0}a{color:var(--color-accent)}strong{font-weight:var(--font-weight-bold)}:root{--color-background:var(--color-100);--color-surface:var(--color-200);--color-surface-hover:var(--color-300);--color-text:var(--color-900);--color-text-muted:var(--color-700);--color-surface-alt:var(--color-100);--color-card-border:var(--color-border);--color-highlight:var(--color-accent);--color-highlight-soft:var(--color-surface-hover);--color-article:var(--color-surface);--color-summary:var(--color-surface-hover);--color-button-text:white;--color-success:#22c55e;--color-warning:#eab308;--color-danger:#ef4444;--color-info:#3b82f6;--color-accent:var(--color-500);--color-accent-hover:var(--color-600);--color-navbar:var(--color-200);--color-border:var(--color-300);--color-focus:var(--color-500);--color-overlay:#00000080;--spacing-extra-small:.25rem;--spacing-small:.5rem;--spacing-medium:1rem;--spacing-extra-medium:1.5rem;--spacing-large:2rem;--spacing-extra-large:3rem;--radius-small:4px;--radius-medium:8px;--radius-large:12px;--shadow-none:none;--shadow-soft:0 2px 6px #00000014;--shadow-medium:0 4px 12px #0000001f;--shadow-large:0 8px 24px #0000002e;--font-size-extra-small:.875rem;--font-size-small:1rem;--font-size-medium:1.25rem;--font-size-extra-medium:1.5rem;--font-size-large:clamp(1.5rem, 2vw, 2rem);--font-size-extra-large:clamp(2rem, 3vw, 3rem);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-family-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-serif:Georgia, "Times New Roman", serif;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--transition-bounce:.2s cubic-bezier(.34, 1.56, .64, 1);--transition-slow:.4s ease;--transition-medium:.25s ease;--transition-fast:.15s ease;--max-width-page:1200px;--max-width-content:85ch;--content-width-narrow:65ch;--content-width-medium:85ch;--content-width-wide:1200px;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--z-index-base:0;--z-index-dropdown:100;--z-index-navbar:200;--z-index-overlay:300;--z-index-modal:400}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:system-ui,sans-serif}