@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none}#root{width:100%}:root{--sidebar-width: 260px;--sidebar-rail-width: 52px;--spacing: .25rem}html{height:100%;overflow-x:hidden}*{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}.app{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-wrap{display:flex;position:relative}body{width:100%!important;height:100%;margin:0;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}#root{width:100%;display:flex;flex-direction:column}.app-header h1{margin:0;font-size:1.375rem;font-weight:400;letter-spacing:-.01em}.app-header p{margin:.25rem 0 0;color:#5f6368;font-size:.875rem;font-weight:400}.app-main{display:flex;flex-direction:column;flex:1;position:relative;margin:0 auto;width:100%;max-width:100%;min-height:100vh;transition:margin-left .3s ease;overflow-x:hidden}body.sidebar-closed .app-main{width:calc(100% - var(--sidebar-rail-width) * 2);margin-left:var(--sidebar-rail-width)}@media (max-width: 768px){body.sidebar-open .app-main,body.sidebar-closed .app-main{margin-left:0}}.hero-description{font-size:1rem;color:#5f6368;line-height:1.5;font-weight:400;max-width:600px;margin-left:auto;margin-right:auto}.results-layout{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;padding:1.5rem}.main-content{display:flex;flex-direction:column;gap:1rem}.hero-container{display:flex;flex:1;width:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media (max-width: 768px){.extracting-state{padding:0!important;min-height:unset!important}.main-message{font-size:1rem!important}.hero-container{width:calc(100% - 2rem);margin:0 auto;padding:1rem}}.url-toggle-fab{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#6366f1;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 16px #6366f166;z-index:1000}.url-toggle-fab:hover{background:#4f46e5;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #6366f180}.url-toggle-fab:active{transform:translateY(-1px) scale(.98)}.toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.url-toggle-fab:hover .toggle-icon{transform:scale(1.1)}.toggle-icon span{display:flex;align-items:center;justify-content:center}.new-search{margin-top:1rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.results-content{padding-bottom:20px}.results-container{display:flex;flex-direction:column;gap:1rem}.trending-container{margin-top:20px;text-align:left}.trending-container h2{margin:0 0 .75rem;color:#202124;font-size:1rem;font-weight:500;letter-spacing:0}.trending-list{display:flex;flex-direction:column;gap:.5rem}.trending-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:4px;border:1px solid #e8eaed;transition:all .2s ease;cursor:pointer}.trending-item:hover{background:#f8f9fa;border-color:#dadce0}.trending-text{font-weight:400;color:#202124;font-size:.875rem}.trending-count{background:#e8f0fe;color:#1a73e8;padding:.125rem .5rem;border-radius:12px;font-size:.6875rem;font-weight:500;min-width:1.5rem;text-align:center}.url-input-container{background:#fff;padding:1.5rem;border-radius:8px;margin-right:0;margin-left:0;border:1px solid #6366f1}.results-layout .url-input-container{padding:1rem;border-radius:8px;border:1px solid #dadce0}.url-input-container h2{margin:0 0 2rem;color:#333;font-size:1.5rem}.results-layout .url-input{padding:.75rem 1rem;font-size:.875rem;border-radius:4px}.url-input:focus{outline:none;box-shadow:0 1px 6px #20212447}.btn-content{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:1}.btn-arrow{font-size:1rem;font-weight:700;transition:transform .2s ease}.loading-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;box-sizing:border-box;flex-shrink:0}.results-layout .extract-btn{padding:.75rem 1.25rem;font-size:.8125rem;border-radius:4px;min-width:70px}.extract-btn:hover:not(:disabled){background:#6366f1;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;transform:translateY(-1px)}.extract-btn:hover:not(:disabled) .btn-arrow{transform:translate(3px)}.extract-btn:disabled{background:#dadce0;color:#5f6368;cursor:not-allowed}.error-message{color:#e53e3e;font-size:.9rem;margin:0}.url-type-hint{margin:.5rem 0 0;font-size:.85rem;color:#6b7280}.youtube-hint{color:#dc2626;font-weight:500}.web-hint{color:#059669;font-weight:500}.header-actions{display:flex;align-items:center;gap:.5rem}.analytics-btn{background:#6366f1;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.analytics-btn:hover{background:#4f46e5;transform:translateY(-1px)}.share-button-container{position:relative}.share-main-button{color:#000;border:none;padding:.5rem 1rem;border-radius:15px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;background:none}.share-main-button:hover{transform:translateY(-2px);background:#0000000d}.share-main-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;box-sizing:border-box;flex-shrink:0}.share-arrow{font-size:.75rem;transition:transform .2s ease}.share-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;box-shadow:0 10px 25px #00000026;z-index:1000;min-width:280px}.share-preview{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.share-stats{font-size:.875rem;color:#6b7280;text-align:center}.share-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.share-option{background:#fff;border:1px solid #e5e7eb;padding:.75rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-weight:500}.share-option:hover{border-color:#6366f1;transform:translateY(-1px);box-shadow:0 2px 8px #6366f126}.share-option.twitter:hover{border-color:#1da1f2}.share-option.facebook:hover{border-color:#4267b2}.share-option.kakao:hover{border-color:#fee500}.share-option.threads:hover{border-color:#000}.share-option.instagram:hover{border-color:#e4405f}.share-option.copy:hover{border-color:#10b981}.pdf-download-section{border-top:1px solid #e5e7eb;padding-top:1rem;margin-top:1rem}.pdf-download-btn{width:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 8px #6366f133}.pdf-download-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.pdf-download-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.platform-logo{width:20px;height:20px;object-fit:contain}.twitter-logo{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:700}.share-success{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;padding:.75rem;text-align:center}.share-url{font-family:monospace;font-size:.75rem;color:#0ea5e9;margin-top:.5rem;word-break:break-all}.share-backdrop{position:fixed;inset:0;background:#0000001a;z-index:999}.pdf-controls{display:flex;justify-content:center;gap:.5rem}.pdf-export{color:#000;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.pdf-export:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d;background-color:#6366f1;color:#fff}.pdf-export:active{transform:translateY(0)}.pdf-export .btn-content{display:flex;align-items:center;gap:.5rem}.pdf-export:disabled{opacity:.6;cursor:not-allowed;transform:none}.pdf-export:disabled:hover{transform:none;box-shadow:none}.analytics-container{padding:2rem;max-width:1200px;margin:0 auto}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.analytics-header h2{margin:0;color:#1f2937}.refresh-btn{background:#6366f1;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:#4f46e5}.kpi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center;position:relative;box-shadow:0 2px 8px #0000000d;transition:all .2s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.kpi-number{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.kpi-label{font-size:.875rem;color:#6b7280;font-weight:500}.kpi-icon{position:absolute;top:1rem;right:1rem;font-size:1.5rem;opacity:.6}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.platform-breakdown,.recent-shares{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.platform-breakdown h3,.recent-shares h3{margin:0 0 1rem;color:#1f2937;font-size:1.125rem}.platform-list{display:flex;flex-direction:column;gap:.75rem}.platform-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;position:relative}.platform-icon{font-size:1.25rem}.platform-name{font-weight:500;color:#374151}.platform-count{font-weight:600;color:#1f2937}.platform-bar{grid-column:1 / -1;height:4px;background:#f3f4f6;border-radius:2px;overflow:hidden;margin-top:.25rem}.platform-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s ease}.shares-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.share-item{border:1px solid #f3f4f6;border-radius:8px;padding:1rem;transition:all .2s ease}.share-item:hover{border-color:#e5e7eb;background:#f9fafb}.share-main{display:flex;align-items:center;gap:.75rem}.share-platform{font-size:1.25rem}.share-details{flex:1}.share-url{font-weight:500;color:#1f2937;margin-bottom:.25rem}.share-meta{font-size:.75rem;color:#6b7280}.view-count{color:#059669;font-weight:500}.no-shares{text-align:center;color:#9ca3af;font-style:italic;padding:2rem}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#6b7280}.error{text-align:center;padding:2rem;color:#dc2626}.retry-btn{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;margin-top:1rem;transition:all .2s ease}.retry-btn:hover{background:#b91c1c}.share-page{min-height:100vh;background:#f9fafb}.share-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 2rem}.share-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.share-content{max-width:1080px;margin:0 auto;padding:1.5rem}.content-wrapper{display:flex;flex-direction:column;gap:2rem}.share-summary{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #00000014;border:1px solid #f1f5f9}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.summary-header h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.summary-stats{display:flex;gap:1rem}.stat-badge{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;min-width:80px}.stat-value{font-size:1.25rem;font-weight:700;color:#374151}.stat-label{font-size:.75rem;color:#6b7280;margin-top:.25rem}.difficulty-badge{flex-direction:row;gap:.5rem;min-width:auto;padding:.5rem 1rem}.difficulty-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.difficulty-easy{background:linear-gradient(135deg,#10b981,#34d399)}.difficulty-medium{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.difficulty-hard{background:linear-gradient(135deg,#ef4444,#f87171)}.url-header{font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:.5rem}.source-link{color:#2563eb;text-decoration:none;word-break:break-all;font-size:.875rem;background:#f8fafc;padding:.75rem;border-radius:8px;display:block;border:1px solid #e2e8f0;transition:all .2s ease}.source-link:hover{background:#f1f5f9;border-color:#cbd5e1}.content-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #00000014;border:1px solid #f1f5f9}.words-container{width:100%}.section-header{margin-bottom:1.5rem;text-align:center}.section-header h3{margin:0 0 .5rem;color:#1f2937;font-size:1.25rem;font-weight:600}.section-description{margin:0;color:#6b7280;font-size:.875rem}.empty-state{text-align:center;padding:3rem 1.5rem}.empty-icon{margin-bottom:1rem;color:#9ca3af}.empty-content h4{margin:0 0 .5rem;color:#374151;font-size:1.125rem;font-weight:600}.empty-content p{margin:0 0 1.5rem;color:#6b7280;font-size:.875rem}.action-button{background:#6366f1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.action-button:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.help-text{margin:1rem 0 0;color:#9ca3af;font-size:.75rem}.cta-section{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;padding:2rem;text-align:center;margin-top:2rem}.cta-content{color:#fff}.cta-content h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.cta-content p{margin:0 0 1.5rem;opacity:.9;font-size:.875rem}.cta-button{background:#fff;color:#667eea;text-decoration:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;transition:all .2s ease;display:inline-block}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.home-link{background:#6366f1;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .2s ease;display:inline-block;margin-top:1rem}.home-link:hover{background:#4f46e5;transform:translateY(-1px)}@media (max-width: 768px){.share-header,.share-content{padding:1rem}.content-wrapper{gap:1rem}.share-summary{padding:1.25rem}.summary-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.summary-header h2{font-size:1.25rem}.summary-stats{flex-wrap:wrap;gap:.75rem}.stat-badge{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0}.stat-value{font-size:1.125rem}.content-section{padding:0}.section-header h3{font-size:1.125rem}.empty-state{padding:2rem 1rem}.cta-section{padding:1.5rem;margin-top:1.5rem}.cta-content h3{font-size:1.25rem}.analytics-grid,.kpi-cards,.share-options{grid-template-columns:1fr}.header-actions{flex-direction:column;gap:.25rem}.share-content{padding:1rem}.share-stats{flex-direction:column}.brand-container{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}}.desktop-actions{display:flex;align-items:center;gap:.5rem}.mobile-menu-trigger{background:none;border:none;cursor:pointer;padding:.5rem 0;z-index:1001}.hamburger-icon{width:20px;height:20px;color:#374151;transition:all .3s ease}.mobile-menu-trigger:hover .hamburger-icon{color:#1f2937;transform:scale(1.1)}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:1001;animation:fadeIn .3s ease-out}.mobile-menu-content{position:fixed;top:0;right:0;height:100vh;z-index:1001;width:320px;max-width:85vw;background:#fff;box-shadow:-4px 0 15px #0000001a;animation:slideInRight .3s ease-out;overflow-y:auto}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.mobile-menu-header h3{margin:0;color:#1f2937;font-size:1.125rem;font-weight:600;font-family:Audiowide,monospace}.mobile-menu-close{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.mobile-menu-close:hover{background:#e5e7eb;color:#374151}.mobile-menu-items{padding:1rem 0}.dropdown-menu button:hover{border-radius:0!important}.mobile-menu-item{padding:0 1rem;margin-bottom:1rem}.share-button-container,.share-main-button{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between}.menu-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.menu-item-icon{font-size:1.25rem;width:24px;text-align:center}.menu-item-title{font-weight:600;color:#1f2937;font-size:1rem}.menu-item-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.menu-item-button:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.menu-item-button:active{transform:translateY(0)}.menu-item-icon{font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-item-text{flex:1;font-weight:500;color:#374151}.menu-item-arrow{color:#9ca3af;font-weight:700;flex-shrink:0}.menu-item-content{padding-left:2rem}.mobile-menu-footer{margin-top:2rem;padding:1.5rem;background:#f8fafc;border-top:1px solid #e5e7eb}.app-info h4{margin:0 0 .5rem;color:#1f2937;font-size:1rem;font-weight:600}.app-info p{margin:0;color:#6b7280;font-size:.875rem;line-height:1.4}@media (max-width: 768px){.share-menu{right:unset;min-width:calc(100% - 30px)}.mobile-actions{display:block}.desktop-actions{display:none}.desktop-only{display:none!important}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.example-speak-btn:hover:not(:disabled){background:#9ca3af;border-color:#9ca3af;color:#fff;transform:scale(1.05)}.example-speak-btn.speaking{animation:pulse 1s infinite}.example-content{padding-right:1rem;width:100%}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.sentence-text.generated{margin-bottom:.5rem;font-style:italic}.translation-text{font-size:.9rem;color:#5f6368;margin:0;padding-left:1rem;border-left:2px solid #e8eaed}.generating-indicator{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#fff9e6,#f0f8ff);border-radius:8px;border-left:4px solid #ffa500}.generating-text{display:flex;align-items:center;gap:.5rem}.typing-animation{display:flex;gap:.2rem}.typing-dot{width:8px;height:8px;background:#667eea;border-radius:50%;animation:typing 1.4s infinite ease-in-out}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.url-toggle-fab{position:absolute;right:1rem;top:1.25rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#6366f1;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 16px #6366f166;z-index:1000}.modal-overlay{padding:.5rem}.sentence-modal{max-height:90vh}.modal-header,.modal-content{padding:1rem}.sentence-text{font-size:1rem;padding:1rem}}.selection-indicator{position:absolute;top:.75rem;right:.75rem;width:20px;height:20px;border-radius:50%;background:#1a73e8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;opacity:0;transition:all .3s ease;box-shadow:0 2px 8px #1a73e866;transform:scale(.8)}.empty-state{text-align:center;padding:2rem;color:#5f6368}.empty-state p{margin:0;font-size:.875rem;font-weight:400}.mobile-optimized{touch-action:manipulation}.mobile-optimized *{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid #4a5568;outline-offset:2px;border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading{animation:pulse 2s ease-in-out infinite}@media (max-width: 1024px){.hero-section{padding:1.5rem;min-height:60vh}.hero-title{font-size:2.2rem}.hero-description{font-size:1.1rem;margin-bottom:2.5rem}.results-layout{grid-template-columns:1fr 250px;gap:1.5rem;padding:1.5rem}.sidebar{padding:1.25rem}}@media (max-width: 768px){.app-main{width:100%}.app{min-height:100vh}.results-container{padding:0}.results-header{padding:1.5rem 1rem;position:sticky;top:0;z-index:10}.brand-small h2{font-size:1.5rem;margin:0;text-align:center}.url-toggle-fab{box-shadow:0 8px 20px #6366f180}.url-toggle-fab:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 12px 24px #6366f199}.toggle-icon svg{width:24px;height:24px}.results-content{padding:1rem}.words-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.word-card{min-height:170px;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000f;transition:all .3s ease;background:#fff;cursor:pointer;position:relative;overflow:hidden}.word-card .card-actions{opacity:0;transition:opacity .3s ease}.word-card:hover .card-actions{opacity:1}.word-card:hover{border:none;box-shadow:0 8px 20px #6366f126;transform:translateY(-2px)}.word-card.selected{border-color:#6366f1;background:linear-gradient(135deg,#f0f4ff,#faf5ff);box-shadow:0 8px 20px #6366f133}.card-front,.card-back{padding:.6rem;border-radius:8px}.card-back{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem}.word-card.flipped .card-actions{opacity:1}.word-original{font-size:1.1rem;font-weight:700;margin-bottom:.4rem;text-align:center;color:#1e293b;line-height:1.1;letter-spacing:-.01em}.word-korean-large{font-size:.95rem;font-weight:600;color:#6366f1;text-align:center;margin-bottom:.4rem}.word-original-small{font-size:1rem;color:#64748b;text-align:center;margin-bottom:1rem;font-weight:500}.translate-btn{width:85%;margin:.5rem auto 0;padding:.5rem .8rem;font-size:.8rem;font-weight:600;min-height:32px;height:32px;border-radius:6px;background:#6366f1;color:#fff;border:none;transition:all .3s ease;position:static;transform:none;display:flex;align-items:center;justify-content:center}.translate-btn:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.flip-btn{background:#10b981;box-shadow:0 4px 12px #10b9814d;min-height:32px;height:32px}.flip-btn:hover{background:#059669;box-shadow:0 6px 16px #10b98166}.sentence-toggle{width:85%;margin:.4rem auto 0;padding:.4rem .8rem;font-size:.7rem;font-weight:600;min-height:26px;background:#f8fafc;color:#6366f1;border:1px solid #e2e8f0;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.2rem;position:static}.sentence-toggle:hover{background:#f0f4ff;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 8px #6366f126}.word-card.flipped .word-speak-btn,.word-card.flipped .word-difficulty,.word-card.flipped .translate-btn{display:none}.word-difficulty{position:absolute;top:.4rem;left:.4rem;padding:.2rem .4rem;border-radius:8px;font-size:.6rem;font-weight:700;z-index:5}.difficulty-dot{width:8px;height:8px;margin-right:.4rem}.difficulty-dot{width:8px;height:8px;border-radius:50%;margin-right:.5rem}.selection-indicator{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:50%;background:#6366f1;color:#fff;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f166;opacity:0;transform:scale(.5);transition:all .3s ease;z-index:10}.word-card.selected .selection-indicator{opacity:1;transform:scale(1)}.word-card.selected .word-speak-btn{opacity:0;pointer-events:none}.word-content{padding:1.6rem .6rem .6rem;position:relative;display:flex;flex-direction:column;height:100%;justify-content:flex-start}.word-header{flex-shrink:0;width:100%}.word-korean{flex:1;display:flex;flex-direction:column;justify-content:center;margin:.2rem 0;width:100%}.word-card:not(.flipped) .word-content{justify-content:center;align-items:center}.word-card:not(.flipped) .word-original{font-size:1.25rem;margin:0;font-weight:700}.selection-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.control-btn{padding:1rem 1.5rem;font-size:1rem;font-weight:600;min-height:50px;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.batch-translate{grid-column:1 / -1;background:#6366f1;color:#fff;border-color:#6366f1;font-weight:700;box-shadow:0 4px 12px #6366f14d}.batch-translate:hover{background:#4f46e5;border-color:#4f46e5;box-shadow:0 6px 16px #6366f166}.selected-count{grid-column:1 / -1;text-align:center;margin-top:1rem;padding:.75rem;background:#f0f4ff;color:#6366f1;border-radius:8px;font-weight:600;font-size:.9rem}.url-input-container{padding:1rem;border-radius:12px}.input-group{flex-direction:column;gap:1rem;margin:0}.url-input{padding:1rem;font-size:14px!important;border-radius:8px;border:2px solid #e2e8f0}.url-input::placeholder{font-size:14px!important}.extract-btn{width:100%;padding:1rem;font-size:1rem;font-weight:600;min-height:48px;border-radius:8px;display:flex;justify-content:center}.control-btn.pdf-export{padding:0!important;font-size:14px!important;min-height:unset;padding:.5rem!important}.extractor-header{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-bottom:0}.extractor-header h2{font-size:14px!important;text-align:center;margin:0}.card-back,.word-extractor-container{border:none}}@media (max-width: 480px){.brand h1{font-size:2.8rem;margin-bottom:1rem}.brand p{font-size:1.1rem;margin-bottom:2rem}.hero-container{padding:0}.main-input{box-shadow:0 6px 20px #6366f12e,0 3px 10px #6366f11f;border-radius:14px;margin:1rem 0;background:#fffffffa;border:1px solid rgba(99,102,241,.12);position:relative;z-index:5}.results-container{padding:0}.results-header{padding:1.5rem .75rem}.brand-small h2{font-size:1.3rem}.results-content{padding:.75rem}.words-grid{grid-template-columns:1fr 1fr;gap:.5rem}.word-card{min-height:160px;border-radius:8px;margin-bottom:.4rem}.card-front,.card-back{padding:.55rem;border-radius:8px}.word-content{width:100%;padding:0;justify-content:flex-start;align-items:center}.word-original{font-size:1.05rem;margin-bottom:.3rem;font-weight:700}.word-korean-large{font-size:.9rem;font-weight:600}.word-original-small{font-size:.9rem;margin-bottom:10px}.word-card:not(.flipped) .word-content{justify-content:center;align-items:center}.word-card:not(.flipped) .word-original{font-size:1.15rem;margin:30px 0 0;font-weight:700}.translate-btn{width:82%;font-size:.75rem;min-height:30px;height:30px;border-radius:6px;background:#6366f1;color:#fff;border:none;position:static;transform:none;opacity:1;display:flex;align-items:center;justify-content:center}.sentence-toggle{width:82%;margin:.3rem auto 0;padding:.35rem .7rem;font-size:.65rem;min-height:24px;border-radius:6px;background:#f8fafc;color:#6366f1;border:1px solid #e2e8f0;position:static;opacity:1;display:flex;align-items:center;justify-content:center;gap:.2rem}.word-difficulty{padding:.2rem .4rem;font-size:.6rem;border-radius:8px;top:.4rem;left:.4rem}.selection-indicator{width:22px;height:22px;font-size:.8rem;top:.4rem;right:.4rem}.control-btn{padding:.9rem 1.2rem;font-size:.9rem;min-height:46px;border-radius:10px}.batch-translate{padding:1rem 1.5rem;font-size:1rem;min-height:48px}.url-input-container{padding:.75rem;border-radius:10px}.url-input{padding:.9rem;font-size:16px!important;border-radius:8px}.extract-btn{padding:.9rem;font-size:.95rem;min-height:46px;border-radius:8px}.extractor-header h2{font-size:1.3rem}.word-extractor-container{border-radius:14px}.selection-controls{gap:.75rem;margin-bottom:0}.selected-count{padding:.6rem;font-size:.85rem;margin-top:.75rem}}.footer-links{width:100%;display:flex;gap:2rem;align-items:center;justify-content:center;margin:0 auto}.footer-links a{color:#5f6368;text-decoration:none;font-size:.875rem;font-weight:400;transition:all .2s ease;position:relative}.footer-links a:hover{color:#6366f1}.footer-links a:hover:after{width:100%}@media (max-width: 768px){.app-footer{padding:1.5rem 0;margin-top:2rem}.footer-content{flex-direction:column;text-align:center;gap:1rem}.footer-info{align-items:center}.footer-links{gap:1.5rem}}@media (max-width: 480px){.footer-links{gap:1rem}.footer-links a{font-size:.9rem}}.detailed-meanings-compact{margin-bottom:.75rem;background:#f8fafc99;padding:.5rem;border-radius:8px;border:1px solid rgba(226,232,240,.8);max-height:120px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.detailed-meanings-compact::-webkit-scrollbar{width:4px}.detailed-meanings-compact::-webkit-scrollbar-track{background:transparent}.detailed-meanings-compact::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.detailed-meanings-compact::-webkit-scrollbar-thumb:hover{background:#94a3b8}.meaning-line{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:.5rem;line-height:1.5}.meaning-line:last-child{margin-bottom:0}.part-of-speech-compact{font-size:.8rem;font-weight:700;color:#fff;background:#6366f1;padding:.25rem .6rem;border-radius:12px;min-width:fit-content;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #6366f133}.definitions-compact{font-size:1rem;font-weight:500;color:#1e293b;flex:1;letter-spacing:-.01em;word-spacing:.05em;line-height:1.4;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width: 768px){.brand p{font-size:14px!important;margin-bottom:1rem}.detailed-meanings-compact{margin-bottom:.6rem;padding:.4rem;max-height:100px}.meaning-line{gap:.6rem;margin-bottom:.4rem}.part-of-speech-compact{font-size:.75rem;padding:.2rem .5rem;letter-spacing:.3px}.definitions-compact{font-size:.95rem;line-height:1.3}}@media (max-width: 480px){.detailed-meanings-compact{margin-bottom:.5rem;padding:.35rem;max-height:90px}.meaning-line{gap:.5rem;margin-bottom:.35rem}.part-of-speech-compact{font-size:.7rem;padding:.18rem .45rem;letter-spacing:.2px}.definitions-compact{font-size:.9rem;line-height:1.25}}@media (max-width: 360px){.detailed-meanings-compact{padding:.3rem}.meaning-line{gap:.45rem;margin-bottom:.3rem}.part-of-speech-compact{font-size:.65rem;padding:.15rem .4rem;letter-spacing:.1px}.definitions-compact{font-size:.85rem;line-height:1.2}}@media (max-width: 360px){.brand h1{font-size:2.5rem}.brand p{font-size:1rem}.hero-container{padding:1.25rem .5rem}.results-content{padding:.5rem}.words-grid{grid-template-columns:1fr;gap:1rem}.word-card{min-height:180px;border-radius:14px}.card-front,.card-back{padding:.75rem;border-radius:14px}.word-content{padding:1.5rem .75rem 0rem;justify-content:center;align-items:center}.word-original{font-size:2.2rem;margin-bottom:.5rem;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.1)}.word-korean-large{font-size:1.6rem;font-weight:700}.word-card:not(.flipped) .word-original{font-size:2.8rem;margin:0}.translate-btn{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);padding:.6rem 1.5rem;font-size:.9rem;min-height:40px;border-radius:20px;background:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.2);opacity:0;width:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sentence-toggle{position:absolute;bottom:1rem;right:1rem;padding:.4rem .8rem;font-size:.75rem;min-height:32px;border-radius:16px;background:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.2);opacity:0;width:auto;margin-top:0}.word-difficulty{padding:.2rem .4rem;font-size:.6rem;border-radius:8px;top:.4rem;left:.4rem;opacity:.8}.selection-indicator{width:24px;height:24px;font-size:.8rem;top:.4rem;right:.4rem}.control-btn{padding:.9rem 1.25rem;font-size:.9rem;min-height:46px;border-radius:10px}.word-extractor-container{border-radius:14px}.extractor-header h2{font-size:1.3rem}}.word-card-animate{animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.extraction-progress{display:inline-flex;align-items:center;margin-left:1rem}.extracting-state{display:flex;justify-content:center;align-items:center;min-height:300px;padding:2rem}.extraction-message{text-align:center;max-width:400px}.ai-processing{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;justify-content:center}.ai-icon{font-size:3rem;animation:float 2s ease-in-out infinite;width:50px;height:50px;background:#6366f1;border-radius:5px;display:flex;justify-content:center;align-items:center}.processing-text{text-align:left}.main-message{font-size:1.2rem;font-weight:600;color:#374151;margin:0 0 .5rem}.sub-message{font-size:1rem;color:#6b7280;margin:0}.progress-indicator{width:100%}.progress-bar{width:100%;height:8px;background:#6366f11a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);background-size:200% 100%;animation:progressFlow 2s ease-in-out infinite;width:100%}.typing-animation{display:inline-flex;gap:2px;align-items:center}.typing-dot{width:4px;height:4px;background:#6366f1;border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes progressFlow{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes typingBounce{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.features-preview{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#6366f11a;border-radius:20px;font-size:.9rem;font-weight:500;color:#4f46e5;transition:all .3s ease}.feature-item:hover{transform:translateY(-2px);background:#6366f126;box-shadow:0 4px 12px #6366f133}.feature-icon{font-size:1.2rem;filter:grayscale(.3)}.usage-guide{margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}.guide-steps{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.guide-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;min-width:100px;transition:all .3s ease}.guide-step:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.step-number{width:32px;height:32px;background:#6366f1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.guide-step span{font-size:.875rem;font-weight:500;color:#374151;text-align:center}.guide-arrow{color:#6b7280;font-size:1.25rem;font-weight:700}@media (max-width: 768px){.usage-guide{margin:1.5rem 0;padding:1rem}.guide-steps{gap:.5rem}.guide-step{min-width:80px;padding:.75rem}.step-number{width:28px;height:28px;font-size:.75rem}.guide-step span{font-size:.75rem}.guide-arrow{font-size:1rem}}.quick-start{text-align:center}.quick-start-text{margin-top:0;font-size:.9rem;color:#6b7280;margin-bottom:1rem;font-weight:400}.quick-start-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.quick-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease;min-width:100px;display:flex;align-items:center;gap:.5rem;justify-content:center}.quick-btn-icon{color:#6366f1;transition:color .2s ease;flex-shrink:0}.quick-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 2px 8px #6366f14d}.quick-btn:hover .quick-btn-icon{color:#fff}.quick-btn:active{transform:translateY(0)}.quick-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.quick-btn:disabled{opacity:.5;cursor:not-allowed}.example-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem;max-width:900px;margin-left:auto;margin-right:auto}.card-hint{font-size:.75rem;color:#6366f1;font-weight:500;margin-top:.5rem;padding:.25rem .5rem;background:#6366f11a;border-radius:4px;text-align:center;opacity:.8;transition:opacity .3s ease}.example-card:hover .card-hint{opacity:1}.example-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;cursor:pointer;transition:all .3s ease;text-align:left}.example-card:hover:not(.disabled){transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#6366f1}.example-card.disabled{opacity:.6;cursor:not-allowed}.card-image{width:100%;height:160px;overflow:hidden;background:#f8fafc}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.example-card:hover:not(.disabled) .card-image img{transform:scale(1.05)}.card-content{padding:1rem}.card-content h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#1f2937;line-height:1.3}.card-content p{margin:0;font-size:.875rem;color:#6b7280;line-height:1.4}.how-it-works{margin:3rem 0 2rem;text-align:center}.how-it-works h3{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:2rem}.steps{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;max-width:800px;margin:0 auto}.step{flex:1;min-width:200px;max-width:250px;text-align:center;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.step:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;margin:0 auto 1rem;box-shadow:0 4px 12px #6366f14d}.step-content h4{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:.5rem}.step-content p{font-size:.9rem;color:#6b7280;line-height:1.5;margin:0}@media (max-width: 768px){#root{min-height:100%!important}.script-screening.compact{z-index:0}.brand h1{font-size:3rem;margin-bottom:.5rem}.brand p{font-size:1rem}.hero-subtitle{font-size:1.1rem;margin:.5rem 0 1.5rem}.hero-description{font-size:.9rem;max-width:100%;padding:0;margin-bottom:1.5rem}.features-preview{flex-direction:column;align-items:center;gap:1rem;margin:1.5rem 0}.feature-item{font-size:.85rem;padding:.6rem .8rem}.quick-start-buttons{gap:.5rem}.quick-btn{padding:.6rem 1rem;font-size:.8rem;min-width:80px}.example-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:1rem;margin:0;scrollbar-width:none;-ms-overflow-style:none}.example-cards::-webkit-scrollbar{display:none}.example-card{flex:0 0 240px;scroll-snap-align:start;max-width:none}.card-image{height:140px}.card-content{padding:.875rem}.card-content h4{font-size:.9rem}.card-content p{font-size:.8rem}.steps{flex-direction:column;gap:1.5rem}.step{min-width:auto;max-width:100%;margin:0 auto;padding:1.2rem}.how-it-works h3{font-size:1.3rem}.step-content h4{font-size:1rem}.step-content p{font-size:.85rem}}@media (max-width: 480px){.brand h1{font-size:2.5rem}.brand p{font-size:.9rem}.hero-subtitle{font-size:1rem}.hero-description{font-size:.85rem}.hero-content{padding-top:1.5rem!important}.hero-section{min-height:calc(100vh - 60px)}.features-preview{margin:1rem 0}.feature-item{font-size:.8rem;padding:.5rem .7rem}.quick-start-buttons{gap:.4rem}.quick-btn{padding:.5rem .8rem;font-size:.75rem;min-width:70px}.example-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.75rem;padding:.75rem 0rem .75rem 1rem;margin:0;scrollbar-width:none;-ms-overflow-style:none}.example-cards::-webkit-scrollbar{display:none}.example-card{flex:0 0 220px;scroll-snap-align:start}.card-image{height:120px}.card-content{padding:.75rem}.card-content h4{font-size:.85rem}.card-content p{font-size:.75rem}.how-it-works{margin:2rem 0 1.5rem}.how-it-works h3{font-size:1.2rem;margin-bottom:1.5rem}.step{padding:1rem}.step-number{width:36px;height:36px;font-size:1.1rem}}.youtube-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:42px;background:#000c;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.youtube-play-button:hover{background:#000000e6;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 12px #0000004d}.example-card:hover .youtube-play-button{transform:translate(-50%,-50%) scale(1.15);background:#ff0000e6}.process-wrap{height:calc(100% - 4rem);padding-top:2rem;padding-bottom:2rem;overflow:hidden;display:flex;flex:1}.process-progress{background:#fff;border-radius:16px;padding:2rem;margin:0 auto;min-width:600px;box-shadow:0 4px 16px #00000014;border:1px solid #f1f5f9;height:100%}.process-header{text-align:center;margin-bottom:1rem}.ai-brain-icon{display:flex;justify-content:center;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.process-header h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.process-header p{font-size:.875rem;color:#6b7280;margin:0}.process-steps{display:flex;flex-direction:column;gap:1rem;position:relative;min-height:350px}.process-step{display:flex;align-items:center;gap:1rem;position:relative;padding-left:1rem;padding-top:.2rem;padding-bottom:.2rem;border-radius:12px;transition:all .3s ease;background:#ffffff80;min-height:72px}.process-step.processing{background:#10b9810d;border:1px solid rgba(16,185,129,.2);transform:scale(1.02)}.process-step.completed{background:#6366f10d;border:1px solid rgba(99,102,241,.2)}.step-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;transition:all .3s ease;position:relative;z-index:2}.process-step.pending .step-icon{background:#f3f4f6;color:#9ca3af;border:2px solid #e5e7eb}.process-step.processing .step-icon{background:#d1fae5;color:#059669;border:2px solid #10b981;animation:pulse 2s infinite}.process-step.completed .step-icon{background:#6366f1;color:#fff;border:2px solid #6366f1}.step-text{font-size:.875rem;font-weight:700}.step-icon-pending{display:flex;align-items:center;justify-content:center;opacity:.6;transition:all .3s ease}.processing-spinner{width:16px;height:16px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0;min-width:16px;min-height:16px}.spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #10b981;border-radius:50%;animation:spin 1s linear infinite;box-sizing:border-box;flex-shrink:0}.step-connector{width:2px;height:24px;background:#e5e7eb;margin-top:8px;transition:all .3s ease}.step-connector.completed{background:#6366f1}.step-content{flex:1;padding-top:.25rem}.step-label{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;min-height:1.5rem}.step-count{background:#f3f4f6;color:#6b7280;padding:.125rem .2rem;border-radius:12px;font-size:.75rem;font-weight:500;min-width:40px;text-align:center;display:inline-block}.step-time{background:#fef3c7;color:#d97706;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;font-family:Courier New,monospace}.process-step.processing .step-count{background:#dbeafe;color:#2563eb}.process-step.completed .step-count,.process-step.completed .step-time{background:#e0e7ff;color:#6366f1}.process-step.processing .step-time{background:#fef3c7;color:#d97706;animation:pulse 2s infinite}.step-status{font-size:.875rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.step-status.completed{color:#6366f1;font-weight:500}.processing-dots{display:flex;gap:.25rem;align-items:center}.processing-dots .dot{width:4px;height:4px;background:#3b82f6;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.processing-dots .dot:nth-child(1){animation-delay:-.32s}.processing-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.process-progress{padding:2rem 1rem 1rem;min-width:unset;max-width:unset;width:calc(100% - 2rem);margin:0 auto;box-shadow:unset;border:none}.process-header h3{font-size:1.25rem}.process-header p{font-size:.8rem}.process-steps{gap:.5rem}.process-step{padding:.5rem 1rem}.step-icon{width:28px;height:28px;font-size:.8rem}.step-connector{height:20px;margin-top:6px}.step-label{font-size:.9rem}.step-count{font-size:.7rem;padding:.1rem .4rem;min-width:35px}}.step-icon-svg,.close-icon,.volume-icon,.stats-icon,.link-icon,.success-icon,.pdf-icon{width:16px;height:16px;vertical-align:middle}.platform-icon-svg,.error-icon,.dashboard-icon,.refresh-icon,.kpi-icon-svg,.view-icon{width:18px;height:18px;vertical-align:middle}.close-icon,.volume-icon{width:14px;height:14px}.stats-icon,.link-icon,.success-icon{margin-right:4px}.pdf-icon{color:#fff;margin-right:6px}.error-icon,.dashboard-icon{margin-right:8px}.refresh-icon{margin-right:6px}.view-icon{width:14px;height:14px;margin-right:2px}.hero-benefits{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.benefit-item{display:flex;align-items:center;gap:.75rem;padding:.8rem 1.2rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-weight:500;color:#475569;transition:all .2s ease}.benefit-item:hover{background:#f1f5f9;border-color:#cbd5e1}.benefit-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#6366f1;color:#fff;border-radius:8px;font-size:.875rem;font-weight:600;flex-shrink:0}.script-screening{position:relative}@media (max-width: 768px){.benefit-item{font-size:.75rem;padding:.75rem .5rem;flex:1;min-width:0;justify-content:center;text-align:center;flex-direction:column;gap:.5rem}.benefit-number{font-size:.75rem}.script-screening.expanded .text-container{background:none}}@media (max-width: 480px){.benefit-item{font-size:.7rem;padding:.6rem .4rem;flex:1;min-width:0;justify-content:center;text-align:center;flex-direction:column;gap:.4rem;border-radius:10px}.benefit-number{font-size:.7rem}}@media (max-width: 360px){.hero-benefits{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.3rem;padding:0 .5rem;flex-wrap:nowrap}.benefit-number{font-size:.65rem}}.script-screening{background:#fff;border-radius:16px;padding:1rem 1.2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;transition:all .3s ease}.script-screening.compact{max-height:200px;overflow:hidden;position:relative}.script-screening.compact:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.4) 20%,rgba(255,255,255,.8) 60%,rgba(255,255,255,1) 100%);pointer-events:none;z-index:10;border-radius:0 0 16px 16px}.timestamp{display:inline-block;border-radius:12px;font-size:.7rem;font-weight:600;margin-right:.5rem;margin-bottom:.3rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:.5px;transition:all .2s ease;cursor:pointer}.timestamp-line{display:block;line-height:1.6;padding-left:.6rem;padding-top:.2rem;border-left:3px solid transparent;transition:all .2s ease}.timestamp-line:hover{border-left-color:#6366f1;background:#6366f105;border-radius:0 8px 8px 0}.timestamp-text{color:#374151;font-size:.95rem;line-height:1.5;margin-left:.3rem}.sentence-block{margin:6px 0;padding:8px 12px;background:#f8fafccc;border-radius:6px;border-left:2px solid #e2e8f0;line-height:1.7;transition:all .2s ease;color:#374151;font-size:.95rem}.sentence-block:hover{background:#f1f5f9e6;border-left-color:#cbd5e1}.timestamped-content{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;color:#1f2937}.timestamped-content .timestamp{vertical-align:baseline}.video-title{margin-bottom:1rem;transition:all .2s ease}.title-text{margin:0;font-size:.9rem;color:#000;line-height:1.4;text-align:center;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}@media (max-width: 768px){.content-layout{gap:0!important;flex-direction:column!important}.sidebar-section{padding-bottom:2.5rem}.timestamp{font-size:.7rem;margin-right:.4rem}.text-container{background-color:unset!important}.timestamp-line{margin-bottom:0;padding-left:.3rem;padding-right:.3rem}.timestamp-text{font-size:.9rem}.sentence-block{padding:6px 10px;margin:4px 0;font-size:.9rem}}.screening-header{margin-bottom:1rem}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.header-controls{display:flex;align-items:flex-start;gap:1rem;margin-top:.2rem}.screening-header h3{font-size:1.3rem;font-weight:700;color:#1f2937;margin:0}.highlight-toggle-container{display:flex;align-items:center;gap:.75rem}.toggle-label{font-size:.9rem;font-weight:600;color:#374151;white-space:nowrap}.toggle-switch{position:relative;display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.toggle-slider{position:relative;width:50px;height:26px;background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:13px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000000d;border:1px solid #d1d5db}.toggle-switch.on .toggle-slider{background:linear-gradient(135deg,#34d399,#10b981);border-color:#10b981;box-shadow:inset 0 2px 4px #10b98133,0 1px 2px #10b9811a}.toggle-knob{position:absolute;top:2px;left:3px;width:20px;height:20px;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #00000026,0 1px 2px #0000001a;border:1px solid rgba(255,255,255,.8)}.toggle-switch.on .toggle-knob{transform:translate(22px);box-shadow:0 2px 8px #10b9814d,0 1px 3px #10b98133}.toggle-status{font-size:.75rem;font-weight:700;min-width:28px;text-align:center;letter-spacing:.5px;transition:all .2s ease}.toggle-switch.on .toggle-status{color:#059669;text-shadow:0 1px 2px rgba(5,150,105,.1)}.toggle-switch.off .toggle-status{color:#6b7280}.toggle-switch:hover .toggle-slider{transform:scale(1.02);box-shadow:inset 0 2px 4px #00000026,0 2px 4px #0000001a}.toggle-switch.on:hover .toggle-slider{box-shadow:inset 0 2px 4px #10b9814d,0 2px 6px #10b98133}.toggle-switch:active .toggle-slider{transform:scale(.98)}.toggle-switch:hover .toggle-knob{transform:scale(1.05)}.toggle-switch.on:hover .toggle-knob{transform:translate(18px) scale(1.05)}.toggle-switch:active .toggle-knob{transform:scale(.95)}.toggle-switch.on:active .toggle-knob{transform:translate(24px) scale(.95)}.expand-button{position:absolute;right:10px;bottom:10px;z-index:99;padding:.1rem;background:#6366f1;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.expand-button:hover{background:#4f46e5;transform:translateY(-1px)}.screening-header p{color:#6b7280;font-size:.85rem;margin:0}.text-container{margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.script-screening.compact .text-container{max-height:120px;overflow:hidden;position:relative;transition:all .3s ease}.script-screening.compact .text-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.9) 70%,rgba(255,255,255,1) 100%);pointer-events:none}.text-section{flex:2;min-width:0}.word-side-section{flex:1;display:flex;flex-direction:column;gap:1rem}.script-screening.expanded .text-container{max-height:60vh;overflow-y:auto;background:#fafbfc;transition:all .3s ease}.text-content{line-height:1.8;font-size:1rem;padding:1rem;color:#1f2937;text-align:justify;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;letter-spacing:.02em;word-spacing:.1em;white-space:pre-line;display:flex;flex-direction:column;gap:.2rem}.script-screening.compact .text-content{font-size:.95rem;line-height:1.7}.highlighted-word{cursor:pointer;font-weight:500;transition:all .15s ease;position:relative;text-decoration:none;border-radius:2px}.highlighted-word:hover{opacity:.8}.highlighted-word.easy{color:#059669;background-color:#10b98114}.highlighted-word.easy:hover{background-color:#10b9811f}.highlighted-word.medium{color:#d97706;background-color:#f59e0b14}.highlighted-word.medium:hover{background-color:#f59e0b1f}.highlighted-word.hard{color:#dc2626;background-color:#ef444414}.highlighted-word.hard:hover{background-color:#ef44441f}.word-translation-box{padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:60px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.word-translation-box.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.translation-content{text-align:center}.translation-word{font-size:1.1rem;font-weight:600;color:#1e40af;margin-bottom:.5rem}.translation-meaning{font-size:.95rem;color:#475569}.translation-placeholder{color:#94a3b8;font-style:italic}.screening-legend{display:flex;justify-content:center;gap:2rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6b7280}.legend-dot{width:12px;height:12px;border-radius:50%;border:1px solid}.legend-dot.easy{background:#10b98114;border-color:#059669}.legend-dot.medium{background:#f59e0b14;border-color:#d97706}.legend-dot.hard{background:#ef444414;border-color:#dc2626}.toggle-switch.on .toggle-knob{transform:translate(22px)}.toggle-status{font-size:.75rem;min-width:28px;font-weight:500}.screening-header h3{font-size:1.2rem;font-weight:600}.screening-header p{font-size:.85rem;line-height:1.4;margin-top:.3rem}.expand-button{font-size:.8rem;border-radius:8px;font-weight:500}.script-screening.compact .text-container{max-height:120px}.content-layout{display:flex;flex-direction:row;gap:1.2rem}.structured-title{font-size:1.2rem!important;font-weight:600;margin-bottom:1rem}.structured-heading{font-size:1.05rem!important;font-weight:600;margin:.8rem 0 .6rem}.structured-paragraph{font-size:.9rem;line-height:1.6;margin-bottom:.8rem}.highlighted-word{padding:.2rem .3rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.highlighted-word:active{transform:scale(.98)}.word-translation-box{padding:1rem;margin:.8rem 0;border-radius:12px;min-height:60px;background:#f8f9fa;border:1px solid #e8eaed}.translation-word{font-size:1.1rem;font-weight:600;color:#1a73e8;margin-bottom:.5rem}.translation-meaning{font-size:.9rem;line-height:1.5;color:#3c4043}.selection-tooltip{max-width:300px;font-size:.85rem;border-radius:12px;box-shadow:0 8px 24px #00000026}.tooltip-content{padding:1rem}.selected-text{font-size:.85rem;font-weight:600;margin-bottom:.5rem}.translated-text{font-size:.85rem;line-height:1.5}.tooltip-actions{gap:.5rem;margin-top:.8rem}.translate-btn,.add-word-btn,.close-tooltip-btn{padding:.5rem .8rem;font-size:.75rem;font-weight:500;border-radius:6px;min-height:36px}.text-container{overflow-y:auto;-webkit-overflow-scrolling:touch}.text-container::-webkit-scrollbar{width:6px}.text-container::-webkit-scrollbar-track{background:transparent}.text-container::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px}.text-section{width:100%}.script-screening.compact .sidebar-section{display:none}.text-content{font-size:.85rem;line-height:1.6;letter-spacing:.01em;padding:.5rem}.structured-title{font-size:1.1rem!important;line-height:1.4;margin-bottom:.8rem}.structured-heading{font-size:1rem!important;line-height:1.4;margin:.6rem 0 .4rem}.structured-paragraph{font-size:.85rem;line-height:1.6;margin-bottom:.6rem}.highlighted-word{padding:.1rem .2rem}.word-translation-box{padding:.8rem;min-height:50px}.selection-tooltip{max-width:280px;font-size:.8rem}.tooltip-content{padding:.6rem}.selected-text{font-size:.8rem;margin-bottom:.4rem}.translated-text{font-size:.8rem}.tooltip-actions{gap:.4rem}.translate-btn,.add-word-btn,.close-tooltip-btn{padding:.4rem .6rem;font-size:.7rem}@media (max-width: 480px){.script-screening{padding:0;margin-bottom:1rem;border-radius:12px}.script-screening.compact{max-height:180px}.screening-header{padding:.8rem;margin-bottom:.8rem}.screening-header h3{font-size:1.1rem;font-weight:600}.screening-header p{font-size:.8rem;margin-top:.3rem}.video-title{font-size:1rem!important;font-weight:600;margin-bottom:.8rem;line-height:1.4}.toggle-label{font-size:.85rem;font-weight:500}.toggle-slider{width:44px;height:24px}.toggle-knob{width:18px;height:18px;top:2px}.toggle-switch.on .toggle-knob{transform:translate(18px)}.toggle-status{font-size:.7rem;font-weight:500}.expand-button{padding:.2rem;font-size:.75rem;font-weight:500;border-radius:8px;min-height:auto}.text-content{font-size:.85rem;line-height:1.6;padding:0}.structured-title{font-size:1.05rem!important;font-weight:600;margin-bottom:1rem!important}.structured-heading{font-size:.95rem!important;font-weight:600;margin:1rem 0 .6rem}.structured-paragraph{font-size:.85rem;line-height:1.6;margin-bottom:.8rem}.highlighted-word{padding:.15rem .25rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.highlighted-word:active{transform:scale(.98)}.selection-tooltip{max-width:280px;font-size:.8rem;border-radius:12px;box-shadow:0 8px 24px #00000026}.tooltip-content{padding:.8rem}.selected-text{font-size:.85rem;font-weight:600;margin-bottom:.5rem}.translated-text{font-size:.8rem;line-height:1.5}.translate-btn,.add-word-btn,.close-tooltip-btn{padding:.4rem .6rem;font-size:.7rem;font-weight:500;border-radius:6px;min-height:32px}.word-translation-box{margin:.8rem 0;padding:1.2rem;border-radius:12px;min-height:70px;background:linear-gradient(135deg,#f8f9fa,#e8f0fe);border:2px solid #e8eaed;box-shadow:0 4px 12px #0000001a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.translation-word{font-size:1.2rem;font-weight:700;color:#1a73e8;margin-bottom:.6rem;text-shadow:0 1px 2px rgba(26,115,232,.1)}.translation-meaning{font-size:.95rem;line-height:1.6;color:#3c4043;font-weight:500}.sidebar-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e8eaed}.text-container{overflow-y:auto;-webkit-overflow-scrolling:touch}.text-container::-webkit-scrollbar{width:4px}.text-container::-webkit-scrollbar-track{background:transparent}.text-container::-webkit-scrollbar-thumb{background:#dadce0;border-radius:2px}}.script-screening.compact .text-content{font-size:.85rem;line-height:1.6}.word-translation-box{margin:0;padding:.8rem;min-height:50px}.translation-word{font-size:1rem}.translation-meaning{font-size:.85rem}.screening-legend{flex-direction:column;gap:.8rem;padding:.8rem}.legend-item{font-size:.8rem}.tab-navigation{display:flex;border-bottom:1px solid #e8eaed;margin-bottom:1.5rem;background:#fff;border-radius:8px 8px 0 0;overflow:hidden}.tab-button{flex:1;padding:1rem 1.5rem;border:none;background:#f8f9fa;color:#5f6368;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent}.tab-button:hover{background:#e8f0fe;color:#1a73e8}.tab-button.active{background:#fff;color:#1a73e8;border-bottom-color:#1a73e8;font-weight:600}.structured-content{line-height:1.8;white-space:pre-line}.structured-title{font-size:1rem;font-weight:700;color:#202124;margin:0 0 2.5rem;line-height:1.3;border-bottom:2px solid #e8eaed;padding-bottom:1rem}.structured-heading{color:#1a73e8;font-weight:600;margin:1.5rem 0 .8rem;line-height:1.4}.structured-heading.level-1{font-size:1.5rem;margin:2rem 0 1rem}.structured-heading.level-2{font-size:1.3rem;margin:1.8rem 0 .9rem}.structured-heading.level-3{font-size:1.1rem;margin:1.5rem 0 .8rem}.structured-heading.level-4,.structured-heading.level-5,.structured-heading.level-6{font-size:1rem;margin:1.2rem 0 .6rem}.structured-paragraph{margin:0 0 1.2rem;text-align:justify;color:#3c4043;font-size:1rem;line-height:1.6;padding:0}.structured-paragraph:last-child{margin-bottom:0}.structured-quote{margin:0 0 1.2rem;padding:.8rem 1.2rem;border-left:4px solid #007bff;background-color:#f8f9fa;font-style:italic;font-size:1rem;line-height:1.6;color:#555;text-align:justify}.structured-list-item{padding:.2rem 0;font-size:1rem;line-height:1.6;color:#3c4043;list-style-type:disc;margin:0 0 .6rem 1.5rem}.structured-highlight{margin:0 0 1.2rem;padding:.8rem;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;font-size:1rem;line-height:1.6;color:#856404;text-align:justify}.structured-content-viewer{max-width:100%;margin:0 auto;padding:1.5rem}.text-container{position:relative}.selection-tooltip{background:#fff;border:1px solid #e8eaed;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:0;min-width:200px;max-width:300px;font-size:.9rem;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-content{padding:12px}.selected-text{font-weight:600;color:#1a73e8;margin-bottom:8px;font-size:.9rem;word-break:break-word}.translation-result{margin-top:8px}.translated-text{color:#3c4043;font-size:.9rem;margin-bottom:10px;padding:8px;background:#f8f9fa;border-radius:4px;border-left:3px solid #34a853}.tooltip-actions{display:flex;gap:6px;justify-content:flex-end}.add-word-btn{background:#1a73e8;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s ease;font-weight:500}.translate-btn:hover,.add-word-btn:hover{background:#1557b0}.translate-btn:disabled{background:#9aa0a6;cursor:not-allowed}.add-word-btn{background:#34a853}.add-word-btn:hover{background:#2d8f47}.close-tooltip-btn{background:#f8f9fa;color:#5f6368;border:1px solid #dadce0;padding:6px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease;min-width:28px}.close-tooltip-btn:hover{background:#e8eaed;color:#3c4043}.text-content{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.text-content::selection{background:#1a73e833;color:inherit}.text-content::-moz-selection{background:#1a73e833;color:inherit}@media (max-width: 768px){.selection-tooltip{min-width:180px;max-width:250px;font-size:.85rem}.text-content{width:calc(100% - 2rem);margin:0 auto}.tooltip-actions{flex-direction:column;gap:4px}.add-word-btn,.close-tooltip-btn{width:100%;padding:8px 12px}}.contact-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.structured-content-input{margin-bottom:2rem}.structured-content-input h2{margin:0 0 1rem;color:#202124;font-size:1.5rem;font-weight:600}.url-input-group{display:flex;gap:.75rem;margin-bottom:1rem}.url-input-group input{flex:1;padding:.875rem 1rem;border:2px solid #e8eaed;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.url-input-group input:focus{outline:none;border-color:#1a73e8}.extract-button{padding:.875rem 1.5rem;background:#1a73e8;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.extract-button:hover:not(:disabled){background:#1557b0}.extract-button:disabled{background:#dadce0;cursor:not-allowed}.structured-content-result{margin-top:2rem}.content-section{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #1a73e8}.content-section h3{margin:0 0 1rem;color:#202124;font-size:1.25rem;font-weight:600}.content-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.metadata-item{padding:1rem;background:#fff;border-radius:6px;border:1px solid #e8eaed}.metadata-label{font-weight:600;color:#5f6368;font-size:.875rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.metadata-value{color:#202124;font-size:1rem;line-height:1.4}.headings-list{list-style:none;padding:0;margin:0}.heading-item{padding:.75rem 1rem;margin-bottom:.5rem;background:#fff;border-radius:6px;border-left:3px solid #34a853;display:flex;align-items:center;gap:.75rem}.heading-level{background:#34a853;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;min-width:2rem;text-align:center}.heading-text{color:#202124;font-weight:500;line-height:1.4}.paragraphs-list{list-style:none;padding:0;margin:0}.paragraph-item{padding:1rem;margin-bottom:1rem;background:#fff;border-radius:6px;border:1px solid #e8eaed;line-height:1.6;color:#202124}.paragraph-item:last-child{margin-bottom:0}.full-text-content{background:#fff;padding:1.5rem;border-radius:6px;border:1px solid #e8eaed;line-height:1.6;color:#202124;max-height:400px;overflow-y:auto}.loading-message{text-align:center;padding:2rem;color:#5f6368;font-style:italic}.error-message{background:#fce8e6;color:#d93025;padding:1rem;border-radius:6px;border-left:4px solid #d93025;margin-top:1rem}@media (max-width: 768px){.structured-content-viewer{padding:1rem}.url-input-group{flex-direction:column}.content-metadata{grid-template-columns:1fr}.tab-button{padding:.875rem 1rem;font-size:.9rem}}.main-content-wrapper{position:relative;width:100%}.content-area{width:calc(100% - 120px);margin:0 auto;transition:margin-left .3s ease}@media (min-width: 769px){.sidebar-open~.content-area{margin-left:320px}}.mobile-search-box{width:100%;padding:0;margin-bottom:8px}.mobile-search-box input{width:100%;padding:16px 20px;border:1px solid #e1e5e9;border-radius:12px;font-size:15px;background:#fff;outline:none;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.mobile-search-box input:focus{border-color:#4285f4;background:#fff;box-shadow:0 4px 16px #4285f426;transform:translateY(-1px)}.mobile-search-box input::placeholder{color:#999;font-weight:400}.mobile-history-list{max-height:350px;overflow-y:auto;padding:0 4px;width:calc(100% - 2rem);margin:0 auto}.mobile-history-list::-webkit-scrollbar{width:4px}.mobile-history-list::-webkit-scrollbar-track{background:transparent}.mobile-history-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.mobile-history-list::-webkit-scrollbar-thumb:hover{background:#bbb}.mobile-history-item{display:flex;align-items:center;padding:16px;margin-bottom:12px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f1f3f4;gap:12px;transition:all .2s ease}.mobile-history-item:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-1px)}.mobile-history-item:active{transform:translateY(0);box-shadow:0 2px 8px #00000014}.mobile-history-content{flex:1;cursor:pointer;min-width:0}.mobile-history-title{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:6px;word-break:break-word;line-height:1.3}.mobile-history-meta{display:flex;gap:16px;font-size:13px;color:#666;align-items:center}.mobile-history-meta span{display:flex;align-items:center;gap:4px}.mobile-history-meta span:first-child:before{content:"📚";font-size:12px}.mobile-history-meta span:last-child:before{content:"📅";font-size:12px}.mobile-history-delete{background:#f8f9fa;border:none;padding:10px;cursor:pointer;border-radius:8px;transition:all .2s ease;font-size:16px;color:#666;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.mobile-history-delete:hover{background-color:#fee;color:#d93025;transform:scale(1.05)}.mobile-history-delete:active{transform:scale(.95)}.mobile-empty-state{text-align:center;padding:48px 16px;color:#666;font-size:15px;background:#fff;border-radius:12px;margin:12px 4px;border:2px dashed #e1e5e9}.mobile-empty-state:before{content:"📚";font-size:32px;display:block;margin-bottom:12px;opacity:.5}.menu-item-button:disabled{opacity:.5;cursor:not-allowed}.menu-item-button:disabled:hover{background-color:transparent}.hero-section{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:2rem 1rem;background:#fff}.hero-content{text-align:center;width:100%;min-height:calc(100vh - 81px);display:flex;flex-direction:column;justify-content:center}.brand h1{margin-top:0;margin-bottom:0;font-family:Audiowide,monospace;font-size:2rem;font-weight:400;color:#202124;line-height:1.25;letter-spacing:-.01em}.brand p{font-size:1.25rem;color:#4f46e5;margin:.75rem 0 0;font-weight:400;line-height:1.4}.main-input{width:calc(100% - 32px);margin:0 auto;margin-bottom:1rem;position:relative;z-index:5}.original-url{margin-top:20px}.original-url p{color:#5f6368;font-size:.875rem;margin:0;line-height:1.5}@media (max-width: 768px){.hero-section{padding:1.5rem 1rem;min-height:calc(100vh - 100px)}.hero-content{padding:1.5rem .5rem;min-height:calc(100vh - 120px)}.brand h1{font-size:1.75rem}.brand p{font-size:1.125rem}}@media (max-width: 480px){.hero-section{padding:1rem .75rem}.hero-content{padding:1rem .25rem}.brand h1{font-size:1.5rem}.brand p{font-size:1rem}.original-url p{font-size:.8rem}}.url-input-container{margin:0 auto;padding:1rem;border-radius:8px;border:1px solid #6366f1;max-width:800px}.url-input-container h2{margin:0 0 1.5rem;color:#333;font-size:1.5rem}.url-form{width:100%}.input-group{display:flex;gap:.75rem;align-items:stretch}.url-input{flex:1;padding:.875rem 1rem;border:1px solid #dadce0;border-radius:4px;font-size:1rem;transition:border-color .2s ease;background:#fff;font-family:inherit;color:#202124}.url-input:focus{outline:none}.url-input.invalid{border-color:#e53e3e}.extract-btn{padding:.875rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px;font-family:inherit;letter-spacing:.25px;position:relative;overflow:hidden}.extract-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 2px 8px #6366f14d}.extract-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;box-sizing:border-box;flex-shrink:0}.btn-arrow{font-size:1.2rem;transition:transform .2s ease}.extract-btn:hover .btn-arrow{transform:translate(2px)}.error-message{color:#e53e3e;font-size:.875rem;margin-top:.5rem;padding:.5rem 0}.youtube-options{margin-top:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.timestamp-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;color:#374151;line-height:1.4}.timestamp-option input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkmark{position:relative;width:18px;height:18px;background:#fff;border:2px solid #d1d5db;border-radius:3px;transition:all .2s ease;flex-shrink:0;margin-top:1px}.timestamp-option:hover .checkmark{border-color:#6366f1}.timestamp-option input:checked~.checkmark{background:#6366f1;border-color:#6366f1}.timestamp-option input:checked~.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.timestamp-option input:disabled~.checkmark{background:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed}.option-description{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem;line-height:1.3}.hero-benefits h2{font-size:28px;margin:0}@media (max-width: 768px){.hero-benefits h2{text-align:center}.hero-benefits{margin:0;margin-bottom:1rem}.main-input{width:100%}.url-input-container{max-width:none;width:auto}.input-group{flex-direction:column;gap:1rem;margin:0}.url-input{padding:1rem;font-size:14px!important;border-radius:8px;border:2px solid #e2e8f0}.url-input::placeholder{font-size:14px!important}.extract-btn{width:100%;padding:1rem;font-size:1rem;font-weight:600;min-height:48px;border-radius:8px;display:flex;justify-content:center}}.footer-links{display:flex;justify-content:center;align-items:center;gap:.7rem;margin-top:auto;margin-bottom:20px}.footer-links a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#64748b;text-decoration:none;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.footer-links a:hover{color:#4f46e5;background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.footer-links a:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.footer-links svg{width:20px;height:20px}@media (max-width: 768px){.footer-links{gap:1.2rem;padding:0!important}.footer-links a{width:40px;height:40px}.footer-links svg{width:18px;height:18px}}@media (max-width: 480px){.footer-links{gap:1rem;padding:1rem .75rem}.footer-links a{width:36px;height:36px}.footer-links svg{width:16px;height:16px}}.results-container{min-height:100vh;width:100%;display:flex;flex-direction:column}.results-content{flex:1;padding:0;display:flex;align-items:flex-start;justify-content:center;min-height:calc(100vh - 100px)}.main-content-wrapper{padding-top:60px}.results-main{margin:0 auto;box-sizing:border-box;width:100%}.main-content-wrapper{display:flex;flex-direction:column;gap:2rem}.sidebar:not(.sidebar-open) .main-content-wrapper{margin-left:60px;margin-right:60px}.content-area{display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.results-main{width:100%;margin:0 auto;padding:0;max-width:unset}.main-content-wrapper{width:calc(100% - 2rem);margin:0 auto;gap:1.5rem;padding-top:1rem}.content-area{width:100%;padding:0;gap:1.5rem}}@media (max-width: 480px){.results-main{padding:0}.main-content-wrapper{gap:1rem}.content-area{margin:0 auto;gap:1rem}}.results-header{width:100%;background:#fff;border-bottom:1px solid #e8eaed;padding:7px 1.5rem;position:relative;top:0;z-index:100}.brand-small{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding-right:60px}.sidebar-closed .results-header{width:calc(100% - var(--sidebar-rail-width))}.brand-small h2{margin:0;font-size:1.5rem;font-weight:600;color:#4f46e5;font-family:Audiowide,monospace}.header-actions{display:flex;align-items:center;gap:1rem}.desktop-actions{display:flex;align-items:center;gap:.75rem}.mobile-actions{display:none}@media (max-width: 768px){.results-header{width:calc(100% - 30px);left:0;padding:8px 15px;position:unset}.brand-small h2{font-size:1.25rem}.desktop-actions{display:none}.brand-small{max-width:100%;width:100%}.header-actions{width:100%}.mobile-actions{width:100%;display:flex;justify-content:space-between;align-items:center}}@media (max-width: 480px){.brand-small h2{font-size:1.125rem}}.word-extractor-container{width:100%;margin:0 auto;min-height:100vh;position:relative}.word-extractor-container>*{position:relative;z-index:1}.extractor-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.extractor-header h2{background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.8rem;display:flex;align-items:center;justify-content:center;gap:.8rem;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.02em}.header-icon{font-size:2.2rem;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.header-subtitle{color:#64748b;font-size:1.1rem;font-weight:600;margin:0;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;opacity:.8}.extraction-subtitle{color:#4a5568;font-size:1rem;margin:.5rem 0 0;font-weight:400}.extraction-progress{display:flex;align-items:center}.typing-animation{display:flex;align-items:center;gap:.25rem}.typing-dot{width:6px;height:6px;background:#6366f1;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.words-summary{border-radius:16px;margin-bottom:2rem;color:#000}.summary-stats{display:flex;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;min-width:80px}.stat-number{font-size:2rem;font-weight:700;line-height:1}.stat-label{font-size:.875rem;opacity:.9;margin-top:.25rem}.learning-tip{background:#ffffff26;border-radius:12px;padding:1rem;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.words-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.7rem;margin-bottom:2rem}.words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.word-item{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(0,0,0,.1);border-radius:5px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.word-item.high-priority{border:1px solid rgba(245,158,11,.3);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 4px 6px -1px #f59e0b1a,0 2px 4px -1px #f59e0b0f}to{box-shadow:0 8px 25px #f59e0b40,0 4px 10px #f59e0b1a}}.word-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;height:180px;display:flex;flex-direction:column}.word-card-animate{opacity:0;transform:translateY(20px);animation:slideInUp .6s ease-out forwards}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.word-item:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#00000026}.word-item.high-priority:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 25px -5px #f59e0b26,0 10px 10px -5px #f59e0b14}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;padding:1rem}.word-speak-btn{border-radius:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:2}.word-speak-btn img{filter:brightness(0) saturate(100%) invert(44%) sepia(7%) saturate(526%) hue-rotate(202deg) brightness(95%) contrast(86%);transition:filter .2s ease}.word-speak-btn:hover{background:#f4f4f5;border:none;box-shadow:0 2px 8px #0000001a}.word-speak-btn:hover img{filter:brightness(0) invert(.3)}.word-speak-btn.speaking{background:#0000000d;animation:pulse-speaking 1s ease-in-out infinite}.word-speak-btn.speaking img{filter:brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%)}@keyframes pulse-speaking{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.example-sentence-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;margin-right:4px;opacity:.7}.example-sentence-btn:hover{background:#f4f4f5;opacity:1;transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.volume-icon{width:16px;height:16px}.word-main-content{flex:1;display:flex;flex-direction:column}.word-info{flex:1}.word-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.word-difficulty{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:500}.priority-badge{font-size:.9rem;animation:bounce 1s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3))}.frequency-badge{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#475569;padding:.25rem .5rem;border-radius:10px;font-size:.65rem;font-weight:600;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px #0000000d}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.word-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:1rem}.word-text{display:flex;justify-content:space-between;gap:1rem;align-items:center}.word-original{font-size:1.2rem;font-weight:800;color:#1a202c;margin:0 0 .4rem;line-height:1.2;letter-spacing:.3px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1a202c,#2d3748);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.word-korean-display{font-size:.9rem;color:#64748b;font-weight:600;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;opacity:.9;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%;text-align:center}.word-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.translate-btn,.flip-btn{color:#000;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;background:none}.translate-btn:hover,.translate-btn:disabled{background:none}.sentence-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 6px -1px #10b98133,0 2px 4px -1px #10b9811a;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.sentence-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.sentence-btn:hover:before{left:100%}.save-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 6px -1px #f59e0b33,0 2px 4px -1px #f59e0b1a;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.save-btn:hover:before{left:100%}.sentence-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 15px -3px #10b9814d,0 4px 6px -2px #10b98133;background:linear-gradient(135deg,#059669,#047857)}.save-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 15px -3px #f59e0b4d,0 4px 6px -2px #f59e0b33;background:linear-gradient(135deg,#d97706,#b45309)}.sentence-btn:active,.save-btn:active{transform:translateY(0) scale(.98);transition:all .1s}.btn-content{display:flex;align-items:center;gap:.5rem}.btn-arrow{font-size:1rem}.translating{color:#6b7280;font-style:italic}.selection-indicator{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;background:#6366f1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;opacity:0;transform:scale(.5);transition:all .3s;z-index:3}.word-card.selected .selection-indicator{opacity:1;transform:scale(1)}.empty-state{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;border:2px dashed #cbd5e0}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 1rem}.empty-state p{font-size:1rem;color:#4a5568;margin:0 0 2rem;line-height:1.6}.empty-tips{display:flex;flex-direction:column;gap:.75rem;max-width:400px;margin:0 auto}.tip-item{background:#fff;padding:.75rem 1rem;border-radius:12px;font-size:.9rem;color:#2d3748;box-shadow:0 1px 3px #0000001a;border-left:3px solid #667eea}@media (max-width: 768px){.word-extractor-container{padding:0}.words-list{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:0 .5rem}.word-item{min-height:80px;padding:.75rem .5rem;border-radius:8px;margin-bottom:0}.word-main-content{padding:0;gap:.25rem;height:100%}.word-info{flex:1;display:flex;flex-direction:column;justify-content:center!important;gap:.25rem;margin-top:10px!important}.word-meta{flex-direction:column;gap:.25rem;align-items:flex-start}.word-text{flex-direction:column;gap:.25rem;text-align:left;flex:1}.word-original{font-size:.9rem;margin-bottom:0;line-height:1.2}.word-korean-display{font-size:.8rem;color:#6366f1;font-weight:500;line-height:1.2}.word-difficulty{align-self:flex-start;font-size:.65rem;padding:0!important;gap:0!important}.word-actions{position:absolute;top:.25rem;right:.25rem}.word-speak-btn{width:24px;height:24px;padding:0}.translate-btn{font-size:.7rem;padding:.25rem .5rem;margin-top:.25rem}.summary-stats{gap:1rem;justify-content:center}.stat-number{font-size:1.5rem}.learning-tip{font-size:.85rem}.empty-state{padding:2rem 1rem}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.9rem}}@media (max-width: 480px){.words-list{grid-template-columns:repeat(2,1fr);gap:.4rem;padding:0}.word-item{min-height:70px;padding:.5rem .4rem;border-radius:6px}.word-original{font-size:.8rem;line-height:1.2;font-weight:700}.word-korean-display{font-size:.8rem;line-height:1.2}.word-difficulty{font-size:.6rem;padding:.1rem .25rem}.difficulty-dot{width:6px;height:6px}.word-speak-btn{width:20px;height:20px}.word-speak-btn img{width:12px;height:12px}.translate-btn{font-size:.65rem;padding:.2rem .4rem;margin-top:.2rem}.sentence-btn,.save-btn{padding:.3rem .6rem;font-size:.7rem}.frequency-badge{font-size:.55rem;padding:.15rem .3rem}}@media (max-width: 360px){.words-list{grid-template-columns:repeat(2,1fr);gap:.3rem;padding:0}.word-item{min-height:65px;padding:.4rem .3rem}.word-original{font-size:.75rem}.word-korean-display{font-size:.65rem}.word-difficulty{font-size:.55rem;padding:.1rem .2rem}.translate-btn{font-size:.6rem;padding:.15rem .3rem}}.detailed-meanings-compact{flex:1;display:flex;flex-direction:column;gap:.75rem}.meaning-line{display:flex;flex-direction:column;gap:.25rem}.part-of-speech-compact{font-size:.75rem;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:.05em}.definitions-compact{font-size:.875rem;color:#374151;line-height:1.4}.word-korean-large{font-size:1.125rem;font-weight:600;color:#6366f1;text-align:center;line-height:1.3}.flip-instruction{font-size:.75rem;color:#9ca3af;text-align:center;margin-top:auto;padding-top:1rem}.empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.empty-state p{font-size:1.125rem;margin:0}.sentence-text{position:relative;font-size:1rem;line-height:1.6;color:#374151;margin:0;padding:2rem 1rem;background:#f9fafb;border-radius:8px;border-left:4px solid #6366f1}.generated-examples{margin-bottom:1.5rem}.generated-example-item{margin-bottom:1rem}.example-content{display:flex;flex-direction:column;gap:.5rem}.example-speak-container{display:flex;align-items:flex-start;gap:.75rem}.example-speak-btn{background:#f4f4f5;border:1px solid #d1d5db;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;margin-top:1rem}.example-speak-btn:hover{background:#f4f4f5!important;border:1px solid #d1d5db}.generating-indicator{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border-radius:8px;margin-bottom:1rem}.generating-text{display:flex;align-items:center;gap:.75rem}.example-actions{display:flex;justify-content:center}.generate-example-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #6366f133}.generate-example-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.generate-example-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.word-text{flex-direction:column}.words-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.word-card{height:140px}.card-front,.card-back{padding:.75rem}.word-content{padding-top:1rem}.word-original{font-size:1.2rem!important}.word-korean-large{font-size:.9rem}.translate-btn,.flip-btn{padding:.4rem .8rem;font-size:.75rem}.extractor-header h2{font-size:1.5rem}.modal-overlay{padding:.5rem}.sentence-modal{max-height:90vh}}.word-extractor-container{width:100%;margin:0 auto}.extractor-header{margin-bottom:2rem}.extractor-header h2{font-size:2rem;font-weight:600;color:#222;margin:0;display:flex;align-items:center;gap:1rem}.selection-controls{display:flex;align-items:center}.control-btn{border:1px solid #dadce0;background:#fff;color:#3c4043;border-radius:4px;cursor:pointer;font-size:.8125rem;font-weight:500;transition:all .2s ease;font-family:inherit}.batch-translate{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.batch-translate:hover{background:#7c3aed;border-color:#7c3aed;color:#fff;transform:translateY(-1px)}.batch-translate:hover .btn-arrow{transform:translate(3px)}.selected-count{font-size:.8125rem;color:#5f6368;font-weight:400}.words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.word-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;height:220px;display:flex;flex-direction:column}.word-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000026,0 4px 10px #0000001a;border-color:#d1d5db}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.word-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;padding:1.5rem}.card-back{transform:rotateY(180deg);background:linear-gradient(135deg,#f8faff,#ede9fe)}.w-4{width:1rem}.h-4{height:1rem}.word-card.selected{border-color:#6366f1;background:linear-gradient(135deg,#f8faff,#f0f4ff);box-shadow:0 4px 20px #6366f133}.word-card.flipped{background:linear-gradient(135deg,#f8faff,#ede9fe);border-color:#a855f7}.word-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:2rem}.word-header{margin-bottom:1rem}.word-original{font-size:.9rem;font-weight:700;color:#1f2937;margin:0;line-height:1.2;letter-spacing:-.025em}.speak-btn{background:#d1d5db;border:1px solid #d1d5db;color:#6b7280;font-size:.9rem;cursor:pointer;padding:.25rem;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:500}.speak-btn:hover:not(:disabled){background:#9ca3af;border-color:#9ca3af;color:#fff;transform:scale(1.05)}.speak-btn:disabled{background:#d1d5db;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.word-korean{margin-top:1rem}.word-korean-large{font-size:1.25rem;font-weight:600;color:#6366f1;text-align:center;line-height:1.3}.word-original-small{font-size:1.125rem;font-weight:600;color:#6b7280;margin-bottom:1rem;text-align:center}.flip-instruction{font-size:.75rem;color:#9aa0a6;margin-top:auto}.flip-btn{background:#34a853;position:relative;overflow:hidden;min-height:36px;height:36px}.flip-btn:hover{background:#2d8f42;transform:translateY(-1px);box-shadow:0 4px 8px #34a8534d}.flip-btn:hover .btn-arrow{transform:translate(3px) rotate(180deg)}.translating{color:#ea8600;font-size:.8125rem;font-weight:400}.word-difficulty{display:flex;align-items:center;gap:.5rem;background:#ffffffe6;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.difficulty-dot{width:8px;height:8px;border-radius:50%}.difficulty-dot.difficulty-easy{background:#10b981}.difficulty-dot.difficulty-medium{background:#f59e0b}.difficulty-dot.difficulty-hard{background:#ef4444}.difficulty-level{color:#6b7280;font-weight:600}.sentence-toggle{background:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.2);border-radius:8px;padding:.5rem 1rem;font-size:.75rem;cursor:pointer;transition:all .2s;margin-top:.75rem}.sentence-toggle:hover{background:#6366f126}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow:hidden}.sentence-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-word{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-content{padding:1.5rem;overflow-y:auto;flex:1}.sentence-context{margin-bottom:1.5rem}.context-label{font-size:.875rem;font-weight:600;color:#6366f1;display:block;margin-bottom:.5rem}.sentence-text.generated{background:#f0f9ff;border-left-color:#0ea5e9}.translation-text{font-size:.875rem;color:#6b7280;margin:.5rem 0 0;font-style:italic}.sentence-text:before{position:absolute;top:1rem;left:1rem;font-size:1.25rem}.sentence-text:after{content:"";position:absolute;top:.5rem;right:.75rem;width:24px;height:24px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%235f6368"><path d="M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h4v10h-10z"/></svg>') no-repeat center;background-size:contain;opacity:.3}.highlighted-word{background:linear-gradient(120deg,#fff700 0% 100%);background-size:100% .4em;background-repeat:no-repeat;background-position:0 88%;border-radius:3px;font-weight:600;color:#202124;animation:highlight .6s ease-out}@keyframes highlight{0%{background-size:0% .4em}to{background-size:100% .4em}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.example-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e8eaed;text-align:center}.generate-example-btn{background:#4f46e5;color:#fff;border:1px solid #4f46e5;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 2px 4px #4f46e526}.generate-example-btn:hover:not(:disabled){background:#4338ca;border-color:#4338ca;box-shadow:0 4px 8px #4f46e540;transform:translateY(-1px)}.generate-example-btn:disabled{background:#e5e7eb;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed;box-shadow:none}.generate-example-btn:active:not(:disabled){background:#3730a3;border-color:#3730a3;transform:translateY(0)}.generated-examples{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e8eaed}.generated-example-item{margin-bottom:1rem;width:100%}.example-speak-container{position:relative}.example-speak-btn{position:absolute;bottom:1rem;right:.5rem;border:1px solid #d1d5db;color:#6b7280;font-size:.8rem;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease;font-weight:500;width:28px;height:28px;display:flex;align-items:center;justify-content:center;z-index:1}.word-main-content{display:flex}.word-info{margin-top:0;display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.word-info .frequency,.word-info .difficulty{font-size:.8rem;padding:.25rem .5rem;border-radius:12px;background:#f1f5f9;color:#64748b;font-weight:500}.word-info .difficulty{background:#dbeafe;color:#1e40af}:root{--sidebar-width: 260px;--sidebar-section-margin-top: 1.25rem;--sidebar-section-first-margin-top: .5rem;--sidebar-rail-width: calc(var(--spacing) * 13);--spacing: .25rem}.overflow-auto,.overflow-scroll,.overflow-x-auto,.overflow-x-scroll,.overflow-y-auto,.overflow-y-scroll{scrollbar-color:var(--scrollbar-color) transparent}.sidebar-toggle{position:fixed;top:20px;left:20px;z-index:9999;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px;cursor:pointer;box-shadow:0 4px 12px #3b82f64d;transition:all .2s;font-size:16px}.sidebar-toggle:hover{background:#2563eb;transform:scale(1.05);box-shadow:0 6px 16px #3b82f666}.sidebar{flex-shrink:0;position:relative;overflow-y:auto;overflow-x:hidden;top:0;left:0;width:var(--sidebar-rail-width);background:#f8fafc;border-right:1px solid #e2e8f0;transition:all .3s ease;z-index:1000;display:flex;flex-direction:column}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .15s ease}.sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar-content{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.sidebar-open{left:0;width:var(--sidebar-width)}.sidebar:not(.sidebar-open) .sidebar-content{display:none}.sidebar:not(.sidebar-open) .sidebar-brand{display:none}.sidebar-logo{width:32px;height:32px}.sidebar:not(.sidebar-open){padding:0!important}.sidebar:not(.sidebar-open) .sidebar-header{background:none;display:flex;justify-content:center;padding:12px}.sidebar:not(.sidebar-open) .sidebar-close{border-radius:6px;padding:6px;color:#64748b}.sidebar:not(.sidebar-open) .sidebar-close:hover{background:#e2e8f0;color:#475569}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999}.sidebar-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.sidebar-brand{display:flex;cursor:pointer;align-items:center;gap:8px}.sidebar-logo{width:24px;height:24px;border-radius:5px}.sidebar-title{font-family:Audiowide,monospace;font-size:1rem;color:#1f2937}.sidebar-header h2{margin:0;font-size:16px;font-weight:600;color:#111827}.sidebar-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280;transition:all .2s}.sidebar-close:hover{background:#e5e7eb;color:#374151}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;position:relative;top:0}.sidebar-section{width:auto;padding-block:calc(var(--spacing) * 1.5);padding-inline:calc(var(--spacing) * 2.5);border-bottom:1px solid #f3f4f6}.sidebar-section:first-child{margin-top:var(--sidebar-section-first-margin-top)}.sidebar-section:last-child{border-bottom:none}.release-notes-section{position:absolute;bottom:0;width:100%;background:#f8fafc;border-top:1px solid #e2e8f0;padding:8px 0}.release-notes-section .clear-all-btn{width:calc(100% - 32px);margin:0 16px 8px}.release-notes-link{width:calc(100% - 20px);display:flex;align-items:center;gap:8px;padding:12px 16px;color:#64748b;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;border-radius:6px;margin:0 auto;box-sizing:border-box}.release-notes-link:hover{background:#e2e8f0;color:#475569}.release-notes-link svg{flex-shrink:0}.word-side-section{border-bottom:none}.new-wordbook-btn{width:100%;padding:12px 16px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;margin-bottom:8px}.new-wordbook-btn:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.save-current-btn{width:100%;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.save-current-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.save-current-btn:disabled{opacity:.5;cursor:not-allowed}.title-text{cursor:pointer;border-radius:4px;transition:background-color .2s}.title-input{width:calc(100% - 24px);border:1px solid #e5e7eb;border-radius:2px;font-size:inherit;font-weight:inherit;color:#1f2937;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px #0000000d}.title-input:focus{border-color:#6b7280;box-shadow:0 0 0 2px #3b82f633}.title-input:hover:not(:focus){border-color:#d1d5db}.menu-container{position:relative}.menu-btn{padding:4px;background:none;border:none;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s;display:flex;align-items:center;justify-content:center}.menu-btn:hover{background-color:#0000000d;color:#374151}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10;min-width:120px;overflow:hidden}.menu-item{width:100%;padding:8px 12px;background:none;border:none;text-align:left;font-size:13px;color:#374151;cursor:pointer;transition:background-color .2s}.menu-item:hover{background-color:#f3f4f6}.menu-item.delete{color:#dc2626}.menu-item.delete:hover{background-color:#fef2f2}.save-current-btn:disabled:hover{background:#f8fafc;border-color:#e2e8f0}.search-box{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;transition:all .15s}.search-box:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 2px #3b82f61a}.search-box svg{color:#64748b;flex-shrink:0}.search-box input{flex:1;border:none;background:none;outline:none;font-size:13px;color:#1e293b}.search-box input::placeholder{color:#94a3b8}.history-list{overflow-y:auto;flex:1;max-height:calc(100vh - 300px);padding-bottom:120px}.history-item{display:flex;align-items:center;gap:8px;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.history-item:hover{background:#f8fafc;border-color:#e2e8f0}.history-content{flex:1;min-width:0}.history-title{font-size:13px;font-weight:500;color:#1e293b;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;margin-bottom:3px}.word-count,.date{font-size:11px;color:#64748b}.history-url{font-size:10px;color:#94a3b8;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-btn{padding:6px;background:none;border:none;color:#94a3b8;cursor:pointer;border-radius:4px;transition:all .15s;flex-shrink:0;opacity:0}.history-item:hover .delete-btn{opacity:1}.delete-btn:hover{background:#fef2f2;color:#ef4444}.clear-all-btn{width:100%;padding:8px 12px;background:none;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:12px;cursor:pointer;transition:all .15s}.clear-all-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#ef4444}.empty-state{text-align:center;color:#94a3b8;font-size:13px;padding:32px 20px;line-height:1.5;font-style:italic}@media (max-width: 768px){.sidebar-toggle,.sidebar,.sidebar-overlay{display:none}.sidebar-header{padding:12px 16px}.sidebar-header h2{font-size:15px}.history-list{padding:4px 12px}.save-current-btn{font-size:12px;padding:8px 10px}.search-box input,.history-title{font-size:12px}.word-count,.date{font-size:10px}.history-url{font-size:9px}}@media (max-width: 480px){.sidebar{width:100vw;left:-100vw}.sidebar-toggle{top:16px;left:16px}}.changelog-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 0}.changelog-container{max-width:1000px;margin:0 auto;padding:0 1rem}.changelog-header{text-align:center;margin-bottom:3rem;color:#fff}.changelog-header h1{font-size:3rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.changelog-header p{font-size:1.2rem;opacity:.9;margin-bottom:1rem}.rss-link{margin-top:1rem}.rss-link a{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;background:#ffffff1a;padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.rss-link a:hover{background:#fff3;transform:translateY(-2px)}.releases-list{display:flex;flex-direction:column;gap:1.5rem}.release-item{background:#fff;border-radius:1rem;box-shadow:0 10px 30px #0000001a;overflow:hidden;transition:all .3s ease}.release-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.release-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;cursor:pointer;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0}.release-title{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.release-title h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.release-date{color:#64748b;font-size:.9rem;background:#64748b1a;padding:.25rem .75rem;border-radius:1rem}.rollout-badge{background:linear-gradient(45deg,#f59e0b,#d97706);color:#fff;font-size:.8rem;padding:.25rem .75rem;border-radius:1rem;font-weight:500}.expand-icon{font-size:1.2rem;color:#64748b;transition:transform .3s ease}.release-summary{padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.release-summary p{margin:0;color:#475569;font-size:1rem;line-height:1.6}.release-details{padding:1.5rem}.changes-section,.metrics-section,.model-changes-section,.migration-section,.known-issues-section,.guides-section{margin-bottom:2rem}.changes-section h3,.metrics-section h3,.model-changes-section h3,.migration-section h3,.known-issues-section h3,.guides-section h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.changes-list{display:flex;flex-direction:column;gap:1rem}.change-item{display:flex;gap:1rem;padding:1rem;background:#f8fafc;border-radius:.75rem;border-left:4px solid #e2e8f0}.change-badge{color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:1rem;white-space:nowrap;align-self:flex-start}.change-content{flex:1}.change-content h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.change-content p{margin:0 0 .5rem;color:#475569;line-height:1.5}.change-impact{background:#ecfdf5;color:#065f46;padding:.5rem;border-radius:.5rem;font-size:.9rem;border-left:3px solid #10b981}.change-metrics{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.change-metrics .metric{background:#ddd6fe;color:#5b21b6;font-size:.8rem;padding:.25rem .5rem;border-radius:.5rem;font-weight:500}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric-item{background:#f8fafc;padding:1rem;border-radius:.75rem;border:1px solid #e2e8f0;text-align:center}.metric-label{display:block;font-size:.9rem;color:#64748b;margin-bottom:.5rem}.metric-value{display:block;font-size:1.5rem;font-weight:700;color:#1e293b}.model-info{background:#f8fafc;padding:1rem;border-radius:.75rem;border-left:4px solid #8b5cf6}.model-info p{margin:.5rem 0;color:#475569}.model-info ul{margin:.5rem 0;padding-left:1.5rem;color:#475569}.migration-section{background:#fef3c7;padding:1rem;border-radius:.75rem;border-left:4px solid #f59e0b}.migration-section ul{margin:.5rem 0;padding-left:1.5rem;color:#92400e}.known-issues-section{background:#fee2e2;padding:1rem;border-radius:.75rem;border-left:4px solid #ef4444}.known-issues-section ul{margin:.5rem 0;padding-left:1.5rem;color:#991b1b}.guides-list{display:flex;flex-direction:column;gap:.5rem}.guide-link{display:inline-flex;align-items:center;gap:.5rem;color:#3b82f6;text-decoration:none;padding:.5rem;border-radius:.5rem;transition:all .3s ease}.guide-link:hover{background:#dbeafe;transform:translate(5px)}.load-more-section{text-align:center;margin-top:2rem}.load-more-button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.load-more-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.load-more-button:disabled{opacity:.6;cursor:not-allowed}.loading-state,.error-state{text-align:center;padding:3rem;color:#fff}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.retry-button:hover{background:#ffffff4d}@media (max-width: 768px){.changelog-page{padding:1rem 0}.changelog-header h1{font-size:2rem}.release-header{padding:1rem}.release-title{flex-direction:column;align-items:flex-start;gap:.5rem}.release-title h2{font-size:1.25rem}.change-item{flex-direction:column;gap:.5rem}.metrics-grid{grid-template-columns:1fr}.release-details{padding:1rem}}@media (max-width: 480px){.changelog-container{padding:0 .5rem}.changelog-header h1{font-size:1.75rem}.release-item{border-radius:.75rem}}