:root{--font-ui: "Outfit", sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--type-header: clamp(48px, 7.9vw, 96px);--type-subheader: clamp(16px, 1.6vw, 20px);--type-body: clamp(15px, 1.3vw, 16px);--type-caption: clamp(11px, .95vw, 12px);--type-emoji: clamp(22px, 2.15vw, 28px);--bio-text-primary: #1a1a1a;--bio-text-secondary: #555;--bio-text-tertiary: #999;--bio-text-muted: #aaa;--scene-base-position: 50% 50%;--scene-plate-bleed-x: 22px;--scene-plate-bleed-y: 48px;--scene-phase-duration: 2.35s;--scene-weather-duration: .65s;--scene-phase-ease: cubic-bezier(.25, .1, .25, 1);--scene-overlay-duration: 1.35s;--scene-overlay-ease: cubic-bezier(.22, 1, .36, 1);color:#f6efe1;font-family:var(--font-serif);line-height:1.5;font-weight:400;background:radial-gradient(circle at top,rgba(245,215,160,.18),transparent 42%),linear-gradient(180deg,#0d1422,#0a111d);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh}button,input,textarea,select{font:inherit}.app-shell{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory}.scene-shell{min-height:100dvh;scroll-snap-align:start}.scene-frame{position:relative;min-height:100%;overflow:hidden;background:#0f1422b8;isolation:isolate}.scene-layer{position:absolute;inset:0;pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:cover;transition:opacity var(--scene-overlay-duration) var(--scene-overlay-ease),background-position var(--scene-overlay-duration) var(--scene-overlay-ease)}.scene-plate-stack{transition:opacity var(--scene-weather-duration) var(--scene-overlay-ease);will-change:opacity}.scene-depth-group{position:absolute;inset:0}.scene-depth-group--background{z-index:0}.scene-depth-group--atmosphere,.scene-depth-group--street{z-index:1}.scene-layer--base{transform-origin:center center;background-position:var(--scene-base-position);transition:opacity var(--scene-phase-duration) var(--scene-phase-ease)}.scene-layer--plate{top:calc(-1 * var(--scene-plate-bleed-y));right:calc(-1 * var(--scene-plate-bleed-x));bottom:calc(-1 * var(--scene-plate-bleed-y));left:calc(-1 * var(--scene-plate-bleed-x));background-position:var(--scene-base-position);transform:translate3d(var(--scene-align-x, 0px),var(--scene-align-y, 0px),0)}.scene-layer--rain-shadow,.scene-layer--rain-mist{background:linear-gradient(180deg,rgb(var(--rain-secondary, 182 199 218) / .18) 0%,rgb(var(--rain-secondary, 182 199 218) / .08) 24%,transparent 58%),radial-gradient(circle at 50% 66%,rgb(var(--rain-sheen, 214 223 232) / .14),transparent 38%);filter:blur(14px)}.scene-layer--top-scrim,.scene-layer--vignette,.scene-layer--rain-shadow,.scene-layer--rain-mist,.scene-layer--rain{transition:opacity var(--scene-weather-duration) var(--scene-overlay-ease)}.scene-layer--rain-mist{mix-blend-mode:screen}.scene-layer--rain-shadow{background-image:repeating-linear-gradient(105deg,rgb(var(--rain-shadow, 44 52 66) / 0) 0 8px,rgb(var(--rain-shadow, 44 52 66) / .12) 8px 9px,rgb(var(--rain-shadow, 44 52 66) / 0) 9px 22px),repeating-linear-gradient(105deg,rgb(var(--rain-shadow, 44 52 66) / 0) 0 16px,rgb(var(--rain-shadow, 44 52 66) / .06) 16px 17px,rgb(var(--rain-shadow, 44 52 66) / 0) 17px 42px);background-size:120px 120px,188px 188px;background-position:0 0,24px -16px;background-repeat:repeat,repeat;filter:blur(.9px);mix-blend-mode:multiply}.scene-layer--rain{background-image:repeating-linear-gradient(105deg,rgb(var(--rain-highlight, 206 222 240) / 0) 0 12px,rgb(var(--rain-highlight, 206 222 240) / .1) 12px 14px,rgb(var(--rain-highlight, 206 222 240) / 0) 14px 30px),repeating-linear-gradient(105deg,rgb(var(--rain-highlight, 206 222 240) / 0) 0 20px,rgb(var(--rain-secondary, 182 199 218) / .05) 20px 22px,rgb(var(--rain-highlight, 206 222 240) / 0) 22px 44px);background-repeat:repeat,repeat;filter:blur(.6px);mix-blend-mode:screen;transform:scale(1.04)}.scene-layer--rain-shadow-far{animation:rain-shadow-fall 4s linear infinite;will-change:background-position}.scene-layer--rain-far{background-size:240px 240px,360px 360px;background-position:0 0,40px -28px;animation:rain-fall-far 3.2s linear infinite;will-change:background-position}.scene-layer--rain-near{background-size:180px 180px,280px 280px;background-position:16px 0,52px -30px;animation:rain-fall-near 2.4s linear infinite;will-change:background-position}.scene-layer--vignette{background:radial-gradient(circle at 50% 42%,transparent 38%,rgba(4,7,16,.26) 78%,rgba(3,5,12,.58) 100%),linear-gradient(180deg,#02040a29,#0103085c)}.scene-layer--top-scrim{background:linear-gradient(180deg,rgb(var(--storm-sky-shadow, 8 12 22) / .34) 0%,rgb(var(--storm-sky-shadow, 8 12 22) / .12) 18%,transparent 44%),radial-gradient(circle at 18% 10%,rgb(var(--storm-sky-shadow, 10 18 32) / .16),transparent 32%)}.scene-content{position:relative;z-index:2;min-height:100dvh}.scene-overlay-content{position:absolute;inset:0;--overlay-text-primary: rgba(255, 255, 255, .96);--overlay-text-secondary: rgba(255, 255, 255, .76);--overlay-text-tertiary: rgba(255, 255, 255, .6);--overlay-text-muted: rgba(255, 255, 255, .5);--overlay-text-interactive: rgba(255, 255, 255, .76);--overlay-text-interactive-hover: rgba(255, 255, 255, .96);--overlay-text-chip: rgba(255, 255, 255, .96);color:var(--overlay-text-primary);transition:color 1.2s ease}.scene-overlay-content--dark{--overlay-text-primary: rgba(0, 0, 0, .92);--overlay-text-secondary: rgba(0, 0, 0, .64);--overlay-text-tertiary: rgba(0, 0, 0, .56);--overlay-text-muted: rgba(0, 0, 0, .46);--overlay-text-interactive: rgba(0, 0, 0, .64);--overlay-text-interactive-hover: rgba(0, 0, 0, .9);--overlay-text-chip: rgba(0, 0, 0, .92);color:var(--overlay-text-primary)}.site-meta{position:absolute;top:40px;left:32px;width:min(320px,calc(100vw - 48px));display:grid;gap:12px;font-family:var(--font-ui)}.meta-time{font-family:var(--font-ui);font-weight:400;font-size:var(--type-header);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.045em;white-space:nowrap}.meta-detail{font-family:var(--font-ui);font-weight:400;font-size:var(--type-subheader);line-height:1.1;color:var(--overlay-text-secondary)}.widget-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.widget-status-slot{min-width:58px;display:flex;justify-content:flex-end}.widget-status{display:flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:var(--type-subheader);line-height:1;color:var(--overlay-text-interactive)}.widget-status--live{color:inherit}.widget-status--reset{color:inherit;background:none;border:none;padding:0;text-decoration:underline;text-underline-offset:.14em;cursor:pointer;transition:color .24s ease,transform .24s ease}.widget-scale{display:grid;gap:8px}.widget-time-range{appearance:none;width:100%;height:44px;margin:-16px 0 -14px;padding:0;background:transparent;cursor:pointer;touch-action:none}.widget-time-range::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:var(--widget-time-track, linear-gradient( 90deg, #14143d 0%, #806699 20%, #8cc7eb 42%, #e09461 72%, #14143d 100% ))}.widget-time-range::-webkit-slider-thumb{appearance:none;width:44px;height:44px;margin-top:-20.5px;border:none;border-radius:999px;background:radial-gradient(circle at center,rgba(255,255,255,.95) 5px,transparent 5px);box-shadow:0 0 0 2px #ffffff38,0 6px 14px #0000002e;box-shadow:none;transition:transform .15s ease}.widget-time-range:active::-webkit-slider-thumb{background:radial-gradient(circle at center,rgba(255,255,255,1) 7px,rgba(255,255,255,.08) 7px,transparent 22px);transform:scale(1.1)}.widget-time-range::-moz-range-track{height:3px;border:none;border-radius:999px;background:var(--widget-time-track, linear-gradient( 90deg, #14143d 0%, #806699 20%, #8cc7eb 42%, #e09461 72%, #14143d 100% ))}.widget-time-range::-moz-range-thumb{width:44px;height:44px;border:none;border-radius:999px;background:radial-gradient(circle at center,rgba(255,255,255,.95) 5px,transparent 5px);box-shadow:none;transition:transform .15s ease}.widget-time-range:active::-moz-range-thumb{background:radial-gradient(circle at center,rgba(255,255,255,1) 7px,rgba(255,255,255,.08) 7px,transparent 22px);transform:scale(1.1)}.widget-scale-labels{position:relative;height:12px;font-family:var(--font-ui);font-weight:400;font-size:var(--type-caption);line-height:1;color:var(--overlay-text-secondary);font-variant-numeric:tabular-nums}.widget-scale-labels span{position:absolute;top:0;white-space:nowrap}.widget-scale-labels span:nth-child(1){left:0}.widget-scale-labels span:nth-child(2){left:25%;transform:translate(-50%)}.widget-scale-labels span:nth-child(3){left:50%;transform:translate(-50%)}.widget-scale-labels span:nth-child(4){left:75%;transform:translate(-50%)}.widget-scale-labels span:nth-child(5){right:0}.weather-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px;min-height:44px}.weather-chip{display:inline-flex;align-items:center;justify-content:flex-start;gap:0;position:relative;isolation:isolate;min-height:32px;padding:0;color:var(--overlay-text-secondary);background:none;border:none;font-family:var(--font-ui);font-size:var(--type-subheader);font-weight:400;text-align:left;cursor:pointer;transform-origin:left center;transition:color .26s ease,transform .3s cubic-bezier(.22,1,.36,1),gap .36s cubic-bezier(.22,1,.36,1),padding .36s cubic-bezier(.22,1,.36,1),box-shadow .36s cubic-bezier(.22,1,.36,1),background .36s cubic-bezier(.22,1,.36,1),border-color .36s cubic-bezier(.22,1,.36,1)}.weather-chip__emoji{font-size:var(--type-emoji);font-weight:400;color:inherit;line-height:1;flex:0 0 auto;position:relative;z-index:2;transition:transform .28s cubic-bezier(.22,1,.36,1)}.weather-chip__label{max-width:0;overflow:hidden;opacity:0;white-space:nowrap;position:relative;z-index:2;transform:translate(-4px);transition:max-width .42s cubic-bezier(.22,1,.36,1),opacity .24s ease,transform .42s cubic-bezier(.22,1,.36,1)}.weather-chip--active{gap:6px;padding:7px 18px 7px 12px;overflow:hidden;color:var(--overlay-text-chip);border-radius:999px;border:none;background:#ffffff01;box-shadow:0 8px 40px #0000002e}.weather-chip--active .weather-chip__label{max-width:220px;opacity:1;transform:translate(0)}.weather-chip--active:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:#ffffff0a;mix-blend-mode:screen}.scene-overlay-content--dark .weather-chip--active{color:var(--overlay-text-chip);background:#ffffff01;box-shadow:0 8px 40px #0000002e}@media(hover:hover)and (pointer:fine){.widget-status--reset:hover{color:var(--overlay-text-interactive-hover);transform:translateY(-1px)}.weather-chip:not(.weather-chip--active):hover{color:var(--overlay-text-primary);transform:translateY(-1px) scale(1.05)}.weather-chip:not(.weather-chip--active):hover .weather-chip__emoji{transform:scale(1.08)}.weather-chip--active:hover{color:var(--overlay-text-chip);background:#ffffff02;box-shadow:0 10px 44px #0003;transform:translateY(-1px) scale(1.015)}.weather-chip--active:hover .weather-chip__emoji{transform:scale(1.02)}}.live-dot{width:10px;height:10px;border-radius:50%;background:#ffffff38;flex-shrink:0}.live-dot--active{background:#4ade80;box-shadow:0 0 6px #4ade8066;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.site-footnote{position:absolute;bottom:0;left:32px;width:min(320px,calc(100vw - 48px))}.site-footnote-line{display:none}.site-footnote-text{margin:0;padding:6px 0;font-family:var(--font-ui);font-weight:400;font-size:var(--type-caption);color:var(--overlay-text-secondary);text-align:left}.site-footnote-text strong{font-weight:inherit}.scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);color:var(--overlay-text-secondary);cursor:pointer;padding:12px 24px;transition:opacity .2s ease;animation:hint-drift 3s ease-in-out infinite}.scroll-hint:hover{opacity:.7}@keyframes hint-drift{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(3px)}}@keyframes identity-enter{0%{opacity:0;transform:translate(40px)}50%{opacity:1;transform:translate(-4px)}70%{transform:translate(2px)}to{opacity:1;transform:translate(0)}}@keyframes meta-enter{0%{opacity:0;transform:translate(-40px)}50%{opacity:1;transform:translate(4px)}70%{transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes widget-settle{0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(10px)}55%{opacity:1;transform:translateY(-2px) scale(1.006);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes dock-pop{0%{opacity:0;transform:translateY(40px) scale(.7)}50%{opacity:1;transform:translateY(-4px) scale(1.06)}70%{transform:translateY(2px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.site-footnote{animation:identity-enter 1s cubic-bezier(.22,1,.36,1) both;animation-delay:.2s}.site-meta{animation:none}.widget-header,.meta-time,.widget-scale,.weather-strip{animation:widget-settle .92s cubic-bezier(.2,1,.32,1) both}.widget-header{animation-delay:.24s}.meta-time{animation-delay:.34s}.widget-scale{animation-delay:.46s}.weather-strip{animation-delay:.58s}@keyframes rain-shadow-fall{0%{background-position:0 0,24px -16px}to{background-position:-64px 240px,-40px 340px}}@keyframes rain-fall-far{0%{background-position:0 0,40px -28px}to{background-position:-64px 240px,-24px 332px}}@keyframes rain-fall-near{0%{background-position:16px 0,52px -30px}to{background-position:-38px 180px,0px 250px}}.bio-panel{position:relative;min-height:100dvh;scroll-snap-align:start;display:flex;align-items:flex-start;background:#fff;padding:80px 32px 60px}.bio-content{max-width:640px}.bio-greeting{margin:0 0 24px;font-family:var(--font-ui);font-weight:400;font-size:var(--type-body);color:var(--bio-text-primary)}.bio-body{margin:0 0 20px;font-family:var(--font-ui);font-weight:400;font-size:var(--type-body);line-height:1.65;color:var(--bio-text-primary)}.bio-body--accent{font-weight:500}.bio-body--light{color:var(--bio-text-secondary)}.bio-signoff{margin:32px 0 0;font-family:var(--font-ui);font-weight:400;font-size:var(--type-body);color:var(--bio-text-primary)}.bio-link{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}.bio-link:hover{color:var(--bio-text-secondary)}.bio-social{margin-top:32px;font-family:var(--font-ui);font-weight:400;font-size:var(--type-caption);color:var(--bio-text-primary);display:flex;gap:8px}.bio-dot{color:var(--bio-text-muted)}.bio-footnote{position:absolute;bottom:0;left:32px;width:min(320px,calc(100vw - 48px))}.bio-footnote-text{margin:0;padding:6px 0;font-family:var(--font-ui);font-weight:400;font-size:var(--type-caption);color:var(--bio-text-tertiary);text-align:left}.bio-footnote-text strong{font-weight:inherit}@media(max-width:720px){.bio-panel{padding:48px 24px 40px}.bio-body{font-size:var(--type-body)}.bio-footnote{left:24px;width:min(320px,calc(100vw - 48px))}}@media not (min-aspect-ratio:4/3){:root{--scene-base-position: 38% 50%}}@media(max-width:720px){.site-meta{left:24px;top:24px;width:min(320px,calc(100vw - 48px))}.site-footnote{left:24px;width:min(320px,calc(100vw - 48px))}.site-footnote-text{font-size:var(--type-caption);padding:6px 0}.meta-time{font-size:48px}.meta-detail,.widget-status{font-size:var(--type-subheader)}.widget-scale-labels{font-size:var(--type-caption)}.weather-strip{gap:8px}.scroll-hint{bottom:24px}}.scrubbing .scene-layer{transition:none!important}@media(prefers-reduced-motion:reduce){.scene-layer{transition:none}.scene-layer--rain,.site-footnote,.site-meta,.scroll-hint{animation:none}}