.link-hub-theme{--hub-accent:#ff7518;--hub-page-bg:#fff0e9;--hub-card-bg:#fffaf7;--hub-text:#321a14;--hub-muted:#76594f;--hub-border:#4a2a21;--hub-link-bg:#fff;--hub-link-text:#321a14;--hub-card-radius:28px;--hub-link-radius:13px;--hub-avatar-radius:24px;--hub-card-shadow:9px 9px 0 #321a142e;--hub-link-shadow:3px 3px 0 #321a1426;color:var(--hub-text);font-family:Nunito,Noto Sans Thai,system-ui,sans-serif}.public-link-hub-page{min-height:100dvh}.link-hub-preview-surface,.public-link-hub-page{background:var(--hub-page-bg);isolation:isolate;background-size:auto,auto,auto,cover;display:flex;position:relative;overflow:hidden;container:link-hub/inline-size}.link-hub-preview-surface:after,.link-hub-preview-surface:before,.public-link-hub-page:after,.public-link-hub-page:before{z-index:0;content:"";pointer-events:none;position:absolute}.link-hub-public-shell{z-index:2;align-items:center;width:100%;max-width:620px;min-height:100%;margin:auto;padding:42px 18px;display:flex;position:relative}.link-hub-public-card{border:3px solid var(--hub-border);border-radius:var(--hub-card-radius);background:var(--hub-card-bg);width:100%;box-shadow:var(--hub-card-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);overflow:hidden}.link-hub-profile{z-index:1;text-align:center;padding:38px 28px 24px;position:relative}.link-hub-avatar{border:3px solid var(--hub-border);border-radius:var(--hub-avatar-radius);background:var(--hub-accent);color:#fff;width:96px;height:96px;box-shadow:var(--hub-link-shadow);justify-content:center;align-items:center;margin:0 auto;font-size:36px;font-weight:900;display:flex;overflow:hidden}.link-hub-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.link-hub-title{color:var(--hub-text);letter-spacing:-.035em;margin-top:20px;font-size:clamp(1.7rem,5vw,2.25rem);font-weight:900}.link-hub-handle{color:var(--hub-accent);margin-top:5px;font-size:13px;font-weight:900}.link-hub-bio{max-width:440px;color:var(--hub-muted);margin:14px auto 0;font-size:13px;font-weight:650;line-height:1.65}.link-hub-links{z-index:1;gap:12px;padding:6px 22px 24px;display:grid;position:relative}.link-hub-brand{z-index:1;border-top:1px solid color-mix(in srgb,var(--hub-border) 20%,transparent);color:var(--hub-muted);text-align:center;text-transform:uppercase;letter-spacing:.16em;padding:14px;font-size:10px;font-weight:900;position:relative}.link-hub-theme .link-hub-button{border:2px solid var(--hub-border);border-radius:var(--hub-link-radius);background:var(--hub-link-bg);color:var(--hub-link-text);box-shadow:var(--hub-link-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.link-hub-theme .link-hub-button>span:first-child{background:color-mix(in srgb,var(--hub-accent) 12%,#fff);color:var(--hub-accent);border-color:color-mix(in srgb,var(--hub-accent) 65%,transparent)!important}.link-hub-theme a.link-hub-button:hover{border-color:var(--hub-accent);color:var(--hub-accent);box-shadow:0 8px 18px color-mix(in srgb,var(--hub-border) 18%,transparent)}.link-hub-theme a.link-hub-button:focus-visible{outline:2px solid var(--hub-accent);outline-offset:3px}@container link-hub (width<=639px){.link-hub-public-shell{padding:24px 12px}.link-hub-public-card{border-width:2px}.link-hub-profile{padding:30px 20px 20px}.link-hub-avatar{width:82px;height:82px;font-size:30px}.link-hub-links{padding-inline:14px}}@media (prefers-reduced-motion:reduce){.link-hub-theme .link-hub-button{transition:none}}.link-hub-theme--coral{--hub-accent:#ff7518;--hub-page-bg:radial-gradient(circle at 7% 10%, #ff75184d 0 9%, transparent 9.3%), radial-gradient(circle at 92% 18%, #a9b5876b 0 12%, transparent 12.3%), radial-gradient(circle at 82% 91%, #ff855952 0 17%, transparent 17.3%), linear-gradient(145deg, #ffe1d2, #fff0e9 48%, #fffaf7);--hub-card-bg:#fffaf7f0;--hub-text:#321a14;--hub-muted:#76594f;--hub-border:#4a2a21;--hub-link-bg:#fff;--hub-link-text:#321a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.link-hub-theme--coral:before{border:22px solid #ff751838;border-radius:46% 54% 62% 38%;width:190px;height:190px;bottom:-70px;left:-78px;transform:rotate(18deg)}.link-hub-theme--coral:after{background:#ffffff52;border-radius:30px;width:86px;height:86px;top:8%;right:6%;transform:rotate(28deg)}.link-hub-theme--coral .link-hub-avatar{transform:rotate(-2deg)}.link-hub-theme--coral .link-hub-button:nth-child(2n){transform:rotate(.35deg)}.link-hub-theme--coral .link-hub-button:nth-child(odd){transform:rotate(-.25deg)}.link-hub-theme--ocean{--hub-accent:#65d7e6;--hub-page-bg:radial-gradient(ellipse at 18% 8%, #4bc5da47, transparent 35%), radial-gradient(ellipse at 88% 86%, #3b74a86b, transparent 42%), repeating-radial-gradient(ellipse at 50% 112%, transparent 0 38px, #73dee817 40px 42px), linear-gradient(155deg, #071b2c, #0b3850 52%, #0b5264);--hub-card-bg:#071c2cb8;--hub-text:#f5fdff;--hub-muted:#badce4;--hub-border:#cdf6fb7a;--hub-link-bg:#f0fdff1a;--hub-link-text:#f5fdff;--hub-card-radius:32px;--hub-link-radius:999px;--hub-avatar-radius:999px;--hub-card-shadow:0 28px 80px #00091361, inset 0 1px 0 #ffffff26;--hub-link-shadow:inset 0 1px 0 #ffffff1f, 0 10px 25px #000a1829;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.link-hub-theme--ocean:before{border:1px solid #84e8f14d;border-radius:999px;width:340px;height:340px;top:-150px;left:-160px;box-shadow:0 0 0 35px #84e8f109,0 0 0 72px #84e8f106}.link-hub-theme--ocean:after{border-top:2px solid #84e8f14d;border-radius:50%;width:230px;height:70px;bottom:8%;right:-38px;transform:rotate(-8deg);box-shadow:0 -13px 0 -11px #84e8f133,0 -27px 0 -25px #84e8f126}.link-hub-theme--ocean .link-hub-profile{padding-top:42px}.link-hub-theme--ocean .link-hub-avatar{box-shadow:0 0 0 7px #65d7e617,0 15px 35px #000a184d}.link-hub-theme--ocean .link-hub-title{letter-spacing:-.02em}.link-hub-theme--ocean .link-hub-brand{border-color:#dcf9fb24}.link-hub-theme--ink{--hub-accent:#111;--hub-page-bg:linear-gradient(#11111114 1px, transparent 0), linear-gradient(90deg, #11111114 1px, transparent 0), linear-gradient(145deg, #f4efe5, #ded7ca);--hub-card-bg:#f9f5ec;--hub-text:#111;--hub-muted:#4d4a44;--hub-border:#111;--hub-link-bg:#111;--hub-link-text:#fffdf7;--hub-card-radius:3px;--hub-link-radius:2px;--hub-avatar-radius:2px;--hub-card-shadow:12px 12px 0 #111;--hub-link-shadow:4px 4px 0 #b8aa98;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-size:28px 28px,28px 28px,cover;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.link-hub-theme--ink:before{background:#ff7518;border:3px solid #111;width:150px;height:34px;top:11%;left:-28px;transform:rotate(-8deg)}.link-hub-theme--ink:after{background:0 0;border:3px solid #111;width:74px;height:74px;bottom:8%;right:5%;transform:rotate(12deg)}.link-hub-theme--ink .link-hub-profile{text-align:left}.link-hub-theme--ink .link-hub-avatar{margin-left:0}.link-hub-theme--ink .link-hub-title{text-transform:uppercase;letter-spacing:-.05em}.link-hub-theme--ink .link-hub-handle{color:#111;background:#ff7518;border:2px solid #111;padding:3px 7px;display:inline-block;transform:rotate(-1deg)}.link-hub-theme--ink .link-hub-bio{margin-left:0}.link-hub-theme--ink .link-hub-brand{text-align:left;border-top:3px solid #111}.link-hub-theme--ink .link-hub-button>span:first-child{background:#fff;border-color:#fff!important}