.langSwitch__btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-dim);font-size:.76rem;line-height:var(--leading-ui);white-space:nowrap;align-items:center;gap:5px;margin:0;padding:5px 8px;display:inline-flex;position:relative}.langSwitch__btn:before{content:"";inset-inline:0;height:var(--tap);position:absolute;top:50%;translate:0 -50%}.langSwitch__btn svg{flex:none;width:14px;height:14px}.langSwitch__btn .langSwitch__chev{width:10px;height:10px}.langSwitch__btn:hover,.langSwitch__btn[aria-expanded=true]{background:var(--surface-3);color:var(--text)}.langSwitch__menu{background:var(--surface);min-width:196px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 20px var(--shadow);text-align:start;margin:0;padding:4px;font-size:.875rem;list-style:none;position:fixed;inset:auto}.langSwitch__menu a{min-height:var(--tap);border-radius:var(--radius-sm);color:var(--text);line-height:var(--leading-ui);align-items:center;gap:8px;padding:0 12px 0 10px;text-decoration:none;display:flex}.langSwitch__menu a:hover{background:var(--surface-2)}.langSwitch__menu a[aria-current]{font-weight:600}.langSwitch__check{visibility:hidden;flex:none;width:16px;height:16px}.langSwitch__menu a[aria-current] .langSwitch__check{visibility:visible}.footerLangs{flex-wrap:wrap;align-items:center;gap:0 16px;margin:0;padding:0;list-style:none;display:flex}.footerLangs__icon{color:var(--text-dim);display:inline-flex}.footerLangs__icon svg{width:14px;height:14px}.footerLangs__link{min-height:var(--tap);color:var(--text-dim);line-height:var(--leading-ui);align-items:center;display:inline-flex}.footerLangs__link:hover{color:var(--text)}.footerLangs__link[aria-current]{color:var(--text);font-weight:600}.topBand__in.languageSuggest__in{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 8px;padding-block:6px 4px}.languageSuggest__msg{min-width:0;font-size:.8125rem;line-height:var(--leading-body);color:var(--text);align-items:center;gap:8px;margin:0;display:flex}.languageSuggest__msg svg{width:16px;height:16px;color:var(--text-dim);flex:none}.languageSuggest__btns{align-items:center;gap:2px;display:flex}.languageSuggest__go{min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--text-faint);background:var(--surface-2);min-width:88px;color:var(--text);font-size:.875rem;font-weight:600;line-height:var(--leading-ui);white-space:nowrap;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.languageSuggest__go:hover{background:var(--surface-3)}.languageSuggest__x{width:var(--tap);height:var(--tap);border-radius:var(--radius-sm);color:var(--text-dim);background:0 0;border:0;place-items:center;margin-inline-end:-14px;padding:0;display:inline-grid}.languageSuggest__x:hover{background:var(--surface-2);color:var(--text)}.languageSuggest__x svg{width:16px;height:16px}.languageSuggest__privacy{min-height:24px;font-size:.75rem;line-height:var(--leading-ui);color:var(--text-dim);text-underline-offset:3px;grid-column:1/-1;justify-self:start;align-items:center;gap:4px;text-decoration:underline;display:inline-flex;position:relative}.languageSuggest__privacy:before{content:"";inset-inline:0;height:var(--tap);position:absolute;bottom:-4px}.languageSuggest__privacy svg{flex:none;width:12px;height:12px}.legal{max-width:44rem;margin:0 auto;padding:24px 16px 32px}.legal h1{font-size:1.5rem}.legal h2{color:var(--text);scroll-margin-top:24px;font-size:1.1rem}.legal__enacted,.legal__revised{color:var(--text-faint);margin-top:6px;font-size:.85rem}.legal__revised{margin-top:0}.legal__note{color:var(--text-dim);margin-top:16px;font-size:.9rem}.legal__intro{margin-top:20px}.legal__section{margin-top:28px}.legal__text,.legal__list{overflow-wrap:anywhere;margin-top:10px}.legal__list{margin-bottom:0;padding-inline-start:1.4em;line-height:1.7}.legal__link{color:var(--accent)}.legal__pending{color:var(--warn)}.siteFooter{max-width:var(--page-width);padding:24px 16px calc(16px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 20px;margin:auto auto 0;font-size:.8rem;display:flex}.siteFooter__links{flex-wrap:wrap;gap:0 20px;margin:0;padding:0;list-style:none;display:flex}.siteFooter__link,.siteFooter__pending{min-height:var(--tap);align-items:center;display:inline-flex}.siteFooter__link{color:var(--text-dim)}.siteFooter__link:hover{color:var(--text)}.siteFooter__button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.siteFooter__pending{color:var(--text-dim)}.app>.topBand{width:auto;margin-inline:calc(-1 * env(safe-area-inset-left)) calc(-1 * env(safe-area-inset-right));padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);background:var(--surface);border-bottom:1px solid var(--border);color:var(--text);flex:none;container-type:inline-size}.topBand__in{max-width:var(--page-width);padding:10px var(--top-band-pad,16px) 6px;gap:2px;margin:0 auto;display:grid}.app>main[tabindex="-1"]:focus,.app>.topBand[tabindex="-1"]:focus{outline:none}.analyticsNotice__msg{font-size:.8125rem;line-height:var(--leading-body);color:var(--text);margin:0}.analyticsNotice__phrase{display:inline-block}.analyticsNotice__acts{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 16px;display:flex}.analyticsNotice__acts>:last-child{margin-inline-start:auto}.analyticsNotice__link{min-height:var(--tap);color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--text-dim);text-decoration-color:var(--text-dim);text-underline-offset:3px;white-space:nowrap;align-items:center;gap:4px;font-size:.8125rem;display:inline-flex}.analyticsNotice__link svg{width:14px;height:14px;color:var(--text-dim);flex:none}.analyticsNotice__ok{min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--text-faint);background:var(--surface-2);min-width:88px;color:var(--text);padding:0 20px;font-size:.875rem;font-weight:600}.analyticsNotice__ok:hover{background:var(--surface-3)}.analyticsNotice__btns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.analyticsNotice__choice{white-space:nowrap;padding:0 16px}@container (width>=600px){.topBand__in.analyticsNotice__in{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px;padding-block:6px}.analyticsNotice__acts{justify-content:flex-end}}.app:has(>.compare){height:100svh}:is(html:has(.compare),body:has(.compare)){overscroll-behavior-y:none}.app:has(>.compare)>.appbar{display:none}body:has(.compare.is-immersive){background:#000}.app:has(>.compare.is-immersive){background:#000}.compare__screenProbe{top:0;left:env(safe-area-inset-left);right:env(safe-area-inset-right);visibility:hidden;pointer-events:none;height:100svh;position:fixed}.compare,.pane__stage{--on-video:#fff;--on-video-bg:#ffffff29;--on-video-bg-hover:#ffffff4d;--on-video-scrim:#000000bf}.compare{min-height:0;max-width:var(--page-width);flex-direction:column;flex:1;margin:0 auto;display:flex}.compare[data-pointer=fine]{padding:16px}.compare[data-pointer=coarse]:not(.is-immersive){padding-bottom:env(safe-area-inset-bottom)}.compare__stage{flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.compare__stage.is-controls-bottom{flex-direction:column}.compare__stage.is-controls-side{flex-direction:row}.compare__stage.is-controls-side.is-side-left{flex-direction:row-reverse}.compare__media{flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.compare__controls{overscroll-behavior:contain;flex:none;align-content:safe center;gap:8px;padding:12px;display:grid;overflow:auto}.is-controls-bottom>.compare__controls{align-content:start}.compare__controls:has(>.ctl.is-row){padding:8px 12px}.compare[data-pointer=fine] .compare__controls{padding:8px 0 0}.compare[data-pointer=fine] .is-controls-side>.compare__controls{padding:0 0 0 12px}.compare[data-pointer=fine] .is-controls-side.is-side-left>.compare__controls{padding:0 12px 0 0}.is-controls-bottom>.compare__controls{height:var(--panel-size)}.is-controls-side>.compare__controls{width:var(--panel-size)}.compare__panes{flex:none;display:flex;position:relative}.compare__panes.is-flash-both:after{content:"";z-index:2;box-shadow:inset 0 0 0 3px var(--accent), inset 0 0 0 4px var(--on-video-scrim);pointer-events:none;animation:1s forwards compare-flash-both;position:absolute;inset:0}.compare__panes.is-flash-both.is-flash-again:after{animation-name:compare-flash-both-again}@keyframes compare-flash-both{0%,60%{opacity:1}to{opacity:0}}@keyframes compare-flash-both-again{0%,60%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.compare__panes.is-flash-both:after,.compare__panes.is-flash-both.is-flash-again:after{animation:none}}.compare__panes.is-side,.compare__panes.is-single{flex-direction:row}.compare__panes.is-stacked{flex-direction:column}.compare__turnHint{height:var(--hint-size);color:var(--text-dim);flex:none;align-items:center;font-size:.76rem;display:flex}.pane[hidden],.pane__stage[hidden]{display:none}.pane{flex:none;min-width:0;display:flex;position:relative;overflow:hidden}:is(.pane,.pane__notice) button:where(:not(.themeToggle button,.langSwitch__btn)),.transport button{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:.82rem;line-height:1.2}:is(.pane,.pane__notice) button:where(:not(.themeToggle button,.langSwitch__btn)):hover:not(:disabled),.transport button:hover:not(:disabled){background:var(--surface-3)}:is(.pane,.pane__notice) button:where(:not(.themeToggle button,.langSwitch__btn)):disabled,.transport button:disabled{opacity:.45;cursor:not-allowed}:is(.pane,.pane__notice) button:where(:not(.themeToggle button,.langSwitch__btn)).is-active,.transport button.is-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pane__stage{background:#000;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.pane__transform{transform-origin:50%;position:absolute;inset:0}.pane__media{position:absolute;inset:0}.pane__media[hidden]{display:none}.pane__video{object-fit:contain;width:100%;height:100%;display:block}.pane__pose{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pane__ytHost,.pane__transform iframe{border:0;width:100%;height:100%;display:block}.pane button.pane__hit{background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.pane button.pane__hit:hover:not(:disabled){background:0 0}.pane button.pane__hit:disabled{cursor:default}.pane__loading{color:var(--on-video);pointer-events:none;place-items:center;margin:0;font-size:.86rem;display:grid;position:absolute;inset:0}.pane__overlay{background:linear-gradient(to top, var(--on-video-scrim), transparent);flex-wrap:wrap;align-items:center;gap:6px;padding:10px;transition:opacity .18s;display:flex;position:absolute;bottom:0;left:0;right:0}.pane__stage.is-playing .pane__overlay{opacity:0;pointer-events:none}.pane__stage.is-playing:hover .pane__overlay,.pane__stage.is-playing:focus-within .pane__overlay{opacity:1;pointer-events:auto}.pane .pane__ovBtn{background:var(--on-video-bg);color:var(--on-video);white-space:nowrap;border:0;border-radius:6px;flex:none;padding:5px 7px;font-size:.8rem}.pane .pane__ovBtn:hover:not(:disabled){background:var(--on-video-bg-hover)}.pane .pane__ovBtn.is-active{background:var(--accent);color:var(--accent-ink)}.pane__overlay input[type=range],.ctl__seek input[type=range]{touch-action:pan-x}.pane__overlay input[type=range]{min-width:72px;accent-color:var(--on-video);flex:1}.pane__ovTime{color:var(--on-video);white-space:nowrap;flex:none;font-size:.74rem}.pane.is-target:after{content:"";box-shadow:inset 0 0 0 3px var(--accent), inset 0 0 0 4px var(--on-video-scrim);pointer-events:none;position:absolute;inset:0}.pane .pane__chip{background:var(--on-video-scrim);height:28px;color:var(--on-video);white-space:nowrap;border:0;border-radius:99px;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex;position:absolute;top:8px;left:8px}.pane__chipMain{text-overflow:ellipsis;min-width:0;overflow:hidden}.pane__chipMain em{margin-left:6px}.pane button.pane__chip:before{content:"";position:absolute;inset:-8px}.pane button.pane__chip:hover:not(:disabled){background:var(--on-video-scrim)}.pane .pane__chip.is-on,.pane button.pane__chip.is-on:hover:not(:disabled){background:var(--accent);color:var(--accent-ink)}.pane__chip em{font-size:.72rem;font-style:normal;font-weight:400;font-family:var(--font-mono)}.pane__empty{text-align:center;background:var(--surface);border:1px solid var(--border);align-content:safe center;place-items:center;gap:12px;width:100%;height:100%;padding:16px;display:grid;overflow:auto}.pane__emptyCorner{z-index:1;align-items:center;gap:8px;display:flex;position:absolute;top:8px;right:8px}.pane__empty:has(>.pane__emptyCorner){padding-top:44px}.pane__emptyCorner .themeToggle button:before,.pane__emptyCorner .langSwitch__btn:before{height:auto;top:-8px;bottom:calc(100% + 8px - var(--tap));translate:none}.pane__emptyTitle{font-size:1.15rem}.pane__empty p{color:var(--text-dim);font-size:.86rem}.sourceChoices{gap:8px;width:min(100%,300px);display:grid}.sheet .sourceChoices{width:100%}.pane .sourceChoices button,.sheet .sourceChoices button{min-height:var(--tap-lg);border-radius:var(--radius);font-size:.92rem}.pane__error{border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn);margin:0;padding:10px 12px;font-size:.85rem;line-height:1.6}.pane__note{color:var(--text-faint);font-size:.75rem;line-height:1.6}.pane__empty .pane__note{color:var(--text-dim);font-size:.75rem}.pane__emptyHead,.pane__emptyActions{display:contents}.pane__emptyHead>.pane__note{order:1}.compare[data-pointer=coarse] .pane__empty:has(>.pane__emptyActions){flex-direction:column;align-items:center;display:flex}.compare[data-pointer=coarse] .pane__emptyHead{flex:1 0 auto;align-content:center;place-items:center;gap:12px;display:grid}.compare[data-pointer=coarse] .pane__emptyActions{flex:none;justify-items:center;gap:8px;width:100%;display:grid}.pane__notice{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:8px;padding:8px 10px;display:grid}.pane__noticeTitle{color:var(--text-dim);font-size:.76rem;font-weight:600}.pane__editor,.pane__urlrow{align-items:center;gap:6px;width:100%;min-width:0;display:flex}.pane__urlrow{max-width:420px}.pane__urlrow input{min-width:0;min-height:var(--tap);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;padding:6px 8px;font-family:inherit;font-size:.82rem}.sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface);width:min(100%,480px);max-width:100%;color:var(--text);box-shadow:0 -8px 24px var(--shadow);border:0;margin:auto auto 0;padding:0}.sheet::backdrop{background:var(--scrim,#00000073)}.sheet__body{padding:16px 12px calc(16px + env(safe-area-inset-bottom));gap:8px;display:grid}.sheet__title{font-size:1rem}.sheet__now{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.sheet button{min-height:var(--tap-lg);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);padding:0 14px;font-size:.92rem}.sheet button:hover{background:var(--surface-3)}.sheet button.is-active{background:var(--accent-soft);border-color:var(--accent)}.sheet button.sheet__remove{color:var(--danger);background:0 0}.sheet button.sheet__remove:hover{background:var(--warn-soft)}.sheet__lead{color:var(--text-dim);font-size:.86rem}.sheet__note{color:var(--text-dim);font-size:.75rem}.sheet__urlrow{gap:8px;min-width:0;display:flex}.sheet__urlrow input{min-width:0;min-height:var(--tap-lg);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:0 12px;font-size:16px}.sheet button.sheet__primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.sheet button.sheet__primary:disabled{opacity:.45}.sheet button.sheet__cancel{color:var(--text-dim);background:0 0;border-color:#0000}.transport{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);justify-items:center;gap:8px;padding:10px 12px;display:grid}.transport__title{letter-spacing:.08em;color:var(--text-faint);margin:0;font-size:.72rem}.transport__title:lang(th){letter-spacing:normal}.transport__single{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.transport__single button{min-height:var(--tap)}.transport button.transport__add{border-color:var(--accent)}.transport__addHint{color:var(--text-dim);font-size:.78rem}.transport__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.transport__play{min-width:150px}.transport--pair{justify-self:stretch;container:transport/inline-size}.transport__playGroup{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.transport__short{display:none}@container transport (width<440px){.transport__long{display:none}.transport__short{display:inline}.transport__playGroup{gap:6px;max-width:100%}.transport__playGroup>button{flex:none}.transport .transport__playGroup button.transport__play{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;padding:9px 12px;overflow:hidden}}.transport__range{color:var(--text-dim);font-size:.78rem}.transport__export{flex-wrap:wrap;order:2;align-items:center;gap:8px 12px;display:flex}.transport__poseNote,.transport__exportNote{color:var(--text-dim);font-size:12px}.transport__exportError{color:var(--danger);flex-basis:100%;margin:0;font-size:13px}.transport__hint{color:var(--text-dim);margin:0;font-size:.78rem}.transport__hint--wait{color:var(--text-dim)}.transport__keys{color:var(--text-dim);margin:0;font-size:.72rem}.transport__keys kbd{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:.72rem}.transport button.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);padding:9px 18px;font-size:.92rem;font-weight:600}.transport button.btn--primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}:is(.pane,.pane__notice) button.btn--ghost,.transport button.btn--ghost{color:var(--text-dim);background:0 0}.pane button.btn--danger{color:var(--danger);background:0 0}.pane button.btn--danger:hover:not(:disabled){background:var(--warn-soft)}.ctl{gap:8px;min-width:0;display:grid}.ctl button{font:inherit;color:var(--text);cursor:pointer}.ctl button:disabled{opacity:.45;cursor:not-allowed}.ctl__seek{align-items:center;gap:10px;min-width:0;height:40px;display:flex}.ctl__seek input{min-width:60px;height:var(--tap);accent-color:var(--accent);flex:1;margin:0}.ctl__time{color:var(--text);white-space:nowrap;font-size:.9rem}.ctl__time--end{color:var(--text-dim);font-size:.78rem}.ctl__main{grid-template-columns:1fr 1.5fr 1fr;gap:8px;display:grid}.ctl .fbtn{min-height:var(--tap-lg);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);white-space:nowrap;padding:0 10px;font-size:.86rem}.ctl .fbtn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-size:.95rem;font-weight:600}.ctl__tabs{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.ctl .tab{min-height:var(--tap-lg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);white-space:nowrap;background:0 0;align-content:center;place-items:center;gap:2px;padding:4px 2px;font-size:.7rem;display:grid}.ctl .tab b{color:var(--text);font-size:1.05rem;font-weight:400;line-height:1}.ctl .tab b.mono{font-family:var(--font-mono);font-size:.86rem;font-weight:600}.ctl .tab.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.ctl .tab--text{white-space:normal;word-break:keep-all;color:var(--text);text-align:center;font-size:.72rem;line-height:1.25}.ctl .tab--add{border-color:var(--accent);color:var(--text)}.ctl .tab--add b{color:var(--accent)}.ctl .tab--cta{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.ctl .tab--cta b{color:var(--accent-ink)}.ctl .tab b svg{width:17px;height:17px}.ctl.is-row .tab b svg{width:15px;height:15px}.compare__controls:has(>.ctl.is-face){flex-direction:column;display:flex}.compare__controls>.ctl.is-face{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.is-controls-bottom>.compare__controls:has(>.ctl.is-face){padding:8px 12px}.tab__num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-left:2px;font-size:.74rem;font-weight:600}.ctl__noteRow{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;display:flex}.ctl__note{color:var(--text-dim);text-align:center;margin:0;font-size:.72rem}.ctl .ctl__textBtn{min-height:var(--tap);min-width:var(--tap);color:var(--text-dim);background:0 0;border:0;padding:0 12px;font-size:.8rem;text-decoration:underline}.ctl.is-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"seek seek""main tabs";align-items:center;gap:6px 8px}.ctl.is-row .ctl__seek{height:var(--tap);grid-area:seek}.ctl.is-row .ctl__main{grid-area:main;display:flex}.ctl.is-row .ctl__tabs{grid-area:tabs;grid-auto-columns:56px;justify-content:end;gap:4px}.ctl.is-row.is-tabs-2 .ctl__tabs{grid-template-columns:repeat(4,56px);grid-auto-flow:row}.ctl.is-row .fbtn,.ctl.is-row .tab{min-height:var(--tap)}.ctl.is-row .fbtn{padding:0 8px;font-size:.8rem}.ctl.is-row .ctl__main .fbtn--primary{flex:1}.ctl.is-row .tab{gap:0;font-size:.7rem}.ctl.is-row .tab b{font-size:.9rem}.ctl.is-row .tab b.mono{font-size:.74rem}.ctl.is-row .tab--text{font-size:.7rem}.ctl .tab:lang(th),.ctl .tab--text:lang(th){font-size:.75rem}.ctl.is-row .ctl__noteRow{grid-column:1/-1}.ctl.is-stack:not(.is-pair) .ctl__tabs{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row}.ctl__sideRow{height:28px;display:flex}.ctl__sideRow.is-right{justify-content:flex-start}.ctl__sideRow.is-left{justify-content:flex-end}.ctl button.ctl__sideSwitch{border:1px solid var(--border);height:28px;color:var(--text-dim);white-space:nowrap;background:0 0;border-radius:99px;align-items:center;gap:4px;padding:0 10px;font-size:.74rem;display:inline-flex;position:relative}.ctl__sideSwitch:before{content:"";position:absolute;inset:-8px -4px}.ctl .ctl__sideSwitch b{color:var(--text);font-size:.9rem;font-weight:400;line-height:1}.tab__part{display:inline-block}.compare__float{left:10px;right:10px;bottom:calc(var(--panel-size) + 8px);pointer-events:none;justify-items:end;gap:8px;display:grid;position:absolute}.is-controls-side>.compare__float{right:calc(var(--panel-size) + 10px);bottom:10px}.is-controls-side.is-side-left>.compare__float{left:calc(var(--panel-size) + 10px);justify-items:start;right:10px}.compare__float>*{pointer-events:auto}.compare__status{justify-self:stretch;display:grid}.compare__status:empty{display:none}.toast{min-height:var(--tap);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 18px var(--shadow);color:var(--text);justify-self:stretch;align-items:center;gap:10px;padding:6px 6px 6px 14px;font-size:.82rem;animation:.18s ease-out toast-rise;display:flex}.toast__text{flex:1}.toast button{min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;white-space:nowrap;padding:0 12px}@keyframes toast-rise{0%{opacity:0;transform:translateY(8px)}}.coach{border-radius:var(--radius);background:var(--text);max-width:260px;color:var(--bg);box-shadow:0 6px 18px var(--shadow);align-items:flex-start;gap:6px;padding:10px 6px 10px 12px;font-size:.8rem;line-height:1.5;display:flex;position:relative}.coach:after{content:"";background:var(--text);width:12px;height:12px;position:absolute;bottom:-6px;right:24px;transform:rotate(45deg)}.coach.is-right:after{bottom:18px;right:-6px}.coach.is-left:after{bottom:18px;left:-6px;right:auto}.coach__close{min-width:var(--tap);min-height:var(--tap);color:inherit;font:inherit;opacity:.75;background:0 0;border:0;flex:none;margin:-10px 0}.compare__stage.is-controls-overlay{flex-direction:column}.compare__stage.is-controls-overlay>.compare__controls{--band-fade:28px;padding:var(--band-fade) 12px calc(8px + env(safe-area-inset-bottom));color:var(--text);background:linear-gradient(to top, var(--on-video-scrim) 0%, var(--on-video-scrim) calc(100% - var(--band-fade)), transparent 100%);pointer-events:none;transition:opacity .18s,transform .18s,visibility;position:absolute;bottom:0;left:0;right:0;overflow:visible}.compare__stage.is-controls-overlay>.compare__controls.is-band-hidden{opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility 0s .18s;transform:translateY(8px)}@media (prefers-reduced-motion:reduce){.compare__stage.is-controls-overlay>.compare__controls.is-band-hidden{transform:none}}.compare__stage.is-controls-overlay>.compare__controls:has(>.ctl.is-stack){--band-fade:32px}.is-controls-overlay>.compare__controls>*{pointer-events:auto}.is-controls-overlay .ctl .tab{background:var(--surface-2)}.is-controls-overlay .ctl .tab.is-on{background:var(--accent-soft)}.is-controls-overlay .ctl .tab.tab--cta{background:var(--accent)}.is-controls-overlay .ctl__note,.is-controls-overlay .ctl__time--end{color:var(--text)}.compare__stage.is-controls-overlay>.compare__controls>.coach{right:12px;bottom:calc(100% - var(--band-fade) + 8px);position:absolute}.compare__stage.is-controls-overlay>.compare__float{top:calc(12px + env(safe-area-inset-top));justify-items:stretch;width:min(440px,100% - 24px);bottom:auto;left:50%;right:auto;transform:translate(-50%)}.app:has(>.topBand) .compare__stage.is-controls-overlay>.compare__float{top:12px}.compare__float>.compare__status{pointer-events:none}.compare__status>.toast{pointer-events:auto}.compare__status>.toast.is-passive{pointer-events:none}.tapHint{background:var(--on-video-scrim);height:32px;color:var(--on-video);white-space:nowrap;pointer-events:none;border-radius:99px;justify-self:center;align-items:center;padding:0 14px;font-size:.8rem;animation:.18s ease-out tap-hint-in;display:inline-flex}@keyframes tap-hint-in{0%{opacity:0;transform:translateY(-6px)}}@media (orientation:landscape) and (height<=500px){.sheet{width:min(100%,560px)}.sheet .sourceChoices{grid-template-columns:repeat(3,minmax(0,1fr))}.compare[data-pointer=coarse] .pane__emptyActions .sourceChoices{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,536px)}}fieldset:where(.overlayFace,.overlayMenu,.overlayInflow){border:0;min-inline-size:0;margin:0;padding:0}.overlayHead{align-items:center;gap:8px;min-width:0;height:28px;display:flex}.overlayHead__title{color:var(--text);white-space:nowrap;font-size:.86rem;font-weight:700}.overlayHead__scope{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.76rem;overflow:hidden}.overlayHead__scope:before{content:"· "}.overlayHead__note{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;font-size:.76rem;overflow:hidden}.overlayHead__note:before{content:"· ";color:var(--text-dim)}.overlayHead__note.is-danger{color:var(--danger)}.overlayHead__scope b{color:var(--text)}.overlayHead button.overlayHead__done{border:1px solid var(--border);height:28px;color:var(--text);font:inherit;white-space:nowrap;background:0 0;border-radius:99px;flex:none;margin-left:auto;padding:0 12px;font-size:.76rem;font-weight:600;position:relative}.overlayHead__done:before{content:"";position:absolute;inset:-8px -4px}.overlayList{overscroll-behavior:contain;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.overlayList>li+li{border-top:1px solid var(--border)}.overlayList button.overlayRow{width:100%;min-height:var(--tap);color:var(--text);font:inherit;text-align:start;opacity:1;background:0 0;border:0;border-radius:0;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 12px 4px 10px;display:grid}.overlayList button.overlayRow:focus-visible,.overlayPills button.overlayPill:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.overlayList button.overlayRow:hover:not(:disabled){background:var(--surface-2)}.overlayList button.overlayRow:disabled{opacity:1;cursor:default}.overlayRow__icon{text-align:center;color:var(--text);font-size:1.05rem;line-height:1}.overlayRow__text{min-width:0;display:grid}.overlayRow__name{font-size:.86rem;font-weight:600;line-height:var(--leading-ui);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.overlayRow__desc{color:var(--text-dim);font-size:.72rem;line-height:var(--leading-ui);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.overlayRow__desc.is-state{color:var(--text)}.overlayRow__desc.is-danger{color:var(--danger)}.overlaySwitch{border:1.5px solid var(--text-faint);background:var(--surface-2);border-radius:99px;flex:none;width:40px;height:24px;position:relative}.overlaySwitch:after{content:"";background:var(--text-faint);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2.5px;left:2.5px}.overlaySwitch.is-on{background:var(--accent);border-color:var(--accent)}.overlaySwitch.is-on:after{background:var(--surface);transform:translate(16px)}.overlaySwitch.is-mixed:after{background:var(--text);border-radius:2px;width:14px;height:3px;top:9px;left:11px}:disabled>.overlaySwitch{opacity:.4}.overlaySpin{border:2px solid var(--border);border-top-color:var(--text);vertical-align:-2px;border-radius:50%;width:14px;height:14px;animation:.9s linear infinite overlay-spin;display:inline-block}@keyframes overlay-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.overlaySwitch:after{transition:none}.overlaySpin{animation:none}}.overlayFace{flex:auto;grid-template-rows:auto minmax(0,max-content);align-content:start;gap:4px;min-height:0;display:grid}.overlayFace.is-row{grid-template-rows:auto auto;align-content:start;gap:6px}.overlayPills{gap:8px;min-width:0;display:flex;overflow-x:auto}.overlayPills button.overlayPill{min-height:var(--tap);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:.82rem;font-weight:600;line-height:var(--leading-ui);white-space:nowrap;flex:none;align-items:center;gap:8px;padding:0 10px 0 12px;display:inline-flex}.overlayPills button.overlayPill:hover:not(:disabled){background:var(--surface-2)}.overlayPill .overlayRow__icon{font-size:.95rem}.overlayPill .overlaySwitch{width:34px;height:20px}.overlayPill .overlaySwitch:after{width:13px;height:13px;top:2px;left:2px}.overlayPill .overlaySwitch.is-on:after{transform:translate(14px)}.overlayPill .overlaySwitch.is-mixed:after{width:12px;height:3px;top:7px;left:9px}.overlayOpen{align-items:center;gap:6px;display:inline-flex}.overlayOpen__icon{flex:none;width:15px;height:15px}.overlayOpen__chev{flex:none;width:10px;height:10px}.overlayMenu{background:var(--surface);width:340px;max-width:calc(100vw - 16px);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 20px var(--shadow);text-align:start;margin:0;padding:4px;display:grid;position:fixed;inset:auto}.overlayMenu:not(:popover-open){display:none}.overlayMenu .overlayHead{height:36px;padding:0 8px 0 10px}.overlayMenu .overlayList{background:0 0;border:0}.overlayMenu .overlayList button.overlayRow{min-height:52px}.overlayInflow{border-top:1px solid var(--border);flex-basis:100%;order:1;justify-content:center;padding-top:10px;display:flex}.overlayInflow .overlayPills{flex-wrap:wrap;justify-content:center}.overlayRow:disabled .overlayRow__icon,.overlayRow:disabled .overlayRow__name{color:var(--text-faint)}.lp{max-width:70rem;margin:0 auto;padding:32px 16px 0}.lp p{line-height:1.8}.lp__ph{display:inline-block}.lp h1,.lp h2,.lp h3{font-feature-settings:"palt" 1}.lp__icon{flex:none;width:18px;height:18px}.lp__brand{align-items:center;gap:8px;display:inline-flex}.lp__mark{width:20px;height:20px}.lp__markLeft{fill:var(--text)}.lp__markRight{fill:var(--accent)}.lp__brand b{font-family:var(--font-mono);color:var(--text);letter-spacing:.02em;font-size:.875rem;font-weight:600}.lp__title{letter-spacing:-.02em;margin-top:24px;font-size:2.75rem;font-weight:600;line-height:1.14}.lp__title .lp__ph:first-child{color:var(--text-dim)}.lp__lead{max-width:30em;margin-top:16px;font-size:1rem}.lp__lead strong{color:var(--text);font-weight:600}.lp__cta{width:100%;min-height:var(--tap-lg);border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);white-space:nowrap;justify-content:center;align-items:center;gap:10px;margin-top:28px;padding:0 28px;font-size:1.0625rem;font-weight:700;text-decoration:none;display:flex}.lp__cta .lp__icon{width:20px;height:20px}.lp__assure{gap:6px;margin:16px 0 0;padding:0;list-style:none;display:grid}.lp__assure li{color:var(--text-dim);align-items:flex-start;gap:8px;font-size:.8125rem;line-height:1.6;display:flex}.lp__assure .lp__icon{width:16px;height:16px;color:var(--text);margin-top:2px}.lp__keys{display:none}@media (hover:hover) and (pointer:fine){.lp__keys{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;margin-top:28px;font-size:.8125rem;display:flex}.lp__keysGap{width:12px}}.lp kbd{min-width:24px;height:22px;font-family:var(--font-mono);color:var(--text);background:var(--surface);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 6px;font-size:.75rem;display:inline-flex}.lp__can{margin-top:40px}.lp__canLabel{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-dim);font-size:.75rem;font-weight:400}.lp__canLabel:lang(th){font-family:var(--font-body);letter-spacing:normal}.lp__canList{margin:12px 0 0;padding:0;list-style:none}.lp__canList li{border-top:1px solid var(--border);grid-template-columns:2.25rem 1fr;gap:2px 0;padding:16px 0;display:grid}.lp__canList li:last-child{border-bottom:1px solid var(--border)}.lp__canNumber{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-dim);grid-row:span 2;font-size:.75rem;line-height:1.6rem}.lp__canList h3{font-size:1rem;font-weight:600;line-height:1.6rem}.lp__canList p{font-size:.875rem;line-height:1.7}.lp__close{gap:8px;margin-top:48px;display:grid}.lp__close p{color:var(--text);font-size:.9375rem}.lp__closeLink{min-height:var(--tap);color:var(--accent);justify-self:start;align-items:center;gap:6px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.lp__closeLink:hover,.lp__cta:hover{text-underline-offset:4px;text-decoration:underline}.lp+.siteFooter{max-width:70rem}@media (width>=861px){.lp{padding:96px 40px 0}.app:has(>.lp){--top-band-pad:40px}.app:has(>.lp)>.appbar{padding:16px 40px 0}.lp__hero{grid-template-columns:7fr 5fr;align-items:end;gap:80px;display:grid}.lp__title{letter-spacing:-.03em;margin-top:32px;font-size:5rem;line-height:1.08}.lp__lead{margin-top:24px;font-size:1.125rem}.lp__cta{width:auto;min-width:220px;margin-top:36px;display:inline-flex}.lp__assure{margin-top:20px}.lp__can{margin-top:0}.lp__canList li{padding:18px 0}.lp__close{border-top:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:32px;margin-top:120px;padding-top:32px}.lp__close p{font-size:1.0625rem}.lp+.siteFooter{padding-inline:40px;padding-bottom:calc(32px + env(safe-area-inset-bottom))}}:root{--bg:#f2f6f9;--surface:#fff;--surface-2:#e6edf3;--surface-3:#d7e1e9;--border:#c7d3dc;--text:#0f1720;--text-dim:#57687a;--text-faint:#8496a6;--accent:#006e94;--accent-ink:#fff;--accent-soft:#d8f1fa;--warn:#c65a06;--warn-soft:#fbe4d1;--danger:#c23b3b;--shadow:#0f17201a;--font-display:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic UI", "Segoe UI", "Leelawadee UI", "Noto Sans Thai", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", "Segoe UI", "Leelawadee UI", "Noto Sans Thai", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-sm:7px;--radius:10px;--radius-lg:14px;--tap:44px;--tap-lg:52px;--scrim:#00000073;--page-width:min(100%, 1760px);--leading-body:1.55;--leading-ui:1.2}:lang(th){--leading-body:1.75;--leading-ui:1.45}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a0e13;--surface:#121822;--surface-2:#1a2230;--surface-3:#232d3d;--border:#2b3546;--text:#e7edf3;--text-dim:#93a1b0;--text-faint:#647385;--accent:#4fd1ff;--accent-ink:#03222b;--accent-soft:#123641;--warn:#ff9d4d;--warn-soft:#3a2413;--danger:#ff6b6b;--shadow:#00000080}}:root[data-theme=dark],.on-dark,.pane.is-target:after{--bg:#0a0e13;--surface:#121822;--surface-2:#1a2230;--surface-3:#232d3d;--border:#2b3546;--text:#e7edf3;--text-dim:#93a1b0;--text-faint:#647385;--accent:#4fd1ff;--accent-ink:#03222b;--accent-soft:#123641;--warn:#ff9d4d;--warn-soft:#3a2413;--danger:#ff6b6b;--shadow:#00000080}.app:has(>.compare.is-immersive)>.topBand{--bg:#0a0e13;--surface:#121822;--surface-2:#1a2230;--surface-3:#232d3d;--border:#2b3546;--text:#e7edf3;--text-dim:#93a1b0;--text-faint:#647385;--accent:#4fd1ff;--accent-ink:#03222b;--accent-soft:#123641;--warn:#ff9d4d;--warn-soft:#3a2413;--danger:#ff6b6b;--shadow:#00000080}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0}p{color:var(--text-dim);margin:0;line-height:1.7}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{min-height:100svh;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);flex-direction:column;display:flex}.app>*{width:100%}.appbar{max-width:var(--page-width);justify-content:flex-end;align-items:center;gap:8px;margin:0 auto;padding:10px 16px 0;display:flex}.themeToggle{border:0;min-inline-size:0;margin:0;padding:0;display:inline-flex}.themeToggle button{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);font-size:.76rem;line-height:var(--leading-ui);white-space:nowrap;border-radius:0;margin-left:-1px;padding:5px 10px;position:relative}.themeToggle button:before{content:"";inset-inline:0;height:var(--tap);position:absolute;top:50%;translate:0 -50%}.themeToggle button:first-of-type{border-start-start-radius:var(--radius-sm);border-end-start-radius:var(--radius-sm);margin-left:0}.themeToggle button:last-of-type{border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm)}.themeToggle button:hover:not(.is-active){background:var(--surface-3);color:var(--text)}.themeToggle button.is-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tabular{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
