:root,[data-theme=light]{color-scheme:light;--bg: #f6f3ee;--bg-elevated: #fffcf8;--card-bg: #fffcf8;--surface-2: #efeae3;--surface: var(--surface-2);--surface-hover: #e7e0d6;--text: #1c1916;--text-secondary: #5c564c;--text-tertiary: #6e675c;--accent: #0f6e6a;--accent-hover: #0c5b58;--accent-glow: rgba(15, 110, 106, .1);--border: #ddd6cb;--border-subtle: #e8e2d8;--border-control: #80786f;--surface-elevated: #fffcf8;--surface-soft: #efeae3;--text-primary: #1c1916;--success: #2f6b4f;--danger: #8d433c;--danger-hover: #74362f;--warning: #8a6232;--on-accent: #ffffff;--border-strong: #c2b8aa;--backdrop-blur: 8px;--navbar-bg: color-mix(in srgb, var(--bg) 92%, #fffcf8);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-display: 1.75rem;--text-display-lg: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--focus-ring: var(--accent);--event-episode: var(--accent);--event-anticipated: var(--warning);--event-sequel: var(--text-secondary);--event-spinoff: var(--success);--text-watched: var(--text-secondary);--shadow-sm: 0 1px 2px rgba(28, 25, 22, .05);--shadow-card: 0 1px 2px rgba(28, 25, 22, .04), 0 14px 36px rgba(28, 25, 22, .06);--shadow-lg: 0 18px 44px rgba(28, 25, 22, .14), 0 2px 6px rgba(28, 25, 22, .06);--chart-1: #0f6e6a;--chart-2: #b8884a;--chart-3: #a15c54;--chart-4: #3d6f8f;--chart-5: #6e6a5e;--chart-6: #b7b1a6;--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--motion-fast: .12s;--motion-base: .18s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--chart-embed-height: 220px;--chart-tall-height: 260px}[data-theme=dark]{color-scheme:dark;--bg: #141311;--bg-elevated: #1e1c19;--card-bg: #1e1c19;--surface-2: #28251f;--surface: var(--surface-2);--surface-hover: #332f28;--surface-soft: #221f1c;--text: #f6f1ea;--text-secondary: #d4cabb;--text-tertiary: #b3a89a;--accent: #8fd0c8;--accent-hover: #b7e4de;--accent-glow: rgba(143, 208, 200, .14);--border: #3c3832;--border-subtle: #2f2c27;--border-control: #847e75;--surface-elevated: #26231e;--text-primary: #f6f1ea;--success: #9dceaf;--danger: #e0aaa3;--danger-hover: #f0c4be;--warning: #e3c48a;--on-accent: #141311;--border-strong: #5a534a;--navbar-bg: color-mix(in srgb, var(--bg) 88%, #1e1c19);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-card: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 16px 40px rgba(0, 0, 0, .28);--shadow-lg: 0 24px 56px rgba(0, 0, 0, .46), 0 4px 12px rgba(0, 0, 0, .24);--focus-ring: var(--accent);--event-episode: var(--accent);--event-anticipated: var(--warning);--event-sequel: var(--text-secondary);--event-spinoff: var(--success);--text-watched: var(--text-secondary);--chart-1: #8fd0c8;--chart-2: #e0b56a;--chart-3: #e0a49a;--chart-4: #8eb6d4;--chart-5: #c8c0a4;--chart-6: #7d8794}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-base: 0ms}}@media(prefers-reduced-transparency:reduce){:root{--backdrop-blur: 0px;--navbar-bg: var(--bg-elevated)}}@media(prefers-contrast:more){:root{--border: var(--border-control);--border-subtle: var(--border-control);--text-secondary: var(--text)}}.vivek-nav{background:var(--navbar-bg);-webkit-backdrop-filter:blur(var(--backdrop-blur)) saturate(1.35);backdrop-filter:blur(var(--backdrop-blur)) saturate(1.35);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:10}.vivek-nav__inner{box-sizing:border-box;width:min(100%,72rem);margin:0 auto;display:flex;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-6)}.vivek-nav__logo{font-weight:700;font-size:var(--text-xl);color:var(--text);text-decoration:none;flex-shrink:0}.vivek-nav__tabs{display:flex;gap:var(--space-1);flex-wrap:wrap;flex:1;justify-content:center}.vivek-nav__tabs a,.vivek-nav__ext{color:var(--text-secondary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600}.vivek-nav__tabs a.on,.vivek-nav__tabs a:hover,.vivek-nav__ext:hover{color:var(--text);background:var(--surface-2)}.vivek-nav__tabs a.on{box-shadow:inset 0 -2px var(--accent);border-radius:0}.vivek-nav__end{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.vivek-nav__theme{display:flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.vivek-nav__theme button{border:0;background:transparent;color:var(--text-secondary);padding:var(--space-1) var(--space-3);font:inherit;font-size:var(--text-xs);font-weight:650;cursor:pointer}.vivek-nav__theme button.on{background:var(--surface-2);color:var(--text)}.ui-card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:none;transition:border-color .2s ease,background-color .2s ease;position:relative}.ui-card--flat{padding:0}.ui-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.ui-card__title{margin:0;font-size:var(--text-lg);font-weight:650;color:var(--text);letter-spacing:-.01em}.ui-card__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.ui-card__body:empty{display:none}@media(max-width:640px){.ui-card{padding:var(--space-5)}.ui-card__header{flex-direction:column;align-items:stretch}.ui-card__actions{width:100%;flex-wrap:wrap}}.ui-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.ui-page-header--embed{margin-bottom:var(--space-3)}.ui-page-header--embed:not(:has(.ui-page-header__actions *)){display:none}.ui-page-header__title{margin:0 0 var(--space-1);font-size:var(--text-2xl);font-weight:600;color:var(--text);letter-spacing:-.03em}.ui-page-header__subtitle{margin:0;color:var(--text-secondary);font-size:var(--text-sm);max-width:58rem}.ui-page-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ui-page-header__actions:empty{display:none}@media(max-width:640px){.ui-page-header{gap:var(--space-3)}.ui-page-header__title{font-size:clamp(1.55rem,8vw,var(--text-2xl))}.ui-page-header__actions{width:100%}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:650;font-size:var(--text-sm);cursor:pointer;border:1px solid transparent;transition:background-color .16s ease,border-color .16s ease,color .16s ease;font-family:inherit;line-height:1.25;box-shadow:none;user-select:none;-webkit-user-select:none}.ui-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.ui-btn:active:not(:disabled){transform:none}.ui-btn--md{min-height:44px;padding:var(--space-3) var(--space-5)}.ui-btn--sm{min-height:36px;padding:var(--space-2) var(--space-4);font-size:.8125rem}.ui-btn--primary{background:var(--accent);color:var(--on-accent)}.ui-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.ui-btn--secondary{background:color-mix(in srgb,var(--surface-2) 78%,transparent);color:var(--text);border-color:var(--border)}.ui-btn--secondary:hover:not(:disabled){background:var(--surface-hover)}.ui-btn--ghost{background:transparent;color:var(--accent);box-shadow:none}.ui-btn--ghost:hover:not(:disabled){background:var(--surface-2)}.ui-btn--danger{background:var(--danger);color:var(--on-accent)}.ui-btn--danger:hover:not(:disabled){background:var(--danger-hover)}html{min-height:100%;background:var(--bg);scroll-padding-top:6rem}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit}.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}.page{box-sizing:border-box;width:min(100%,68rem);margin:0 auto;padding:clamp(2rem,5vw,3.5rem) var(--space-6) var(--space-16);display:flex;flex-direction:column;gap:clamp(1.5rem,3.5vw,2.5rem)}.page p{margin:0;color:var(--text-secondary)}.page ul,.page ol{margin:0;padding-left:1.25rem;color:var(--text-secondary)}.page li+li{margin-top:var(--space-2)}.page .details{color:var(--text-tertiary);font-size:var(--text-sm)}.page h2,.page h3{color:var(--text)}.page h2{margin:0;font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em}.page h3{margin:0;font-size:var(--text-lg);font-weight:600;letter-spacing:-.015em}.page-intro{max-width:56rem}.eyebrow{margin:0 0 var(--space-3)!important;color:var(--text-secondary)!important;font-size:var(--text-sm);font-weight:600}.page-intro__title{margin:0 0 var(--space-3)!important;font-size:clamp(2rem,7vw,3.25rem)!important;font-weight:600!important;line-height:1.08;letter-spacing:-.04em!important}.page-intro__summary{max-width:42rem;font-size:var(--text-base);line-height:1.6}.home-intro{max-width:56rem;padding:0 0 var(--space-8);border-bottom:1px solid var(--border)}.home-intro__role{margin:0 0 var(--space-3)!important;color:var(--text-secondary)!important;font-size:var(--text-sm)}.home-intro__title{margin:0 0 var(--space-3);color:var(--text);font-size:clamp(2.5rem,7vw,4rem);font-weight:600;line-height:1;letter-spacing:-.055em}.home-intro__summary{max-width:38rem;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.55}.home-intro__links{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);margin-top:var(--space-5)}.home-intro__links a,.work-demo-link a,.links a{color:var(--accent);font-weight:600;text-decoration-thickness:1px;text-underline-offset:.2em}.home-intro__links a:hover,.work-demo-link a:hover,.links a:hover{color:var(--accent-hover)}.home-work{max-width:62rem}.home-work__heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.home-work__heading h2{margin:0;font-size:var(--text-lg);font-weight:620}.home-work__heading>a{color:var(--accent);font-size:var(--text-sm);font-weight:600;text-underline-offset:.2em}.home-work__heading>a:hover{color:var(--accent-hover)}.home-work .work-list{border-top:1px solid var(--border-subtle)}.home-work .work-entry{grid-template-columns:minmax(10rem,.55fr) minmax(0,1.8fr)}.home-work .work-entry__copy h3{margin:0;color:var(--text);font-size:var(--text-base);font-weight:620}.home-work .work-entry__copy a{margin-top:var(--space-1);color:var(--accent);font-size:var(--text-sm);font-weight:600;text-underline-offset:.2em}.home-work .work-entry__copy a:hover{color:var(--accent-hover)}.home-work .work-entry__role{color:var(--text-secondary);font-size:var(--text-sm)}.home-work .work-entry{padding:var(--space-4) 0}.links{display:flex;gap:var(--space-4);flex-wrap:wrap}.editorial-section{display:grid;grid-template-columns:minmax(10rem,.72fr) minmax(0,1.8fr);gap:var(--space-6);padding:var(--space-5) 0;border-top:1px solid var(--border-subtle);scroll-margin-top:7rem}.editorial-section>h2{font-size:var(--text-sm);color:var(--text-secondary)}.editorial-entry{display:grid;gap:var(--space-2)}.editorial-entry .details{margin-top:var(--space-2);max-width:48rem}.about-history{display:grid;gap:var(--space-6)}.history-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4)}.history-heading h3{margin:0}.history-role{color:var(--text-secondary)}.skills-list{display:grid;gap:var(--space-4)}.skills-list p{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--space-4)}.skills-list strong{color:var(--text);font-weight:600}.work-list{border-top:1px solid var(--border-subtle)}.work-entry{display:grid;grid-template-columns:minmax(12rem,.72fr) minmax(0,1.8fr);gap:var(--space-6);padding:var(--space-5) 0;border-bottom:1px solid var(--border-subtle)}.work-entry__heading,.work-entry__copy{display:grid;align-content:start;gap:var(--space-2)}.work-entry__role{font-size:var(--text-sm)}.work-entry__copy p+p{margin-top:var(--space-2)}.work-demo-link{margin-top:var(--space-5)!important}.home-note{margin-top:var(--space-2)}.home-note p{max-width:42rem;line-height:1.7}.secrets-explainer ol{display:grid;gap:var(--space-2)}.secrets-explainer .details{grid-column:2;max-width:42rem;margin-top:var(--space-2)}.demo-group{display:grid;gap:var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-5)}.demo-group>h2{font-size:var(--text-base);color:var(--text-secondary)}.demo-group label{color:var(--text);font-weight:600}.demo-group textarea{min-height:8rem;resize:vertical;line-height:1.55}.demo-group textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.demo-actions{margin-top:var(--space-1)!important}.error-message{color:var(--danger)!important}.ciphertext{overflow-wrap:anywhere}.ciphertext code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.demo-group markdown{line-height:1.65;color:var(--text-secondary)}.demo-group markdown p{margin:0 0 var(--space-3)}textarea{width:100%;box-sizing:border-box;font:inherit;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text)}@media(max-width:640px){.page{padding:var(--space-5) var(--space-4) var(--space-12);gap:var(--space-6)}.home-intro{padding-bottom:var(--space-6)}.editorial-section,.work-entry{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.editorial-section{padding:var(--space-4) 0}.editorial-section>h2{color:var(--text)}.home-work .work-entry{gap:var(--space-2)}.home-work__heading{align-items:baseline}.secrets-explainer .details{grid-column:1;margin-top:0}.skills-list p{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.home-work__heading{align-items:start;flex-direction:column}}@media(max-width:360px){.page{padding-right:var(--space-3);padding-left:var(--space-3)}.home-intro__title{font-size:clamp(2.4rem,11vw,2.85rem);letter-spacing:-.05em}.home-intro__links{gap:var(--space-3) var(--space-4)}}