:root{--color-ink: #080200;--color-primary: #f35900;--color-primary-2: #fd8010;--gradient-cta: linear-gradient(135deg, #f35900 0%, #fd8010 100%);--color-bg: #fafafa;--color-surface: #ffffff;--color-muted: #6b6b6b;--color-border: #ececec;--font-heading: "Kanit", system-ui, sans-serif;--font-body: "Sarabun", system-ui, sans-serif;--radius-button: 16px;--radius-card: 20px;--shadow-soft: 0 4px 16px rgba(8, 2, 0, .08);--shadow-cta: 0 8px 20px rgba(243, 89, 0, .32);--page-max: 480px;--tap-min: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-bg);line-height:1.5;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased}h1,h2{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.page{width:100%;max-width:var(--page-max);margin-inline:auto;padding:32px 20px 40px;display:flex;flex-direction:column;gap:20px}.profile{display:flex;flex-direction:column}.cover{width:100%;aspect-ratio:2033 / 774;border-radius:var(--radius-card);background-color:var(--color-ink);background-size:cover;background-position:center;overflow:hidden}.cover--empty{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#f3f3f3,#f3f3f3 12px,#ededed 12px,#ededed 24px);border:2px dashed #d8d8d8}.cover__hint{font-size:.9rem;color:var(--color-muted)}.cover:not(.cover--empty) .cover__hint{display:none}.profile__bar{display:flex;align-items:flex-end;gap:14px;margin-top:-30px;padding:0 4px}.profile__avatar{width:100px;height:100px;flex-shrink:0;border-radius:50%;background-color:var(--color-ink);background-size:cover;background-position:center;box-shadow:var(--shadow-soft);border:4px solid var(--color-surface)}.profile__meta{display:flex;flex-direction:column;gap:2px;padding-bottom:6px;min-width:0}.profile__name{font-size:1.5rem;letter-spacing:.2px}.profile__description{font-size:.95rem;color:var(--color-muted)}.links{display:flex;flex-direction:column;gap:14px;margin-top:4px}.link-button{display:flex;align-items:center;gap:12px;min-height:var(--tap-min);padding:12px 18px;border-radius:var(--radius-button);font-family:var(--font-heading);font-weight:600;font-size:1.05rem;background:var(--color-surface);color:var(--color-ink);border:1.5px solid var(--color-border);box-shadow:var(--shadow-soft);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.link-button__label{flex:1;text-align:center}.link-button__icon{width:24px;height:24px;flex-shrink:0;display:grid;place-items:center}.link-button__icon svg{width:100%;height:100%}.link-button__icon--ghost{visibility:hidden}.link-button--primary{background:var(--gradient-cta);color:#fff;border-color:transparent;box-shadow:var(--shadow-cta);font-weight:700}@media(hover:hover){.link-button:hover{transform:translateY(-2px)}.link-button--default:hover{background:#fff;border-color:var(--color-primary)}}.link-button:active{transform:translateY(0) scale(.99)}.banners{display:flex;flex-direction:column;gap:14px}.banner-card{display:block;border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-soft);background:var(--color-surface);transition:transform .12s ease,box-shadow .12s ease}.banner-card img{width:100%;height:auto}@media(hover:hover){.banner-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #08020024}}.banner-card:active{transform:translateY(0) scale(.995)}.socials{display:flex;justify-content:center;gap:16px;margin-top:8px}.social-button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--color-ink);color:#fff;transition:transform .12s ease,background .12s ease}.social-button svg{width:22px;height:22px}@media(hover:hover){.social-button:hover{background:var(--color-primary);transform:translateY(-2px)}}.page__footer{margin-top:12px;text-align:center;font-size:.8rem;color:var(--color-muted)}