*{box-sizing:border-box}:root{color-scheme:dark;--bg:#222;--blue:#075bb8;--green:#20a447}html,body{margin:0;min-height:100%;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff}body{padding-bottom:env(safe-area-inset-bottom)}button{font:inherit;color:inherit;border:0;cursor:pointer}.app{max-width:680px;margin:0 auto;min-height:100dvh;background:#222;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.top{display:flex;align-items:center;gap:12px;background:#242424;padding:16px;min-height:98px}.points{width:27%;min-width:86px;display:flex;flex-direction:column;gap:6px;color:#ddd}.points strong{font-size:38px;line-height:1;color:#7488ff}.points span{font-size:15px}.tiny-link{padding:0;text-align:left;color:#85baff;background:none;font-size:12px}.notice{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;font-size:clamp(13px,3.7vw,18px);line-height:1.45;overflow-wrap:anywhere}.player-wrap{position:relative;width:100%;height:min(105vw,520px);background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}video{display:block;height:100%;width:100%;object-fit:contain;background:#000}.empty{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:#bfc3ca;font-size:13px;background:#000;text-align:center;padding:20px;cursor:pointer}.playmark{font-size:44px;color:#fff;opacity:.9}.tip{padding:10px 14px;background:#151515;color:#c6c6c6;font-size:14px}.current{padding:8px 14px 0;color:#eee}.current div:first-child{font-weight:600}.current div:last-child{font-size:12px;color:#aaa;margin-top:4px}.actions{display:flex;gap:10px;margin:10px 12px 7px;padding:10px;border:1px solid #555;border-radius:20px;background:#303030;box-shadow:0 2px 7px #111}.actions button{flex:1;min-width:0;height:60px;border-radius:15px;font-size:clamp(16px,4.4vw,22px);font-weight:600}.switch{background:var(--blue)}.earn{background:var(--green)}.vip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 12px;padding:13px;border:1px solid #555;border-radius:20px;background:#303030;box-shadow:0 2px 7px #111}.vip-grid button{background:var(--c);height:clamp(88px,21vw,126px);border-radius:15px;font-size:clamp(14px,3.8vw,18px);font-weight:700;line-height:1.5;overflow-wrap:anywhere}.movie-list{padding:8px 14px 22px}.movie-list h3{font-size:15px;color:#ddd}.movies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.movie{border:1px solid #414141;border-radius:10px;overflow:hidden;background:#2d2d2d;text-align:left;padding:0}.movie img,.poster-placeholder{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:#111}.poster-placeholder{display:grid;place-items:center;color:#6e7890;font-size:30px}.movie b{display:block;font-size:13px;padding:8px 7px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movie small{display:block;color:#aaa;padding:0 7px 9px}.message{min-height:24px;text-align:center;color:#b7d8ff;font-size:13px;padding:6px}.bottom{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:680px;height:calc(68px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);display:flex;justify-content:space-around;align-items:center;background:#f5f5f5;border-top:1px solid #ddd}.bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-size:25px;color:#1689e7;background:transparent;width:19%;height:50px}.bottom span{font-size:10px}.bottom button.active{color:#075bb8}.bottom button:focus-visible,.vip-grid button:focus-visible,.actions button:focus-visible{outline:2px solid #fff;outline-offset:2px}dialog{width:min(92vw,430px);max-height:84dvh;overflow:auto;border:1px solid #555;border-radius:16px;background:#262626;color:#fff;padding:18px;box-shadow:0 20px 80px #000}dialog::backdrop{background:#0009}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:18px}.modal-head button{background:transparent;font-size:28px}.modal-card{padding:13px;border-radius:12px;background:#343434;margin:8px 0;color:#ddd;line-height:1.6}.modal-card button,.form-button{display:block;margin-top:8px;padding:9px 12px;border-radius:8px;background:#075bb8}.modal-card input,.modal-card textarea,.modal-card select{width:100%;margin:6px 0 10px;padding:11px;border-radius:8px;background:#181818;color:white;border:1px solid #555}.form-row label{display:block;font-size:13px;color:#ccc}.form-row button{width:100%;padding:12px;border-radius:8px;background:#075bb8;margin-top:8px}.switcher{display:flex;gap:8px}.switcher button{flex:1;padding:10px;border-radius:8px;background:#414141}.switcher button.selected{background:#075bb8}.muted-text{font-size:12px;color:#aaa;line-height:1.6}.ledger-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #444;padding:10px 0;font-size:13px}.ledger-row small{display:block;color:#aaa;margin-top:4px}.ledger-row strong.plus{color:#67dc99}.ledger-row strong.minus{color:#ff8888}.browser-notice{position:fixed;z-index:10;inset:0;background:#000b;display:grid;place-items:center;padding:24px}.browser-notice>div{max-width:360px;background:#282828;border:1px solid #555;border-radius:16px;padding:20px;line-height:1.6}.browser-notice button{background:#075bb8;border-radius:8px;padding:10px 20px}.hidden{display:none!important}.empty.error{color:#ffb7b7}@media(min-width:600px){.player-wrap{height:480px}.top{padding-top:22px}.movies{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Device/browser compatibility refinements */
html{scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom));-webkit-text-size-adjust:100%;text-size-adjust:100%}
.app{min-height:100vh;min-height:100svh;min-height:100dvh;overflow-x:clip}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{ -webkit-appearance:none;appearance:none }
.player-wrap{height:clamp(320px,108vw,560px);height:min(108vw,560px);min-height:320px}
video{object-fit:contain;max-width:100%;max-height:100%;touch-action:pan-y}
.notice,.current,.tip,.modal-card,.muted-text,.url-break{overflow-wrap:anywhere;word-break:break-word}
.url-break{overflow-wrap:anywhere;word-break:break-all}
.bottom{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:max(5px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
.bottom button{min-width:44px;min-height:44px}
.actions button,.vip-grid button{touch-action:manipulation;user-select:none;-webkit-user-select:none}
#modal{overscroll-behavior:contain}
@media(max-width:380px){
 .top{gap:8px;padding:13px 10px;min-height:88px}
 .points{min-width:68px;width:24%}.points strong{font-size:33px}.points span{font-size:13px}.tiny-link{font-size:11px}
 .notice{font-size:12px;gap:8px;line-height:1.4}
 .player-wrap{height:108vw;min-height:300px}
 .actions{gap:7px;margin:9px 8px 7px;padding:8px;border-radius:16px}
 .actions button{height:54px;border-radius:12px;font-size:16px}
 .vip-grid{gap:6px;margin:0 8px;padding:8px;border-radius:16px}
 .vip-grid button{height:clamp(76px,22vw,94px);font-size:12px;border-radius:11px}
 .movies{gap:7px}.movie b{font-size:12px;padding:7px 5px 2px}
}
@media(orientation:landscape) and (max-height:520px){
 .app{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
 .top{min-height:72px;padding:8px 12px}.points strong{font-size:29px}
 .player-wrap{height:calc(100svh - 190px);min-height:190px;max-height:420px}
 .bottom{height:calc(56px + env(safe-area-inset-bottom))}.bottom button{height:43px;font-size:21px}.bottom span{font-size:9px}
}
@supports not (height: 100svh){.app{min-height:100vh}.player-wrap{height:min(108vw,560px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.actions button:disabled{opacity:.68;cursor:wait}

/* Native dialog fallback for older mobile Safari/WebViews */
dialog:not([open]){display:none}dialog[open]{display:block;position:fixed;z-index:1000;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;max-height:84vh;max-height:84dvh}
body.dialog-open{overflow:hidden}