@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');*{box-sizing:border-box}:root{--paper:#eee8df;--ink:#211e1d;--pink:#d9637f}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:'DM Sans';overflow-x:hidden}.orb{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none}.one{width:45vw;height:45vw;background:#e8a6af;top:-25vw;left:-12vw;opacity:.45}.two{width:38vw;height:38vw;background:#b7c8d4;right:-20vw;bottom:-18vw;opacity:.45}main{position:relative;width:min(100% - 32px,620px);margin:auto;min-height:100vh;padding:24px 0 40px}nav{display:flex;justify-content:space-between;align-items:center}.logo,footer>a{text-decoration:none;color:inherit;font-weight:600;letter-spacing:-.04em}.logo span,footer span{color:var(--pink)}nav button{width:42px;height:42px;border:1px solid rgba(32,29,28,.18);border-radius:50%;background:rgba(255,255,255,.28);font-size:18px;cursor:pointer;backdrop-filter:blur(10px)}.profile{text-align:center;padding:28px 0 38px}.avatar{position:relative;width:min(100%,390px);aspect-ratio:4/5;margin:auto}.avatar:before{content:"";position:absolute;inset:-5px;border:1px solid rgba(32,29,28,.28);border-radius:30px}.avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;border-radius:26px;filter:saturate(.88);box-shadow:0 24px 65px rgba(51,35,29,.18)}.avatar i{position:absolute;right:14px;bottom:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;border:3px solid var(--paper);font-size:11px}.tag{font-size:9px;letter-spacing:.2em;margin-top:25px;color:#776e69}.profile h1{font:52px 'Instrument Serif';margin:9px 0 10px;letter-spacing:-.03em}.bio{font:italic 18px/1.5 'Instrument Serif';color:#685f5b}.links{display:grid;gap:13px}.links a{--delay:0ms;display:grid;grid-template-columns:48px 1fr 30px;align-items:center;min-height:78px;padding:10px 18px 10px 12px;border:1px solid rgba(32,29,28,.15);border-radius:18px;background:rgba(255,255,255,.4);color:inherit;text-decoration:none;box-shadow:0 9px 32px rgba(77,54,44,.05);backdrop-filter:blur(14px);animation:up .55s both;animation-delay:var(--delay);transition:.2s ease}.links a:hover{transform:translateY(-3px);background:rgba(255,255,255,.7);box-shadow:0 14px 40px rgba(77,54,44,.1)}.links a>b{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#ded4ca;font:20px 'Instrument Serif'}.links span{display:flex;flex-direction:column;gap:4px}.links strong{text-transform:lowercase;font-size:14px}.links small{font:10px 'DM Sans';color:#857b76;letter-spacing:.04em}.links a>i{font-style:normal;color:#8b817c}.links .featured{background:var(--ink);color:white;border-color:var(--ink)}.links .featured b{background:#332e2d}.links .featured small,.links .featured>i{color:#bcb3ae}footer{text-align:center;margin-top:70px;padding-top:30px;border-top:1px solid rgba(32,29,28,.12)}footer p{font:16px 'Instrument Serif';margin:12px}footer small{font-size:8px;letter-spacing:.12em;color:#847b76;text-transform:uppercase}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;background:#211e1d;color:white;padding:10px 18px;border-radius:30px;font-size:11px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes up{from{opacity:0;transform:translateY(12px)}}@media(max-width:500px){main{width:min(100% - 24px,620px)}.profile{padding:18px 0 25px}.avatar{width:min(100%,360px);height:310px;aspect-ratio:auto}.avatar img{object-position:50% 36%}.profile .tag{margin-top:20px}.profile h1{font-size:44px;margin-bottom:0}}
