:root{--bg: #070b10;--bg-elevated: #0a1017;--tile: #0d131b;--tile-strong: #090e15;--tile-alt: #0b1219;--text: #edf1f5;--text-soft: #c6ced8;--muted: #8e98a6;--border: #3a4556;--accent: #ff5f56;--accent-soft: #ff9b95;--success: #27c93f;--ring: #465267;--avatar-bg: #0c121b;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px;--radius-xs: 8px;--font-sans: "Space Grotesk", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Fira Code", "SFMono-Regular", Menlo, monospace;--text-base: .95rem;--text-sm: .88rem;--text-xs: .78rem;--label-sm: .74rem;--label-xs: .7rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-sans);background:var(--bg, #090d12);color:var(--text, #f4f4f5);transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}.page{width:min(1120px,100% - 1.5rem);margin:1.25rem auto 2.5rem;position:relative;z-index:2}.backdrop{position:fixed;inset:0;pointer-events:none;overflow:hidden;isolation:isolate;background:radial-gradient(74% 58% at 12% -8%,rgb(255 95 86 / 20%),transparent 70%),radial-gradient(62% 48% at 88% 10%,rgb(39 201 63 / 12%),transparent 72%),radial-gradient(78% 56% at 50% 104%,rgb(140 164 196 / 11%),transparent 72%),linear-gradient(180deg,#0d141d,#09111a 45%,#070b10);z-index:1}.backdrop:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgb(255 255 255 / 2%) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgb(255 255 255 / 1.5%) 0 1px,transparent 1px 6px);opacity:.2}.backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(130% 94% at 50% 18%,transparent 44%,rgb(2 5 9 / 54%) 100%)}.tile{background:linear-gradient(180deg,color-mix(in srgb,var(--tile),white 3%),var(--tile-alt));border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.15rem;position:relative;overflow:hidden;isolation:isolate;transition:border-color .2s ease}.tile:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:color-mix(in srgb,var(--border),white 12%);opacity:.55;pointer-events:none}.tile:hover{border-color:color-mix(in srgb,var(--accent),var(--border) 38%)}.page.is-intro-active .tile{opacity:0;transform:translateY(42px);animation:tileRushIn .56s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--intro-delay, 0ms)}@keyframes tileRushIn{0%{opacity:0;transform:translateY(42px)}72%{opacity:1}to{opacity:1;transform:translateY(0)}}h1{margin:0;font-size:clamp(1.3rem,3.2vw,1.95rem);font-weight:500;font-family:var(--font-sans);line-height:1.36;max-width:28ch;letter-spacing:-.01em}h1 strong{font-weight:700}h2{margin:0;font-size:clamp(1.1rem,1.3vw,1.45rem);line-height:1.25;font-weight:600;font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text)}.cards h2{font-family:var(--font-mono);font-size:clamp(1.02rem,1.1vw,1.18rem);font-weight:500;letter-spacing:.09em;text-transform:uppercase}p,li{font-family:var(--font-sans);color:var(--text-soft);line-height:1.5;font-size:var(--text-base);max-width:52ch}a:focus-visible{outline:2px solid color-mix(in srgb,var(--accent),white 25%);outline-offset:2px}.hero{display:grid;grid-template-columns:1fr auto;gap:1.6rem;align-items:center}.hero-copy{min-width:0}.socials{display:flex;gap:.68rem;flex-wrap:wrap;margin-top:1rem}.socials a{display:inline-flex;align-items:center;gap:.42rem;padding:.52rem .84rem;border-radius:var(--radius-sm);font-size:.8rem;font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.socials a.primary{background:color-mix(in srgb,var(--accent),black 20%);border:1px solid color-mix(in srgb,var(--accent),white 18%);color:#fff0ef}.socials a.secondary{border:1px solid color-mix(in srgb,var(--accent),var(--border) 64%);background:var(--tile-strong);color:var(--text-soft)}.socials a:hover{transform:translateY(-1px)}.socials a.primary:hover{background:color-mix(in srgb,var(--accent),white 6%);border-color:color-mix(in srgb,var(--accent),white 34%)}.socials a.secondary:hover{border-color:color-mix(in srgb,var(--accent-soft),white 30%)}.socials svg{width:.95rem;height:.95rem;display:block;fill:currentColor}.avatar{width:180px;height:180px;position:relative;display:grid;place-items:center;flex-shrink:0}.avatar:before{content:"";position:absolute;inset:8px;border-radius:999px;background:var(--avatar-bg);z-index:0}.avatar-ring{position:absolute;inset:8px;border-radius:999px;border:1px dashed var(--ring);z-index:2;pointer-events:none}.avatar-photo{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);border-radius:999px;object-fit:cover;object-position:center;display:block;border:1px solid color-mix(in srgb,var(--border),black 12%);box-shadow:0 .6rem 1.4rem #00000059;z-index:1}.cards{margin-top:.95rem;display:grid;gap:.95rem;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);grid-template-areas:"about meta" "about spotify" "now terminal" "signature signature";align-items:stretch}.cards>.about{grid-area:about}.cards>.meta{grid-area:meta}.cards>.now-tile{grid-area:now}.cards>.spotify{grid-area:spotify}.cards>.signature{grid-area:signature}.cards>.terminal{grid-area:terminal}.cards>.tile{height:100%}.about{display:flex;flex-direction:column;gap:.52rem}.about-highlights{margin:.08rem 0;display:flex;flex-wrap:wrap;gap:.42rem}.about-highlights span{display:inline-flex;align-items:center;padding:.34rem .58rem;border-radius:var(--radius-xs);border:1px solid color-mix(in srgb,var(--accent),var(--border) 72%);background:color-mix(in srgb,var(--tile-strong),white 3%);font-size:var(--label-sm);font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-soft)}.about-detail{margin:.52rem 0 0}.about-stack{margin-top:auto;padding-top:.35rem}.about-divider{height:1px;background:color-mix(in srgb,var(--border),white 36%);box-shadow:0 0 .45rem #ffffff14;margin:0 0 .72rem}.chip-label{margin:0 0 .1rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.09em;font-size:var(--label-xs);color:var(--muted)}.tool-grid{margin:.04rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.48rem}.tool-chip{display:inline-flex;align-items:center;gap:.62rem;padding:.56rem .86rem;border-radius:var(--radius-xs);border:1px solid color-mix(in srgb,var(--accent),var(--border) 68%);background:var(--tile-strong);font-size:.92rem;font-family:var(--font-mono);letter-spacing:.02em;line-height:1.2;color:var(--text-soft);transition:border-color .2s ease,transform .2s ease}.tool-chip:hover{border-color:color-mix(in srgb,var(--accent-soft),white 24%);transform:translateY(-1px)}.tool-chip svg{width:1.32rem;height:1.32rem;display:block;flex-shrink:0;color:var(--text)}.meta{display:flex;flex-direction:column;gap:1rem}.tile.meta:before{content:none}.meta-block{position:relative}.meta-block p:last-child{margin-bottom:0}.time-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.clock{font-size:clamp(1.35rem,2.8vw,1.85rem);margin:0;line-height:1.1}.clock-row{display:block;margin:.82rem 0 .3rem}.weather-chip{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:.4rem;padding:.36rem .62rem;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--accent),var(--border) 66%);background:linear-gradient(180deg,color-mix(in srgb,var(--tile-strong),white 3%),color-mix(in srgb,var(--tile-strong),black 2%));color:var(--text-soft);line-height:1;white-space:nowrap;min-width:5rem;position:relative;overflow:hidden;box-shadow:0 0 .4rem #ff5f561a}.weather-chip:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:color-mix(in srgb,var(--border),white 14%);opacity:.62;pointer-events:none}#weather-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem}#weather-icon svg{width:1rem;height:1rem;display:block;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}#weather-temp{font-size:1.08rem;font-family:var(--font-mono);letter-spacing:.03em;font-weight:500;line-height:1}.weather-metrics{display:flex;flex-wrap:wrap;gap:.42rem;margin:0 0 .42rem}.metric-chip{display:inline-flex;align-items:center;padding:.28rem .52rem;border-radius:var(--radius-xs);border:1px solid color-mix(in srgb,var(--border),white 8%);background:color-mix(in srgb,var(--tile-strong),white 2%);font-family:var(--font-mono);font-size:var(--label-sm);letter-spacing:.02em;line-height:1.2;color:var(--text-soft)}.weather-updated{margin:.15rem 0 0;font-family:var(--font-mono);font-size:var(--label-sm);letter-spacing:.02em}.now-tile,.spotify{display:flex;flex-direction:column;gap:.68rem}.spotify{position:relative}.status-top{display:flex;justify-content:space-between;align-items:center}.dot{width:.72rem;height:.72rem;border-radius:999px;background:var(--accent);box-shadow:0 0 .25rem #ff5f568c,0 0 .85rem #ff5f5673;animation:livePulse 2.4s ease-in-out infinite}@keyframes livePulse{0%,to{filter:brightness(.72);box-shadow:0 0 .12rem #ff5f5673,0 0 .4rem #ff5f564d}50%{filter:brightness(1.28);box-shadow:0 0 .3rem #ff5f56d1,0 0 1rem #ff5f56a3}}.status-message{margin:0;transition:opacity .18s ease;min-height:3em}.status-message.is-changing{opacity:.18}.muted{color:var(--muted)}.spotify-head{display:flex;align-items:center;justify-content:space-between;gap:.72rem}.spotify-state{font-family:var(--font-mono);font-size:var(--label-sm);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:.18rem .45rem;border-radius:999px;background:var(--tile-strong)}.spotify[data-spotify-state=playing] .spotify-state{color:var(--success);border-color:color-mix(in srgb,var(--success),var(--border) 45%);box-shadow:0 0 .2rem #27c93f42,0 0 .7rem #27c93f38;animation:liveBadgePulse 2.4s ease-in-out infinite}.spotify[data-spotify-state=idle] .spotify-state{color:var(--text-soft)}.spotify[data-spotify-state=error] .spotify-state{color:var(--accent-soft);border-color:color-mix(in srgb,var(--accent-soft),var(--border) 46%)}@keyframes liveBadgePulse{0%,to{filter:brightness(.84);box-shadow:0 0 .12rem #27c93f33,0 0 .45rem #27c93f29}50%{filter:brightness(1.2);box-shadow:0 0 .28rem #27c93f7a,0 0 .9rem #27c93f52}}.spotify-body{display:grid;grid-template-columns:66px minmax(0,1fr);gap:.82rem;align-items:center}.spotify-art-link{display:block;width:66px;height:66px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--accent),var(--border) 68%);background:var(--tile-strong);overflow:hidden}.spotify-art-link:hover{border-color:color-mix(in srgb,var(--accent-soft),white 26%)}#spotify-art{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center;transition:opacity .18s ease,transform .18s ease}#spotify-art.is-swapping{opacity:.14;transform:scale(.97)}.spotify-meta{min-width:0;transition:opacity .18s ease,transform .18s ease}.spotify-meta.is-swapping{opacity:.18;transform:translateY(4px)}.spotify-corner-link{position:absolute;right:1.02rem;bottom:.92rem;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;line-height:0;color:#fff;opacity:.88;z-index:2;pointer-events:none;transition:none}.spotify-corner-link svg{width:1rem!important;height:1rem!important;display:block;flex-shrink:0}.spotify-title{display:block;margin:0;font-weight:600;font-size:.98rem;color:var(--text);line-height:1.28;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify-title:hover{color:color-mix(in srgb,var(--accent),var(--text) 64%)}.spotify-artists{margin:0;font-size:var(--text-sm);color:var(--muted);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify-state.is-state-bump{animation:spotifyStateBump .24s ease}@keyframes spotifyStateBump{0%{transform:translateY(2px);filter:brightness(.86)}65%{transform:translateY(-1px);filter:brightness(1.08)}to{transform:translateY(0);filter:brightness(1)}}.terminal{padding:0;overflow:hidden;display:flex;flex-direction:column;background:#11151d;height:100%}.terminal:before{display:none}.terminal:focus-within{border-color:color-mix(in srgb,var(--accent),var(--border) 38%)}.terminal-chrome{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.44rem .62rem;background:#1f2632;border-bottom:1px solid #3a4352}.terminal-lights{display:inline-flex;gap:.34rem}.terminal-light{width:.68rem;height:.68rem;border-radius:999px;border:1px solid rgb(0 0 0 / 34%);box-shadow:inset 0 1px #ffffff38}.terminal-light-close{background:#ff5f57}.terminal-light-minimize{background:#ffbd2f}.terminal-light-zoom{background:#28c840}.terminal-caption{margin:0;text-align:center;font-size:var(--label-xs);letter-spacing:.04em;color:var(--text-soft);font-family:var(--font-mono);opacity:.9}.terminal-spacer{width:2.2rem;display:inline-block}.terminal-output{margin-top:0;padding:.8rem .85rem .95rem;flex:1;background:#0c1118}.terminal-line{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--text-soft);font-family:var(--font-mono);display:flex;align-items:baseline;flex-wrap:wrap;gap:.42rem}.terminal-line+.terminal-line{margin-top:.32rem}.terminal-line-muted{color:var(--muted);font-size:var(--text-xs);letter-spacing:.01em}.terminal-user{color:#90b4ff}.terminal-path{color:color-mix(in srgb,var(--success),white 20%)}.terminal-symbol{color:var(--accent-soft)}.terminal-command-wrap{display:inline-flex;align-items:baseline;gap:0;min-width:0}#terminal-command{display:inline;color:var(--text);white-space:normal;overflow-wrap:anywhere;min-width:0}.terminal-cursor{width:.6ch;height:1.15em;background:color-mix(in srgb,var(--text),var(--accent-soft) 10%);display:inline-block;transform:translateY(.13em);animation:terminalCursorBlink 1s step-end infinite;will-change:opacity}@keyframes terminalCursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.signature{align-self:start;padding-block:.9rem}.signature p{margin:0;font-size:.9rem;color:var(--muted);max-width:none}.accent{color:var(--accent-soft);text-decoration:none}.accent:hover{color:var(--accent);text-decoration:underline;text-underline-offset:.16rem}@media(max-width:980px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.cards{grid-template-columns:1fr;grid-template-areas:"about" "meta" "now" "spotify" "terminal" "signature"}.cards>.tile{height:auto}}@media(max-width:760px){.hero{grid-template-columns:1fr}.backdrop{background:radial-gradient(92% 58% at 0% -12%,rgb(255 95 86 / 17%),transparent 70%),radial-gradient(88% 52% at 100% 7%,rgb(39 201 63 / 10%),transparent 74%),radial-gradient(108% 66% at 50% 110%,rgb(140 164 196 / 9%),transparent 74%),linear-gradient(180deg,#0c121b,#081018 48%,#070b10)}.backdrop:before{opacity:.14}.avatar{width:140px;height:140px;justify-self:center;margin-inline:auto}.avatar-photo{inset:14px;width:calc(100% - 28px);height:calc(100% - 28px)}}@media(max-width:640px){.page{width:min(1120px,100% - 1rem);margin-top:.8rem}.socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.socials a{width:100%;justify-content:center;padding:.58rem .62rem}.cards{grid-template-columns:1fr}.time-head{align-items:flex-start}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.socials,.tool-grid{grid-template-columns:1fr}.spotify-body{grid-template-columns:56px minmax(0,1fr)}.spotify-art-link{width:56px;height:56px}}@media(prefers-reduced-motion:reduce){.page.is-intro-active .tile{animation:none;opacity:1;transform:none}.tile,#spotify-art,.spotify-meta,.status-message{transition:none}.dot,.terminal-cursor,.spotify[data-spotify-state=playing] .spotify-state,.spotify-state.is-state-bump{animation:none}}