.op-shorts{--lime:#d5ef79;--ink:#101310;--muted:#9ba394;font:15px/1.5 Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#f5f6ef;background:var(--ink);min-height:100dvh;position:relative;box-sizing:border-box}.op-shorts *{box-sizing:border-box}.op-shorts button,.op-shorts a{font:inherit;cursor:pointer}.op-shorts button{border:0;color:inherit;background:#22291e;border-radius:10px;padding:11px 16px;transition:background .2s}.op-shorts button:hover{background:#38432d}.op-shorts button:disabled{opacity:.45;cursor:default}.op-shorts button:focus-visible,.op-shorts a:focus-visible,.op-shorts input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.ops-header{height:84px;padding:0 5%;display:flex;align-items:center;gap:25px;border-bottom:1px solid #ffffff12}.ops-brand{display:flex;align-items:center;gap:15px;white-space:nowrap}.ops-brand b{font-size:35px;letter-spacing:-4px;color:var(--lime)}.ops-brand span{font-weight:700;letter-spacing:3px;font-size:15px}.ops-header nav{display:flex;gap:6px;margin:auto}.ops-header nav button{background:transparent;color:#bec5b5}.ops-header nav button.ops-current{color:var(--lime);background:#d5ef7910}.op-shorts .ops-upgrade{background:var(--lime);color:#1b2510;font-weight:700}.ops-stage{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 430px 1fr;min-height:calc(100dvh - 130px);align-items:center;gap:36px;padding:28px 5%}.ops-sidebar h1{font-weight:600;line-height:1.4;letter-spacing:-1px;white-space:pre-line;font-size:38px;margin:20px 0}.ops-sidebar>p{color:#a8b19e;white-space:pre-line;line-height:1.9;font-size:14px}.ops-kicker{color:var(--lime);font-size:10px;letter-spacing:2px;font-weight:700}.ops-tip{border-top:1px solid #ffffff1c;margin-top:35px;padding-top:23px;font-size:13px}.ops-tip p{color:#87937c;font-size:12px;white-space:pre-line}.ops-account{margin-top:25px!important;color:#d5ef79!important;font-size:12px!important}.ops-player-wrap{position:relative;width:100%;display:flex;justify-content:center}.ops-screen{width:100%;height:min(740px,calc(100dvh - 170px));min-height:450px;max-height:850px;border:1px solid #ffffff1d;border-radius:20px;overflow:hidden;background:#202a20;position:relative;touch-action:pan-x;outline:none}.ops-media,.ops-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#070b08}.ops-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0006 0%,transparent 25%,transparent 55%,#000c 100%)}.ops-screen-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;gap:8px;font-size:11px;pointer-events:none}.ops-live{font-weight:700;letter-spacing:2px}.ops-badge{border:1px solid #ffffff60;border-radius:30px;padding:3px 9px;background:#0005;font-size:10px}.ops-caption{position:absolute;bottom:25px;left:24px;right:58px;pointer-events:none}.ops-caption h2{font-size:25px;line-height:1.3;margin:9px 0}.ops-caption p{font-size:12px;color:#ced5c7;margin:0 0 14px}.ops-caption button{pointer-events:auto;background:#ffffff24;font-size:12px;border:1px solid #ffffff28}.ops-controls{position:absolute;right:12px;bottom:28px;display:grid;gap:8px;width:43px}.op-shorts .ops-round{font-size:10px;padding:10px 3px;border-radius:30px;background:#0006;border:1px solid #ffffff40}.ops-arrows{position:absolute;right:-62px;top:45%;display:grid;gap:10px}.op-shorts .ops-arrow{border:1px solid #ffffff22;border-radius:50%;width:42px;height:42px;padding:0;font-size:20px;background:#20251c}.ops-side-note{display:flex;justify-content:center;align-items:center;gap:20px;writing-mode:vertical-rl;color:#64725c;font-size:10px;letter-spacing:4px;padding-left:45px}.ops-progress{position:absolute;bottom:0;left:0;height:3px;width:0;background:var(--lime);transition:width .15s}.ops-status{text-align:center;color:#99a68c;font-size:12px;min-height:25px;padding:0 15px 10px}.ops-preload{width:1px;height:1px;position:absolute;opacity:0;pointer-events:none;left:-2px;top:0}.ops-modal-backdrop{position:fixed;inset:0;background:#050805b8;z-index:50;display:grid;place-items:center;padding:24px;backdrop-filter:blur(12px)}.ops-modal{position:relative;background:#1b2118;border:1px solid #ffffff24;border-radius:24px;padding:32px;width:min(860px,100%);max-height:90dvh;overflow:auto;box-shadow:0 30px 90px #0006}.ops-modal h2{font-size:25px;margin:4px 40px 12px 0}.ops-modal>p{color:#b2bda8;font-size:14px}.ops-modal>button{margin:7px 7px 0 0}.op-shorts .ops-modal-close{position:absolute;right:15px;top:15px;border-radius:50%;padding:2px 12px;font-size:26px}.op-shorts .ops-primary{display:inline-block;text-decoration:none;text-align:center;background:var(--lime);color:#17210c;border-radius:9px;padding:12px 18px;font-weight:700}.op-shorts .ops-primary:hover{background:#e3ffa0}.ops-secondary{border:1px solid #626e56!important}.ops-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:23px}.ops-plan{padding:20px;border:1px solid #d5ef7935;border-radius:15px;display:flex;flex-direction:column;gap:13px}.ops-plan strong{font-size:24px}.ops-plan small{color:#a7b498}.ops-plan p{font-size:12px;color:#b7c3aa;white-space:pre-line;min-height:43px}.ops-plan button{margin-top:auto;font-size:12px!important}.ops-catalogue{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ops-story{border:1px solid #ffffff1d;border-radius:15px;padding:13px}.ops-story-art{height:130px;background:linear-gradient(135deg,#627b38,#243322);border-radius:10px;display:flex;align-items:end;justify-content:space-between;padding:15px;gap:10px}.ops-story:nth-child(2n) .ops-story-art{background:linear-gradient(135deg,#8e664b,#342b2b)}.ops-story-art span{font:70px Georgia,serif;color:#ffffff30;line-height:1}.ops-story-art b{font-size:16px;max-width:120px}.ops-story h3{margin:10px 0 4px}.ops-story p{font-size:12px;color:#abb69d}.ops-story .ops-primary{font-size:12px}.ops-episodes{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.ops-episodes button{padding:5px 11px}.ops-ad{position:absolute;inset:0;background:#121712;z-index:3;display:flex;flex-direction:column;align-items:center;padding:40px 20px 20px;gap:12px}.ops-ad img{height:65%;max-width:100%;object-fit:contain;border-radius:10px}.ops-ad h2{font-size:20px;margin:0}.ops-ad-label{position:absolute;left:15px;top:10px;color:#a7b398;font-size:11px}.ops-ad .ops-primary{font-size:13px;padding:9px 20px}.ops-ad-continue{background:transparent!important;font-size:12px!important}.ops-cache-list{display:grid;gap:8px;margin:20px 0}.ops-cache-row{display:flex;align-items:center;gap:15px;background:#ffffff08;border:1px solid #ffffff12;padding:14px;border-radius:12px;font-size:13px}.ops-cache-row>div{flex:1}.ops-cache-row small{display:block;color:#a2ad98}.ops-cache-row input{accent-color:var(--lime);width:17px;height:17px}.ops-cache-row label{white-space:nowrap}.ops-caption[hidden],.op-shorts [hidden]{display:none!important}
@media(max-width:1100px){.ops-stage{grid-template-columns:1fr 380px;gap:25px;padding-right:8%}.ops-side-note{display:none}.ops-sidebar h1{font-size:32px}.ops-arrows{right:-53px}.ops-header{padding:0 4%}.ops-header nav{gap:0}.ops-header nav button{padding:9px;font-size:13px}}
@media(max-width:700px){.ops-header{height:62px;padding:0 14px;gap:8px}.ops-brand b{font-size:29px}.ops-brand span{display:none}.ops-header nav{margin-left:auto;margin-right:0}.ops-header nav button{font-size:12px;padding:8px}.op-shorts .ops-upgrade{padding:8px;font-size:12px}.ops-stage{display:block;padding:0;min-height:0}.ops-sidebar,.ops-side-note,.ops-arrows{display:none}.ops-screen{border:0;border-radius:0;height:calc(100dvh - 88px);max-height:none;min-height:350px;width:100%}.ops-status{height:26px;padding-top:4px;font-size:10px}.ops-screen-top{top:17px}.ops-caption{bottom:28px}.ops-modal-backdrop{padding:12px}.ops-modal{padding:24px 20px;border-radius:18px;max-height:90dvh}.ops-plans{grid-template-columns:1fr;gap:9px}.ops-plan{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:14px}.ops-plan strong{font-size:21px;text-align:right}.ops-plan p{min-height:0;margin:0;grid-column:1/3}.ops-plan button{grid-column:1/3;padding:9px}.ops-catalogue{grid-template-columns:1fr}.ops-story-art{height:110px}.ops-modal h2{font-size:22px}}
/* Playback controls are available only after login; ads and guest previews hide them. */
.ops-can-seek .ops-caption{bottom:82px}.ops-can-seek .ops-controls{bottom:85px}
.ops-media>video{touch-action:none;user-select:none;-webkit-user-select:none}
.ops-transport{position:absolute;bottom:10px;left:20px;right:20px;z-index:4;touch-action:none}
.ops-seek{display:block;appearance:none;-webkit-appearance:none;width:100%;height:44px;padding:0;margin:0;border:0;border-radius:0;cursor:pointer;background:transparent;touch-action:none;--progress:0%}
.ops-seek::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--lime) 0 var(--progress),#ffffff55 var(--progress) 100%)}
.ops-seek::-moz-range-track{height:4px;border-radius:4px;background:#ffffff55}.ops-seek::-moz-range-progress{height:4px;border-radius:4px;background:var(--lime)}
.ops-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #d5ef7918}
.ops-seek::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--lime)}
.ops-seek:disabled{opacity:.35;cursor:default}.ops-time{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#e1e6dc;font-size:11px;font-variant-numeric:tabular-nums;line-height:1.3;pointer-events:none;margin-top:-2px}.ops-seek-hint{font-size:10px;color:#bac4b0;text-align:center}
.ops-seek-feedback{position:absolute;top:43%;z-index:5;padding:22px 13px;border-radius:50%;background:#0b140bcc;color:#e9ffb6;border:1px solid #d5ef7944;font-size:13px;pointer-events:none;user-select:none}.ops-seek-feedback[data-side=left]{left:8%}.ops-seek-feedback[data-side=right]{right:8%}
@media(max-width:380px){.ops-seek-hint{font-size:9px}.ops-transport{left:15px;right:15px}}
/* Fill the host's available height, including mobile browser chrome and safe areas. */
.op-shorts{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.ops-header{flex:none;height:auto;min-height:84px;padding-top:env(safe-area-inset-top,0px);padding-left:max(5%,env(safe-area-inset-left,0px));padding-right:max(5%,env(safe-area-inset-right,0px))}
.ops-stage{flex:1;width:100%;min-height:0;overflow:hidden}.ops-player-wrap{height:100%;min-height:0}.ops-screen{height:100%;min-height:0;max-height:740px}
.ops-status{flex:none;min-height:26px;padding-bottom:max(6px,env(safe-area-inset-bottom,0px));overflow-wrap:anywhere}
.ops-screen-top,.ops-caption{overflow-wrap:anywhere}.ops-caption h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ops-header button{min-height:44px;white-space:nowrap}.ops-round{min-height:44px;min-width:44px}.ops-modal-close{min-width:44px;min-height:44px}
.ops-modal-backdrop{padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}
.ops-modal{max-height:100%;overscroll-behavior:contain;overflow-wrap:anywhere}.ops-modal button,.ops-modal a{min-height:44px}.ops-cache-row{flex-wrap:wrap}.ops-cache-row>div{min-width:120px}
.ops-ad{padding-bottom:max(12px,env(safe-area-inset-bottom,0px));overflow:auto}.ops-ad img{min-height:0;flex:1;max-height:65%;width:100%}.ops-ad h2{flex:none;overflow-wrap:anywhere}.ops-ad a,.ops-ad button{flex:none;min-height:44px}
@media(max-width:700px){.ops-header{min-height:62px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));gap:6px}.ops-header nav{min-width:0;gap:0}.ops-header nav button{padding:8px 6px}.ops-stage{padding:0}.ops-screen{max-height:none}.ops-status{height:auto}.ops-modal-backdrop{padding-top:max(12px,env(safe-area-inset-top,0px))}}
@media(max-width:360px){.ops-header{flex-wrap:wrap;padding-top:max(4px,env(safe-area-inset-top,0px));padding-bottom:4px}.ops-brand{margin-right:auto}.ops-header nav{order:2;width:100%;justify-content:center}.ops-header nav button{flex:1}.ops-caption{left:16px;right:66px}.ops-caption h2{font-size:22px}}
@media(max-height:520px) and (orientation:landscape){.ops-header{min-height:52px;padding-top:0}.ops-brand span{display:none}.ops-stage{display:flex;justify-content:center;padding:0 max(56px,env(safe-area-inset-right,0px)) 0 max(56px,env(safe-area-inset-left,0px))}.ops-sidebar,.ops-side-note{display:none}.ops-player-wrap{width:min(600px,100%)}.ops-screen{border-radius:0;border:0;max-height:none}.ops-caption{bottom:12px;left:14px}.ops-can-seek .ops-caption{bottom:65px}.ops-caption .ops-kicker{display:none}.ops-caption h2{font-size:18px;margin:3px 0;-webkit-line-clamp:1}.ops-caption p{margin:0 0 5px}.ops-caption button{padding:6px 12px;min-height:36px}.ops-screen-top{top:8px;left:14px;right:14px}.ops-controls{bottom:12px;gap:4px}.ops-can-seek .ops-controls{bottom:65px}.ops-transport{bottom:6px}.ops-status{font-size:10px;min-height:22px;padding:2px 10px}.ops-seek-hint{display:none}.ops-ad{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,1fr);grid-template-rows:1fr auto auto;padding:25px 14px 8px;gap:5px 16px}.ops-ad img{grid-row:1/4;height:100%;max-height:100%;width:100%}.ops-ad h2{align-self:end;font-size:17px}.ops-ad a,.ops-ad button{grid-column:2}.ops-header nav{margin:auto}.ops-modal{padding:20px}.ops-plans{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-plan{display:flex;padding:12px}.ops-plan strong{text-align:left;font-size:19px}.ops-plan p{min-height:0}}
.ops-screen.ops-show-ad{touch-action:pan-y}.ops-ad{overscroll-behavior:contain;touch-action:pan-y}.ops-ad img{min-height:96px;flex-shrink:0}
.ops-payment-methods{display:grid;gap:12px;margin-top:20px}.ops-payment-methods button{text-align:left;min-height:48px}