.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}html{color-scheme:dark;background-color:#000;width:100%;height:100%;margin:0}body{color-scheme:dark;color:#f3f4f6;background-color:#0000;flex-direction:column;width:100%;height:100%;margin:0;font-family:Geist,Noto Sans Thai,Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;display:flex}code,pre,kbd,samp{font-family:Geist Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace}.content{flex-direction:column;flex:1;display:flex}.dots-bg{z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#ffffff29 1px,#0000 1px);background-position:50%;background-size:26px 26px;position:fixed;inset:0}.dock-nav{z-index:50;position:fixed;top:50%;left:20px;transform:translateY(-50%)}.dock{-webkit-backdrop-filter:blur(24px);background:#0a0a0acc;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;box-shadow:0 4px 24px #0006}.dock a{border-radius:8px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.dock a:focus-visible{box-shadow:0 0 0 2px #fff6}.dock .pill{background:#ffffff40;border:1px solid #ffffff80;border-radius:8px;display:none;position:absolute;inset:0}.dock a.active .pill{display:block}.dock svg{z-index:10;color:#a3a3a3;opacity:.65;width:18px;height:18px;transition:color .22s ease-out,opacity .22s ease-out,transform .22s ease-out;position:relative}.dock a:hover svg{color:#d4d4d4;opacity:.85;transform:scale(1.08)}.dock a:active svg{transform:scale(.95)}.dock a.active svg{color:#fff;opacity:1}@media screen and (width<=768px){.dock-nav{top:20px;left:50%;transform:translate(-50%)}.dock{flex-direction:row}}.profile-section{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:40px;padding:16px;display:flex}.content-stack{flex-direction:column;gap:24px;width:100%;max-width:720px;display:flex}.pre-box-row{justify-content:space-between;align-items:flex-end;margin-bottom:-10px;display:flex}.info-box{box-sizing:border-box;background:#0f0f0f;border:1px solid #222;border-radius:10px;width:100%;max-width:720px;padding:20px}.info-box p{color:#d1d5db;margin:0;font-size:15px;line-height:1.6}.info-box code{color:#f3f4f6;background:#161616;border:1px solid #222;border-radius:6px;padding:1px 6px;font-size:13px}.discord-profile{color:#f3f4f6;max-width:100%}.discord-profile__header{align-items:center;gap:16px;display:flex}.discord-profile__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px;display:block}.discord-profile__avatar--fallback{color:#fff;justify-content:center;align-items:center;font-size:20px;font-weight:600;display:flex}.discord-profile__identity{min-width:0}.discord-profile__name{overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:700;line-height:1.3}.discord-profile__username{color:#9ca3af;overflow-wrap:anywhere;margin:2px 0 0;font-size:14px;text-decoration:none}.discord-profile__username:hover{color:#d1d5db;text-decoration:underline}.discord-profile__custom-status{color:#d1d5db;margin:12px 0 0;font-size:13px}.discord-profile__skeleton{background:#161616;animation:1.5s ease-in-out infinite discord-profile-pulse}.discord-profile__skeleton--avatar{border-radius:50%;flex-shrink:0;width:48px;height:48px}.discord-profile__skeleton--name{border-radius:8px;width:140px;height:16px}.discord-profile__skeleton--username{border-radius:6px;width:92px;height:12px;margin-top:10px}@keyframes discord-profile-pulse{0%,to{opacity:1}50%{opacity:.45}}.discord-profile__message{text-align:center;color:#9ca3af;margin:0}.now-playing{box-sizing:border-box;align-items:center;gap:10px;max-width:100%;padding:8px 12px;transition:opacity .3s ease-out;animation:.4s now-playing-fade-in;display:flex}.now-playing:hover{opacity:.8}.now-playing__art{background:#171717;border-radius:6px;flex-shrink:0;width:32px;height:32px;position:relative;overflow:hidden}.now-playing__art img{object-fit:cover;width:100%;height:100%;display:block}.now-playing__ring{border-radius:6px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.now-playing__line{white-space:nowrap;text-overflow:ellipsis;color:#9ca3af;min-width:0;margin:0;font-size:13px;line-height:1.4;overflow:hidden}.now-playing__song{color:#fff;font-weight:500;text-decoration:none}.now-playing__song:hover{text-decoration:underline}.now-playing__by{color:#9ca3af}.now-playing__artist{color:#9ca3af;text-decoration:none}.now-playing__artist:hover{color:#d1d5db}@keyframes now-playing-fade-in{0%{opacity:0}to{opacity:1}}.discord-activity{color:#f3f4f6;align-self:flex-start;align-items:center;gap:14px;max-width:100%;display:flex}.discord-activity__icon{object-fit:contain;border-radius:12px;flex-shrink:0;width:48px;height:48px}.discord-activity__icon--emoji{box-sizing:border-box;background:#161616;padding:6px}.discord-activity__icon--fallback{color:#d1d5db;background:#161616;border:1px solid #222;justify-content:center;align-items:center;font-size:20px;font-weight:600;display:flex}.discord-activity__text{min-width:0}.discord-activity__label{text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;margin:0 0 2px;font-size:12px;font-weight:600}.discord-activity__name{overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:500}.discord-activity__details{color:#9ca3af;overflow-wrap:anywhere;margin:2px 0 0;font-size:13px}.music-page{box-sizing:border-box;flex:1;justify-content:center;align-items:center;margin-top:72px;padding:32px;display:flex}.music-content{width:100%;max-width:896px}.lastfm{text-align:center;width:100%;max-width:640px;margin-inline:auto}.lastfm__subtitle{color:#d4d4d4;margin:0 0 12px;font-size:16px}.lastfm__toggle{border:1px solid #ffffff1a;border-radius:10px;margin-bottom:20px;padding:3px;display:inline-flex}.lastfm__toggle button{color:#d4d4d4;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 18px;font-size:13px;transition:color .2s,background .2s}.lastfm__toggle button:hover{color:#e5e5e5}.lastfm__toggle button.active{color:#fafafa;background:#171717}.lastfm__list{text-align:left;flex-direction:column;gap:8px;display:flex}.lastfm__stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.lastfm__stat{background:#171717;border:1px solid #ffffff14;border-radius:12px;padding:20px 16px}.lastfm__stat-value{color:#fafafa;margin:0;font-size:24px;font-weight:600}.lastfm__stat-label{color:#a3a3a3;margin:4px 0 0;font-size:12px}.skeleton--stat{border-radius:6px;width:80px;height:28px;margin:0 auto}.lastfm__list--enter .lastfm__row{animation:.25s ease-out backwards lastfm-fade-in}.lastfm__row{align-items:center;gap:12px;display:flex}.lastfm__rank{text-align:right;color:#a3a3a3;flex-shrink:0;width:20px;font-size:14px}.lastfm__art{object-fit:cover;border-radius:4px;flex-shrink:0;width:48px;height:48px;display:block}.lastfm__art--round{border-radius:50%}.lastfm__art--empty{background:#171717}.lastfm__meta{flex:1;min-width:0}.lastfm__name{color:#fafafa;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;overflow:hidden}.lastfm__artist{color:#d4d4d4;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.lastfm__count{color:#a3a3a3;flex-shrink:0;font-size:14px}.lastfm__credit{color:#a3a3a3;margin-top:16px;font-size:12px;text-decoration:none;transition:color .2s;display:inline-block}.lastfm__credit:hover{color:#d4d4d4}.skeleton{background:#161616;animation:1.5s ease-in-out infinite lastfm-pulse;display:block}.skeleton--rank{width:20px;height:14px}.skeleton--art{border-radius:4px;flex-shrink:0;width:48px;height:48px}.skeleton--name{border-radius:4px;width:160px;height:16px}.skeleton--artist{border-radius:4px;width:96px;height:12px;margin-top:4px}.skeleton--count{width:32px;height:14px}@keyframes lastfm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lastfm-pulse{0%,to{opacity:1}50%{opacity:.45}}.social-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.social-links__btn{color:#d1d5db;background:#161616;border:1px solid #222;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s,transform .15s ease-out;display:inline-flex}.social-links__btn:hover{color:#fff;background-color:#1c1c1c;border-color:#3a3a3a}.social-links__btn:active{transform:scale(.97)}.social-links svg{flex-shrink:0;width:18px;height:18px;display:block}.social-links img{border-radius:4px;flex-shrink:0;width:18px;height:18px;display:block}.site-footer{box-sizing:border-box;text-align:left;background-color:#0000;border-top:1px solid #222;width:auto;max-width:720px;margin:0 auto;padding:20px 12px 20px 8px}.site-footer__logo{width:auto;height:20px;margin:0;display:block}.site-footer__line{color:#6b7280;justify-content:center;align-items:center;gap:12px;margin:0;font-size:13px;display:flex}.site-footer a{color:#9ca3af;text-decoration:none;transition:color .2s}.site-footer a:hover{color:#d1d5db}.scroll-spacer{z-index:9;pointer-events:none;background-color:#000;background-image:radial-gradient(circle,#ffffff29 1px,#0000 1px);background-size:26px 26px;background-attachment:fixed;height:110px;margin-top:-110px;position:sticky;bottom:0}.lastfm__list--overall{gap:6px;margin-top:24px}.lastfm__list--overall .lastfm__art{width:38px;height:38px}a.lastfm__row{color:inherit;border-radius:10px;margin:-6px -8px;padding:6px 8px;text-decoration:none;transition:background-color .15s ease-out}a.lastfm__row:hover{background-color:#161616}.now-playing--in,.discord-activity--in{animation:.35s both presence-in}.now-playing--out,.discord-activity--out{pointer-events:none;animation:.24s ease-in both presence-out}@keyframes presence-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes presence-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/noto-sans-thai-thai-400-normal.BEOmKAI1.woff2)format("woff2"),url(/_astro/noto-sans-thai-thai-400-normal.Dxb_unuU.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/noto-sans-thai-latin-ext-400-normal.nBP59pVw.woff2)format("woff2"),url(/_astro/noto-sans-thai-latin-ext-400-normal.B-1H0YkH.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/noto-sans-thai-latin-400-normal.BaWBrqFP.woff2)format("woff2"),url(/_astro/noto-sans-thai-latin-400-normal.Dh_FJjOB.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/noto-sans-thai-thai-500-normal.CU_X86GQ.woff2)format("woff2"),url(/_astro/noto-sans-thai-thai-500-normal.BOGXO2tw.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/noto-sans-thai-latin-ext-500-normal.B-ZWb8SZ.woff2)format("woff2"),url(/_astro/noto-sans-thai-latin-ext-500-normal.CrEHO7C8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/noto-sans-thai-latin-500-normal.fyBKClF1.woff2)format("woff2"),url(/_astro/noto-sans-thai-latin-500-normal.BC04jsmm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/noto-sans-thai-thai-700-normal.Cm52XUnT.woff2)format("woff2"),url(/_astro/noto-sans-thai-thai-700-normal.C9ISMlQq.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/noto-sans-thai-latin-ext-700-normal.uJk63onE.woff2)format("woff2"),url(/_astro/noto-sans-thai-latin-ext-700-normal.xdwl2Xg6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/noto-sans-thai-latin-700-normal._dn-40wb.woff2)format("woff2"),url(/_astro/noto-sans-thai-latin-700-normal.C4AMFKt5.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}