:root{--bg-color: #1a1a2e;--panel-bg: #16213e;--text-color: #e94560;--text-light: #f5f5f5;--accent-color: #0f3460;--btn-bg: #e94560;--btn-hover: #ff2e4d;--sub-bg: rgba(0, 0, 0, .7)}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-light);display:flex;justify-content:center;min-height:100vh}.container{width:100%;max-width:1000px;padding:2rem;box-sizing:border-box}header{text-align:center;margin-bottom:2rem}h1{color:var(--btn-bg);margin-bottom:.5rem}section{background-color:var(--panel-bg);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 16px #0000004d}.hidden{display:none!important}.file-input-wrapper{display:flex;align-items:center;gap:1rem}input[type=file]{display:none}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:background-color .2s,transform .1s}.btn:active{transform:scale(.98)}.primary-btn{background-color:var(--btn-bg);color:#fff}.primary-btn:hover{background-color:var(--btn-hover)}#fileNameDisplay{font-style:italic;color:#ccc}.status-message{margin-top:1rem;padding:1rem;background-color:#e945601a;border-left:4px solid var(--btn-bg);border-radius:4px}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}label{font-weight:600;color:#ccc}select{padding:.75rem;border-radius:6px;border:1px solid var(--accent-color);background-color:#111827;color:#fff;font-size:1rem}.video-container{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;cursor:default}.video-container.idle{cursor:none}.video-container.idle .controls-panel{opacity:0;pointer-events:none}video{width:100%;height:100%;object-fit:contain}.subtitles-overlay{position:absolute;bottom:80px;left:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;transition:bottom .3s}.video-container.idle .subtitles-overlay{bottom:20px}.subtitle{display:none;background-color:var(--sub-bg);color:#fff;padding:4px 12px;border-radius:4px;text-align:center;font-size:1.25rem;text-shadow:1px 1px 2px black;max-width:90%;line-height:1.4}.top-sub{color:gold}.bottom-sub{color:#fff;font-size:1.1rem}.controls-panel{position:absolute;bottom:0;left:0;width:100%;padding:20px 15px 10px;box-sizing:border-box;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);display:flex;flex-direction:column;gap:10px;transition:opacity .3s ease-in-out;opacity:1}.controls-row{display:flex;justify-content:space-between;align-items:center}.controls-left,.controls-right{display:flex;align-items:center;gap:12px}.time-display{font-size:.9rem;color:#eee;margin-left:8px;font-family:monospace}.volume-control{display:flex;align-items:center;gap:5px}.progress-bar-container{width:100%}input[type=range]{width:100%;cursor:pointer;accent-color:var(--btn-bg)}#volumeBar{width:80px}.icon-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .2s}.icon-btn:hover{color:var(--btn-bg);background:none}.speed-control{margin-bottom:0}.speed-control select{padding:4px 8px;background-color:transparent;border:1px solid rgba(255,255,255,.3);font-size:.9rem}.video-container:fullscreen .subtitle{font-size:4vh;padding:10px 30px}.video-container:-webkit-full-screen .subtitle{font-size:4vh;padding:10px 30px}.video-container:fullscreen .bottom-sub{font-size:3.2vh}.video-container:-webkit-full-screen .bottom-sub{font-size:3.2vh}.lang-pair-row{display:flex;gap:1rem}.lang-pair-row .form-group{flex:1}.subtitle{pointer-events:auto}.word{cursor:pointer;transition:background-color .15s,color .15s;border-radius:3px;padding:0 2px}.word:hover{background-color:#e9456099;color:#fff}.hover-tooltip{position:absolute;background-color:#141428f2;color:#f0f0f0;padding:8px 14px;border-radius:8px;font-size:1rem;max-width:300px;z-index:100;pointer-events:none;box-shadow:0 4px 20px #00000080;border:1px solid rgba(233,69,96,.4);white-space:nowrap;transition:opacity .15s}.hover-tooltip .tt-word{font-weight:700;color:var(--btn-bg);margin-right:8px}.hover-tooltip .tt-translation{color:gold}.hover-tooltip .tt-loading{color:#999;font-style:italic}.definition-panel{position:absolute;bottom:90px;left:50%;transform:translate(-50%);width:85%;max-width:600px;max-height:280px;overflow-y:auto;background-color:#101428f7;border:1px solid rgba(233,69,96,.5);border-radius:12px;padding:20px;z-index:110;box-shadow:0 8px 32px #0009;color:#eee;font-size:.95rem;line-height:1.6}.def-close-btn{position:absolute;top:8px;right:12px;background:none;border:none;color:#999;font-size:1.2rem;cursor:pointer;transition:color .2s}.def-close-btn:hover{color:var(--btn-bg)}.def-word-header{font-size:1.3rem;font-weight:700;color:var(--btn-bg);margin-bottom:4px}.def-translation{font-size:1.1rem;color:gold;margin-bottom:12px}.def-section-title{font-weight:600;color:#aaa;font-size:.85rem;text-transform:uppercase;margin-top:10px;margin-bottom:4px}.def-entry{margin-bottom:6px;padding-left:12px;border-left:2px solid rgba(233,69,96,.3)}.video-container:fullscreen .hover-tooltip,.video-container:-webkit-full-screen .hover-tooltip{font-size:2.5vh;padding:12px 20px}.video-container:fullscreen .definition-panel,.video-container:-webkit-full-screen .definition-panel{font-size:2vh;max-height:40vh}