.musicplayer-scope{--mp-solid: var(--c-blue);--mp-solid-hover: var(--c-blue-deep);background:var(--c-ground);color:var(--c-ink);color-scheme:light}html.dark .musicplayer-scope{--mp-solid: #3f6bd0;--mp-solid-hover: #3560c4;color-scheme:dark}html:has(.musicplayer-scope) body{background:var(--c-ground)}html.dark:has(.musicplayer-scope) body{background:#0b1020}.musicplayer-scope[lang=th] [class*=tracking-]{letter-spacing:0!important}.musicplayer-scope ::selection{background:var(--c-tint-2);color:var(--c-ink)}.musicplayer-scope :focus-visible{outline:2px solid var(--c-blue);outline-offset:2px}.musicplayer-scope .mp-scroll-row{scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable both-edges}.musicplayer-scope .mp-scroll-row::-webkit-scrollbar{height:8px}.musicplayer-scope .mp-scroll-row::-webkit-scrollbar-track{background:transparent}.musicplayer-scope .mp-scroll-row::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.musicplayer-scope .mp-scroll-row:hover{scrollbar-color:var(--c-tint-2) transparent}.musicplayer-scope .mp-scroll-row:hover::-webkit-scrollbar-thumb{background:var(--c-tint-2)}.musicplayer-scope.dark .mp-scroll-row:hover::-webkit-scrollbar-thumb,.musicplayer-scope .dark .mp-scroll-row:hover::-webkit-scrollbar-thumb{background:var(--c-tint-2)}.musicplayer-scope{font-family:var(--c-font)!important}.musicplayer-scope.mp-theme-transition,.musicplayer-scope.mp-theme-transition *,.musicplayer-scope.mp-theme-transition *:before,.musicplayer-scope.mp-theme-transition *:after{transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-duration:.32s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.musicplayer-scope *::-webkit-scrollbar{width:6px;height:6px}.musicplayer-scope *::-webkit-scrollbar-track{background:transparent}.musicplayer-scope *::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .18s ease}.musicplayer-scope{scrollbar-color:transparent transparent}.musicplayer-scope.mp-scrolling{scrollbar-color:var(--c-tint-2) transparent}.musicplayer-scope.mp-scrolling *::-webkit-scrollbar-thumb{background:var(--c-tint-2)}.musicplayer-scope.mp-scrolling.dark *::-webkit-scrollbar-thumb,.musicplayer-scope.mp-scrolling .dark *::-webkit-scrollbar-thumb{background:var(--c-tint-2)}.musicplayer-scope.mp-scrolling *::-webkit-scrollbar-thumb:hover{background:var(--c-ring)}.musicplayer-scope.mp-scrolling.dark *::-webkit-scrollbar-thumb:hover,.musicplayer-scope.mp-scrolling .dark *::-webkit-scrollbar-thumb:hover{background:var(--c-ring)}.musicplayer-scope .mp-modal-overlay{animation:mp-fade-in .18s ease-out}.musicplayer-scope .mp-modal-panel{animation:mp-pop-in .22s ease-out}.musicplayer-scope .mp-search-spotlight:hover .mp-search-glow,.musicplayer-scope .mp-search-spotlight:focus-within .mp-search-glow{opacity:1}.musicplayer-scope .mp-search-input{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}.musicplayer-scope .mp-search-spotlight:focus-within .mp-search-input{transform:translateY(-1px);box-shadow:0 18px 40px -18px #2d52ad59}.musicplayer-scope .mp-settings-dropdown{transform-origin:top;animation:mp-pop-in .18s ease-out}.musicplayer-scope .mp-settings-panel{animation:mp-page-in .24s ease-out}@keyframes mp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mp-pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.musicplayer-scope .mp-page-transition{animation:mp-page-in .3s ease-out forwards}@keyframes mp-page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mp-toast-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mp-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.98)}}@media(prefers-reduced-motion:reduce){.musicplayer-scope *,.musicplayer-scope *:before,.musicplayer-scope *:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.musicplayer-scope [class*=transition]{transition-property:color,background-color,border-color,opacity!important}}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--c-ground: #f6f8fc;--c-surface: #ffffff;--c-tint: #eaf0fb;--c-tint-2: #dce6f8;--c-ink: #1a2238;--c-ink-2: #48506a;--c-ink-3: #5b6480;--c-rule: #dfe6f2;--c-ring: #7299e3;--c-blue: #3b66cc;--c-blue-deep: #2d52ad;--c-ok: #1b6b4a;--c-ok-tint: #e3f4ec;--c-warn: #80500a;--c-warn-tint: #fbf0dc;--c-bad: #b02a3a;--c-bad-tint: #fbe9eb;--c-ok-soft: #8fd0b2;--c-warn-soft: #e0a43a;--c-shadow: 0 24px 48px -28px rgba(45, 82, 173, .28), 0 2px 6px -2px rgba(45, 82, 173, .08);--c-font: "Figtree Variable", "Figtree", "Noto Sans Thai", -apple-system, "Segoe UI", sans-serif;--c-ease: cubic-bezier(.22, 1, .36, 1)}html.dark :is(.admin-shell,.musicplayer-scope) .c-btn-primary{background:#3f6bd0}html.dark :is(.admin-shell,.musicplayer-scope) .c-btn-primary:hover{background:#3560c4}html.dark :is(.admin-shell,.musicplayer-scope){--c-ground: #0b1020;--c-surface: #111830;--c-tint: #18223d;--c-tint-2: #22305a;--c-ink: #e7ecf7;--c-ink-2: #b3bdd4;--c-ink-3: #8a94b0;--c-rule: #1f2945;--c-ring: #7d9fe6;--c-blue: #7a9eee;--c-blue-deep: #a9c0f3;--c-ok: #5fd0a0;--c-ok-tint: rgba(95, 208, 160, .12);--c-warn: #f0b660;--c-warn-tint: rgba(240, 182, 96, .12);--c-bad: #f2828f;--c-bad-tint: rgba(242, 130, 143, .12);--c-ok-soft: #3f9b75;--c-warn-soft: #c18a33;--c-bad-soft: #b85462;--c-shadow: 0 24px 48px -28px rgba(0, 0, 0, .6)}.core-theme{background:var(--c-ground);color:var(--c-ink);font-family:var(--c-font);font-size:17px;line-height:1.6;font-feature-settings:"tnum" 0}.core-theme ::selection{background:var(--c-tint-2);color:var(--c-ink)}.core-theme :focus-visible{outline:2px solid var(--c-blue);outline-offset:3px;border-radius:999px}.c-display{font-weight:600;letter-spacing:-.03em;line-height:1.04;text-wrap:balance}.c-heading{font-weight:600;letter-spacing:-.02em;line-height:1.12;text-wrap:balance}.c-num{font-variant-numeric:tabular-nums}.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:50px;padding:0 1.5rem;border-radius:999px;font-weight:600;font-size:15px;transition:background-color .25s var(--c-ease),color .25s var(--c-ease),box-shadow .25s var(--c-ease),transform .25s var(--c-ease)}.c-btn:active{transform:scale(.98)}.c-btn-primary{background:var(--c-blue);color:#fff;box-shadow:0 10px 24px -14px #3b66ccb3}.c-btn-primary:hover{background:var(--c-blue-deep)}.c-btn-soft{background:var(--c-surface);color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-rule)}.c-btn-soft:hover{box-shadow:inset 0 0 0 1px var(--c-ring);color:var(--c-blue-deep)}.c-link{color:var(--c-blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--c-tint-2);transition:text-decoration-color .2s var(--c-ease)}.c-link:hover{text-decoration-color:var(--c-blue)}.c-panel{background:var(--c-surface);border-radius:28px;box-shadow:var(--c-shadow)}.c-ripple{transform-box:fill-box;transform-origin:center;animation:c-ripple 7s var(--c-ease) infinite;opacity:0}.c-ripple-2{animation-delay:3.5s}@keyframes c-ripple{0%{transform:scale(.35);opacity:.55}70%{opacity:.08}to{transform:scale(1.25);opacity:0}}.c-rise{animation:c-rise .9s var(--c-ease) both}@keyframes c-rise{0%{opacity:.6;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){.c-ripple,.c-rise{animation:none}}.c-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.c-marquee-track{animation:c-marquee 36s linear infinite}.c-marquee:hover .c-marquee-track{animation-play-state:paused}@keyframes c-marquee{to{transform:translate(-25%)}}.c-ticker-mask{mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}@media(prefers-reduced-motion:reduce){.c-marquee-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto;padding:0 1rem}.c-marquee-track>[aria-hidden=true]{display:none}.c-marquee{mask-image:none;-webkit-mask-image:none}}html:has(.core-theme){scrollbar-color:var(--c-tint-2) var(--c-ground)}.c-wordmark{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;font-size:1.3rem;letter-spacing:.01em;color:var(--c-ink)}.c-wordmark:before{content:"";width:24px;height:24px;border-radius:50%;border:2.5px solid var(--c-ring);background:radial-gradient(circle,var(--c-ring) 0 2.6px,transparent 3px 5.2px,var(--c-ring) 5.6px 7.4px,transparent 7.8px)}.admin-shell{--a-sidebar: var(--c-surface);--a-hover: var(--c-ground);--a-elev: 0 1px 2px rgba(26, 34, 56, .04), 0 12px 32px -24px rgba(45, 82, 173, .22);--a-pop: 0 18px 40px -18px rgba(26, 34, 56, .28), 0 2px 8px -2px rgba(26, 34, 56, .08);--a-grid: #e6ecf6;--a-scrim: rgba(26, 34, 56, .4);--c-info: var(--c-blue-deep);--c-info-tint: var(--c-tint);--c-bad-soft: #e8909b;background:var(--c-ground);color:var(--c-ink);font-family:var(--c-font);font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums;color-scheme:light}html.dark .admin-shell,html.dark .admin-shell *{color-scheme:dark}html.dark .admin-shell{--a-sidebar: #0e1428;--a-hover: #161f38;--a-elev: 0 1px 0 rgba(255, 255, 255, .02) inset, 0 12px 32px -24px rgba(0, 0, 0, .7);--a-pop: 0 18px 40px -16px rgba(0, 0, 0, .7), 0 0 0 1px var(--c-rule);--a-grid: #1c2642;--a-scrim: rgba(3, 6, 15, .65)}.admin-shell ::selection{background:var(--c-tint-2);color:var(--c-ink)}.admin-shell :focus-visible{outline:2px solid var(--c-blue);outline-offset:2px}html:has(.admin-shell){scrollbar-color:var(--c-tint-2) transparent}html.dark:has(.admin-shell) body{background:#0b1020}.a-card{background:var(--c-surface);border:1px solid var(--c-rule);border-radius:20px;box-shadow:var(--a-elev)}.a-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--c-rule)}.a-inset{background:var(--c-ground);border:1px solid var(--c-rule);border-radius:14px}.a-eyebrow{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--c-ink-3)}.a-title{font-weight:600;letter-spacing:-.015em;color:var(--c-ink)}.a-kpi{font-size:1.75rem;font-weight:600;letter-spacing:-.025em;line-height:1.1;font-variant-numeric:tabular-nums}.a-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:38px;padding:0 .95rem;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;background:var(--c-surface);color:var(--c-ink-2);box-shadow:inset 0 0 0 1px var(--c-rule);transition:background-color .2s var(--c-ease),color .2s var(--c-ease),box-shadow .2s var(--c-ease)}.a-btn:hover:not(:disabled){color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-ring)}.a-btn:disabled{opacity:.5;cursor:not-allowed}.a-btn-primary{background:var(--c-blue);color:#fff;box-shadow:0 8px 20px -12px #3b66cccc}.a-btn-primary:hover:not(:disabled){background:var(--c-blue-deep);color:#fff;box-shadow:0 8px 20px -12px #3b66cccc}html.dark .admin-shell .a-btn-primary{background:#3f6bd0}html.dark .admin-shell .a-btn-primary:hover:not(:disabled){background:#3560c4}.a-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:999px;color:var(--c-ink-2);background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-rule);transition:color .2s var(--c-ease),box-shadow .2s var(--c-ease),background-color .2s var(--c-ease)}.a-icon-btn:hover:not(:disabled){color:var(--c-blue-deep);box-shadow:inset 0 0 0 1px var(--c-ring)}.a-icon-btn:disabled{opacity:.5}.a-icon-btn[aria-pressed=true]{background:var(--c-tint);color:var(--c-blue-deep)}.a-input{width:100%;min-height:38px;padding:0 .85rem;border-radius:12px;background:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-rule);font-size:13px;outline:none;transition:border-color .2s var(--c-ease),box-shadow .2s var(--c-ease)}.a-input::placeholder{color:var(--c-ink-3)}.a-input:focus{border-color:var(--c-ring);box-shadow:0 0 0 3px var(--c-tint)}.a-seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--c-tint)}.a-seg>button{min-height:32px;padding:0 .8rem;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--c-ink-3);white-space:nowrap;transition:background-color .2s var(--c-ease),color .2s var(--c-ease),box-shadow .2s var(--c-ease)}.a-seg>button:hover{color:var(--c-ink)}.a-seg>button[aria-pressed=true]{background:var(--c-surface);color:var(--c-ink);box-shadow:0 1px 3px #1a22381f}.a-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--c-tint);color:var(--c-ink-2)}.a-badge-ok{background:var(--c-ok-tint);color:var(--c-ok)}.a-badge-warn{background:var(--c-warn-tint);color:var(--c-warn)}.a-badge-bad{background:var(--c-bad-tint);color:var(--c-bad)}.a-badge-info{background:var(--c-tint);color:var(--c-blue-deep)}.a-dot{width:7px;height:7px;border-radius:999px;background:currentColor;flex-shrink:0}.a-live{position:relative}.a-live:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:inherit;animation:a-live 2.2s var(--c-ease) infinite}@keyframes a-live{0%{transform:scale(1);opacity:.6}to{transform:scale(2.6);opacity:0}}.a-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.a-table thead th{position:sticky;top:0;z-index:1;padding:.65rem 1rem;text-align:left;font-size:12px;font-weight:600;color:var(--c-ink-3);background:var(--c-ground);border-bottom:1px solid var(--c-rule);white-space:nowrap}.a-table tbody td{padding:.7rem 1rem;border-bottom:1px solid var(--c-rule);color:var(--c-ink-2);vertical-align:middle}.a-table tbody tr:last-child td{border-bottom:0}.a-table tbody tr{transition:background-color .15s var(--c-ease)}.a-table tbody tr:hover{background:var(--a-hover)}.a-nav-link{display:flex;align-items:center;gap:.7rem;min-height:38px;padding:0 .75rem;border-radius:12px;font-size:13.5px;font-weight:500;color:var(--c-ink-2);transition:background-color .2s var(--c-ease),color .2s var(--c-ease)}.a-nav-link svg{color:var(--c-ink-3);transition:color .2s var(--c-ease)}.a-nav-link:hover{background:var(--a-hover);color:var(--c-ink)}.a-nav-link[aria-current=page]{background:var(--c-tint);color:var(--c-blue-deep);font-weight:600}.a-nav-link[aria-current=page] svg{color:var(--c-blue)}html.dark .admin-shell .a-nav-link[aria-current=page] svg{color:var(--c-ring)}.a-meter{height:6px;border-radius:999px;background:var(--c-tint);overflow:hidden}.a-meter>span{display:block;height:100%;border-radius:inherit;background:var(--c-ring);transition:width .6s var(--c-ease)}.a-enter{animation:a-enter .5s var(--c-ease) both}@keyframes a-enter{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.a-enter,.a-live:after{animation:none}}