:root{--ink:#1b211a;--card:#222a20;--raised:#2b3428;--line:#3a4536;--moss:#628141;--moss-light:#9cc16c;--paper:#e9ede3;--muted:#a3ad98;--danger:#e2735f;--body:"Be Vietnam Pro", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none;-webkit-text-size-adjust:100%}html::-webkit-scrollbar{display:none}body{font-family:var(--body);background:var(--ink);color:var(--paper);min-height:100dvh;padding:max(.625rem, env(safe-area-inset-top)) .625rem max(.625rem, env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;display:flex}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--moss-light);outline-offset:2px}svg.iconify{flex-shrink:0;width:1.15em;height:1.15em;display:inline-block}.card{background:var(--card);border:1px solid var(--line);text-align:center;text-wrap:balance;border-radius:20px;width:100%;max-width:420px;padding:clamp(1rem,3dvh,2rem) 1.25rem}.avatar{object-fit:cover;object-position:center 30%;border-radius:50%;width:clamp(60px,10dvh,96px);height:clamp(60px,10dvh,96px);margin-bottom:clamp(.5rem,1.2dvh,.875rem)}.name{margin-bottom:.25rem;font-size:clamp(1.4rem,3.6dvh,1.75rem);font-weight:600;line-height:1.2}.subtitle{margin-bottom:.125rem;font-size:clamp(.875rem,2dvh,1rem)}.location{color:var(--muted);margin-bottom:clamp(.625rem,2dvh,1.25rem);font-size:.8125rem}.roles{color:var(--muted);gap:.125rem;margin-bottom:clamp(.625rem,2dvh,1.25rem);font-size:clamp(.8125rem,1.9dvh,.9375rem);line-height:1.45;list-style:none;display:grid}.roles a{color:var(--moss-light);font-weight:500}.roles a:hover{text-decoration:underline}.bio{color:var(--muted);margin-bottom:clamp(.75rem,2.4dvh,1.5rem);font-size:clamp(.8125rem,1.9dvh,.9375rem);line-height:1.5}.links{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:clamp(.75rem,2.4dvh,1.5rem);display:grid}.link{border:1px solid var(--line);background:var(--raised);min-height:clamp(42px,6dvh,50px);color:var(--paper);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500;transition:border-color .15s;display:flex}.link:hover{border-color:var(--moss)}.link-primary{background:var(--moss);border-color:var(--moss);color:#fff}.link-primary:hover{background:#6f9249}.links-social{grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.links-social .link{font-size:1.125rem}.skills{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:clamp(.375rem,1.2dvh,.75rem) 1rem;padding-top:clamp(.625rem,2dvh,1.25rem);display:grid}.skills h2{margin-bottom:.5rem;font-size:.8125rem;font-weight:600}.skills p{color:var(--muted);font-size:clamp(.8125rem,1.8dvh,.875rem);line-height:1.5}.skills span{color:var(--paper);font-size:.75rem;display:block}.now-playing{text-align:left;justify-content:center;align-items:center;gap:.625rem;margin-top:clamp(.5rem,1.6dvh,1.25rem);display:flex}.record{width:36px;height:36px;box-shadow:0 0 0 1px var(--line);background:repeating-radial-gradient(circle,#111 0 1px,#1d1d1d 1px 2.5px);border-radius:50%;flex-shrink:0;animation:3.5s linear infinite paused spin;position:relative}.record.spinning{animation-play-state:running}.record:before,.record img{object-fit:cover;border-radius:50%;width:56%;height:56%;position:absolute;inset:22%}.record:before{content:"";background:var(--moss)}.record:after{content:"";background:var(--card);border-radius:50%;position:absolute;inset:calc(50% - 2px)}.now-playing-text{min-width:0;line-height:1.35;display:grid}.now-playing-track,.now-playing-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.now-playing-track{font-size:.8125rem;font-weight:500}.now-playing-meta{color:var(--muted);font-size:.75rem}.now-playing:hover .now-playing-track{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.record{animation:none}}.modal-overlay{z-index:50;background:#0a0d09b8;justify-content:center;align-items:flex-end;padding:.625rem;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-content{background:var(--card);border:1px solid var(--line);border-radius:24px;width:100%;max-width:440px;max-height:calc(100dvh - 1.25rem);padding:1.5rem 1.25rem 1.25rem;position:relative;overflow-y:auto}@media (prefers-reduced-motion:no-preference){.modal-content{animation:.25s ease-out sheet}@keyframes sheet{0%{opacity:0;transform:translateY(24px)}}}@media (width>=600px){.modal-overlay{align-items:center}}.close-btn{width:40px;height:40px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;font-size:1.125rem;display:flex;position:absolute;top:.875rem;right:.875rem}.close-btn:hover{color:var(--paper);background:var(--raised)}.modal-title{margin-bottom:1.25rem;padding-right:2.5rem;font-size:1.5rem;font-weight:600;line-height:1.2}.contact-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-label{font-size:.875rem;font-weight:600}.form-input{border:1px solid var(--line);background:var(--ink);width:100%;color:var(--paper);font-family:var(--body);border-radius:10px;padding:.75rem .875rem;font-size:1rem}.form-input:focus{border-color:var(--moss-light);outline:none;box-shadow:0 0 0 3px #9cc16c33}.form-textarea{resize:none}.submit-btn{background:var(--moss);color:#fff;border-radius:12px;min-height:54px;margin-top:.25rem;font-size:1rem;font-weight:600}.submit-btn:hover:not(:disabled){background:#6f9249}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.toast{left:.625rem;right:.625rem;top:max(.625rem, env(safe-area-inset-top));z-index:60;background:var(--raised);border:1px solid var(--line);border-left-width:4px;border-radius:12px;max-width:440px;margin:0 auto;padding:.875rem 1rem;display:none;position:fixed}.toast.active{display:block}.toast.success{border-left-color:var(--moss-light)}.toast.error{border-left-color:var(--danger)}.toast-message{color:var(--paper);font-size:.9375rem;font-weight:500}