:root{--bg-gradient-start: #0d1b2a;--bg-gradient-end: #101820;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #7a7a7a;--card-bg: rgba(255, 255, 255, .08);--card-bg-hover: rgba(255, 255, 255, .12);--card-border: rgba(255, 255, 255, .1);--social-card-bg: #ffffff;--social-card-text: #1a1a1a;--cta-gradient-start: #00d9ff;--cta-gradient-end: #00b4cc;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--border-radius-sm: 12px;--border-radius-md: 16px;--border-radius-lg: 20px;--border-radius-xl: 24px;--transition-fast: .2s ease;--transition-normal: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(30deg,rgba(0,217,255,.03) 12%,transparent 12.5%,transparent 87%,rgba(0,217,255,.03) 87.5%,rgba(0,217,255,.03)),linear-gradient(150deg,rgba(0,217,255,.03) 12%,transparent 12.5%,transparent 87%,rgba(0,217,255,.03) 87.5%,rgba(0,217,255,.03)),linear-gradient(30deg,rgba(0,217,255,.03) 12%,transparent 12.5%,transparent 87%,rgba(0,217,255,.03) 87.5%,rgba(0,217,255,.03)),linear-gradient(150deg,rgba(0,217,255,.03) 12%,transparent 12.5%,transparent 87%,rgba(0,217,255,.03) 87.5%,rgba(0,217,255,.03)),linear-gradient(60deg,rgba(0,180,204,.04) 25%,transparent 25.5%,transparent 75%,rgba(0,180,204,.04) 75%,rgba(0,180,204,.04)),linear-gradient(60deg,rgba(0,180,204,.04) 25%,transparent 25.5%,transparent 75%,rgba(0,180,204,.04) 75%,rgba(0,180,204,.04));background-size:80px 140px;background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px;animation:geometricMove 20s linear infinite;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(0,217,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,180,204,.06) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(0,217,255,.04) 0%,transparent 60%);animation:floatingGlow 15s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes geometricMove{0%{background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px}to{background-position:80px 140px,80px 140px,120px 210px,120px 210px,80px 140px,120px 210px}}@keyframes floatingGlow{0%{opacity:.5;transform:scale(1)}50%{opacity:.8}to{opacity:.6;transform:scale(1.1)}}.container{display:flex;max-width:1200px;margin:0 auto;min-height:100vh;padding:40px 24px;gap:48px;position:relative;z-index:1}.profile-section{flex:0 0 360px;position:sticky;top:40px;height:fit-content}.profile-card{background:transparent;padding:32px;position:relative;z-index:1}.profile-header{text-align:center;margin-bottom:24px}.avatar-container{margin-bottom:20px}.avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0000004d;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.avatar:hover{transform:scale(1.05);box-shadow:0 12px 32px #0006}.name{font-size:1.75rem;font-weight:700;margin-bottom:4px;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.name-en{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.role{display:inline-block;font-size:.85rem;color:var(--cta-gradient-start);background:#00d9ff1a;padding:6px 16px;border-radius:20px;font-weight:500}.bio{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--card-border)}.bio:empty{margin-bottom:0;padding-bottom:0;margin-top:8px}.bio-text{font-size:.95rem;color:var(--text-secondary);line-height:1.8}.bio-text-extended{font-size:.95rem;color:var(--text-secondary);line-height:1.8;margin-top:12px;display:none;animation:fadeIn .3s ease}.bio-text-extended.show{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.more-btn{display:inline-block;margin-top:12px;padding:0;background:none;border:none;color:var(--cta-gradient-start);font-size:.85rem;cursor:pointer;transition:opacity var(--transition-fast)}.more-btn:hover{opacity:.8}.more-btn.hidden{display:none}.skills{margin-bottom:24px}.skills-title{font-size:.85rem;color:var(--text-muted);margin-bottom:8px}.skills-list{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.hobby{margin-bottom:24px}.hobby-title{font-size:.85rem;color:var(--text-muted);margin-bottom:8px}.hobby-list{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.social-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;background:var(--social-card-bg);border-radius:var(--border-radius-md);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-soft)}.social-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #0000004d}.social-icon{width:28px;height:28px;color:var(--social-card-text);margin-bottom:8px}.social-label{font-size:.75rem;color:var(--social-card-text);font-weight:500}.links-section{flex:1;min-width:0}.link-cards{display:flex;flex-direction:column;gap:20px}.link-card{display:block;background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal);box-shadow:var(--shadow-soft)}.link-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card);background:var(--card-bg-hover)}.link-card-image{width:100%;height:180px;overflow:hidden}.link-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.link-card:hover .link-card-image img{transform:scale(1.05)}.link-card-content{padding:20px 24px}.link-card-title{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.link-card-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.sticky-footer{position:fixed;bottom:0;left:0;right:0;padding:16px 24px;background:linear-gradient(to top,#0d1b2afa,#0d1b2a00);pointer-events:none;z-index:100}.cta-button{display:flex;align-items:center;justify-content:center;max-width:400px;margin:0 auto;padding:16px 32px;background:linear-gradient(135deg,var(--cta-gradient-start) 0%,var(--cta-gradient-end) 100%);color:#0d1b2a;text-decoration:none;border-radius:50px;font-size:1rem;font-weight:700;box-shadow:0 8px 32px #00d9ff4d;pointer-events:auto;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00d9ff66}@media (max-width: 900px){.container{flex-direction:column;padding:24px 16px 100px;gap:32px}.profile-section{flex:none;position:static;width:100%}.profile-card{padding:24px}.profile-header{display:flex;align-items:center;text-align:left;gap:16px}.avatar-container{margin-bottom:0;flex-shrink:0}.avatar{width:80px;height:80px;border-radius:var(--border-radius-md)}.profile-info{flex:1}.name{font-size:1.4rem}.social-links{grid-template-columns:repeat(3,1fr)}.link-card-image{height:160px}}@media (max-width: 480px){.container{padding:16px 12px 100px}.profile-card{padding:20px;border-radius:var(--border-radius-lg)}.name{font-size:1.25rem}.avatar{width:64px;height:64px}.social-links{grid-template-columns:repeat(3,1fr);gap:8px}.social-card{padding:12px 6px}.social-icon{width:24px;height:24px}.link-card-content{padding:16px}.link-card-title{font-size:1rem}.cta-button{font-size:.9rem;padding:14px 24px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-card,.link-card{animation:slideUp .6s ease forwards}.link-card:nth-child(1){animation-delay:.1s}.link-card:nth-child(2){animation-delay:.2s}.link-card:nth-child(3){animation-delay:.3s}.link-card:nth-child(4){animation-delay:.4s}.link-card:nth-child(5){animation-delay:.5s}.link-card{opacity:0}.business-card-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:20px;padding:14px 24px;background:linear-gradient(135deg,var(--cta-gradient-start) 0%,var(--cta-gradient-end) 100%);color:#0d1b2a;border:none;border-radius:50px;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 6px 24px #00d9ff40;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.business-card-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00d9ff59}.business-card-icon{width:22px;height:22px}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);padding:20px}.modal-overlay.show{opacity:1;visibility:visible}.modal-container{width:100%;max-width:420px;max-height:90vh;overflow-y:auto;transform:translateY(20px) scale(.95);transition:transform var(--transition-normal)}.modal-overlay.show .modal-container{transform:translateY(0) scale(1)}.modal-content{background:var(--text-primary);border-radius:var(--border-radius-xl);padding:28px;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1)}.modal-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid rgba(0,217,255,.3)}.modal-header-info{flex:1}.modal-name{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin-bottom:4px}.modal-title{font-size:.9rem;color:#666}.business-info{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.info-item{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06)}.info-item:last-child{border-bottom:none}.info-icon{width:24px;height:24px;color:var(--cta-gradient-end);flex-shrink:0;margin-top:2px}.info-icon svg{width:100%;height:100%}.info-content{flex:1;display:flex;flex-direction:column;gap:2px}.info-label{font-size:.75rem;color:#888;font-weight:500}.info-value{font-size:.95rem;color:#1a1a1a;font-weight:500}.info-link{font-size:.9rem;color:var(--cta-gradient-end);text-decoration:none;word-break:break-all}.info-link:hover{text-decoration:underline}.info-item-copyable{position:relative}.copy-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#00b4cc1a;border:1px solid rgba(0,180,204,.3);border-radius:20px;color:var(--cta-gradient-end);font-size:.75rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.copy-btn svg{width:14px;height:14px}.copy-btn:hover{background:#00b4cc33;transform:scale(1.02)}.copy-btn.copied{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.qr-section{display:flex;flex-direction:column;align-items:center;padding:20px;background:#00000008;border-radius:var(--border-radius-md);margin-bottom:24px}.qr-code{width:140px;height:140px;background:#fff;border-radius:var(--border-radius-sm);padding:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:12px}.qr-placeholder{width:100%;height:100%;color:#1a1a1a}.qr-label{font-size:.8rem;color:#666;text-align:center}.modal-close-btn{display:block;width:100%;padding:14px 24px;background:#f5f5f5;border:none;border-radius:50px;color:#1a1a1a;font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.modal-close-btn:hover{background:#e5e5e5}@media (max-width: 480px){.modal-overlay{padding:16px}.modal-content{padding:20px;border-radius:var(--border-radius-lg)}.modal-avatar{width:52px;height:52px}.modal-name{font-size:1.15rem}.info-item{gap:10px}.copy-btn{padding:5px 10px;font-size:.7rem}.qr-code{width:120px;height:120px}}