body{margin:0px;padding:0px}:root{--bg-primary: #2b2b2b;--bg-secondary: rgba(255, 254, 246, 0.03);--bg-hover: rgba(255, 254, 246, 0.06);--text-primary: #fffef6;--text-secondary: rgba(255, 254, 246, 0.6);--accent: #81d8d0;--accent-hover: #6ec4bc;--border: rgba(255, 254, 246, 0.1);--shadow: rgba(0, 0, 0, 0.3);--glass: rgba(43, 43, 43, 0.8)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:"IBM Plex Sans JP",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.6;min-height:100vh;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:480px;margin:0 auto;padding:3rem 1.5rem 2rem;display:flex;flex-direction:column;align-items:center;min-height:100vh}@media screen and (max-width: 767px){.container{padding:2rem 1rem 1.5rem}}.profile{text-align:center;margin-bottom:1rem;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-image-wrapper{position:relative;display:inline-block;margin-bottom:1.25rem;cursor:pointer}.profile-image-wrapper::before{content:"";position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg, var(--accent) 0%, transparent 50%);opacity:.5;z-index:-1;transition:opacity .3s ease}.profile-image-wrapper:hover::before{opacity:.8}.profile-image-wrapper[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);padding:6px 12px;background:#3a3a3a;border:1px solid rgba(255,254,246,.2);border-radius:8px;font-size:.75rem;color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10;box-shadow:0 4px 16px rgba(0,0,0,.4)}.profile-image-wrapper[data-tooltip]:hover::after{opacity:1;visibility:visible;bottom:-40px}.profile-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--border);box-shadow:0 8px 32px var(--shadow);transition:transform .3s ease,border-color .3s ease}.profile-image:hover{transform:scale(1.05);border-color:var(--accent)}@media screen and (max-width: 767px){.profile-image{width:100px;height:100px}}.profile-name{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;letter-spacing:-0.02em;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.3)}@media screen and (max-width: 767px){.profile-name{font-size:1.25rem}}.profile-handle{font-size:.875rem;color:var(--accent);margin:0 0 .5rem;font-weight:500}.profile-bio{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;font-weight:400}.social-links{display:flex;gap:.75rem;justify-content:center;margin-top:0}.social-link{width:40px;height:40px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.social-link:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(129,216,208,.15)}.social-link:hover .social-icon{fill:var(--accent)}.social-icon{width:20px;height:20px;fill:var(--text-primary);transition:fill .3s ease}.links{width:100%;display:flex;flex-direction:column;gap:.75rem;animation:fadeInUp .6s ease-out .1s both}.link-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;text-decoration:none;color:var(--text-primary);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.link-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(129, 216, 208, 0.1) 0%, transparent 50%);opacity:0;transition:opacity .3s ease}.link-card:hover{background:var(--bg-hover);border-color:rgba(129,216,208,.3);transform:translateX(4px);box-shadow:0 4px 20px rgba(0,0,0,.2)}.link-card:hover::before{opacity:1}.link-card:hover .link-icon{fill:var(--accent);transform:scale(1.1)}.link-card:hover .link-title{color:var(--accent)}.link-card:hover .link-arrow{opacity:1;transform:translateX(0)}.link-card:active{transform:translateX(2px)}.link-icon-wrapper{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:rgba(255,254,246,.05);display:flex;align-items:center;justify-content:center}.link-icon{width:22px;height:22px;fill:var(--text-primary);transition:all .3s ease}.link-icon-img{width:22px;height:22px;object-fit:contain;transition:all .3s ease;filter:brightness(0) invert(1)}.link-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.link-title{font-size:.9375rem;font-weight:500;color:var(--text-primary);transition:color .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-url{font-size:.75rem;color:var(--text-secondary);font-weight:400}.link-arrow{width:20px;height:20px;fill:var(--text-secondary);opacity:0;transform:translateX(-8px);transition:all .3s ease;flex-shrink:0}footer{margin-top:auto;padding-top:2rem;text-align:center;animation:fadeInUp .6s ease-out .2s both}footer p{font-size:.6875rem;color:var(--text-secondary);margin:0;font-weight:400}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}