:root{--bg: #000000;--fg: #f5f5f5;--fg-dim: #8a8a8a;--fg-dimmer: #5c5c5c;--line: rgba(255, 255, 255, .09);--surface: rgba(255, 255, 255, .035);--surface-hover: rgba(255, 255, 255, .06);--rainbow: linear-gradient( 90deg, #ff4d4d 0%, #ffa64d 16%, #ffe14d 32%, #4dff88 50%, #4dd2ff 66%, #7a5cff 83%, #ff5cc8 100% );--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline:1px solid rgba(255,255,255,.55);outline-offset:3px;border-radius:6px}::selection{background:#ffffff29}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--bg)}.starfield{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.backdrop__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 62% 48% at 50% 48%,#0000008c,#00000042 55%,#0000)}.boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:var(--bg);transition:opacity .6s var(--ease-out)}.boot[data-leaving=true]{opacity:0;pointer-events:none}.boot__wrap{position:relative;width:min(220px,52vw)}.boot__bar{position:relative;height:2px;border-radius:999px;background:#ffffff12;overflow:hidden;opacity:0;animation:boot-bar-in .5s var(--ease-out) forwards}.boot__fill{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:999px;background:var(--rainbow);animation:boot-fill 1.8s cubic-bezier(.65,0,.2,1) .25s forwards}.boot__wrap[data-waiting=true]{animation:boot-wait 1.4s ease-in-out infinite}@keyframes boot-wait{0%,to{opacity:1}50%{opacity:.45}}.boot__glow{position:absolute;left:0;top:-11px;height:24px;width:0%;background:var(--rainbow);filter:blur(14px);opacity:0;animation:boot-fill 1.8s cubic-bezier(.65,0,.2,1) .25s forwards,boot-glow 2.3s var(--ease-out) .25s forwards;pointer-events:none}@keyframes boot-bar-in{to{opacity:1}}@keyframes boot-fill{0%{width:0%}55%{width:62%}to{width:100%}}@keyframes boot-glow{0%{opacity:0}60%{opacity:.28}to{opacity:0}}.page{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:108px 22px calc(48px + env(safe-area-inset-bottom));text-align:center}.reveal{opacity:0;transform:translateY(10px);filter:blur(6px);animation:reveal 1.1s var(--ease-out) forwards;animation-delay:var(--delay, 0ms)}@keyframes reveal{to{opacity:1;transform:none;filter:blur(0)}}.tagline{margin:0;max-width:min(52ch,92vw);color:#cfcfcf;font-size:15px;font-weight:300;letter-spacing:-.005em}.corner{position:fixed;top:calc(20px + env(safe-area-inset-top));z-index:10}.corner--left{left:calc(22px + env(safe-area-inset-left))}.corner--right{right:calc(22px + env(safe-area-inset-right));text-align:right}.status{display:flex;align-items:baseline;gap:7px;color:var(--fg-dim);font-family:var(--mono);font-size:11px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.status__time{color:var(--fg)}.status__dot,.status__alt,.status__place{color:var(--fg-dimmer)}.status__place:before{content:"·";margin-right:7px}.player{display:flex;flex-direction:column;width:231px;max-width:82vw;text-align:left}.player__stage{position:fixed;left:-10000px;top:0;width:320px;height:180px;pointer-events:none}.player__stage iframe,.player__stage>div{width:100%;height:100%;border:0}.player__row{display:flex;align-items:center;gap:9px;min-width:0}.player__toggle{flex:none;display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--fg);cursor:pointer;transition:background .2s var(--ease-out),border-color .2s var(--ease-out),opacity .2s var(--ease-out)}.player__toggle:hover:not(:disabled){background:var(--surface-hover);border-color:#ffffff2e}.player__toggle:disabled{opacity:.4;cursor:default}.player__meta{display:flex;flex-direction:column;min-width:0}.player__title{font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__author{color:var(--fg-dim);font-size:11.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__track{position:relative;height:2px;margin-top:10px;border-radius:999px;background:#ffffff1f;cursor:pointer}.player__track:before{content:"";position:absolute;top:-7px;right:0;bottom:-7px;left:0}.player__fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:var(--fg);transition:width .26s linear}.player__time{display:flex;justify-content:space-between;margin-top:5px;color:var(--fg-dimmer);font-family:var(--mono);font-size:10px;letter-spacing:.02em;font-variant-numeric:tabular-nums}@media(max-width:640px){.corner{top:calc(14px + env(safe-area-inset-top))}.corner--left{left:calc(14px + env(safe-area-inset-left))}.corner--right{right:calc(14px + env(safe-area-inset-right))}.player{width:168px}.status__alt,.status__place{display:none}}.built{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 7px;color:var(--fg-dim);font-size:13px}.built a{display:inline-flex;align-items:center;gap:6px;color:var(--fg);transition:color .18s var(--ease-out)}.built a:hover{color:var(--fg-dim)}.built img{width:16px;height:16px;border-radius:4px}.built .dot{color:var(--fg-dimmer)}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;font-size:13px;color:var(--fg-dim)}.links a{position:relative;transition:color .18s var(--ease-out)}.links a:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .26s var(--ease-out)}.links a:hover{color:var(--fg)}.links a:hover:after{transform:scaleX(1)}.tabs{position:fixed;top:calc(20px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:10;display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabs.reveal{animation-name:reveal-centred}@keyframes reveal-centred{0%{opacity:0;transform:translate(-50%,10px);filter:blur(6px)}to{opacity:1;transform:translate(-50%);filter:blur(0)}}.tabs__tab{padding:5px 14px;border-radius:7px;color:var(--fg-dim);font-family:var(--mono);font-size:11px;letter-spacing:.02em;transition:color .2s var(--ease-out),background .2s var(--ease-out)}.tabs__tab:hover{color:var(--fg)}.tabs__tab[aria-current=page]{background:#ffffff14;color:var(--fg)}@media(max-width:640px){.tabs{top:calc(84px + env(safe-area-inset-top))}}.panel{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.projects{width:min(876px,92vw);margin-top:8px;text-align:left}.projects__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project{display:flex;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:background .22s var(--ease-out),border-color .22s var(--ease-out)}.project:hover{background:var(--surface-hover);border-color:#ffffff29}.project__thumb{display:block;width:100%;aspect-ratio:16 / 10;border-radius:8px;border:1px solid var(--line);object-fit:cover;object-position:top center;background:#ffffff05}.project__thumb--empty{display:grid;place-items:center}.project__mark{color:var(--fg-dimmer);font-family:var(--mono);font-size:13px;letter-spacing:.02em}.project__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.project__name{font-size:14px;font-weight:600;letter-spacing:-.01em}.project__arrow{color:var(--fg-dimmer);font-size:12px;transition:color .2s var(--ease-out),transform .26s var(--ease-out)}.project:hover .project__arrow{color:var(--fg);transform:translate(2px,-2px)}.project__blurb{margin-top:5px;color:var(--fg-dim);font-size:12.5px;line-height:1.5}.project__stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.project__tech{padding:3px 8px;border:1px solid var(--line);border-radius:999px;color:var(--fg-dimmer);font-family:var(--mono);font-size:10px;letter-spacing:.02em}@media(max-width:780px){.projects{width:min(430px,92vw)}.projects__grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;filter:none}}