@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css";
:root{--bg:#f7f7f5;--text:#111;--muted:#666;--line:#d9d9d9;--shadow:0 10px 30px #0000000f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);letter-spacing:.03em;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Yu Gothic UI,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.7;display:flex}.bg{z-index:0;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff14,#ffffff14),url(/images/bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.container{z-index:1;width:100%;max-width:760px;margin-left:32vw;position:relative}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);background:#ffffff59;border:1px solid #ffffff73;border-radius:28px;padding:46px 32px}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:.78rem}h1{letter-spacing:.08em;margin-bottom:12px;font-family:Inter,sans-serif;font-size:clamp(2.2rem,6vw,4rem);font-weight:600}.divider{background:var(--line);width:150px;height:1px;margin:0 0 32px}.intro{color:#222;max-width:560px;margin-bottom:40px;font-size:1rem}.profile-header{padding-right:150px;position:relative}.name-row{align-items:center;gap:14px;display:flex}.avatar{background-image:url(/images/avatar.png);background-position:50%;background-size:cover;border:1px solid #ccc;border-radius:50%;width:195px;height:195px;position:absolute;top:50%;right:50px;transform:translateY(-50%);box-shadow:0 4px 12px #0000001a}.links{gap:14px;margin-bottom:28px;display:grid}.link-item{color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#ffffff1a;border:1px solid #ffffffe6;border-radius:18px;justify-content:space-between;align-items:center;padding:10px 18px;text-decoration:none;transition:transform .25s,background-color .25s,border-color .25s;animation:.7s forwards slideFadeIn;display:flex;transform:translate(24px)}@keyframes slideFadeIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.link-main{align-items:center;gap:14px;min-width:0;display:flex}.icon{text-align:center;color:#222;flex-shrink:0;width:22px;font-size:1rem}.icon-img{object-fit:contain;opacity:.85;width:22px;height:22px}.link-item:hover{background:#ffffffc7;border-color:#aaa}.link-text{min-width:0}.link-label{color:#222;margin-bottom:4px;font-size:1rem;font-weight:600}.note-row{grid-template-columns:90px 1fr;align-items:start;gap:14px;display:grid}.link-id{color:#3a3a3a;white-space:nowrap;font-size:.88rem}.link-desc{color:#3a3a3a;font-size:.88rem;line-height:1.6}.arrow{color:var(--muted);opacity:.75;flex-shrink:0;margin-left:16px;font-size:.9rem;transition:transform .25s,opacity .25s}.link-item:hover .arrow{opacity:1;transform:translate(3px,-3px)}footer{color:var(--muted);-webkit-user-select:none;user-select:none;margin-top:10px;font-size:.82rem}#loading{z-index:99999;background:#f7f7f5;justify-content:center;align-items:center;animation:1.3s 1s forwards loadingFadeOut;display:flex;position:fixed;inset:0}.loading-text{color:#111;letter-spacing:.16em;font-family:Inter,sans-serif;font-size:2rem}.loading-text span{animation:1.2s ease-in-out infinite waveText;display:inline-block}.loading-text span:first-child{animation-delay:0s}.loading-text span:nth-child(2){animation-delay:80ms}.loading-text span:nth-child(3){animation-delay:.16s}.loading-text span:nth-child(4){animation-delay:.24s}.loading-text span:nth-child(5){animation-delay:.32s}.loading-text span:nth-child(6){animation-delay:.4s}.loading-text span:nth-child(7){animation-delay:.48s}.loading-text span:nth-child(8){animation-delay:.56s}.loading-text span:nth-child(9){animation-delay:.64s}.loading-text span:nth-child(10){animation-delay:.72s}@keyframes waveText{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}@keyframes loadingFadeOut{to{opacity:0;visibility:hidden;pointer-events:none}}@media (max-width:760px){body{justify-content:center;padding:16px}.container{max-width:100%;margin-left:0}.card{border-radius:22px;width:100%;padding:42px 22px}.profile-header{padding-right:0}.avatar{width:180px;height:180px;margin:20px auto 24px;position:static;transform:none}.link-item{align-items:flex-start;gap:12px}.note-row{grid-template-columns:1fr;gap:2px}}@media (max-width:1024px){body{justify-content:center;padding:24px}.container{width:100%;max-width:720px;margin-left:0}.card{width:100%}}