:root{color-scheme:dark;font-family:system-ui,"Noto Sans JP",sans-serif;color:#edf2f7;background:#0b0f16;font-size:15px}
*{box-sizing:border-box}body{margin:0;padding:28px 18px}button,input,select{font:inherit}button,select{background:#202b3b;color:#edf2f7;border:1px solid #52647b;border-radius:7px;min-height:44px;padding:8px 14px}button{cursor:pointer}button:hover{background:#31425a}button:disabled,input:disabled,select:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #78c5ff;outline-offset:3px}button[data-icon]{width:44px;height:44px;padding:10px;flex-shrink:0}svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}input[type=range]{accent-color:#80caff;min-height:44px;cursor:pointer}button[aria-pressed=true]{background:#284966}h1,h2,p{margin:0}h1{font-size:17px;font-weight:650}h2{font-size:16px}#player{max-width:1080px;margin:auto;background:#131c29;border:1px solid #344357;border-radius:12px;overflow:hidden;position:relative}.file-bar{display:flex;gap:12px;align-items:center;padding:14px 18px}.file-heading{min-width:0}#filename{margin-top:4px;color:#bac8db;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}#video-stage{position:relative;aspect-ratio:16/9;background:#000;display:flex;align-items:center;justify-content:center}canvas{width:100%;height:100%;display:block}#empty-hint{display:none;position:absolute;text-align:center;color:#edf2f7;line-height:2;padding:20px}#empty-hint span{color:#b7c6da;font-size:14px}#player[data-state=EMPTY] #empty-hint{display:block}#player:is([data-state=EMPTY],[data-state=LOADING],[data-state=STOPPING],[data-state=STOPPED]) canvas{visibility:hidden}#player[data-state=SEEKING] canvas{filter:brightness(.45)}#player.dragging #video-stage{outline:3px solid #80caff;outline-offset:-3px}.controls{padding:12px 18px 16px}.timeline{display:flex;align-items:center;gap:12px;font-variant-numeric:tabular-nums}.timeline span{min-width:4ch;white-space:nowrap}#seek{width:100%;min-width:40px}.transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.volume{display:flex;align-items:center;gap:8px}#volume{width:110px}#volume-value{width:4ch;text-align:right;font-variant-numeric:tabular-nums}.spacer{flex:1}#status{margin-top:10px;color:#c8d8ed;min-height:1.6em}#notice{color:#ffe0a3;line-height:1.6}#error-panel{padding:12px;background:#411f29;border:1px solid #b26d81;border-radius:7px;margin-top:8px}#error-message{margin-bottom:10px;line-height:1.6}#details{padding:18px;border-top:1px solid #344357;background:#101824}#details button{margin:6px 6px 0 0}.details-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}#build,.help,#capture-status{color:#b7c6da;font-size:13px;line-height:1.7;margin-top:10px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;margin:12px 0}dialog{background:#162233;color:#edf2f7;border:1px solid #6883a3;border-radius:12px;max-width:min(440px,calc(100% - 24px));padding:24px}dialog::backdrop{background:#000b}dialog h2{margin-bottom:20px}dialog label{display:block;margin-bottom:8px}#jump-time{width:100%;min-height:44px;background:#0b1019;color:#edf2f7;border:1px solid #8096b1;border-radius:6px;padding:8px}#jump-error{color:#ffbec6;min-height:1.6em;margin:8px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}[hidden]{display:none!important}
#player:fullscreen{max-width:none;width:100%;height:100%;border:0;border-radius:0;background:#000;display:flex;flex-direction:column}#player:fullscreen #video-stage{aspect-ratio:auto;flex:1;min-height:0}#player:fullscreen .file-bar{position:absolute;top:0;left:0;right:0;z-index:2;background:linear-gradient(#101824f5,#101824bb)}#player:fullscreen .controls{position:absolute;bottom:0;left:0;right:0;z-index:2;background:#101824ed}#player:fullscreen #details{position:absolute;right:16px;bottom:190px;max-height:calc(100% - 280px);max-width:700px;width:calc(100% - 32px);overflow:auto;z-index:3;border:1px solid #52647b;border-radius:8px}#player:fullscreen.hide-chrome .chrome{visibility:hidden;pointer-events:none}#player:fullscreen.hide-chrome .chrome:focus-within{visibility:visible;pointer-events:auto}
@media(max-width:550px){body{padding:0}#player{border-radius:0;border-left:0;border-right:0}.file-bar,.controls{padding-left:10px;padding-right:10px}.transport{gap:5px}.volume{gap:3px}#volume{width:70px}#volume-value{font-size:13px}.spacer{display:none}.timeline{gap:7px}#details{padding:12px}.help{font-size:12px}}
:root a{color:#9bd5ff}a:focus-visible{outline:3px solid #78c5ff;outline-offset:3px}.distribution-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:10px}.distribution-links a{display:inline-flex;align-items:center;min-height:44px}.distribution{max-width:900px;margin:auto;overflow-wrap:anywhere;line-height:1.8}.distribution h1{font-size:24px}.distribution p,.distribution ul{margin:18px 0}