:root{--bg:#050505;--surface:#111;--text:#f7f7f3;--subtle:#c9c7bf;--muted:#88847b;--line:#292929;--mincho:"Shippori Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "Times New Roman", serif;--latin:var(--mincho);font-family:var(--mincho);color:var(--text);background:linear-gradient(#ffffff0a 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:72px 72px}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100%;margin:0}button,input,textarea,select{font:inherit}img,svg{display:block}#root{min-height:100svh}.profile-page{place-items:center;min-height:100svh;padding:48px 20px 76px;display:grid;position:relative}.profile{text-align:center;justify-items:center;gap:28px;width:min(100%,760px);display:grid}.avatar{object-fit:cover;border:1px solid var(--line);width:clamp(132px,22vw,176px);height:clamp(132px,22vw,176px);box-shadow:0 0 0 10px var(--surface), 0 28px 80px #ffffff14;border-radius:50%}.profile-copy{gap:16px;display:grid}.eyebrow{text-transform:uppercase;color:var(--muted);font-size:.78rem;line-height:1;font-family:var(--latin);letter-spacing:.18em}h1{color:var(--text);margin:0;font-size:clamp(2rem,7vw,3.5rem);font-weight:600;line-height:1.05}.bio{width:min(100%,590px);color:var(--subtle);margin:0 auto;font-size:clamp(.8rem,2.4vw,1rem);line-height:1.9}.links{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;width:min(100%,560px);display:grid}.links a{min-height:86px;color:var(--text);background:var(--bg);font-family:var(--latin);text-transform:uppercase;place-items:center;gap:10px;padding:16px 8px;font-size:.82rem;text-decoration:none;transition:background-color .18s,color .18s;display:grid}.links a:hover,.links a:focus-visible{color:var(--bg);background:var(--text)}.links a:focus-visible{outline:2px solid var(--text);outline-offset:4px}.links svg{fill:currentColor;width:24px;height:24px}.credit{inset-inline:20px;color:var(--muted);text-align:center;margin:0;font-size:.78rem;line-height:1.6;position:absolute;bottom:20px}.credit a{color:var(--subtle);text-underline-offset:.25em;transition:color .18s}.credit a:hover,.credit a:focus-visible{color:var(--text)}@media (width<=560px){.profile-page{padding-block:32px 64px}.profile{gap:24px}.links{grid-template-columns:repeat(2,minmax(0,1fr))}.links a{min-height:78px}}