:root{--primary-color: #4a6fa5;--secondary-color: #f5efdc;--text-color: #000000;--background-color: #f7f3e3;--sidebar-width: 250px;--header-height: 60px;--font-size: 18px;--line-height: 1.6;--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--background-color);--color-background-soft: #eae0c8;--color-background-mute: #e6dcc5;--color-border: rgba(99, 83, 59, .12);--color-border-hover: rgba(99, 83, 59, .29);--color-heading: var(--text-color);--color-text: var(--text-color);--section-gap: 160px}body.dark-mode{--primary-color: #4a6fa5;--text-color: #e9ecef;--background-color: #212529;--secondary-color: #343a40;--color-background: var(--background-color);--color-background-soft: #2c3034;--color-background-mute: #343a40;--color-heading: var(--text-color);--color-text: var(--text-color);--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2)}*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:background-color .3s,color .3s;line-height:var(--line-height);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:var(--font-size);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;margin:0;padding:0;font-weight:400}a{text-decoration:none;color:#6db3f2;transition:.3s}a:hover{text-decoration:underline}@media (min-width: 1024px){body{display:block}#app{display:block;padding:0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}button,input{font-family:inherit}button{cursor:pointer}:fullscreen{overflow:hidden}:-webkit-full-screen{overflow:hidden}:-moz-full-screen{overflow:hidden}:-ms-fullscreen{overflow:hidden}.main-layout{min-height:100vh;display:flex;flex-direction:column;background:#121212;color:#e0e0e0;position:relative;overflow-x:hidden}.header-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;width:100%;box-sizing:border-box;position:sticky;top:0;z-index:1001;height:50px}.hamburger-button{background:transparent;color:#e0e0e0;border:none;padding:8px;border-radius:8px;cursor:pointer;font-size:26px;transition:background .3s ease,color .3s ease;z-index:1002;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.hamburger-button:hover{background:#ffffff1a;color:#fff}.header-title{color:#fff;font-size:1.25rem;font-weight:500;margin:0;text-align:center;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 767px) and (orientation: landscape){.header-title{display:none}.header-bar{justify-content:flex-start}.header-bar>div[style*="width: 48px"]{display:none}}.side-menu{position:fixed;top:0;left:0;width:250px;height:100%;background:#2c2c2c;box-shadow:2px 0 10px #00000080;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1001;overflow-y:auto}.side-menu.is-open{transform:translate(0)}.side-menu ul{list-style:none;padding:0;margin:0}.side-menu li a{display:block;padding:15px 25px;color:#e0e0e0;text-decoration:none;transition:background-color .2s ease,color .2s ease;border-bottom:1px solid #3f3f3f;font-size:16px;display:flex;align-items:center}.side-menu li:first-child a{border-top:1px solid #3f3f3f}.side-menu li a:hover{background-color:#764ba2;color:#fff}.menu-icon{width:20px;height:20px;margin-right:10px;filter:invert(1)}.sidebar-header{display:flex;align-items:center;padding:20px 25px;border-bottom:2px solid #3f3f3f;background:#333}.app-icon{width:32px;height:32px;margin-right:12px;border-radius:6px}.app-name{font-size:20px;font-weight:600;color:#fff;letter-spacing:.5px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:999;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.side-menu.is-open+.overlay{opacity:1;pointer-events:auto}.content-area{flex-grow:1;display:flex;flex-direction:column}@media (max-width: 768px){.header-bar{padding:8px 10px;height:48px}.hamburger-button{font-size:24px;width:38px;height:38px}.header-title{font-size:1.1rem}.side-menu{width:220px}}.home-container[data-v-6d711602]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 50px);min-height:calc(100dvh - 50px);padding:0;width:100%;transform:translateY(-25px)}.input-section[data-v-6d711602]{padding:20px;max-width:500px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.url-input-container[data-v-6d711602]{display:flex;flex-direction:column;gap:15px;width:100%}.url-input[data-v-6d711602]{padding:15px 20px;background:#3f3f3f;color:#e0e0e0;border:1px solid #555555;border-radius:12px;font-size:16px;transition:border-color .3s ease,background-color .3s ease;outline:none}.url-input[data-v-6d711602]:focus{border-color:#979595;background-color:#4a4a4a}.open-button[data-v-6d711602]{padding:15px 30px;background:#764ba2;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.open-button[data-v-6d711602]:hover:not(:disabled){background:#665caf;transform:translateY(-2px)}.open-button[data-v-6d711602]:disabled{cursor:not-allowed;transform:none}.error-message[data-v-6d711602]{color:#ff7b7b;margin-top:15px;font-size:14px}@media (max-width: 768px){.home-container[data-v-6d711602]{min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);padding:10px 0;transform:translateY(-24px)}.input-section[data-v-6d711602]{padding:15px;max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px);overflow-y:auto}.url-input[data-v-6d711602],.open-button[data-v-6d711602]{font-size:14px;padding:12px 16px}}.subtitle-track[data-v-e32d9af3]{background:#000000d9;margin-top:15px;padding:3px 6px;border-radius:4px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.subtitle-text[data-v-e32d9af3]{font-size:calc(20px * var(--font-scale, 1));line-height:1.3;font-weight:600;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.9);white-space:pre-line}.subtitle-part[data-v-e32d9af3]{opacity:.3;transition:opacity .2s ease,color .2s ease,text-shadow .2s ease}.subtitle-part.word-visible[data-v-e32d9af3]{opacity:1}.subtitle-part.word-current[data-v-e32d9af3]{opacity:1;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.4),2px 2px 4px rgba(0,0,0,.9)}.clickable-word[data-v-e32d9af3]{cursor:pointer;position:relative;display:inline;transition:all .2s ease}.non-clickable-word[data-v-e32d9af3]{cursor:default;position:relative;display:inline}.clickable-word[data-v-e32d9af3]:hover{color:gold!important;text-shadow:0 0 8px rgba(255,215,0,.6),2px 2px 4px rgba(0,0,0,.9)!important;transform:scale(1.05)}.clickable-word[data-v-e32d9af3]:active{transform:scale(.95)}@media (max-width: 768px){.subtitle-text[data-v-e32d9af3]{font-size:calc(20px * var(--font-scale, 1))}.clickable-word[data-v-e32d9af3]:hover{color:inherit!important;text-shadow:inherit!important;transform:none}.clickable-word[data-v-e32d9af3]:active{color:gold!important;text-shadow:0 0 8px rgba(255,215,0,.6),2px 2px 4px rgba(0,0,0,.9)!important}}@media (max-width: 768px) and (orientation: landscape){.subtitle-text[data-v-e32d9af3]{font-size:calc(16px * var(--font-scale, 1))}}.popup-overlay[data-v-966b04e7]{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:9999;pointer-events:auto}.popup-content[data-v-966b04e7]{background:#2d2d30;color:#e8e8e8;border-radius:0;padding:16px;min-width:320px;max-width:420px;width:auto;position:fixed;box-shadow:0 24px 48px #0009;border:1px solid rgba(255,255,255,.08);font-size:18px;pointer-events:auto;transition:left .2s ease,top .2s ease}.close-button[data-v-966b04e7]{position:absolute;top:12px;right:12px;background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;line-height:1}.close-button[data-v-966b04e7]:hover{color:#e8e8e8;background:#ffffff1a}.word-header[data-v-966b04e7]{font-weight:600;margin-bottom:6px;color:#e8e8e8;padding-right:32px}.pronunciation-line[data-v-966b04e7]{margin-bottom:4px;display:flex;align-items:center;gap:8px}.ipa[data-v-966b04e7]{color:#6db3f2;font-family:inherit;font-style:italic}.verb-tense[data-v-966b04e7]{color:#fff;font-size:20px;font-style:italic}.normal-form-line[data-v-966b04e7]{margin-bottom:4px;display:flex;align-items:center;gap:8px}.normal-form[data-v-966b04e7]{font-weight:500;color:#fff}.normal-form-ipa[data-v-966b04e7]{color:#6db3f2;font-family:inherit;font-style:italic}.meanings[data-v-966b04e7]{color:#e8e8e8;margin-bottom:8px;line-height:1.3}.comment[data-v-966b04e7]{color:#b4b4b4;font-style:italic;margin-bottom:0;line-height:1.3;border-top:1px solid rgba(255,255,255,.08);padding-top:6px}.loading[data-v-966b04e7]{text-align:center;color:#fff;font-style:italic;font-size:18px;padding:0;height:86px;display:flex;align-items:center;justify-content:center}.error[data-v-966b04e7]{color:#f48771;text-align:center;padding:20px 0;background:#f487711a;border-radius:8px;border:1px solid rgba(244,135,113,.3)}.action-buttons[data-v-966b04e7]{display:flex;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.action-btn[data-v-966b04e7]{flex:1;padding:10px 16px;border:solid 1px white;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;background:transparent;color:#fff}.action-btn[data-v-966b04e7]:disabled{cursor:not-allowed}.action-btn.add-to-dictionary[data-v-966b04e7]:hover:not(:disabled){transform:translateY(-1px)}.action-btn.explain[data-v-966b04e7]{color:#fff}.action-btn.explain[data-v-966b04e7]:hover:not(:disabled){transform:translateY(-1px)}.explanation-content[data-v-966b04e7]{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.explanation-header[data-v-966b04e7]{font-weight:600;color:#6db3f2;margin-bottom:8px;font-size:16px}.explanation-text[data-v-966b04e7]{color:#e8e8e8;line-height:1.4;font-size:15px}@media (max-width: 768px){.popup-overlay[data-v-966b04e7]{padding:16px}.popup-content[data-v-966b04e7]{padding:14px;min-width:auto;width:calc(100% - 32px);max-width:none}.action-buttons[data-v-966b04e7]{flex-direction:row;gap:8px}.action-btn[data-v-966b04e7]{padding:12px 16px;font-size:15px}}@media (orientation: landscape){.popup-content[data-v-966b04e7]{padding:12px}.word-header[data-v-966b04e7]{margin-bottom:3px}.normal-form-line[data-v-966b04e7]{margin-bottom:2px}.meanings[data-v-966b04e7]{margin-bottom:4px}.comment[data-v-966b04e7]{padding-top:3px}.loading[data-v-966b04e7]{padding:12px 0}.action-buttons[data-v-966b04e7]{margin-top:12px;padding-top:8px}.action-btn[data-v-966b04e7]{padding:8px 12px;font-size:13px}.explanation-content[data-v-966b04e7]{margin-top:12px;padding-top:8px}.explanation-header[data-v-966b04e7]{font-size:14px;margin-bottom:6px}.explanation-text[data-v-966b04e7]{font-size:13px}}.video-player-container[data-v-eaf35f8d]{min-height:100vh;background-color:#1a1a1a;color:#fff;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-container[data-v-eaf35f8d]{position:relative;width:100%;max-width:1200px;margin:0 auto;background-color:#000;border-radius:8px;overflow:hidden}.video-wrapper[data-v-eaf35f8d]{position:relative;padding-bottom:56.25%;height:0}.video-wrapper iframe[data-v-eaf35f8d]{position:absolute;top:0;left:0;width:100%;height:100%}@media (min-width: 769px) and (orientation: landscape){.video-player-container[data-v-eaf35f8d]{padding:0;height:100vh;box-sizing:border-box;justify-content:flex-start}.video-container[data-v-eaf35f8d]{width:100vw;height:100vh;max-width:none;display:flex;align-items:center;justify-content:center;margin:0;border-radius:0}.video-wrapper[data-v-eaf35f8d]{position:relative;width:100%;height:100%;padding-bottom:0;display:flex;align-items:center;justify-content:center}.video-wrapper iframe[data-v-eaf35f8d]{position:relative;width:100%;height:100%;max-width:calc(100vh * 16 / 9);max-height:56.25vw}.subtitles-overlay[data-v-eaf35f8d]{position:fixed;bottom:60px;left:50%;transform:translate(-50%);max-width:70%;z-index:15}.controls[data-v-eaf35f8d]{position:fixed;bottom:5px;left:50%;transform:translate(-50%);background:#000c;padding:5px 15px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}}@media (min-width: 1400px) and (orientation: landscape){.video-wrapper iframe[data-v-eaf35f8d]{max-width:calc(100vh * 16 / 9);max-height:100vh}}@media (min-width: 1400px) and (min-aspect-ratio: 21/9){.video-wrapper iframe[data-v-eaf35f8d]{max-width:calc(100vh * 16 / 9);max-height:100vh;width:auto;height:100vh}}@media (max-aspect-ratio: 4/3) and (min-width: 769px){.video-wrapper iframe[data-v-eaf35f8d]{max-width:100%;max-height:56.25vw;width:100%;height:56.25vw}}.ytp-chrome-top,.ytp-show-cards-title,.ytp-ce-element,.ytp-cards-teaser,.ytp-endscreen-element,.iv-click-target,.ytp-pause-overlay,.ytmEmbedInfoPanelRendererText{display:none!important;visibility:hidden!important;opacity:0!important}.back-button-landscape[data-v-eaf35f8d]{position:absolute;top:14px;left:14px;background:#0009;color:#fff;border:none;padding:8px 10px;border-radius:4px;cursor:pointer;z-index:10;font-size:16px;transition:all .3s ease;opacity:.7;pointer-events:auto;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.back-button-landscape[data-v-eaf35f8d]:hover{background:#000c;opacity:1}.custom-fullscreen-btn[data-v-eaf35f8d]{position:absolute;top:8px;right:16px;background:#0009;color:#fff;border:none;padding:8px 10px;border-radius:4px;cursor:pointer;z-index:10;font-size:16px;transition:all .3s ease;opacity:.7;pointer-events:auto}.custom-fullscreen-btn[data-v-eaf35f8d]:hover{background:#000c;opacity:1}.custom-fullscreen-btn.exit-fullscreen[data-v-eaf35f8d]{background:#000c;opacity:.9}.video-container[data-v-eaf35f8d]:fullscreen{display:flex;align-items:center;justify-content:center;background:#000;max-width:none;border-radius:0}.video-container[data-v-eaf35f8d]:-webkit-full-screen{display:flex;align-items:center;justify-content:center;background:#000;max-width:none;border-radius:0}.video-container:fullscreen .video-wrapper[data-v-eaf35f8d],.video-container:-webkit-full-screen .video-wrapper[data-v-eaf35f8d]{padding-bottom:0;height:100vh;width:100vw}.video-container:fullscreen .video-wrapper iframe[data-v-eaf35f8d],.video-container:-webkit-full-screen .video-wrapper iframe[data-v-eaf35f8d]{width:100%;height:100%;pointer-events:auto}.video-container:fullscreen .custom-fullscreen-btn[data-v-eaf35f8d],.video-container:-webkit-full-screen .custom-fullscreen-btn[data-v-eaf35f8d]{position:fixed;top:15px;right:15px;padding:10px 12px;font-size:18px;z-index:10}.video-container:fullscreen .back-button-landscape[data-v-eaf35f8d],.video-container:-webkit-full-screen .back-button-landscape[data-v-eaf35f8d]{position:fixed;top:15px;left:15px;padding:10px 12px;font-size:18px;z-index:10}.subtitles-overlay[data-v-eaf35f8d]{position:absolute;bottom:15px;left:50%;transform:translate(-50%);z-index:5;max-width:80%;text-align:center;pointer-events:auto}.subtitles-overlay.fullscreen-mode[data-v-eaf35f8d]{position:fixed;bottom:30px;max-width:90%}.controls[data-v-eaf35f8d]{margin-top:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.control-btn[data-v-eaf35f8d]{background:#333;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;transition:background .3s ease;font-size:14px}.control-btn[data-v-eaf35f8d]:hover{background:#555}.loading-indicator[data-v-eaf35f8d]{color:orange;font-size:14px}.error-indicator[data-v-eaf35f8d]{color:#ff6b6b;font-size:14px}@media (max-width: 768px){.video-player-container[data-v-eaf35f8d]{padding:10px}.custom-fullscreen-btn[data-v-eaf35f8d]{padding:6px 8px;font-size:14px;top:10px;right:10px}.video-container:fullscreen .custom-fullscreen-btn[data-v-eaf35f8d],.video-container:-webkit-full-screen .custom-fullscreen-btn[data-v-eaf35f8d]{padding:8px 10px;font-size:16px;top:15px;right:15px}.subtitles-overlay[data-v-eaf35f8d]{bottom:15px;max-width:95%}.subtitles-overlay.fullscreen-mode[data-v-eaf35f8d]{bottom:30px;max-width:90%}.subtitle-track[data-v-eaf35f8d]{padding:3px 6px}.subtitle-track.original .subtitle-text[data-v-eaf35f8d]{font-size:20px}.subtitle-track.translation .subtitle-text[data-v-eaf35f8d]{font-size:16px}}@media (max-width: 768px) and (orientation: landscape){.video-player-container[data-v-eaf35f8d]{padding:0;height:100vh}.video-container[data-v-eaf35f8d]{height:100vh;margin-bottom:0;border-radius:0;width:100vw}.video-wrapper[data-v-eaf35f8d]{height:100%;padding-bottom:0;display:flex;align-items:center;justify-content:center}.video-wrapper iframe[data-v-eaf35f8d]{position:relative;width:100%;height:100%;max-width:calc(100vh * 16 / 9);max-height:100vh}.controls[data-v-eaf35f8d]{position:fixed;bottom:5px;left:50%;transform:translate(-50%);background:#000000e6;padding:5px 15px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.control-btn[data-v-eaf35f8d]{padding:8px 12px;font-size:12px}.subtitles-overlay[data-v-eaf35f8d]{bottom:50px;max-width:90%}}@media (max-width: 768px) and (orientation: portrait){.video-player-container[data-v-eaf35f8d]{justify-content:flex-start;padding:10px}.video-container[data-v-eaf35f8d]{margin-bottom:20px;background-color:transparent}.video-wrapper[data-v-eaf35f8d]{background-color:#000;border-radius:8px;overflow:hidden}.subtitles-overlay[data-v-eaf35f8d]{position:relative;bottom:auto;left:auto;transform:none;margin-top:20px;max-width:100%;padding:0 10px}.subtitles-overlay.fullscreen-mode[data-v-eaf35f8d]{position:fixed;bottom:30px;left:50%;transform:translate(-50%);margin-top:0;padding:0}}@media (orientation: portrait){.video-player-container[data-v-eaf35f8d]{justify-content:flex-start}.portrait-only[data-v-eaf35f8d]{display:block!important}.landscape-only[data-v-eaf35f8d]{display:none!important}}@media (orientation: landscape){.portrait-only[data-v-eaf35f8d]{display:none!important}.landscape-only[data-v-eaf35f8d]{display:block!important}}.navigation-header[data-v-eaf35f8d]{display:none;width:100%;padding:20px 20px 20px 5px;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100;align-items:flex-start;justify-content:space-between;min-height:60px}.back-button[data-v-eaf35f8d]{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin-top:2px;flex-shrink:0}.back-button[data-v-eaf35f8d]:hover{background:#ffffff1a}.video-title[data-v-eaf35f8d]{flex:1;margin-left:0;font-size:16px;font-weight:500;color:#fff;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media (orientation: portrait){.navigation-header[data-v-eaf35f8d]{display:flex!important}.video-player-container[data-v-eaf35f8d]{padding:0}}.telegram-icon[data-v-c064a6f8]{width:24px;height:24px;vertical-align:middle;margin-left:5px;margin-right:5px}.about-view[data-v-c064a6f8]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 50px);min-height:calc(100dvh - 50px);padding:20px;width:100%;transform:translateY(-25px)}.content-container[data-v-c064a6f8]{max-width:600px;width:100%;color:#e0e0e0;text-align:center}.app-info[data-v-c064a6f8]{margin-bottom:40px}.app-logo[data-v-c064a6f8]{width:80px;height:80px;border-radius:16px;margin-bottom:20px}.app-info h1[data-v-c064a6f8]{font-size:2.5rem;margin:0 0 10px;font-weight:600;color:#fff}.version[data-v-c064a6f8]{color:#b0b0b0;font-size:1rem;margin:0 0 30px}.description[data-v-c064a6f8]{text-align:left}.description p[data-v-c064a6f8]{line-height:1.6;margin-bottom:25px;font-size:1.1rem;color:#e0e0e0}.description h3[data-v-c064a6f8]{font-size:1.4rem;margin:30px 0 20px;font-weight:600;color:#fff;text-align:center}.description ul[data-v-c064a6f8]{list-style:none;padding:0;margin-bottom:25px}.description li[data-v-c064a6f8]{padding:10px 0 10px 30px;position:relative;line-height:1.5;color:#e0e0e0}.description li[data-v-c064a6f8]:before{content:"✓";position:absolute;left:0;color:#764ba2;font-weight:700;font-size:1.2rem}@media (max-width: 768px){.about-view[data-v-c064a6f8]{min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);padding:15px;transform:translateY(-24px)}.content-container[data-v-c064a6f8]{max-width:none}.app-logo[data-v-c064a6f8]{width:60px;height:60px}.app-info h1[data-v-c064a6f8]{font-size:2rem}.description p[data-v-c064a6f8]{font-size:1rem}.description h3[data-v-c064a6f8]{font-size:1.2rem}.description li[data-v-c064a6f8]{padding-left:25px}}.settings-view[data-v-37bc7dc6]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100vh - 50px);min-height:calc(100dvh - 50px);padding:40px 20px 20px;width:100%}.content-container[data-v-37bc7dc6]{max-width:800px;width:100%;color:#e0e0e0}.settings-content h2[data-v-37bc7dc6]{font-size:2rem;margin-bottom:30px;font-weight:600;color:#fff;text-align:center}.settings-section[data-v-37bc7dc6]{background:#2a2a2a;border-radius:12px;padding:30px;border:1px solid #3f3f3f;margin-bottom:20px}.settings-section h3[data-v-37bc7dc6]{font-size:1.4rem;margin-bottom:10px;font-weight:600;color:#fff}.section-description[data-v-37bc7dc6]{font-size:1rem;line-height:1.6;margin-bottom:30px;color:#b0b0b0}.action-buttons[data-v-37bc7dc6]{display:flex;justify-content:center}.action-btn[data-v-37bc7dc6]{padding:10px 20px;border:1px solid #ffffff;border-radius:8px;background:#3f3f3f;color:#e0e0e0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-icon[data-v-37bc7dc6]{flex-shrink:0;filter:brightness(0) saturate(100%) invert(88%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(88%) contrast(88%)}.action-btn[data-v-37bc7dc6]:hover:not(:disabled){background:#dc2626;border-color:#ef4444;transform:translateY(-1px)}.action-btn:hover:not(:disabled) .btn-icon[data-v-37bc7dc6]{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)}.action-btn[data-v-37bc7dc6]:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.settings-view[data-v-37bc7dc6]{min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);padding:30px 15px 15px}.content-container[data-v-37bc7dc6]{max-width:none}.settings-content h2[data-v-37bc7dc6]{font-size:1.6rem}.settings-section[data-v-37bc7dc6]{padding:20px}.settings-section h3[data-v-37bc7dc6]{font-size:1.2rem}}.my-words-view[data-v-debec567]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100vh - 50px);min-height:calc(100dvh - 50px);padding:20px;width:100%}.content-container[data-v-debec567]{max-width:800px;width:100%;color:#e0e0e0}.content-container h1[data-v-debec567]{text-align:center;font-size:2.5rem;margin-bottom:30px;font-weight:600;color:#fff}.loading-state[data-v-debec567]{text-align:center;padding:60px 20px}.spinner[data-v-debec567]{width:40px;height:40px;border:4px solid #3f3f3f;border-top:4px solid #764ba2;border-radius:50%;animation:spin-debec567 1s linear infinite;margin:0 auto 20px}@keyframes spin-debec567{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-debec567]{text-align:center;padding:60px 20px}.empty-state .icon[data-v-debec567]{font-size:4rem;margin-bottom:20px;opacity:.8}.empty-state h2[data-v-debec567]{font-size:1.8rem;margin-bottom:20px;font-weight:500;color:#fff}.empty-state p[data-v-debec567]{font-size:1.1rem;line-height:1.6;color:#b0b0b0;max-width:500px;margin:0 auto}.words-count[data-v-debec567]{text-align:center;font-size:1.1rem;margin-bottom:25px;color:#b0b0b0;font-weight:500}.words-header[data-v-debec567]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.words-header .words-count[data-v-debec567]{margin-bottom:0;text-align:left}.action-buttons[data-v-debec567]{display:flex;gap:10px}.action-btn[data-v-debec567]{padding:10px 20px;border:1px solid #555555;border-radius:8px;background:#3f3f3f;color:#e0e0e0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-icon[data-v-debec567]{flex-shrink:0;filter:brightness(0) saturate(100%) invert(88%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(88%) contrast(88%)}.action-btn[data-v-debec567]:hover:not(:disabled){background:#4f4f4f;border-color:#666;transform:translateY(-1px)}.action-btn[data-v-debec567]:disabled{opacity:.6;cursor:not-allowed}.export-btn[data-v-debec567]:hover:not(:disabled){background:#2563eb;border-color:#3b82f6}.export-btn:hover:not(:disabled) .btn-icon[data-v-debec567]{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)}.clear-btn[data-v-debec567]:hover:not(:disabled){background:#dc2626;border-color:#ef4444}.clear-btn:hover:not(:disabled) .btn-icon[data-v-debec567]{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)}.words-list[data-v-debec567]{display:flex;flex-direction:column;gap:15px}.word-item[data-v-debec567]{background:#2a2a2a;border-radius:12px;padding:20px;border:1px solid #3f3f3f;transition:all .3s ease}.word-item[data-v-debec567]:hover{background:#333;border-color:#555;transform:translateY(-2px)}.word-header[data-v-debec567]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.word-text[data-v-debec567]{font-size:1.4rem;font-weight:600;color:#fff}.delete-btn[data-v-debec567]{background:#3f3f3f;border:none;color:#b0b0b0;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.delete-btn[data-v-debec567]:hover{background:#f44;color:#fff;transform:scale(1.1)}.word-context[data-v-debec567]{font-size:1rem;line-height:1.5;color:#e0e0e0;margin-bottom:8px;white-space:pre-line}.word-date[data-v-debec567]{font-size:.85rem;color:#888;text-align:right}@media (max-width: 768px){.my-words-view[data-v-debec567]{min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);padding:15px}.content-container[data-v-debec567]{max-width:none}.content-container h1[data-v-debec567]{font-size:2rem;margin-bottom:20px}.words-header[data-v-debec567]{flex-direction:column;align-items:stretch;text-align:center}.words-header .words-count[data-v-debec567]{text-align:center}.action-buttons[data-v-debec567]{justify-content:center}.action-btn[data-v-debec567]{flex:1;min-width:100px}.word-item[data-v-debec567]{padding:15px}.word-text[data-v-debec567]{font-size:1.2rem}.word-context[data-v-debec567]{font-size:.9rem}.empty-state[data-v-debec567]{padding:40px 20px}.empty-state .icon[data-v-debec567]{font-size:3rem}.empty-state h2[data-v-debec567]{font-size:1.5rem}.empty-state p[data-v-debec567]{font-size:1rem}}.history-view[data-v-cd14a697]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100vh - 50px);min-height:calc(100dvh - 50px);padding:20px;width:100%}.content-container[data-v-cd14a697]{max-width:900px;width:100%;color:#e0e0e0}.content-container h1[data-v-cd14a697]{text-align:center;font-size:2.5rem;margin-bottom:30px;font-weight:600;color:#fff}.loading-state[data-v-cd14a697]{text-align:center;padding:60px 20px}.spinner[data-v-cd14a697]{width:40px;height:40px;border:4px solid #3f3f3f;border-top:4px solid #764ba2;border-radius:50%;animation:spin-cd14a697 1s linear infinite;margin:0 auto 20px}@keyframes spin-cd14a697{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-cd14a697]{text-align:center;padding:60px 20px}.empty-state .icon[data-v-cd14a697]{font-size:4rem;margin-bottom:20px;opacity:.8}.empty-state h2[data-v-cd14a697]{font-size:1.8rem;margin-bottom:20px;font-weight:500;color:#fff}.empty-state p[data-v-cd14a697]{font-size:1.1rem;line-height:1.6;color:#b0b0b0;max-width:500px;margin:0 auto}.history-count[data-v-cd14a697]{text-align:center;font-size:1.1rem;margin-bottom:25px;color:#b0b0b0;font-weight:500}.history-list[data-v-cd14a697]{display:flex;flex-direction:column;gap:20px}.history-item[data-v-cd14a697]{background:#2a2a2a;border-radius:12px;padding:0;border:1px solid #3f3f3f;transition:all .3s ease;overflow:hidden;display:flex;gap:0}.history-item[data-v-cd14a697]:hover{background:#333;border-color:#555;transform:translateY(-2px)}.video-thumbnail[data-v-cd14a697]{position:relative;width:200px;height:112px;flex-shrink:0;cursor:pointer;overflow:hidden}.video-thumbnail img[data-v-cd14a697]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-thumbnail:hover img[data-v-cd14a697]{transform:scale(1.05)}.play-overlay[data-v-cd14a697]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-thumbnail:hover .play-overlay[data-v-cd14a697]{opacity:1}.play-button[data-v-cd14a697]{color:#fff;font-size:2rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.video-info[data-v-cd14a697]{flex:1;padding:15px 20px;display:flex;flex-direction:column;justify-content:space-between}.video-header[data-v-cd14a697]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.video-title[data-v-cd14a697]{font-size:1.2rem;font-weight:600;color:#fff;line-height:1.4;margin:0 15px 0 0;cursor:pointer;flex:1}.video-title[data-v-cd14a697]:hover{color:#764ba2}.delete-btn[data-v-cd14a697]{background:#3f3f3f;border:none;color:#b0b0b0;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delete-btn[data-v-cd14a697]:hover{background:#f44;color:#fff;transform:scale(1.1)}.video-date[data-v-cd14a697]{font-size:.9rem;color:#888;margin-top:auto}@media (max-width: 768px){.history-view[data-v-cd14a697]{min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);padding:15px}.content-container[data-v-cd14a697]{max-width:none}.content-container h1[data-v-cd14a697]{font-size:2rem;margin-bottom:20px}.history-item[data-v-cd14a697]{flex-direction:column}.video-thumbnail[data-v-cd14a697]{width:100%;height:180px}.video-info[data-v-cd14a697]{padding:15px}.video-title[data-v-cd14a697]{font-size:1.1rem}.empty-state[data-v-cd14a697]{padding:40px 20px}.empty-state .icon[data-v-cd14a697]{font-size:3rem}.empty-state h2[data-v-cd14a697]{font-size:1.5rem}.empty-state p[data-v-cd14a697]{font-size:1rem}}