:root{--bg: #faf8f4;--text: #151513;--text-mid: #2a2a27;--text-muted: #555550;--text-dim: #6b6b63;--accent: #2a6b4f;--accent-hover: #1e5039;--accent-light: rgba(42, 107, 79, .07);--border: #dbd6cc;--card-bg: #ffffff;--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--ease: cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg: #1a1917;--text: #e8e6e1;--text-mid: #cccbc5;--text-muted: #9a9990;--text-dim: #6e6e65;--accent: #3d9e74;--accent-hover: #4db888;--accent-light: rgba(61, 158, 116, .12);--border: #2e2d29;--card-bg: #232220}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font-mono);font-size:.9rem;line-height:1.7;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.landing{max-width:540px;width:100%}.name{font-family:var(--font-display);font-size:clamp(3rem,9vw,5rem);font-weight:800;line-height:1.02;letter-spacing:-.035em;color:var(--text);margin-bottom:1rem}.role{font-size:.95rem;font-weight:500;color:var(--text-mid);margin-bottom:.2rem}.role a{color:var(--accent);font-weight:600;transition:opacity .2s var(--ease)}.role a:hover{opacity:.7}.location{font-size:.8rem;color:var(--text-dim);margin-bottom:1.75rem}.divider{width:2.5rem;height:2.5px;background:var(--accent);margin-bottom:1.75rem}.bio{font-size:.9rem;color:var(--text-muted);line-height:1.75;margin-bottom:2.25rem;max-width:460px}nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}nav a{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--text-mid);padding:.5rem 1rem;border:1.5px solid var(--border);border-radius:100px;transition:all .25s var(--ease);position:relative;overflow:hidden;z-index:1}nav a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease);border-radius:100px}nav a:hover{color:#fff;border-color:var(--accent)}nav a:hover:before{transform:scaleX(1)}.social{display:flex;gap:1rem}.social a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-dim);border:1.5px solid var(--border);transition:all .25s var(--ease)}.social a:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.social svg{width:16px;height:16px;fill:currentColor}.stagger>*{opacity:0;animation:fadeUp .5s var(--ease) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.stagger>*:nth-child(6){animation-delay:.3s}.stagger>*:nth-child(7){animation-delay:.35s}.stagger>*:nth-child(8){animation-delay:.4s}.page{max-width:800px;margin:0 auto;padding:clamp(2rem,5vw,6rem)}.page-back{display:inline-block;font-size:.8rem;color:var(--text-dim);margin-bottom:2rem;transition:color .2s var(--ease)}.page-back:hover{color:var(--accent)}.page-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,3rem);font-weight:800;letter-spacing:-.03em;color:var(--text);margin-bottom:1.5rem}.coffee-subtitle{font-size:.95rem;color:var(--text-muted);margin-bottom:2rem;max-width:500px}.coffee-cta{margin-bottom:2.5rem}.cta-button{display:inline-block;font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:#fff;background:var(--accent);padding:.75rem 1.5rem;border-radius:100px;transition:all .25s var(--ease);position:relative;z-index:10}.cta-button:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px)}.coffee-content h2{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text);margin-top:2rem;margin-bottom:.75rem}.coffee-content h2:first-child{margin-top:0}.coffee-content p,.coffee-content li{font-size:.85rem;color:var(--text-muted);line-height:1.75}.coffee-content ul{list-style:none;padding:0}.coffee-content li{padding:.35rem 0 .35rem 1.25rem;position:relative}.coffee-content li:before{content:"—";position:absolute;left:0;color:var(--accent)}.coffee-content a{color:var(--accent);font-weight:500;transition:opacity .2s var(--ease)}.coffee-content a:hover{opacity:.7}.emoji-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1000;overflow:hidden}.emoji-float{position:absolute;font-size:2rem;animation:float 2s ease-out forwards;z-index:1000}@keyframes float{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(1.5)}}.theme-toggle{position:fixed;top:1.25rem;right:1.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid var(--border);background:var(--card-bg);color:var(--text-dim);cursor:pointer;transition:all .25s var(--ease);z-index:100;padding:0}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.theme-toggle svg{width:16px;height:16px}@media(max-width:480px){.name{font-size:clamp(2.25rem,11vw,3.5rem)}.page{padding:2rem 1.5rem}}#root{min-height:100vh}