@font-face{font-family:'Noto Sans Thai';src:url('/static/NotoSansThai.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#08090a;--panel:#101114;--elev:#191b20;--ink:#f7f8f8;--sub:#adb2bf;--mute:#717784;--accent:#7776f6;--stroke:rgba(255,255,255,.085)}*{box-sizing:border-box}/* author rule: .button and .queue-item progress set display, which would otherwise beat the UA [hidden] rule */
[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Inter,'Noto Sans Thai',system-ui,-apple-system,'Segoe UI',sans-serif;font-feature-settings:'cv01','ss03'}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1180px;margin:auto;padding:0 28px}.nav{height:72px;background:rgba(8,9,10,.92);border-bottom:1px solid var(--stroke);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:13px;font-weight:600;letter-spacing:.095em;white-space:nowrap}.brand strong{font-weight:400;color:var(--mute)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--stroke);border-radius:8px;margin-right:10px;letter-spacing:-.1em}.brand-mark span{font-size:8px;color:var(--accent);margin-left:2px}.nav nav{display:flex;gap:30px;color:var(--sub);font-size:13px}.nav nav a:hover,.text-link:hover,.back:hover{color:var(--ink)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.04em;line-height:1.12}p{color:var(--sub)}.overline,.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:600;color:var(--accent)}.hero{position:relative;min-height:520px;padding-top:116px;padding-bottom:110px;overflow:hidden}.hero>*:not(.hero-glow){position:relative;z-index:1}.hero h1{font-size:clamp(48px,6.3vw,84px);font-weight:550;margin:27px 0;letter-spacing:-.065em}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:17px;max-width:520px}.hero-glow{position:absolute;right:-70px;top:65px;width:580px;height:420px;background:radial-gradient(ellipse at 65% 45%,rgba(104,90,224,.27),rgba(53,59,139,.08) 44%,transparent 70%);pointer-events:none}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9c9bff;box-shadow:0 0 15px #8584fc;margin-right:9px}.hero-actions{display:flex;gap:12px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:43px;padding:10px 18px;border-radius:7px;border:1px solid var(--stroke);font-size:13px;font-weight:600;transition:.2s}.button.primary{background:#5e6ad2;border-color:#5e6ad2;color:white}.button.primary:hover{background:#747ee8}.button.outline{background:rgba(255,255,255,.03);color:var(--ink)}.button.outline:hover{background:rgba(255,255,255,.08)}.section{padding-top:42px;padding-bottom:92px}.section.compact{padding-top:20px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-head h2,.feature-strip h2{font-size:34px;font-weight:520;margin:8px 0 0}.text-link{font-size:13px;color:var(--sub);border:0;background:none}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.video-card{display:block;min-width:0}.art{aspect-ratio:16/10;border:1px solid var(--stroke);border-radius:12px;background:radial-gradient(circle at 68% 34%,#313477 0%,#1c2140 34%,#11151e 72%,#101116 100%);display:flex;align-items:center;justify-content:center;position:relative;transition:transform .25s,border-color .25s}.video-card:nth-child(3n+2) .art{background:radial-gradient(circle at 28% 66%,#33424d,#161c28 50%,#121319)}.video-card:nth-child(3n+3) .art{background:radial-gradient(circle at 80% 16%,#3d284e,#1b1830 50%,#121319)}.video-card:hover .art{transform:translateY(-4px);border-color:rgba(150,150,255,.4)}.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;border-radius:11px}.play{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);font-size:20px;padding-left:3px}.duration{position:absolute;right:14px;bottom:12px;background:rgba(0,0,0,.65);padding:2px 9px;border-radius:5px;font-size:12px}.card-meta{display:flex;justify-content:space-between;color:var(--mute);font-size:10px;letter-spacing:.14em;margin-top:16px}.video-card h3{font-size:18px;font-weight:530;margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{text-align:center;padding:76px 20px;border:1px dashed rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.015)}.empty.small{padding:30px 12px}.empty-icon{font-size:30px;color:var(--accent)}.empty h3{margin:10px 0 2px;font-weight:520}.empty p{margin:0;color:var(--mute)}.feature-strip{padding-top:56px;padding-bottom:72px;border-top:1px solid var(--stroke);display:flex;justify-content:space-between;gap:40px}.feature-strip p{max-width:360px}.page-top{padding-top:76px;padding-bottom:32px}.page-top h1,.admin-top h1{font-size:clamp(40px,5vw,60px);margin:14px 0 10px;font-weight:550}.count{font-size:14px;color:var(--mute);vertical-align:top;letter-spacing:0;margin-left:14px}.footer-inner{border-top:1px solid var(--stroke);padding-top:26px;padding-bottom:35px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:var(--mute)}.watch-shell{padding-top:42px;padding-bottom:90px}.back{display:inline-block;color:var(--mute);font-size:13px;margin-bottom:22px}.player-frame{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--stroke);border-radius:12px;overflow:hidden}.player-frame video{width:100%;height:100%;display:block}.player-message{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:var(--mute);background:#08090a}.player-message.hidden{display:none}.watch-info{padding-top:32px}.watch-info h1{font-size:34px;margin:12px 0}.watch-info p{font-size:13px}.embed-shell .player-frame{height:100vh;aspect-ratio:auto;border:0;border-radius:0}.embed-shell .player-message{font-size:13px}.login-wrap{min-height:70vh;display:grid;place-items:center;padding:42px 20px}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:27px}.login{width:min(100%,430px)}.login h1{font-size:35px;margin:12px 0}.login p{font-size:13px}.login .button{width:100%}label{display:block;color:var(--sub);font-size:12px;margin:22px 0 13px}input{width:100%;margin-top:8px;background:rgba(255,255,255,.035);border:1px solid var(--stroke);border-radius:7px;color:var(--ink);padding:11px 12px;outline:none}input:focus{border-color:var(--accent)}input[type=file]{font-size:12px}.admin-top{padding-top:58px;padding-bottom:26px;display:flex;justify-content:space-between;align-items:center}.admin-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:22px;padding-bottom:90px}.admin-layout>div{display:grid;align-content:start;gap:22px}.panel-head h2{font-size:22px;font-weight:520;margin:8px 0 16px}.hint{font-size:11px;color:var(--mute);line-height:1.6}.inline-form{display:flex;gap:9px}.inline-form input{margin:0}.inline-form button{flex-shrink:0}.sites{padding:0;list-style:none}.sites li{display:flex;justify-content:space-between;border-bottom:1px solid var(--stroke);padding:10px 0;font-size:12px}.clip-list{display:grid;gap:0}.clip-row{display:flex;gap:14px;align-items:center;border-top:1px solid var(--stroke);padding:17px 0}.clip-thumb{width:70px;aspect-ratio:16/10;background:linear-gradient(135deg,#28305d,#121520);border-radius:6px;display:grid;place-items:center;color:#a0a4ed;flex:none}.clip-detail{min-width:0;flex:1}.clip-detail strong{display:block;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-detail small{display:block;font-size:11px;color:var(--mute)}.clip-detail small.error{color:#f38e95}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:7px}.actions button,.actions a{background:none;border:0;padding:0;color:var(--accent);font-size:11px}.actions .danger{color:#e88c94}.badge{font-size:10px;border:1px solid var(--stroke);border-radius:20px;color:var(--mute);padding:3px 8px}.badge.ready{color:#83d5a1}.badge.failed{color:#ed8b91}.notice{font-size:12px;min-height:1.5em;margin:15px 0 0}.notice.error{color:#f38e95}.queue{list-style:none;padding:0;margin:20px 0 4px;display:grid;gap:13px}.queue-item{border-top:1px solid var(--stroke);padding-top:13px}.queue-head{display:flex;gap:10px;align-items:center}.queue-head input{margin:0;padding:8px 11px;font-size:13px}.queue-head input:disabled{color:var(--sub)}.queue-head button{flex:none;font-size:11px}.queue-file{display:block;font-size:11px;color:var(--mute);margin-top:7px}.queue-item progress{width:100%;height:4px;margin-top:8px;border:0;border-radius:3px;background:rgba(255,255,255,.08);-webkit-appearance:none;appearance:none}.queue-item progress::-webkit-progress-bar{background:rgba(255,255,255,.08);border-radius:3px}.queue-item progress::-webkit-progress-value{background:var(--accent);border-radius:3px}.queue-item progress::-moz-progress-bar{background:var(--accent)}.queue-status{display:block;font-size:11px;color:var(--sub);margin-top:7px}.queue-status.error{color:#f38e95}#refresh-library{margin-top:14px}@media(max-width:850px){.admin-layout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-glow{opacity:.5}}@media(max-width:600px){.shell{padding-left:19px;padding-right:19px}.nav{height:64px}.brand{font-size:11px}.brand-mark{margin-right:4px}.nav nav{gap:12px;font-size:11px}.nav nav a:nth-child(3){display:none}.hero{min-height:450px;padding-top:86px;padding-bottom:60px}.hero p{font-size:15px}.grid{grid-template-columns:1fr;gap:28px}.feature-strip{display:block}.footer-inner{display:block}.footer-inner span{display:block;margin-bottom:5px}.admin-top{gap:10px}.admin-top h1{font-size:36px}.admin-top button{font-size:11px}.badge{display:none}}