:root{color-scheme:light;--ink: #1d5c70;--ink-soft: #3f6d87;--ink-muted: #6d8a9c;--ink-faint: #93a9b8;--wash: 168, 213, 240;--serif: "Cormorant Garamond", Georgia, serif;--sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--jp: "Zen Maru Gothic", var(--sans);--ok: #2f8f6b}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{height:100%}body{color:var(--ink);font-family:var(--sans);min-height:100%;overflow-x:hidden;overflow-y:auto;background:radial-gradient(50rem 40rem at 16% -8%,rgba(var(--wash),.55),transparent 70%),radial-gradient(44rem 36rem at 88% 6%,rgba(190,224,250,.5),transparent 72%),radial-gradient(64rem 52rem at 72% 116%,rgba(214,238,224,.7),transparent 70%),linear-gradient(172deg,#d3e8f6,#dfeef3 40%,#e6f1ea 74%,#eef4e7);background-attachment:fixed}::selection{background:rgba(var(--wash),.35)}a{color:inherit;text-decoration:none}.hub{align-items:center;display:flex;justify-content:center;min-height:100svh;padding:40px 32px;position:relative}.bubbles{top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.bubble-orb{position:absolute;bottom:-16%;left:var(--left);height:var(--size);width:var(--size);border-radius:999px;background:radial-gradient(circle at 32% 26%,#ffffffd9,#fff0 38%),radial-gradient(circle at 50% 50%,rgba(214,236,250,.42),rgba(190,224,248,.1) 62%,transparent 74%);filter:blur(.3px);opacity:.55;animation:rise var(--dur) linear infinite;animation-delay:var(--delay)}@keyframes rise{0%{transform:translate(0) scale(.9);opacity:0}12%{opacity:.55}50%{transform:translate(var(--drift),-62vh) scale(1)}88%{opacity:.5}to{transform:translateY(-124vh) scale(1.06);opacity:0}}.column{max-width:700px;position:relative;width:100%;z-index:1;animation:rise-in .9s cubic-bezier(.2,.7,.2,1) both}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.crown{margin-bottom:44px;padding:0 6px}.greeting{color:var(--ink-soft);font-family:var(--jp);font-size:15px;letter-spacing:.04em;margin:0 0 16px}.name{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 14px}.name-jp{color:var(--ink);font-family:var(--jp);font-size:46px;font-weight:500;letter-spacing:.08em;line-height:1}.name-en{color:var(--ink-faint);font-family:var(--serif);font-size:20px;font-style:italic;letter-spacing:.04em}.bio{color:var(--ink-soft);font-family:var(--serif);font-size:22px;font-weight:500;line-height:1.4;margin:0}.links{align-items:center;display:flex;flex-wrap:wrap;gap:26px;justify-content:center}.bubble{align-items:center;border-radius:50%;display:flex;height:188px;width:188px;justify-content:center;padding:18px;position:relative;text-align:center;transform:translateY(var(--stagger, 0));background:radial-gradient(circle at 50% 50%,#fff0 54%,#ffffff80 82%,#ffffff26),radial-gradient(circle at 68% 74%,rgba(120,160,190,.14),transparent 60%),radial-gradient(circle at 38% 30%,#ffffff80,#d6ecfa29 58%);box-shadow:inset 0 0 0 1.5px #fff9,inset 0 0 22px 2px #ffffff73,inset -10px -14px 30px #78a0c31f,0 14px 34px #466e8c1f,0 0 0 1px #ffffff40;transition:transform .36s cubic-bezier(.2,.7,.2,1),box-shadow .36s ease}.bubble:before{content:"";position:absolute;top:14%;left:18%;width:34%;height:24%;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ffffffeb,#fff0 70%);filter:blur(1px);pointer-events:none}.bubble:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;opacity:.5;background:conic-gradient(from 200deg,#78c8ff29,#ffbee621,#beffdc24,#bed2ff21,#78c8ff29);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 60%,#000 80%,transparent 100%);mask:radial-gradient(circle at 50% 50%,transparent 60%,#000 80%,transparent 100%);mix-blend-mode:screen;transition:opacity .36s ease}.bubble.pos-0{--stagger: -14px}.bubble.pos-1{--stagger: 16px}.bubble.pos-2{--stagger: -4px}.bubble-glide{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 40%),linear-gradient(105deg,transparent 0%,rgba(var(--wash),.16) 30%,rgba(var(--wash),.42) 50%,rgba(var(--wash),.16) 70%,transparent 100%);background-size:100% 100%,240% 100%;background-position:0 0,120% 0;transition:opacity .26s ease}.bubble:hover{transform:translateY(calc(var(--stagger, 0px) - 4px));box-shadow:inset 0 0 0 1.5px #ffffffb8,inset 0 0 26px 3px #ffffff8c,inset -10px -14px 30px #78a0c31f,0 18px 40px #466e8c29,0 0 0 1px #ffffff4d}.bubble:hover:after{opacity:.8}.bubble:hover .bubble-glide{opacity:1;animation:water-glide 2.2s cubic-bezier(.35,0,.2,1)}@keyframes water-glide{0%{background-position:0 0,120% 0}to{background-position:0 0,-120% 0}}.bubble-text{align-items:center;display:flex;flex-direction:column;gap:6px;position:relative;z-index:2;text-shadow:0 1px 6px rgba(255,255,255,.7)}.bubble-text strong{color:var(--ink);font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:.01em;line-height:1.05}.bubble-text small{color:var(--ink-muted);font-size:12.5px;letter-spacing:.02em;line-height:1.32;white-space:pre-line}.bubble-tag{border-radius:999px;font-size:9px;font-weight:650;letter-spacing:.1em;margin-top:2px;padding:3px 9px;position:relative;text-transform:uppercase}.bubble-tag.live{background:#2f8f6b29;color:var(--ok)}.bubble-tag.soon{background:rgba(var(--wash),.4);color:var(--ink-soft)}.foot{align-items:center;color:var(--ink-faint);display:flex;flex-wrap:wrap;font-size:11px;gap:6px 14px;justify-content:space-between;margin-top:64px;padding:0 6px}.foot-quiet{color:var(--ink-faint);font-family:var(--jp)}@media(max-width:520px){body{-webkit-overflow-scrolling:touch;background-attachment:scroll}.hub{align-items:flex-start;padding:48px 20px 34px}.name-jp{font-size:38px}.bio{font-size:19px}.crown{margin-bottom:36px}.links{gap:18px}.bubble{height:min(42vw,158px);min-height:136px;min-width:136px;width:min(42vw,158px)}.foot{margin-top:48px}}@media(prefers-reduced-motion:reduce){.bubble-orb,.column,.bubble:hover .bubble-glide{animation:none}}