/* shadcn/ui default dark theme tokens */
:root {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --border: oklch(1 0 0 / 10%);
  --ring: oklch(0.556 0 0);
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}
*,*::before,*::after{box-sizing:border-box;scroll-behavior:auto!important;animation:none!important;transition:none!important}
html{width:100%;height:100%;overflow:hidden;-webkit-text-size-adjust:100%}
body{width:100%;height:100%;margin:0;overflow:hidden;background-color:var(--background);color:var(--foreground);font-family:var(--font-mono);font-size:.875rem;font-weight:400;line-height:1.65;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.page{max-width:60rem;height:100dvh;margin:0 auto;padding:clamp(1.5rem,6dvh,4rem) 2rem;display:flex;align-items:center;overflow:hidden}
.grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.name{margin:0;font-size:1rem;font-weight:500;letter-spacing:-.02em}
.role{margin:.25rem 0 0;color:var(--muted-foreground)}
.bio{margin-top:2rem}
.bio p{margin:0 0 1rem;color:var(--muted-foreground)}
.bio p:last-child{margin-bottom:0}
.meta{margin:2.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--border);display:grid;gap:.5rem}
.meta-row{display:grid;grid-template-columns:6rem 1fr;gap:1rem}
.meta dt{color:var(--muted-foreground);font-weight:400}
.meta dd{margin:0}
.status-dot{display:inline-block;width:.4rem;height:.4rem;margin-right:.5rem;border-radius:50%;background-color:oklch(.75 .16 150);vertical-align:.1em}

/* Current work is intentionally separated from profile metadata */
.now{margin-top:1.5rem;padding:1.1rem 1.15rem 1.15rem;border:1px solid var(--border);border-radius:.45rem;background:oklch(1 0 0 / 2.5%)}
.now .section-title{margin:0 0 .8rem;color:oklch(.78 0 0);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase}
.now .work-desc{max-width:none;margin-top:.45rem}
.now .work-link{padding:.08rem .35rem;border:1px solid var(--border);border-radius:999px;line-height:1.35;text-transform:uppercase;letter-spacing:.05em}

.section-title{margin:0 0 1.5rem;font-size:.875rem;font-weight:400;color:var(--muted-foreground)}
.work-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--border)}
.work-list li{border-bottom:1px solid var(--border)}
.work-item{display:block;padding:1.25rem .75rem 1.25rem 0;color:inherit;border-radius:.375rem}
.work-item:hover,.work-item:focus-within{background-color:var(--accent)}
.work-item:focus-within{outline:1px solid var(--ring);outline-offset:2px}
.work-award{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem;color:oklch(.72 .1 85);font-size:.6875rem;font-weight:400;letter-spacing:.01em;line-height:1.3}
.work-award-star{font-size:.7rem;line-height:1;color:oklch(.72 .1 85)}
.work-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.work-name{font-weight:500}
.work-links{display:flex;align-items:baseline;gap:.5rem;flex-shrink:0}
.work-links-sep{color:oklch(.4 0 0);font-size:11px}
.work-link{color:oklch(.55 0 0);font-size:.6875rem;font-weight:400;text-decoration:none;border-bottom:1px solid transparent}
.work-link:hover{color:var(--muted-foreground);border-bottom-color:var(--border)}
.work-link:focus-visible{outline:1px solid var(--ring);outline-offset:3px;border-radius:2px}
.work-desc{margin:.375rem 0 0;max-width:44ch;color:var(--muted-foreground);font-weight:300;font-size:.8125rem;line-height:1.6}
.work-creds{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;color:oklch(.55 0 0);font-size:.6875rem;font-weight:400;letter-spacing:.01em;line-height:1.4}
.work-creds-label{color:oklch(.45 0 0)}
.work-creds-sep{color:oklch(.4 0 0)}
.elsewhere{margin-top:2rem;display:flex;align-items:center;gap:.75rem;color:var(--muted-foreground)}
.sep{color:var(--border)}
.link{color:var(--muted-foreground);text-decoration:none;border-bottom:1px solid transparent}
.link:hover{color:var(--foreground);border-bottom-color:var(--border)}
.link:focus-visible{outline:1px solid var(--ring);outline-offset:3px;border-radius:2px}
.footnote-mark{font-size:.7em;color:var(--muted-foreground)}
.footnote{position:fixed;bottom:1.25rem;left:50%;transform:translateX(-50%);z-index:10;margin:0;max-width:min(44rem,calc(100% - 3rem));padding:0 1rem;color:oklch(.5 0 0);font-size:.6875rem;font-weight:400;line-height:1.5;letter-spacing:.01em;text-align:center;pointer-events:none}
.footnote sup{font-size:.85em}
@media(max-height:46rem){
body{font-size:.75rem;line-height:1.5}.page{padding-top:1rem;padding-bottom:1rem}.grid{gap:3rem}.bio{margin-top:1rem}.bio p{margin-bottom:.5rem}.meta{margin-top:1rem;padding-top:.75rem}.now{margin-top:.8rem;padding:.75rem .85rem}.now .section-title{margin-bottom:.5rem}.section-title{margin-bottom:.75rem}.work-item{padding-top:.65rem;padding-bottom:.65rem}.work-desc{font-size:.6875rem;line-height:1.45}.work-creds{margin-top:.4rem}.elsewhere{margin-top:1rem}}
@media(max-width:48rem){
html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}html{font-size:100%}body{font-size:.875rem;line-height:1.65}.page{min-height:100dvh;height:auto;padding:2rem 1.25rem;align-items:flex-start;overflow:visible}.grid{grid-template-columns:minmax(0,1fr);gap:3rem}.bio{margin-top:1.75rem}.bio p{margin-bottom:1rem}.meta{margin-top:2rem;padding-top:1.25rem}.meta-row{grid-template-columns:5rem minmax(0,1fr);gap:.75rem}.meta dd,.meta a{min-width:0;overflow-wrap:anywhere}.now{margin-top:1.5rem}.section-title{margin-bottom:1rem}.work-item{padding:1.25rem 0}.work-desc{max-width:none;font-size:.8125rem;line-height:1.6}.work-creds{margin-top:.75rem}.elsewhere{margin-top:2rem;padding-bottom:env(safe-area-inset-bottom)}}
@media(max-width:24rem){.work-head{align-items:flex-start;flex-direction:column;gap:.35rem}}
