:root{--bg:#070a1b;--panel2:rgba(255,255,255,.06);--line:rgba(255,255,255,.12);--text:#f7f9ff;--muted:#aab4d0;--cyan:#24d9ff}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:var(--text);background:radial-gradient(circle at 15% 10%,rgba(28,116,255,.22),transparent 28%),radial-gradient(circle at 85% 25%,rgba(242,42,214,.15),transparent 28%),var(--bg)}a{color:inherit}.shell{width:min(100%,620px);margin:0 auto;padding:20px 14px 40px}.card{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(15,20,55,.98),rgba(7,10,27,.98));box-shadow:0 30px 90px rgba(0,0,0,.42)}.hero{aspect-ratio:3/1;background-image:url('assets/header.png');background-size:cover;background-position:center;border-bottom:1px solid var(--line)}.profile{position:relative;padding:0 22px 24px}.avatar{width:104px;height:104px;object-fit:cover;border-radius:50%;border:5px solid #090d25;margin-top:-52px;box-shadow:0 14px 36px rgba(0,0,0,.34)}.eyebrow{margin:18px 0 8px;color:var(--cyan);font-size:11px;letter-spacing:.16em;font-weight:700}h1{margin:0;font-size:clamp(34px,8vw,48px);line-height:1;letter-spacing:-.04em}.name{margin:9px 0 0;color:#d8ddff;font-size:18px;font-weight:700}.intro{margin:12px 0 18px;color:var(--muted);line-height:1.75;font-size:15px}.person{display:grid;gap:9px;margin:0 0 18px;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(36,217,255,.08),rgba(255,255,255,.035))}.person-name{margin:0;font-size:18px;font-weight:800;letter-spacing:.01em}.person-role{margin:3px 0 0;color:var(--muted);font-size:12px}.person-mail{width:max-content;max-width:100%;overflow-wrap:anywhere;color:#dbe7ff;font-size:13px;text-decoration:none;border-bottom:1px solid rgba(36,217,255,.36)}.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.identity-item{padding:15px 14px;border:1px solid var(--line);border-radius:16px;background:var(--panel2);min-width:0}.identity-item .label{display:block;color:var(--muted);font-size:10px;letter-spacing:.16em;margin-bottom:7px}.identity-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.actions{display:grid;gap:10px}.btn{display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;border:1px solid var(--line);border-radius:15px;padding:0 16px;background:rgba(255,255,255,.055);color:var(--text);text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.btn:hover{background:rgba(255,255,255,.1)}.btn.primary{border:0;background:linear-gradient(90deg,#156eff,#1ad6ff);color:white;box-shadow:0 12px 30px rgba(22,136,255,.24)}.btn.ai{border:0;background:linear-gradient(90deg,#7b3cff,#ec3cce 48%,#1ad6ff);color:white;box-shadow:0 12px 34px rgba(145,65,255,.28);min-height:58px;font-size:16px}.ai-help{margin:-2px 4px 4px;color:#9da9c7;font-size:11px;line-height:1.6;text-align:center}.btn.compact{min-height:46px;color:#c8d2ef;font-size:13px}.qr-panel{margin-top:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035);overflow:hidden}.qr-panel summary{padding:14px 16px;cursor:pointer;color:#dbe3f8;font-size:13px;font-weight:700;list-style:none}.qr-panel summary::-webkit-details-marker{display:none}.qr-panel summary::after{content:"＋";float:right;color:var(--cyan)}.qr-panel[open] summary::after{content:"−"}.qr-wrap{display:grid;place-items:center;gap:10px;padding:0 16px 16px}.qr-wrap img{width:min(220px,72vw);height:auto;border-radius:16px;background:white;padding:10px}.qr-wrap p{margin:0;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.note{display:grid;grid-template-columns:10px 1fr;gap:10px;margin-top:20px;padding:14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.note .dot{width:8px;height:8px;margin-top:7px;border-radius:50%;background:#23d7a1;box-shadow:0 0 16px rgba(35,215,161,.8)}.note p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}footer{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);color:#77819f;font-size:11px;letter-spacing:.08em}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);opacity:0;pointer-events:none;padding:12px 16px;border:1px solid var(--line);border-radius:999px;background:#11172e;color:white;font-size:13px;transition:.2s ease;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:420px){.shell{padding:0 0 28px}.card{border-radius:0 0 24px 24px;border-left:0;border-right:0}.profile{padding-left:18px;padding-right:18px}.identity-grid{grid-template-columns:1fr}.avatar{width:92px;height:92px;margin-top:-46px}.eyebrow{margin-top:15px}.intro{margin-bottom:14px}}