:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#05080d;--bg-wash-a:#22d3ee29;--bg-wash-b:#0e749033;--bg-wash-c:#38bdf81a;--ink:#e8fbff;--ink-soft:#b5ccd8;--ink-faint:#8fa9b6;--cyan:#22d3ee;--cyan-soft:#67e8f9;--cyan-deep:#0e7490;--surface:linear-gradient(160deg, #fff1, #ffffff05), #070d148f;--surface-hi:linear-gradient(160deg, #22d3ee21, #22d3ee0a), #09141d9e;--hairline:#67e8f921;--hairline-hi:#67e8f98c;--chip:#22d3ee21;--shadow:0 2px 6px #0006, 0 10px 30px #0000004d;--shadow-hi:0 4px 10px #00000073, 0 18px 44px #0891b247;--glow:0 0 0 1px #67e8f959, 0 0 28px #22d3ee38;--halo:#22d3ee57;--star:#a5f3fc;--ease-out:cubic-bezier(.22, 1, .36, 1);--font-ui:"Quicksand", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--tint:var(--cyan-soft);--tint-chip:var(--chip)}.tint-youtube{--tint:#ff7a7a;--tint-chip:#ff7a7a1f}.tint-tiktok{--tint:#25f4ee;--tint-chip:#25f4ee1f}.tint-instagram{--tint:#f49bd4;--tint-chip:#f49bd41f}.tint-x{--tint:#cbd5e1;--tint-chip:#cbd5e11f}.tint-discord{--tint:#a5aef7;--tint-chip:#a5aef71f}*{box-sizing:border-box}html,body{background:var(--bg-base);margin:0;padding:0}#root{min-height:100vh}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased}::selection{color:var(--ink);background:#22d3ee47}.page{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:48px 20px;display:flex;position:relative;overflow:hidden}.card{z-index:2;flex-direction:column;width:100%;max-width:520px;display:flex;position:relative}.link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin-top:34px;display:grid}.sky{z-index:0;pointer-events:none;contain:strict;background:radial-gradient(ellipse 85% 50% at 50% -5%, var(--bg-wash-a) 0%, transparent 72%), radial-gradient(ellipse 70% 45% at 12% 55%, var(--bg-wash-c) 0%, transparent 70%), radial-gradient(ellipse 80% 50% at 50% 105%, var(--bg-wash-b) 0%, transparent 72%);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.grid-lines{background-image:linear-gradient(90deg,#67e8f90e 1px,#0000 1px),linear-gradient(#67e8f90e 1px,#0000 1px);background-size:58px 58px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(65% 60% at 50% 45%,#000 0%,#0000 78%);mask-image:radial-gradient(65% 60% at 50% 45%,#000 0%,#0000 78%)}.bokeh{opacity:.55;will-change:transform;border-radius:50%;animation:26s ease-in-out infinite drift;position:absolute}.bokeh-1{background:radial-gradient(circle closest-side,#22d3ee80 0%,#22d3ee57 26%,#22d3ee29 48%,#22d3ee0d 70%,#0000 100%);width:660px;height:660px;margin-left:-330px;top:-24%;left:50%}.bokeh-2{background:radial-gradient(circle closest-side,#38bdf870 0%,#38bdf84a 26%,#38bdf824 48%,#38bdf80a 70%,#0000 100%);width:500px;height:500px;animation-duration:32s;animation-delay:-9s;top:26%;left:-190px}.bokeh-3{background:radial-gradient(circle closest-side,#0e749094 0%,#0e749061 26%,#0e74902e 48%,#0e74900d 70%,#0000 100%);width:460px;height:460px;animation-duration:29s;animation-delay:-17s;bottom:-16%;right:-160px}@keyframes drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(14px,-22px)scale(1.07)}}.star-layer{width:var(--size);height:var(--size);box-shadow:var(--field);animation:twinkle var(--dur) ease-in-out var(--delay) infinite;border-radius:50%;position:absolute;top:0;left:0}@keyframes twinkle{0%,to{opacity:.16}50%{opacity:var(--peak)}}.sparkle{background:var(--star);clip-path:polygon(50% 0%,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0% 50%,42% 42%);animation:shimmer var(--dur) ease-in-out var(--delay) infinite;position:absolute}@keyframes shimmer{0%,to{opacity:.12;transform:scale(.7)rotate(0)}50%{opacity:.85;transform:scale(1)rotate(45deg)}}.shooting-star{background:linear-gradient(90deg, transparent, var(--star), transparent);opacity:0;border-radius:2px;width:140px;height:2px;animation:14s ease-in 6s infinite shoot;position:absolute;top:12%;left:-14%}.shooting-star-2{width:100px;animation-duration:19s;animation-delay:15s;top:56%}@keyframes shoot{0%{opacity:0;transform:translate(0,0)rotate(14deg)}2%{opacity:.85}9%,to{opacity:0;transform:translate(85vw,26vh)rotate(14deg)}}.header{text-align:left;animation:fadeUp .7s var(--ease-out) both;align-items:center;gap:22px;display:flex}.beacon{flex-shrink:0;justify-content:center;align-items:center;width:128px;height:128px;animation:7s ease-in-out .7s infinite float;display:flex;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.avatar{object-fit:cover;z-index:3;width:120px;height:120px;box-shadow:0 6px 30px var(--halo), 0 0 0 6px #22d3ee0f;border:2px solid #67e8f973;border-radius:50%;display:block;position:relative}.halo{background:radial-gradient(circle closest-side, var(--halo) 0%, #22d3ee38 34%, #22d3ee17 56%, #22d3ee05 76%, transparent 100%);opacity:0;border-radius:50%;width:148px;height:148px;animation:6s ease-in-out infinite breathe;position:absolute}.halo-2{animation-delay:3s}@keyframes breathe{0%,to{opacity:.25;transform:scale(.88)}50%{opacity:.7;transform:scale(1.18)}}.ring{z-index:2;background:conic-gradient(#0000 0deg 250deg,#67e8f98c 322deg,#e8fbffd9 350deg,#0000 360deg);border-radius:50%;width:136px;height:136px;animation:9s linear infinite sweep;position:absolute;-webkit-mask:radial-gradient(circle closest-side,#0000 0 93%,#000 95%);mask:radial-gradient(circle closest-side,#0000 0 93%,#000 95%)}@keyframes sweep{to{transform:rotate(360deg)}}.identity{flex-direction:column;align-items:flex-start;gap:9px;min-width:0;display:flex}.name{font-family:var(--font-ui);letter-spacing:-.01em;background:linear-gradient(105deg, #fff 0%, var(--cyan-soft) 28%, #fff 44%, var(--cyan-soft) 62%, var(--cyan) 100%);color:#0000;background-position:100% 0;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:700;line-height:1.15;animation:9s ease-in-out 1.2s infinite sheen}@keyframes sheen{0%,72%,to{background-position:100% 0}36%{background-position:0 0}}.bio{color:var(--ink-soft);white-space:pre-line;animation:fadeUp .7s var(--ease-out) .14s both;margin:0;font-size:16.5px;font-weight:500;line-height:1.85}.tile{background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow);animation:fadeUp .6s var(--ease-out) calc(.2s + var(--i,0) * 60ms) both;transition:border-color .3s ease, transform .3s var(--ease-out), background .3s ease, box-shadow .3s ease;border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:17px 16px 15px;text-decoration:none;display:flex;position:relative;overflow:hidden}.tile:before{content:"";background:radial-gradient(circle, var(--tint-chip) 0%, transparent 70%);opacity:0;pointer-events:none;border-radius:50%;width:150px;height:150px;transition:opacity .35s;position:absolute;top:-40%;right:-30%}.tile:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 0%,#ffffff1a 50%,#0000 100%);width:60%;height:100%;position:absolute;top:0;left:0;transform:translate(-180%)}.tile-icon{background:var(--tint-chip);border:1px solid var(--hairline);width:40px;height:40px;color:var(--tint);transition:transform .3s var(--ease-out), border-color .3s ease, box-shadow .3s ease;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tile-label{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:700;line-height:1.2;overflow:hidden}.tile-handle{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:-4px;font-size:12.5px;font-weight:400;line-height:1.3;transition:color .3s;overflow:hidden}.tile-arrow{color:var(--ink-faint);opacity:.55;transition:transform .3s var(--ease-out), color .3s ease, opacity .3s ease;display:flex;position:absolute;top:15px;right:14px}@media (hover:hover){.tile:hover{border-color:var(--hairline-hi);background:var(--surface-hi);box-shadow:var(--shadow-hi);transform:translateY(-3px)}.tile:hover:before{opacity:1}.tile:hover:after{transition:transform .75s var(--ease-out);transform:translate(280%)}.tile:hover .tile-icon{border-color:var(--hairline-hi);box-shadow:0 0 18px var(--tint-chip);transform:scale(1.07)rotate(-4deg)}.tile:hover .tile-handle{color:var(--cyan-soft)}.tile:hover .tile-arrow{color:var(--cyan);opacity:1;transform:translate(2px,-2px)}}.tile:focus-visible{border-color:var(--hairline-hi);background:var(--surface-hi);box-shadow:var(--glow);outline:2px solid var(--cyan);outline-offset:2px}.tile:active{transform:translateY(-1px)scale(.985)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:470px){.header{text-align:center;flex-direction:column;align-items:center;gap:16px}.identity{align-items:center}.beacon{width:116px;height:116px}.avatar{width:110px;height:110px}.halo{width:136px;height:136px}.ring{width:126px;height:126px}.name{font-size:26px}.bio{font-size:15.5px}}@media (max-width:400px){.tile{border-radius:16px;gap:9px;padding:15px 13px 13px}.tile-icon{border-radius:11px;width:36px;height:36px}.tile-label{font-size:14px}.tile-handle{font-size:11.5px}.tile-arrow{top:13px;right:12px}.bokeh-3{display:none}.grid-lines{background-size:46px 46px}}html[data-lite] .bokeh,html[data-lite] .beacon,html[data-lite] .ring,html[data-lite] .name,html[data-lite] .star-layer{animation:none}html[data-lite] .sparkle,html[data-lite] .shooting-star,html[data-lite] .halo-2,html[data-lite] .bokeh-3{display:none}html[data-lite] .star-layer{opacity:.5}html[data-lite] .halo{animation-duration:9s}@media (prefers-reduced-motion:reduce){.halo,.bokeh,.star-layer,.sparkle,.shooting-star,.tile,.header,.bio,.beacon,.ring,.name{animation:none}.halo{opacity:.4}.star-layer{opacity:.5}.sparkle{opacity:.45}.shooting-star{display:none}.tile{transition:border-color .2s,background .2s}.tile:hover{transform:none}.tile:hover:after{transform:translate(-180%)}.tile:hover .tile-icon,.tile:hover .tile-arrow{transform:none}}