.lwmvf{--lwmvf-width:960px;--lwmvf-radius:20px;--vf-bg:#0c1220;--vf-ink:#eef3ff;--vf-muted:#b4c0d8;--vf-line:#2b3750;box-sizing:border-box;width:100%;max-width:var(--lwmvf-width);margin:28px auto;background:var(--vf-bg);color:var(--vf-ink);border:1px solid var(--vf-line);border-radius:var(--lwmvf-radius);overflow:hidden;box-shadow:0 18px 50px #09152c18;font-family:inherit}
.lwmvf--light{--vf-bg:#f8faff;--vf-ink:#12213a;--vf-muted:#4c607e;--vf-line:#dce4f2}.lwmvf *{box-sizing:border-box}.lwmvf [hidden]{display:none!important}.lwmvf-heading{display:flex;align-items:center;gap:10px;padding:16px 20px!important;margin:0!important;background:var(--vf-bg);color:var(--vf-ink)}.lwmvf-heading strong{flex:1;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.lwmvf-dot{width:8px;height:8px;border-radius:50%;background:#6791ff;flex:none}.lwmvf-provider{font-size:11px;color:var(--vf-muted)}
.lwmvf-screen{position:relative;aspect-ratio:16/9;min-height:200px;background:#080d17}.lwmvf-screen iframe,.lwmvf-mount{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.lwmvf-launch{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;border:0;border-radius:0;background:radial-gradient(ellipse at 25% 20%,#23468a 0%,#111e38 40%,#080d17 80%);color:white;font:inherit;cursor:pointer;width:100%;padding:24px}.lwmvf-play-icon{display:grid;place-items:center;background:#2456ff;width:66px;height:66px;border-radius:50%;font-size:24px;box-shadow:0 8px 40px #2456ff55}.lwmvf-launch:disabled{opacity:.6;cursor:wait}
.lwmvf-tools{padding:14px 16px 10px;background:var(--vf-bg)}.lwmvf-timeline{display:block;margin-bottom:10px}.lwmvf input[type=range]{accent-color:#638cff;margin:0;width:100%;cursor:pointer;min-height:24px}.lwmvf-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.lwmvf-controls button,.lwmvf-controls select{color:var(--vf-ink)!important;background:var(--vf-bg)!important;border:1px solid var(--vf-line)!important;border-radius:8px!important;padding:7px 9px!important;font:inherit!important;font-size:13px!important;min-height:36px;cursor:pointer;box-shadow:none!important}.lwmvf-controls button:hover{border-color:#638cff!important}.lwmvf-time{margin-right:auto;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--vf-muted)}.lwmvf-volume-label{width:70px}.lwmvf-controls>.lwmvf-volume{width:70px}.lwmvf-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 18px!important;margin:0!important;border-top:1px solid var(--vf-line);font-size:12px;color:var(--vf-muted);background:var(--vf-bg)}.lwmvf-footer a{color:var(--vf-muted)!important;text-decoration:underline!important}.lwmvf-status{flex:1;min-width:150px}.lwmvf button:focus-visible,.lwmvf select:focus-visible,.lwmvf input:focus-visible,.lwmvf a:focus-visible{outline:3px solid #638cff!important;outline-offset:3px}.lwmvf:fullscreen{max-width:none;width:100%;height:100%;display:flex;flex-direction:column;border-radius:0}.lwmvf:fullscreen .lwmvf-screen{flex:1;aspect-ratio:auto;min-height:0}.lwmvf-error{color:#a51d25;border-left:3px solid currentColor;padding:12px}
.lwmvf-screen{width:100%}.lwmvf-controls label{margin:0}.lwmvf .lwmvf-controls>.lwmvf-volume{width:70px;flex:0 0 70px}.lwmvf-admin{max-width:1450px}.lwmvf-admin-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:32px;margin-top:24px}.lwmvf-admin form{background:white;padding:24px;border:1px solid #dce4f2;border-radius:14px}.lwmvf-admin form>label{display:block;font-weight:600;margin:16px 0 7px}.lwmvf-admin form>input,.lwmvf-admin form>select,.lwmvf-admin textarea{width:100%}.lwmvf-admin form>button{margin-top:16px}.lwmvf-admin textarea{font-family:monospace;font-size:12px}.lwmvf-editor{padding:20px;border:1px solid #dce4f2;border-radius:14px}.lwmvf-editor-preview{aspect-ratio:16/9;min-height:200px;width:100%;border:0;border-radius:12px;background:#080d17}.lwmvf-editor .components-base-control{margin-bottom:16px}.lwmvf-editor code{display:block;overflow-wrap:anywhere;padding:12px}
@media(max-width:782px){.lwmvf-admin-grid{grid-template-columns:1fr}.lwmvf-heading{padding:12px 14px!important}.lwmvf-controls{gap:6px}.lwmvf-volume-label,.lwmvf-controls>.lwmvf-volume{display:none}.lwmvf-tools{padding:10px}.lwmvf-time{font-size:11px}.lwmvf-footer{padding:10px 12px!important}.lwmvf-controls button,.lwmvf-controls select{min-height:42px}.lwmvf-controls [data-action=back],.lwmvf-controls [data-action=forward]{font-size:11px!important}}
/* JLPT MasterX interaction mask: only our cover and controls receive clicks. */
.lwmvf-screen iframe{pointer-events:none!important;user-select:none}.lwmvf-shield{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;cursor:pointer}.lwmvf-launch{z-index:3;background-size:cover;background-position:center}.lwmvf .lwmvf-screen .lwmvf-tools{position:absolute;bottom:0;left:0;right:0;z-index:5;background:linear-gradient(transparent,rgba(0,0,0,.88))!important;padding:32px 14px 12px;transition:opacity .2s;color:white}.lwmvf .lwmvf-screen .lwmvf-controls button,.lwmvf .lwmvf-screen .lwmvf-controls select{background:rgba(8,13,23,.75)!important;color:white!important;border-color:#ffffff28!important}.lwmvf .lwmvf-screen .lwmvf-time{color:#fff}.lwmvf-controls-hidden .lwmvf-tools{opacity:0;pointer-events:none}.lwmvf-controls-hidden .lwmvf-tools:has(:focus-visible){opacity:1;pointer-events:auto}.lwmvf-expanded{position:fixed!important;inset:0!important;z-index:2147483647!important;max-width:none!important;width:100vw!important;height:100dvh!important;margin:0!important;border-radius:0!important;display:flex;flex-direction:column}.lwmvf-expanded .lwmvf-screen{flex:1;aspect-ratio:auto;min-height:0}.lwmvf:fullscreen .lwmvf-tools,.lwmvf-expanded .lwmvf-tools{padding-bottom:24px}.lwmvf .lwmvf-shield:focus-visible{outline:3px solid #638cff!important;outline-offset:-4px}

/* Liquid glass controls: dark backing keeps icons readable over bright footage. */
.lwmvf .lwmvf-screen .lwmvf-tools{left:16px;right:16px;bottom:16px;padding:10px 14px 12px;border:1px solid #ffffff38;border-radius:22px;background:linear-gradient(145deg,#ffffff20,#ffffff05 55%),rgba(13,19,30,.72)!important;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:inset 0 1px 0 #ffffff26,0 12px 32px #0005;transition:opacity .2s,transform .2s}
.lwmvf .lwmvf-controls{gap:8px;flex-wrap:nowrap}.lwmvf .lwmvf-screen .lwmvf-controls button{width:40px;height:40px;min-height:40px;flex:0 0 40px;padding:9px!important;display:grid;place-items:center;border-radius:50%!important;border:1px solid transparent!important;background:transparent!important;transition:background .18s,transform .18s,box-shadow .18s}
.lwmvf .lwmvf-screen .lwmvf-controls button:hover{background:#ffffff20!important;border-color:#ffffff30!important;box-shadow:inset 0 1px 0 #ffffff24!important;transform:translateY(-1px)}
.lwmvf .lwmvf-screen .lwmvf-controls button:active{transform:scale(.94)}
.lwmvf .lwmvf-screen .lwmvf-controls [data-action=play]{background:linear-gradient(145deg,#fffffffa,#dce8ffdd)!important;color:#172133!important;box-shadow:0 3px 14px #0003,inset 0 1px 0 #fff!important}
.lwmvf .lwmvf-screen .lwmvf-controls select{height:36px;min-height:36px;border-radius:18px!important;padding:4px 8px!important;background:#ffffff0d!important;border-color:#ffffff26!important;font-size:12px!important;max-width:72px;color-scheme:dark}
.lwmvf .lwmvf-screen .lwmvf-controls select option{background:#172133;color:#fff}
.lwmvf .lwmvf-time{letter-spacing:.03em;font-size:11px;font-weight:500;opacity:.9;margin-left:2px}
.lwmvf .lwmvf-timeline{margin:0 3px 5px}.lwmvf .lwmvf-seek{-webkit-appearance:none;appearance:none;background:transparent;height:20px;min-height:20px;display:block}
.lwmvf .lwmvf-seek::-webkit-slider-runnable-track{height:4px;border-radius:8px;background:linear-gradient(to right,#e4eeff var(--vf-progress,0%),#ffffff30 var(--vf-progress,0%))}
.lwmvf .lwmvf-seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff15,0 1px 6px #0004}
.lwmvf .lwmvf-seek::-moz-range-track{height:4px;border-radius:8px;background:#ffffff30}.lwmvf .lwmvf-seek::-moz-range-progress{height:4px;background:#e4eeff}.lwmvf .lwmvf-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:white}
.lwmvf .lwmvf-play-icon{width:80px;height:80px;border:1px solid #ffffff70;background:linear-gradient(145deg,#ffffff45,#ffffff14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff65,0 12px 40px #0004;transition:transform .2s}.lwmvf .lwmvf-play-icon svg{width:32px;height:32px}.lwmvf .lwmvf-launch:hover .lwmvf-play-icon{transform:scale(1.07)}
.lwmvf .lwmvf-launch>span:last-child{font-size:13px;letter-spacing:.02em;text-shadow:0 2px 8px #000}.lwmvf .lwmvf-heading{padding:14px 20px!important}.lwmvf .lwmvf-provider{border:1px solid var(--vf-line);padding:3px 9px;border-radius:20px;font-size:10px;letter-spacing:.04em}.lwmvf .lwmvf-footer{font-size:11px;padding:10px 18px!important}.lwmvf .lwmvf-dot{background:#b8d0ff;box-shadow:0 0 10px #89aaff55}
.lwmvf:fullscreen .lwmvf-tools,.lwmvf-expanded .lwmvf-tools{max-width:880px;margin:0 auto;bottom:28px;padding-bottom:12px}
@media(max-width:600px){.lwmvf .lwmvf-screen .lwmvf-tools{left:8px;right:8px;bottom:8px;padding:7px 8px 8px;border-radius:18px}.lwmvf .lwmvf-controls{gap:3px}.lwmvf .lwmvf-screen .lwmvf-controls button{width:34px;height:40px;flex-basis:34px;padding:7px!important}.lwmvf .lwmvf-controls svg{width:20px;height:20px}.lwmvf .lwmvf-time{font-size:10px;letter-spacing:0;margin-left:0}.lwmvf .lwmvf-screen .lwmvf-controls select{max-width:57px;padding:3px 5px!important;font-size:11px!important}.lwmvf .lwmvf-play-icon{width:66px;height:66px}}
@media(prefers-reduced-motion:reduce){.lwmvf .lwmvf-screen .lwmvf-tools,.lwmvf .lwmvf-controls button,.lwmvf .lwmvf-play-icon{transition:none!important}}

.lwmvf input.lwmvf-seek{border:0!important;box-shadow:none!important;padding:0!important;outline-offset:3px}.lwmvf input.lwmvf-volume{accent-color:#dce8ff}

/* Compact, frameless player. Keep the video surface clear. */
.lwmvf{border:0;box-shadow:none;background:transparent}
.lwmvf .lwmvf-heading{display:none}
.lwmvf .lwmvf-footer{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0!important;border:0}
.lwmvf .lwmvf-footer:has(a:not([hidden])){position:static;width:auto;height:auto;overflow:visible;clip-path:none;padding:8px 12px!important}
.lwmvf .lwmvf-screen .lwmvf-tools{left:0;right:0;bottom:0;max-width:none;margin:0;padding:14px 14px 5px;border:0;border-radius:0;background:linear-gradient(transparent,rgba(0,0,0,.58))!important;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.lwmvf .lwmvf-timeline{margin:0 3px}.lwmvf .lwmvf-seek{height:16px;min-height:16px}
.lwmvf .lwmvf-seek::-webkit-slider-runnable-track{height:2px}.lwmvf .lwmvf-seek::-webkit-slider-thumb{width:8px;height:8px;margin-top:-3px;box-shadow:0 1px 4px #0005}
.lwmvf .lwmvf-seek::-moz-range-track,.lwmvf .lwmvf-seek::-moz-range-progress{height:2px}.lwmvf .lwmvf-seek::-moz-range-thumb{width:8px;height:8px}
.lwmvf .lwmvf-screen .lwmvf-controls button{height:34px;min-height:34px;width:34px;flex-basis:34px;padding:7px!important}
.lwmvf .lwmvf-screen .lwmvf-controls [data-action=play]{background:transparent!important;color:white!important;box-shadow:none!important}
.lwmvf .lwmvf-screen .lwmvf-controls button:hover{background:#ffffff20!important}
.lwmvf .lwmvf-controls svg{width:20px;height:20px;filter:drop-shadow(0 1px 2px #0005)}
.lwmvf .lwmvf-screen .lwmvf-controls select{height:30px;min-height:30px;border:0!important;background:transparent!important;box-shadow:none!important}
.lwmvf .lwmvf-play-icon{width:58px;height:58px}.lwmvf .lwmvf-play-icon svg{width:26px;height:26px}
@media(max-width:600px){.lwmvf .lwmvf-screen .lwmvf-tools{padding:10px 8px 3px}.lwmvf .lwmvf-controls{gap:3px}.lwmvf .lwmvf-screen .lwmvf-controls button{height:36px;min-height:36px;width:32px;flex-basis:32px;padding:6px!important}}

/* Opaque backing only beneath our compact controls, so native controls cannot show through. */
.lwmvf .lwmvf-screen .lwmvf-tools{background:#080d17!important;padding-top:6px}
.lwmvf .lwmvf-screen .lwmvf-tools::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:10px;background:linear-gradient(transparent,#080d17);pointer-events:none}

.lwmvf .lwmvf-tools :disabled{opacity:.32;cursor:not-allowed}.lwmvf .lwmvf-screen .lwmvf-controls button:disabled:hover{background:transparent!important;transform:none;box-shadow:none!important}

/* Keep fullscreen controls clear of notches and the home indicator in either orientation. */
.lwmvf:fullscreen{margin:0!important;background:#080d17}
.lwmvf-expanded{height:100vh!important;height:100dvh!important;background:#080d17}
.lwmvf:fullscreen .lwmvf-tools,.lwmvf.lwmvf-expanded .lwmvf-tools{padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px));padding-bottom:max(5px,env(safe-area-inset-bottom,0px))}
