:root{--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#ffffff;--black:#000000;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--indigo-500:#6366f1;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--yellow-600:#ca8a04;--red-700:#b91c1c;--green-900:#14532d;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-display:clamp(2.25rem, 1.5rem + 3vw, 3.25rem);--leading-normal:1.5;--leading-tight:1.2;--leading-relaxed:1.65;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--measure:68ch;--space-0-5:0.125rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-16:4rem;--space-24:6rem;--radius-sm:0.125rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--border-width:1px;--border-accent-width:4px;--shadow-sm:0 12px 28px rgba(15, 23, 42, 0.1);--shadow-md:0 18px 45px rgba(15, 23, 42, 0.18);--motion-fast:160ms;--motion-base:200ms;--ease:ease;--z-base:0;--z-header:10;--z-skip-link:100;--z-tooltip:1000;--status-online:#22c55e;--status-idle:#eab308;--status-dnd:#ef4444;--status-offline:var(--gray-400)}:root,[data-theme=dark]{color-scheme:dark;--color-bg:var(--gray-900);--color-text:var(--gray-300);--color-text-muted:var(--gray-400);--color-heading:var(--gray-100);--color-surface:var(--gray-800);--color-surface-muted:rgba(31, 41, 55, 0.6);--color-surface-border:var(--gray-400);--color-surface-edge:rgba(156, 163, 175, 0.22);--color-link:var(--gray-200);--color-link-hover:var(--blue-400);--color-header-border:rgba(55, 65, 81, 0.2);--color-toggle-bg:rgba(75, 85, 99, 0.2);--color-toggle-text:var(--gray-200);--color-footer-bg:rgba(55, 65, 81, 0.2);--color-footer-text:var(--gray-300);--color-footer-border:var(--gray-600);--color-focus:rgba(96, 165, 250, 0.85);--color-chip-bg:var(--color-surface);--color-chip-text:var(--color-text);--color-chip-border:var(--color-surface-edge);--social-discord:var(--indigo-500);--social-github:var(--gray-400);--social-instagram:var(--pink-500);--social-twitter:var(--blue-400);--social-default:var(--blue-400);--link-underline:none;--color-accent:var(--pink-500);--color-accent-text:var(--pink-300);--color-accent-glow:rgba(236, 72, 153, 0.45);--color-accent-soft:rgba(236, 72, 153, 0.16);--color-accent-soft-border:rgba(236, 72, 153, 0.35);--color-btn-primary-bg:var(--pink-700);--color-btn-primary-bg-hover:var(--pink-600);--color-btn-primary-text:var(--white);--color-btn-surface:var(--color-surface);--color-nav-hover-bg:rgba(236, 72, 153, 0.14);--color-nav-active-bg:rgba(236, 72, 153, 0.22);--color-header-bg:rgba(55, 65, 81, 0.55);--color-header-shadow:0 8px 28px rgba(0, 0, 0, 0.32);--color-brand-grad-from:var(--pink-500);--color-brand-grad-to:var(--indigo-500)}[data-theme=light]{color-scheme:light;--color-bg:var(--gray-100);--color-text:var(--gray-800);--color-text-muted:var(--gray-600);--color-heading:var(--gray-900);--color-surface:var(--white);--color-surface-muted:var(--white);--color-surface-border:var(--gray-400);--color-surface-edge:rgba(17, 24, 39, 0.12);--color-link:var(--gray-800);--color-link-hover:var(--blue-600);--color-header-border:rgba(55, 65, 81, 0.2);--color-toggle-bg:rgba(107, 114, 128, 0.2);--color-toggle-text:var(--gray-600);--color-footer-bg:rgba(31, 41, 55, 0.05);--color-footer-text:var(--gray-700);--color-footer-border:rgba(209, 213, 219, 0.5);--color-focus:rgba(37, 99, 235, 0.85);--color-chip-bg:var(--white);--color-chip-text:var(--gray-800);--color-chip-border:var(--color-surface-edge);--social-github:var(--gray-500);--social-twitter:var(--blue-500);--social-default:var(--blue-500);--color-accent:var(--pink-600);--color-accent-text:var(--pink-700);--color-accent-glow:rgba(190, 24, 93, 0.28);--color-accent-soft:rgba(190, 24, 93, 0.1);--color-accent-soft-border:rgba(190, 24, 93, 0.3);--color-nav-hover-bg:rgba(190, 24, 93, 0.1);--color-nav-active-bg:rgba(190, 24, 93, 0.16);--color-header-bg:rgba(255, 255, 255, 0.8);--color-header-shadow:0 8px 28px rgba(15, 23, 42, 0.08);--color-brand-grad-from:var(--pink-600);--color-brand-grad-to:var(--indigo-500)}[data-theme=system]{color-scheme:light dark;--color-bg:var(--gray-100);--color-text:var(--gray-800);--color-text-muted:var(--gray-600);--color-heading:var(--gray-900);--color-surface:var(--white);--color-surface-muted:var(--white);--color-surface-border:var(--gray-400);--color-surface-edge:rgba(17, 24, 39, 0.12);--color-link:var(--gray-800);--color-link-hover:var(--blue-600);--color-header-border:rgba(55, 65, 81, 0.2);--color-toggle-bg:rgba(107, 114, 128, 0.2);--color-toggle-text:var(--gray-600);--color-footer-bg:rgba(31, 41, 55, 0.05);--color-footer-text:var(--gray-700);--color-footer-border:rgba(209, 213, 219, 0.5);--color-focus:rgba(37, 99, 235, 0.85);--color-chip-bg:var(--white);--color-chip-text:var(--gray-800);--color-chip-border:rgba(17, 24, 39, 0.12);--social-github:var(--gray-500);--social-twitter:var(--blue-500);--social-default:var(--blue-500);--color-accent:var(--pink-600);--color-accent-text:var(--pink-700);--color-accent-glow:rgba(190, 24, 93, 0.28);--color-accent-soft:rgba(190, 24, 93, 0.1);--color-accent-soft-border:rgba(190, 24, 93, 0.3);--color-nav-hover-bg:rgba(190, 24, 93, 0.1);--color-nav-active-bg:rgba(190, 24, 93, 0.16);--color-header-bg:rgba(255, 255, 255, 0.8);--color-header-shadow:0 8px 28px rgba(15, 23, 42, 0.08);--color-brand-grad-from:var(--pink-600);--color-brand-grad-to:var(--indigo-500)}@media (prefers-color-scheme:dark){[data-theme=system]{color-scheme:dark;--color-bg:var(--gray-900);--color-text:var(--gray-300);--color-text-muted:var(--gray-400);--color-heading:var(--gray-100);--color-surface:var(--gray-800);--color-surface-muted:rgba(31, 41, 55, 0.6);--color-surface-border:var(--gray-400);--color-surface-edge:rgba(156, 163, 175, 0.22);--color-chip-bg:var(--gray-800);--color-chip-text:var(--gray-300);--color-chip-border:rgba(156, 163, 175, 0.22);--color-link:var(--gray-200);--color-link-hover:var(--blue-400);--color-header-border:rgba(55, 65, 81, 0.2);--color-toggle-bg:rgba(75, 85, 99, 0.2);--color-toggle-text:var(--gray-200);--color-footer-bg:rgba(55, 65, 81, 0.2);--color-footer-text:var(--gray-300);--color-footer-border:var(--gray-600);--color-focus:rgba(96, 165, 250, 0.85);--social-github:var(--gray-400);--social-twitter:var(--blue-400);--social-default:var(--blue-400);--color-accent:var(--pink-500);--color-accent-text:var(--pink-300);--color-accent-glow:rgba(236, 72, 153, 0.45);--color-accent-soft:rgba(236, 72, 153, 0.16);--color-accent-soft-border:rgba(236, 72, 153, 0.35);--color-nav-hover-bg:rgba(236, 72, 153, 0.14);--color-nav-active-bg:rgba(236, 72, 153, 0.22);--color-header-bg:rgba(55, 65, 81, 0.55);--color-header-shadow:0 8px 28px rgba(0, 0, 0, 0.32);--color-brand-grad-from:var(--pink-500);--color-brand-grad-to:var(--indigo-500)}}[data-theme=contrast]{color-scheme:dark;--color-bg:var(--black);--color-text:var(--white);--color-text-muted:#e6e6e6;--color-heading:var(--white);--color-surface:var(--black);--color-surface-muted:var(--black);--color-surface-border:var(--white);--color-surface-edge:var(--white);--color-link:var(--white);--color-link-hover:#ffd400;--color-header-border:var(--white);--color-toggle-bg:var(--black);--color-toggle-text:var(--white);--color-footer-bg:var(--black);--color-footer-text:var(--white);--color-footer-border:var(--white);--color-focus:#ffd400;--color-chip-bg:var(--black);--color-chip-text:var(--white);--color-chip-border:var(--white);--social-discord:#ffd400;--social-github:#ffd400;--social-instagram:#ffd400;--social-twitter:#ffd400;--social-default:#ffd400;--link-underline:underline;--status-online:#00e676;--status-idle:#ffd400;--status-dnd:#ff5252;--status-offline:#cfcfcf;--shadow-sm:none;--shadow-md:none;--color-accent:var(--white);--color-accent-text:var(--white);--color-accent-glow:transparent;--color-accent-soft:transparent;--color-accent-soft-border:var(--white);--color-btn-primary-bg:var(--white);--color-btn-primary-bg-hover:#ffd400;--color-btn-primary-text:var(--black);--color-nav-hover-bg:transparent;--color-nav-active-bg:transparent;--color-header-bg:var(--black);--color-header-shadow:none;--color-brand-grad-from:var(--white);--color-brand-grad-to:var(--white)}*,::after,::before{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth;background-color:var(--color-bg);color:var(--color-text)}body{min-height:100vh;margin:0;display:flex;flex-direction:column;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg)}main{flex:1;width:100%}h1,h2,h3{line-height:var(--leading-tight);color:var(--color-heading)}a{color:inherit;text-decoration:none}img,svg{max-width:100%}[hidden]{display:none!important}[href]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:6px}a,button{transition:color var(--motion-fast) var(--ease),background-color var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease),opacity var(--motion-fast) var(--ease),transform var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}.profile-layout{width:min(100%,1280px);margin-inline:auto;padding:var(--space-10) var(--space-4);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-16)}#left-profile{width:100%;max-width:28rem;margin-inline:auto}#right-profile{width:100%;min-width:0}.profile-avatar{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}@media (min-width:768px){#left-profile{width:66.6667%}}@media (min-width:1024px){.profile-layout{flex-direction:row;align-items:flex-start;padding-top:var(--space-16);padding-bottom:var(--space-24);gap:var(--space-16)}#left-profile{width:22rem;max-width:none;margin-inline:0;flex-shrink:0}#right-profile{width:auto;flex:1;margin-inline:0}}@media (max-width:640px){.profile-layout{padding-top:var(--space-6);padding-bottom:var(--space-10);gap:var(--space-10)}.profile-avatar{max-width:11rem}#left-profile{max-width:none}}.site-header{position:sticky;top:0;z-index:var(--z-header);padding:var(--space-3) var(--space-4);color:var(--color-text)}.site-nav{position:relative;width:min(100%,1120px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background-color:var(--color-header-bg);border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-full);box-shadow:var(--color-header-shadow);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3)}.site-nav__cluster{display:flex;align-items:center;gap:var(--space-2)}.site-brand{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--color-heading)}.site-brand__mark{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;font-size:.8rem;font-weight:var(--weight-semibold);letter-spacing:.03em;color:var(--white);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-brand-grad-from),var(--color-brand-grad-to));box-shadow:0 2px 12px var(--color-accent-glow)}.site-brand__label{position:relative;line-height:1}.site-brand[aria-current=page] .site-brand__label::after{content:"";position:absolute;left:0;right:0;bottom:-.35rem;height:3px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-brand-grad-from),var(--color-brand-grad-to))}[data-theme=contrast] .site-brand__mark{color:var(--white);background:var(--black);border:var(--border-width) solid var(--white)}@media (forced-colors:active){[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:CanvasText solid 3px}.site-brand__mark{color:ButtonText;background:ButtonFace;border:1px solid ButtonText}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);border:0;border-radius:var(--radius-full);background-color:var(--color-toggle-bg);color:var(--color-toggle-text);cursor:pointer}.theme-toggle__icon{display:none;width:1.25rem;height:1.25rem}[data-theme=contrast] .theme-toggle__icon--contrast,[data-theme=dark] .theme-toggle__icon--dark,[data-theme=light] .theme-toggle__icon--light,[data-theme=system] .theme-toggle__icon--system{display:inline-flex}[data-theme=contrast] .theme-toggle{border:var(--border-width) solid var(--color-toggle-text)}.site-footer{width:100%;color:var(--color-footer-text);background-color:var(--color-footer-bg);border-top:var(--border-width) solid var(--color-footer-border)}.site-footer__inner{max-width:1280px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-8) var(--space-4)}.site-footer__copy{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.site-footer__nav{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm)}.site-footer__link{font-weight:var(--weight-semibold);color:var(--color-footer-text);text-decoration:var(--link-underline)}.site-footer__link:hover{color:var(--color-link-hover);text-decoration:underline}@media (min-width:640px){.site-footer__inner{flex-direction:row}}.section{margin-top:var(--space-16)}.section:first-child{margin-top:0}.section-title{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--color-heading)}.section-title::after{content:"";flex:1;height:2px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-accent-soft-border),transparent)}@media (forced-colors:active){.section-title::after{background:CanvasText}}.profile-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}.profile-name{margin:0;font-size:var(--text-display);font-weight:var(--weight-bold);letter-spacing:-.025em;color:var(--color-heading)}.profile-tagline{max-width:var(--measure);margin:var(--space-2) 0 0 var(--space-0-5);font-size:var(--text-base);color:var(--color-text-muted)}.profile-detail{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-2) 0 var(--space-2) var(--space-0-5)}.profile-detail__icon{width:1.25rem;height:1.25rem;flex-shrink:0}.profile-email{color:var(--color-text);text-decoration:var(--link-underline)}.profile-email:hover{color:var(--color-link-hover)}.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-left:var(--space-0-5)}.contact-actions .profile-email{margin:var(--space-2) 0}.copy-email{gap:var(--space-1);min-height:2rem;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium)}.copy-email__icon{width:1rem;height:1rem;flex-shrink:0}.copy-email__status{font-size:var(--text-sm);color:var(--color-text-muted)}.listening{margin:var(--space-2) 0 var(--space-2) var(--space-0-5);font-size:var(--text-sm);overflow-wrap:break-word}.listening__text{margin-left:var(--space-1)}.presence-updated{margin:var(--space-1) 0 0 var(--space-0-5);font-size:var(--text-sm);color:var(--color-text-muted)}.bio-text{max-width:var(--measure);padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);color:var(--color-text);background-color:var(--color-surface);border:var(--border-width) solid var(--color-surface-edge);border-radius:var(--radius-lg)}.tag-list{width:100%;display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium)}.technology-tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);color:var(--color-chip-text);background-color:var(--color-chip-bg);border:var(--border-width) solid var(--color-chip-border);transition:transform var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease),background-color var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.technology-tag:hover{transform:translateY(-1px);color:var(--color-accent-text);background-color:var(--color-accent-soft);border-color:var(--color-accent-soft-border)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:var(--space-4)}.card{height:100%;padding:var(--space-4) var(--space-6);background-color:var(--color-surface);border:var(--border-width) solid var(--color-surface-edge);border-radius:var(--radius-lg);transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease)}.card:hover{transform:translateY(-2px);border-color:var(--color-accent-soft-border);box-shadow:var(--shadow-sm)}.card__image{width:100%;height:auto;margin-bottom:var(--space-2);border-radius:var(--radius-md)}.card__title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--color-heading)}.card__title-link{color:var(--color-heading);text-decoration:var(--link-underline)}.card__title-link:hover{text-decoration:underline}.card__role{margin:var(--space-0-5) 0 0;font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--color-text-muted)}.card__desc{margin:var(--space-1) 0 0;font-size:var(--text-sm);font-weight:var(--weight-normal)}.card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.card__current{padding:0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.7;color:var(--color-accent-text);background-color:var(--color-accent-soft);border:var(--border-width) solid var(--color-accent-soft-border);border-radius:var(--radius-md)}.card__source{margin-top:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.card__source a{color:var(--color-link);text-decoration:var(--link-underline)}.card__source a:hover{color:var(--color-link-hover);text-decoration:underline}.social-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-6) 0 0}.social-link{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--color-text);background-color:var(--color-surface);border:var(--border-width) solid var(--color-surface-edge);border-radius:var(--radius-full)}.social-link:hover{transform:translateY(-2px);color:var(--social-default);border-color:var(--color-accent-soft-border);box-shadow:var(--shadow-sm)}.social-link--discord:hover{color:var(--social-discord)}.social-link--github:hover{color:var(--social-github)}.social-link--instagram:hover{color:var(--social-instagram)}.social-link--twitter:hover{color:var(--social-twitter)}.empty-state,.error-state{margin:var(--space-2) 0 var(--space-2) var(--space-0-5);font-size:var(--text-sm)}.empty-state__title,.error-state__title{margin:0;font-weight:var(--weight-semibold)}.empty-state__message,.error-state__message{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.now-updated{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.now-stale{margin:0 0 var(--space-2);padding:var(--space-2);font-size:var(--text-sm);border:var(--border-width) solid var(--color-surface-border);border-radius:var(--radius-md)}.interests-list,.now-list{margin:0;padding-left:var(--space-4)}.interests-list__item,.now-list__item{margin:var(--space-1) 0}.interests-category{margin-top:var(--space-4)}.interests-category__title{margin:0 0 var(--space-1);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-heading)}.now-summary{margin-bottom:var(--space-4)}.now-summary__lead{margin:0 0 var(--space-1);font-weight:var(--weight-semibold)}.now-summary__link{font-size:var(--text-sm);color:var(--color-link);text-decoration:var(--link-underline)}.now-summary__link:hover{color:var(--color-link-hover);text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:1.2;text-align:center;text-decoration:none;border:var(--border-width) solid transparent;border-radius:var(--radius-full);cursor:pointer}.button--primary{color:var(--color-btn-primary-text);background-color:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-bg)}.button--primary:hover{color:var(--color-btn-primary-text);background-color:var(--color-btn-primary-bg-hover);border-color:var(--color-btn-primary-bg-hover);transform:translateY(-1px);box-shadow:0 6px 18px var(--color-accent-glow)}.button--secondary{color:var(--color-accent-text);background-color:transparent;border-color:var(--color-accent-text)}.button--secondary:hover{color:var(--color-accent-text);background-color:var(--color-nav-hover-bg);transform:translateY(-1px);box-shadow:0 6px 18px var(--color-accent-glow)}.button--ghost{color:var(--color-text);background-color:var(--color-btn-surface);border-color:var(--color-surface-border)}.button--ghost:hover{color:var(--color-accent-text);border-color:var(--color-accent-text)}@media (forced-colors:active){.button{border-color:ButtonText}}.skip-link{position:absolute;top:-4rem;left:var(--space-2);z-index:var(--z-skip-link);padding:var(--space-2) var(--space-4);font-weight:var(--weight-semibold);color:var(--color-heading);background-color:var(--color-surface);border:var(--border-width) solid var(--color-surface-border);border-radius:var(--radius-md);transition:top var(--motion-fast) var(--ease)}.skip-link:focus{top:var(--space-2)}#main-content:focus{outline:0}.site-nav__primary{display:flex;align-items:center;gap:var(--space-2)}.site-menu{display:flex;align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none}.site-menu__link{position:relative;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-weight:var(--weight-semibold);color:var(--color-text);background-color:transparent;border:var(--border-width) solid transparent;border-radius:var(--radius-full);text-decoration:var(--link-underline)}.site-menu__link:hover{color:var(--color-accent-text);background-color:var(--color-nav-hover-bg);border-color:var(--color-accent-text);transform:translateY(-1px);box-shadow:0 6px 16px var(--color-accent-glow)}.site-menu__link[aria-current=page]{color:var(--color-accent-text);background-color:var(--color-nav-active-bg);border-color:var(--color-accent-text)}.site-menu__link[aria-current=page]::before{content:"";width:.4rem;height:.4rem;border-radius:var(--radius-full);background-color:currentColor}[data-theme=contrast] .site-menu__link{border-color:var(--color-surface-border)}.nav-toggle{display:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:var(--space-2);color:var(--color-text);background:0 0;border:var(--border-width) solid var(--color-surface-border);border-radius:var(--radius-md);cursor:pointer}.nav-toggle__bars,.nav-toggle__bars::after,.nav-toggle__bars::before{display:block;width:1.25rem;height:2px;background-color:currentColor;border-radius:2px}.nav-toggle__bars{position:relative}.nav-toggle__bars::after,.nav-toggle__bars::before{content:"";position:absolute;left:0}.nav-toggle__bars::before{top:-6px}.nav-toggle__bars::after{top:6px}.nav-toggle:hover{color:var(--color-accent-text);border-color:var(--color-accent-text)}.nav-toggle[aria-expanded=true]{color:var(--color-accent-text);border-color:var(--color-accent-text);background-color:var(--color-nav-hover-bg)}.nav-toggle[aria-expanded=true] .nav-toggle__bars{background-color:transparent}.nav-toggle[aria-expanded=true] .nav-toggle__bars::before{top:0;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__bars::after{top:0;transform:rotate(-45deg)}@media (max-width:767px){.nav-toggle{display:inline-flex}.site-menu{position:absolute;left:0;right:0;top:calc(100% + var(--space-2));z-index:var(--z-header);display:none;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-bg);border:var(--border-width) solid var(--color-header-border);border-radius:var(--radius-lg);box-shadow:var(--color-header-shadow)}.site-menu.is-open{display:flex}.site-menu__link{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-color:var(--color-surface-border)}.site-menu__link[aria-current=page]{border-left:var(--border-accent-width) solid var(--color-accent-text)}}body.nav-open{overflow:hidden}.breadcrumbs{margin:0 0 var(--space-4);font-size:var(--text-sm)}.breadcrumbs__list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.breadcrumbs__item{display:inline-flex;align-items:center;gap:var(--space-2)}.breadcrumbs__item+.breadcrumbs__item::before{content:"/";color:var(--color-text-muted)}.breadcrumbs a{color:var(--color-link);text-decoration:var(--link-underline)}.breadcrumbs a:hover{color:var(--color-link-hover);text-decoration:underline}.breadcrumbs [aria-current=page]{color:var(--color-text-muted)}.back-to-top{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:var(--z-header);display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;color:var(--color-heading);background-color:var(--color-surface);border:var(--border-width) solid var(--color-surface-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--motion-fast) var(--ease),transform var(--motion-fast) var(--ease),visibility var(--motion-fast) var(--ease)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}.page{width:min(100%,1280px);margin-inline:auto;padding:var(--space-10) var(--space-4) var(--space-24)}.page-title{margin:0 0 var(--space-8);font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:-.025em;color:var(--color-heading)}.project-filters{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:flex-start;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6);background-color:var(--color-surface);border:var(--border-width) solid var(--color-surface-edge);border-radius:var(--radius-lg)}.project-filters__group{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;border:0}.project-filters__legend{margin-bottom:var(--space-1);padding:0;font-weight:var(--weight-semibold)}.project-filters__option{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer}.project-filters__clear{align-self:center;min-height:1.75rem;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-surface);border:var(--border-width) solid var(--color-surface-border);border-radius:var(--radius-md);cursor:pointer}.project-count,.project-empty{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.project-badge{display:inline-block;padding:var(--space-0-5) var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent-text);background-color:var(--color-accent-soft);border:var(--border-width) solid var(--color-accent-soft-border);border-radius:var(--radius-md)}.project-card__status,.project-detail__status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-2) 0 0}.project-card__dates{font-size:var(--text-sm);color:var(--color-text-muted)}.project-detail__image{width:100%;height:auto;margin:var(--space-4) 0;border-radius:var(--radius-md)}.project-detail__desc{margin:var(--space-4) 0}.project-detail__tech{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-4);padding:0;list-style:none}.project-detail__tech li{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-chip-text);background-color:var(--color-chip-bg);border:var(--border-width) solid var(--color-chip-border);border-radius:var(--radius-md)}.project-detail__links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.project-detail__link{font-weight:var(--weight-semibold);color:var(--color-link);text-decoration:var(--link-underline)}.project-detail__link:hover{color:var(--color-link-hover);text-decoration:underline}.prose{max-width:75ch}.prose .intro{font-size:var(--text-lg);color:var(--color-text-muted)}.prose .eyebrow{display:inline-block;margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-link)}.prose .updated{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.prose h2{margin:var(--space-8) 0 var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-heading)}.prose h3{margin:var(--space-4) 0 var(--space-1);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-heading)}.prose li,.prose p{color:var(--color-text)}.prose a{color:var(--color-link);text-decoration:underline}.prose a:hover{color:var(--color-link-hover)}.prose code{padding:0 var(--space-1);font-family:var(--font-mono, ui-monospace, monospace);font-size:.9em;background-color:var(--color-surface-muted);border-radius:var(--radius-sm)}.prose .notice{margin:var(--space-4) 0;padding:var(--space-4);background-color:var(--color-surface);border:var(--border-width) solid var(--color-surface-edge);border-left:var(--border-accent-width) solid var(--color-accent-soft-border);border-radius:var(--radius-lg)}.prose .service-list{padding:0;list-style:none}.prose .service-list li{margin:var(--space-2) 0;padding:var(--space-4);background-color:var(--color-surface);border:var(--border-width) solid var(--color-surface-edge);border-radius:var(--radius-lg)}.prose .service-list strong{display:block;margin-bottom:var(--space-1);color:var(--color-heading)}.prose .policy-header{margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--color-surface-border)}.prose .contact-card{margin-top:var(--space-8);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-surface-border)}.redirect{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:100vh;padding:var(--space-8) var(--space-4);text-align:center}.redirect__eyebrow{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.redirect__title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-heading)}.redirect__note{margin:0;color:var(--color-text)}.redirect__link{color:var(--color-link);text-decoration:underline}.redirect__link:hover{color:var(--color-link-hover)}.contact-intro{max-width:60ch;margin:0 0 var(--space-6);color:var(--color-text)}.resume{max-width:80ch}.resume__header{margin-bottom:var(--space-6)}.resume__contact{margin:var(--space-1) 0;color:var(--color-text-muted)}.resume__contact a{color:var(--color-link);text-decoration:underline}.resume__hint{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}@media print{.back-to-top,.resume__hint,.site-footer,.site-header,.skip-link{display:none!important}.resume{max-width:none}}.changelog{margin:0;padding:0;list-style:none}.changelog__entry{margin-bottom:var(--space-6)}.changelog__title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-heading)}.changelog__date{margin:var(--space-1) 0;font-size:var(--text-sm);color:var(--color-text-muted)}.changelog__desc{margin:0;color:var(--color-text)}.error-page{max-width:60ch;margin-inline:auto;text-align:center}.error-page__art{display:block;width:auto;max-width:min(100%,22rem);height:auto;margin:0 auto var(--space-6)}.error-page__code{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-text)}.error-page__title{margin:0 0 var(--space-3)}.error-page__message{max-width:52ch;margin:0 auto var(--space-6);color:var(--color-text)}.error-page__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.font-semibold{font-weight:var(--weight-semibold)}.hidden{display:none!important}.block{display:block}.inline-flex{display:inline-flex}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.bg-green-500{--status-current:var(--status-online);background-color:var(--status-online)}.bg-yellow-500{--status-current:var(--status-idle);background-color:var(--status-idle)}.bg-red-500{--status-current:var(--status-dnd);background-color:var(--status-dnd)}.bg-gray-400{--status-current:var(--status-offline);background-color:var(--status-offline)}.status-dot{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-0-5) var(--space-3) var(--space-0-5) var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.6;color:var(--color-text-muted);background-color:var(--color-surface);border:var(--border-width) solid var(--color-surface-edge);border-radius:var(--radius-full);vertical-align:middle}.status-dot::before{content:"";flex-shrink:0;width:.625rem;height:.625rem;background-color:var(--status-current,var(--status-offline));border-radius:var(--radius-full)}.status-dot::after{content:attr(title);white-space:nowrap}.status-dot.animate-pulse{animation:none}.status-dot.animate-pulse::before{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@media (forced-colors:active){.status-dot::before{background-color:CanvasText}}.listening__dot{display:inline-flex;width:.5rem;height:.5rem;border-radius:var(--radius-full);vertical-align:middle}