:root{--color-bg: #0a0a0c;--color-surface: #101014;--color-surface-elevated: #16161b;--color-border: #1e1e26;--color-border-subtle: #16161e;--color-text: #eeeef2;--color-text-muted: #7878a0;--color-text-faint: #44445a;--color-accent: #12e8c4;--color-accent-dim: #0cb89d;--color-accent-glow: rgba(18, 232, 196, .12);--gradient-rainbow: linear-gradient( 90deg, #ff6b6b, #ffb347, #ffe066, #56d67e, #4ecdc4, #6c63ff, #ff6b9d );--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .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-5xl: 3rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-width: 1100px;--content-width: 720px;--header-height: 60px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .12s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.02em}img{display:block;max-width:100%}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.container--narrow{max-width:var(--content-width)}.page{flex:1;padding:var(--space-16) 0 var(--space-24)}@media(max-width:640px){.page{padding:var(--space-10) 0 var(--space-16)}.container{padding:0 var(--space-4)}}.section-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3)}.link-accent{color:var(--color-accent);transition:opacity var(--transition-fast);font-weight:500}.link-accent:hover{opacity:.8}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;letter-spacing:.01em;transition:background var(--transition-fast),color var(--transition-fast);cursor:pointer;border:none}.btn--primary{background:var(--color-accent);color:#000}.btn--primary:hover{background:#0fd4b2}.btn--ghost{background:transparent;color:var(--color-accent);border:1px solid var(--color-border)}.btn--ghost:hover{background:var(--color-accent-glow);border-color:var(--color-accent)}hr{border:none;border-top:1px solid var(--color-border)}.text-muted{color:var(--color-text-muted)}.text-rainbow{background:var(--gradient-rainbow);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:rainbow-shift 6s linear infinite}@keyframes rainbow-shift{0%{background-position:0% center}to{background-position:200% center}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:100;background:#0a0a0ceb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.site-header__inner{display:flex;align-items:center;gap:var(--space-8);height:var(--header-height)}.site-header__wordmark{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.03em;flex-shrink:0;transition:opacity var(--transition-fast);background:var(--gradient-rainbow);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:rainbow-shift 6s linear infinite}.site-header__wordmark:hover{opacity:.8}.site-header__nav{display:flex;align-items:center;gap:var(--space-1);flex:1}.site-header__link{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.site-header__link:hover,.site-header__link--active{color:var(--color-text);background:var(--color-surface-elevated)}.site-header__cv-link{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0;margin-left:auto}.site-header__cv-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.site-header__hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:transparent;border:none;cursor:pointer;padding:4px;margin-left:auto;flex-shrink:0}.site-header__hamburger span{display:block;width:22px;height:2px;background:var(--color-text-muted);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base);transform-origin:center}.site-header__hamburger:hover span{background:var(--color-text)}.site-header__hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header__hamburger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.site-header__hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-header__mobile-nav{display:flex;flex-direction:column;background:#0a0a0cf7;border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-6) var(--space-6);gap:var(--space-1)}.site-header__mobile-link{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--color-text-muted);padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);border-bottom:1px solid var(--color-border-subtle);transition:color var(--transition-fast),background var(--transition-fast)}.site-header__mobile-link:last-child{border-bottom:none}.site-header__mobile-link:hover,.site-header__mobile-link--active{color:var(--color-text)}.site-header__mobile-link--external{color:var(--color-accent);margin-top:var(--space-2)}@media(max-width:768px){.site-header__nav{display:none}.site-header__hamburger{display:flex}}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-8) 0;margin-top:auto}.site-footer__inner{display:flex;flex-direction:column;gap:var(--space-6)}.site-footer__cta-row{display:flex}.site-footer__cta{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast)}.site-footer__cta:hover{color:var(--color-accent);border-color:var(--color-accent)}.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.site-footer__copy{font-size:var(--text-sm);color:var(--color-text-muted)}.site-footer__copy a{color:var(--color-accent);transition:opacity var(--transition-fast)}.site-footer__copy a:hover{opacity:.8}.site-footer__links{display:flex;align-items:center;gap:var(--space-6)}.site-footer__links a{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.site-footer__links a:hover{color:var(--color-text)}@media(max-width:480px){.site-footer__bottom{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}.talk-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color var(--transition-base),background var(--transition-base)}.talk-card:hover{border-color:var(--color-border-subtle);background:var(--color-surface-elevated)}.talk-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.talk-card__event{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.talk-card__date{font-size:var(--text-xs);color:var(--color-text-muted)}.talk-card__title{font-size:var(--text-xl);font-weight:600;color:var(--color-text);letter-spacing:-.01em;line-height:var(--leading-snug)}.talk-card__links{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-2)}.talk-card__slides-link,.talk-card__video-link{display:inline-flex;align-items:center;font-size:var(--text-sm);font-weight:500;color:var(--color-accent);transition:opacity var(--transition-fast)}.talk-card__slides-link:hover,.talk-card__video-link:hover{opacity:.75}.talk-card__note{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;line-height:var(--leading-normal)}.talk-card__no-slides{font-size:var(--text-sm);color:var(--color-text-faint);margin-top:var(--space-2)}.home-page{display:flex;flex-direction:column;gap:var(--space-20)}.home-hero{padding-top:var(--space-16);position:relative;overflow:visible}.home-hero__peacock{position:absolute;top:20px;right:80px;width:420px;height:420px;background:var(--gradient-rainbow);background-size:200% auto;-webkit-mask-image:url(/peacock.svg);mask-image:url(/peacock.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:.5;animation:rainbow-shift 6s linear infinite;pointer-events:none}@media(max-width:900px){.home-hero__peacock{width:280px;height:280px;right:-20px;top:-20px;opacity:.12}}@media(max-width:640px){.home-hero__peacock{display:none}}.home-hero>*:not(.home-hero__peacock){position:relative;z-index:1}.home-hero__title{font-size:clamp(var(--text-4xl),7vw,var(--text-5xl));font-weight:700;line-height:1.1;letter-spacing:-.04em;margin:var(--space-4) 0 var(--space-6);max-width:600px}.home-hero__sub{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-normal);max-width:580px;margin-bottom:var(--space-8)}.home-hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.home-links__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.home-link-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base),background var(--transition-base)}.home-link-card:hover{border-color:#12e8c44d;background:var(--color-surface-elevated)}.home-link-card__label{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-text)}.home-link-card__desc{font-size:var(--text-sm);color:var(--color-text-muted)}.home-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-5)}.home-section-header .section-label{margin-bottom:0}.home-section-header__more{font-size:var(--text-sm)}.home-talks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.home-blog__list{list-style:none;display:flex;flex-direction:column;margin-top:var(--space-4)}.home-blog__item{border-bottom:1px solid var(--color-border)}.home-blog__item:first-child{border-top:1px solid var(--color-border)}.home-blog__link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;font-size:var(--text-base);font-weight:500;color:var(--color-text);transition:color var(--transition-fast)}.home-blog__link:hover{color:var(--color-accent)}.home-blog__title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-blog__title--link{color:var(--color-text);transition:color var(--transition-fast)}.home-blog__link--combined:hover .home-blog__title--link{color:var(--color-accent)}.home-blog__link--combined{cursor:default}.home-blog__link-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.home-blog__source{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:2px var(--space-2);border-radius:var(--radius-sm)}.home-blog__source--devto{background:#12e8c41a;color:var(--color-accent);border:1px solid rgba(18,232,196,.18)}.home-blog__source--medium{background:#ff8c501a;color:#ff8c50;border:1px solid rgba(255,140,80,.18)}a.home-blog__source{transition:opacity var(--transition-fast)}a.home-blog__source:hover{opacity:.75}.home-blog__arrow{flex-shrink:0;font-size:var(--text-sm);color:var(--color-text-faint);transition:color var(--transition-fast)}.home-blog__link:hover .home-blog__arrow{color:var(--color-accent)}.home-blog__item--skeleton{padding:var(--space-4) 0}.home-blog__skeleton-line{display:block;height:14px;background:var(--color-surface-elevated);border-radius:var(--radius-sm);animation:skeleton-pulse 1.6s ease-in-out infinite}.home-community__list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.home-community__item{display:flex;align-items:baseline;gap:var(--space-3);font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-snug)}.home-community__item strong{color:var(--color-text);font-weight:600}.home-community__bullet{color:var(--color-accent);font-size:var(--text-xl);line-height:1;flex-shrink:0}@media(max-width:640px){.home-talks-grid{grid-template-columns:1fr}.home-links__grid{grid-template-columns:1fr 1fr}}.talks-header{max-width:var(--content-width);margin-bottom:var(--space-16)}.talks-header__title{font-size:var(--text-5xl);letter-spacing:-.04em;margin:var(--space-3) 0 var(--space-5)}.talks-header__sub{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-normal)}.talks-photos{border-top:1px solid var(--color-border);padding-top:var(--space-12);margin-bottom:var(--space-4)}.talks-photos .section-label{margin-bottom:var(--space-6)}.talks-photos__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.talks-photo{position:relative;overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:4 / 3;margin:0;transition:box-shadow var(--transition-base)}.talks-photo:hover{box-shadow:0 0 0 1px #12e8c459,0 0 16px #12e8c414}.talks-photo__img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .4s ease}.talks-photo:hover .talks-photo__img{transform:scale(1.03)}.talks-photo__caption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6) var(--space-4) var(--space-3);background:linear-gradient(to top,rgba(0,0,0,.72) 0%,transparent 100%);font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffffd1}.talks-archive{padding-top:var(--space-4)}.talks-archive .section-label{margin-bottom:var(--space-6)}.talks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.talks-contact{margin-top:var(--space-12);font-size:var(--text-sm);color:var(--color-text-muted)}@media(max-width:900px){.talks-photos__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.talks-photos__grid,.talks-grid{grid-template-columns:1fr}.talks-header__title{font-size:var(--text-4xl)}}.series-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);transition:border-color var(--transition-base)}.series-card:hover{border-color:#12e8c440}.series-card__title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);letter-spacing:-.02em}.series-card__description{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-normal);flex:1}.series-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.series-card__action-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;border:1px solid var(--color-border);color:var(--color-text-muted);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.series-card__action-link:hover{color:var(--color-text);border-color:var(--color-text-muted);background:var(--color-surface-elevated)}.series-card__action-link--yt:hover{color:#f44;border-color:#f446}.tutorials-header{max-width:var(--content-width);margin-bottom:var(--space-12)}.tutorials-header__title{font-size:var(--text-5xl);letter-spacing:-.04em;margin:var(--space-3) 0 var(--space-5)}.tutorials-header__sub{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-normal)}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-5)}@media(max-width:640px){.tutorials-grid{grid-template-columns:1fr}.tutorials-header__title{font-size:var(--text-4xl)}}.podcast-header{max-width:var(--content-width);margin-bottom:var(--space-12)}.podcast-header__title{font-size:var(--text-5xl);letter-spacing:-.04em;margin:var(--space-3) 0 var(--space-5)}.podcast-header__sub{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-normal)}.podcast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-6)}.podcast-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-5);transition:border-color var(--transition-base)}.podcast-card:hover{border-color:#12e8c440}.podcast-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.podcast-card__meta{flex:1;min-width:0}.podcast-card__cover-wrap{flex-shrink:0;width:80px;height:80px}.podcast-card__cover{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--color-border)}.podcast-card__cover-skeleton{width:80px;height:80px;border-radius:var(--radius-md);background:var(--color-border);animation:skeleton-pulse 1.6s ease-in-out infinite}.podcast-card__role{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);display:block;margin-bottom:var(--space-2)}.podcast-card__title{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.podcast-card__description{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-normal);flex:1}.podcast-card__latest{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.podcast-card__latest-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint)}.podcast-card__latest-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text);line-height:var(--leading-snug)}.podcast-card__latest-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.podcast-card__latest--link{text-decoration:none;transition:border-color var(--transition-fast),background var(--transition-fast)}.podcast-card__latest--link:hover{border-color:var(--color-accent);background:#12e8c40d}.podcast-card__latest--link:hover .podcast-card__latest-title{color:var(--color-accent)}.podcast-card__latest--loading{gap:var(--space-2)}.podcast-card__skeleton{height:14px;background:var(--color-border);border-radius:var(--radius-sm);animation:skeleton-pulse 1.6s ease-in-out infinite}.podcast-card__skeleton--short{width:40%}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.podcast-card__links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-1)}.podcast-card__link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;border:1px solid var(--color-border);color:var(--color-text-muted);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.podcast-card__link:hover{background:var(--color-surface-elevated);color:var(--color-text)}.podcast-card__link--spotify:hover{color:#1db954;border-color:#1db95466}.podcast-card__link--apple:hover{color:#fc3c44;border-color:#fc3c4466}.podcast-card__link--youtube:hover{color:red;border-color:#f006}.podcast-card__secondary-link{align-self:flex-start;font-size:var(--text-sm);font-weight:500;color:var(--color-accent);transition:opacity var(--transition-fast)}.podcast-card__secondary-link:hover{opacity:.75}@media(max-width:640px){.podcast-header__title{font-size:var(--text-4xl)}.podcast-grid{grid-template-columns:1fr}}.cc-episode-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color var(--transition-base),background var(--transition-base)}.cc-episode-card:hover{border-color:var(--color-border-subtle);background:var(--color-surface-elevated)}.cc-episode-card__meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.cc-episode-card__title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em;line-height:var(--leading-snug)}.cc-episode-card__title-link:hover{color:var(--color-accent)}.cc-episode-card__summary{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);flex:1}.cc-episode-card__link{font-size:var(--text-sm);font-weight:500;color:var(--color-accent);transition:opacity var(--transition-fast)}.cc-episode-card__link:hover{opacity:.75}.chaotic-commits-header{max-width:var(--content-width);margin-bottom:var(--space-16)}.chaotic-commits-header__title{font-size:var(--text-5xl);letter-spacing:-.04em;margin:var(--space-3) 0 var(--space-5)}.chaotic-commits-header__sub{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-normal);margin-bottom:var(--space-6)}.chaotic-commits-header__links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.chaotic-commits-episodes .section-label{margin-bottom:var(--space-6)}.chaotic-commits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}@media(max-width:640px){.chaotic-commits-header__title{font-size:var(--text-4xl)}.chaotic-commits-grid{grid-template-columns:1fr}}.cc-episode-header{margin:var(--space-6) 0 var(--space-10)}.cc-episode-header__title{font-size:var(--text-4xl);letter-spacing:-.03em;margin-bottom:var(--space-4)}.cc-episode-header__meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.cc-episode-header__links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.cc-episode-notes{margin-bottom:var(--space-10)}.cc-episode-transcript{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-10)}.cc-episode-transcript summary{cursor:pointer;font-family:var(--font-display);font-weight:600;color:var(--color-accent)}.cc-episode-transcript[open] summary{margin-bottom:var(--space-4)}.cc-episode-transcript__body{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.markdown-body{color:var(--color-text);line-height:var(--leading-normal)}.markdown-body h2,.markdown-body h3{margin:var(--space-6) 0 var(--space-3)}.markdown-body h2:first-child,.markdown-body h3:first-child{margin-top:0}.markdown-body p{margin-bottom:var(--space-4)}.markdown-body ul,.markdown-body ol{margin:0 0 var(--space-4) var(--space-6)}.markdown-body li{margin-bottom:var(--space-2)}.markdown-body a{color:var(--color-accent)}.markdown-body a:hover{opacity:.8}.markdown-body code{background:var(--color-surface-elevated);border-radius:var(--radius-sm);padding:.1em .35em;font-size:.9em}.writing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--transition-base)}.writing-card:hover{border-color:#12e8c440}.writing-card__cover-link{display:block;overflow:hidden}.writing-card__cover{width:100%;height:180px;object-fit:cover;display:block;transition:transform .3s ease}.writing-card__cover-link:hover .writing-card__cover{transform:scale(1.02)}.writing-card__cover-placeholder{width:100%;height:120px;background:var(--gradient-rainbow);background-size:200% auto;animation:rainbow-shift 6s linear infinite}.writing-card__body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.writing-card__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.writing-card__source{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px var(--space-2);border-radius:var(--radius-sm)}.writing-card__source--devto{background:#12e8c41f;color:var(--color-accent);border:1px solid rgba(18,232,196,.2)}.writing-card__source--medium{background:#ff8c501f;color:#ff8c50;border:1px solid rgba(255,140,80,.2)}.writing-card__source--substack{background:#ff67191f;color:#ff6719;border:1px solid rgba(255,103,25,.2)}.writing-card__source--link{transition:opacity var(--transition-fast)}.writing-card__source--link:hover{opacity:.75}.writing-card__date,.writing-card__read-time{font-size:var(--text-xs);color:var(--color-text-faint);font-family:var(--font-display)}.writing-card__date:before{content:"·";margin-right:var(--space-3);color:var(--color-border)}.writing-card__title{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;line-height:var(--leading-snug)}.writing-card__title-link{color:var(--color-text);transition:color var(--transition-fast)}.writing-card__title-link:hover{color:var(--color-accent)}.writing-card__description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.writing-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.writing-card__tag{font-size:var(--text-xs);font-family:var(--font-display);color:var(--color-text-faint);background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:2px var(--space-2);transition:color var(--transition-fast),border-color var(--transition-fast)}.writing-card:hover .writing-card__tag{color:var(--color-text-muted);border-color:var(--color-border)}.writing-header{max-width:var(--content-width);margin-bottom:var(--space-12)}.writing-header__title{font-size:var(--text-5xl);letter-spacing:-.04em;margin:var(--space-3) 0 var(--space-5)}.writing-header__sub{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-normal)}.writing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.writing-skeleton{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;animation:skeleton-pulse 1.6s ease-in-out infinite}.writing-skeleton__cover{width:100%;height:180px;background:var(--color-surface-elevated)}.writing-skeleton__body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.writing-skeleton__line{height:12px;background:var(--color-surface-elevated);border-radius:var(--radius-sm);width:100%}.writing-skeleton__line--short{width:30%}.writing-skeleton__line--mid{width:60%}.writing-skeleton__line--title{height:20px;width:85%}.writing-error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-16) 0}.writing-error__message{font-size:var(--text-lg);color:var(--color-text-muted)}.writing-newsletter{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid var(--color-border);flex-wrap:wrap}.writing-newsletter__text{font-size:var(--text-base);color:var(--color-text-muted)}@media(max-width:768px){.writing-grid{grid-template-columns:1fr}}@media(max-width:640px){.writing-header__title{font-size:var(--text-4xl)}.writing-newsletter{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}.community-header{max-width:var(--content-width);margin-bottom:var(--space-12)}.community-header__title{font-size:var(--text-5xl);letter-spacing:-.04em;margin:var(--space-3) 0 var(--space-5)}.community-header__sub{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-normal)}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.community-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base)}.community-card:hover{border-color:#12e8c44d}.community-card__top{display:flex;flex-direction:column;gap:var(--space-2)}.community-card__role-row{display:flex;align-items:center;gap:var(--space-3)}.community-card__role{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.community-card__since{font-size:var(--text-xs);color:var(--color-text-faint)}.community-card__name{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;line-height:var(--leading-snug);margin:0}.community-card__desc{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-normal);flex:1}.community-card__links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.community-card__link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;border:1px solid var(--color-border);color:var(--color-text-muted);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.community-card__link:hover{color:var(--color-text);border-color:var(--color-text-muted);background:var(--color-surface-elevated)}@media(max-width:640px){.community-grid{grid-template-columns:1fr}.community-header__title{font-size:var(--text-4xl)}}