:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f2f3f5;background:#0e0f12}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0e0f12}main{width:min(640px,100%);margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}h1{margin:0 0 16px;font-size:1.6rem}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.actions{display:flex;flex-wrap:wrap;gap:8px}button,.btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 10px;border:1px solid #3a3f48;border-radius:10px;background:#23262d;color:#f2f3f5;font:inherit;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.actions button{flex:1 1 0;min-width:0}button.primary,.btn.primary{border-color:#e6c200;background:#f5d90a;color:#16140a}button:disabled{cursor:not-allowed;opacity:.45}.btn{margin-top:8px}.filename{margin:12px 0 0;overflow:hidden;color:#d5d8de;text-overflow:ellipsis;white-space:nowrap}.meta{margin:8px 0;color:#c5cad3}.upload{margin-top:8px}.upload progress{width:100%;height:14px;accent-color:#f5d90a}#status{min-height:1.4em;margin:8px 0;font-weight:700}.words{list-style:none;max-height:240px;margin:0;padding:12px;overflow:auto;border-radius:10px;background:#07080a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.45}.words li{display:flex;gap:12px;padding:3px 0}.words time{flex:0 0 9.5ch;color:#f5d90a}.term{width:100%;height:180px;margin:8px 0 0;padding:12px;overflow:auto;border-radius:10px;background:#07080a;color:#b7f5b7;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word}@media(min-width:800px){main{padding-top:32px}.term{height:260px}}.caret{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}#error{color:#ff8d8d}video{display:block;width:100%;max-height:70vh;margin-top:12px;background:#000;border-radius:10px}