:root{--primary-color: #4a6bdf;--primary-light: #f0f4ff;--text-dark: #333;--text-medium: #666;--text-light: #999;--border-color: #e0e0e0;--bg-color: #f8f9fa;--bg-light: #f5f5f5;--danger-color: #ff6b6b}.home-page{font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--text-dark);line-height:1.6;min-height:100vh}.navbar{background-color:var(--primary-color);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.navbar-menu a.active{font-weight:700;text-decoration:underline}.card{background-color:#fff;border-radius:10px;border:1px solid var(--border-color);padding:20px;margin-bottom:20px;box-shadow:0 4px 6px #0000001a}.btn{display:inline-block;padding:10px 20px;border-radius:30px;text-decoration:none;text-align:center;font-size:16px;cursor:pointer;border:none;transition:background-color .3s ease,color .3s ease,transform .3s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#3a5bc0;transform:translateY(-2px);box-shadow:0 5px 10px #0000001a}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin:20px 0;text-align:center}.feature-icon{width:50px;height:50px;border-radius:50%;background-color:var(--primary-light);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:20px;color:var(--primary-color)}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}@media(max-width:768px){.navbar{flex-direction:column;padding:10px}.navbar-menu{margin-top:10px;gap:15px}.scene-grid,.feature-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.scene-icon{width:60px;height:60px;font-size:24px}.feature-icon{width:40px;height:40px;font-size:16px}}@media(max-width:480px){.navbar-menu{gap:10px;font-size:16px}.scene-grid,.feature-grid{grid-template-columns:1fr 1fr}.btn{padding:8px 16px;font-size:14px}}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-full-screen-btn{position:absolute;top:70px;right:10px;z-index:1000;background-color:"rgb(255, 255, 255, 0.2)";border:none;display:flex;padding:5px 10px;border-radius:4px;cursor:pointer;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@media(max-width:768px){.banner-content{flex-direction:row!important}.bannerText{font-size:14px!important}.bannerDesc{font-size:12px!important}}@media(display-mode:standalone){.app-container{padding-top:0}.app-full-screen-btn{display:none}.container{padding:16px}}@media(display-mode:fullscreen){.navbar{position:sticky;top:0}}@media(display-mode:minimal-ui){.app-container{padding-top:env(safe-area-inset-top)}}@media(prefers-color-scheme:dark){:root{--primary-color: #5a7bef;--primary-light: #2a2a3a;--text-dark: #e0e0e0;--text-medium: #a0a0a0;--text-light: #707070;--border-color: #404040;--bg-color: #1a1a1a;--bg-light: #252525}.card{background-color:#2a2a2a;border-color:#404040}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn-primary:hover{transform:none}}@media(hover:none)and (pointer:coarse){.btn{min-height:44px;min-width:44px}.btn:active{transform:scale(.98);opacity:.8}}html,body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@supports (padding: max(0px)){.navbar{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right));padding-top:max(15px,env(safe-area-inset-top))}.app-container{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.hide-learning-examples .example-section,.hide-learning-examples .word-card .example,.hide-learning-examples .word-card .example-chinese{display:none!important}.app-view-transition{min-height:100vh;animation:app-view-enter .24s cubic-bezier(.22,1,.36,1)}@keyframes app-view-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.app-view-transition{animation:none}}.scene-visual{width:100%;height:100%;overflow:hidden;color:var(--ll-primary, #2d5bff);background:var(--ll-primary-light, #eef2ff)}.scene-visual img{width:100%;height:100%;display:block;object-fit:cover}.scene-visual-placeholder{position:relative;width:100%;height:100%;min-height:72px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ll-primary, #2d5bff);background:linear-gradient(145deg,var(--ll-primary-light, #eef2ff),#fff);text-align:center;overflow:hidden}.scene-visual-placeholder>span:last-child{max-width:100%;overflow:hidden;color:var(--ll-text-secondary, #64748b);font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.scene-visual-icon{display:inline-grid;place-items:center;color:currentColor;font-size:22px;line-height:1}.scene-visual-placeholder-bg{position:absolute;right:-18px;bottom:-22px;font-size:110px;opacity:.08;transform:rotate(-12deg);pointer-events:none}.scene-visual-placeholder.ph-meeting{color:#4f5bd5;background:linear-gradient(145deg,#e8ebff,#f7f8ff)}.scene-visual-placeholder.ph-interview{color:#7c4ddb;background:linear-gradient(145deg,#f0e9ff,#fbf9ff)}.scene-visual-placeholder.ph-travel{color:#0e8ac8;background:linear-gradient(145deg,#e0f2fd,#f6fbff)}.scene-visual-placeholder.ph-restaurant{color:#d97b2b;background:linear-gradient(145deg,#fdeedc,#fffaf3)}.scene-visual-placeholder.ph-shopping{color:#d64d8f;background:linear-gradient(145deg,#fce7f2,#fff6fa)}.scene-visual-placeholder.ph-health{color:#12a594;background:linear-gradient(145deg,#ddf5f0,#f4fcfa)}.scene-visual-placeholder.ph-education{color:#3b82f6;background:linear-gradient(145deg,#e3effe,#f5f9ff)}.scene-visual-placeholder.ph-social{color:#4da563;background:linear-gradient(145deg,#e5f5e9,#f7fcf8)}.scene-visual-placeholder.ph-phone{color:#0891b2;background:linear-gradient(145deg,#dff4f9,#f4fbfd)}.scene-visual-placeholder.ph-online{color:#64748b;background:linear-gradient(145deg,#e8edf3,#f7f9fb)}.scene-visual-placeholder.ph-capture{color:#665cf2;background:linear-gradient(145deg,#eceaff,#f8f7ff)}.scene-icon .scene-visual{width:56px;height:56px;border-radius:14px}.scene-icon .scene-visual-placeholder{min-height:56px;padding:6px}.scene-icon .scene-visual-placeholder>span:last-child{display:none}.scene-icon .scene-visual-placeholder-bg{display:none}.scene-image .scene-visual{border-radius:0}.scene-tile{width:100%;min-width:0;padding:0;overflow:hidden;display:flex;flex-direction:column;color:inherit;text-align:left;background:var(--ll-surface, #fff);border:1px solid var(--ll-border, #e5e8ef);border-radius:16px;box-shadow:var(--ll-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.scene-tile:hover{border-color:var(--ll-primary, #665cf2);box-shadow:var(--ll-shadow-md, 0 14px 34px rgba(31, 42, 75, .1));transform:translateY(-3px)}.scene-tile:focus-visible{outline:3px solid rgba(102,92,242,.28);outline-offset:3px}.scene-tile-visual{position:relative;width:100%;height:148px;overflow:hidden;background:var(--ll-bg, #f6f7fb)}.scene-tile-visual .scene-visual{width:100%;height:100%}.scene-tile-visual .scene-visual img{transition:transform .35s ease}.scene-tile:hover .scene-tile-visual .scene-visual img{transform:scale(1.04)}.scene-tile-visual .scene-visual-placeholder>span:last-child{display:none}.scene-tile-visual .scene-visual-icon{font-size:34px}.scene-tile-body{flex:1;display:flex;flex-direction:column;gap:7px;padding:14px 16px 15px}.scene-tile-title{margin:0;overflow:hidden;color:var(--ll-text-primary, #171b2a);font-size:16px;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.scene-tile-desc{margin:0;overflow:hidden;display:-webkit-box;color:var(--ll-text-secondary, #70798c);font-size:12.5px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.scene-tile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.scene-tile-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:8px;background:var(--ll-primary-light, #efedff);color:var(--ll-primary, #665cf2);font-size:11.5px;font-weight:600;white-space:nowrap}.scene-tile-chip.is-capture{background:#2dcfa51f;color:#159570}.scene-tile-cta{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:var(--ll-primary, #665cf2);font-size:12px;font-weight:700;opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease;white-space:nowrap}.scene-tile:hover .scene-tile-cta,.scene-tile:focus-visible .scene-tile-cta{opacity:1;transform:translate(0)}@media(max-width:480px){.scene-tile-visual{height:132px}.scene-tile-cta{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.scene-tile,.scene-tile-visual .scene-visual img,.scene-tile-cta{transition:none}.scene-tile:hover,.scene-tile:hover .scene-tile-visual .scene-visual img{transform:none}.scene-tile-cta{opacity:1;transform:none}}:root{--sg-gap-xs: 12px;--sg-gap-sm: 16px;--sg-gap-md: 20px;--sg-gap-lg: 24px;--sg-card-min: 240px;--sg-card-max: 320px}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--sg-card-min),1fr));gap:var(--sg-gap-md);margin-top:var(--sg-gap-lg);animation:fadeIn .6s ease-out}.scene-grid .scene-tile{animation:slideUp .5s ease-out both}.scene-grid .scene-tile:nth-child(1){animation-delay:.05s}.scene-grid .scene-tile:nth-child(2){animation-delay:.1s}.scene-grid .scene-tile:nth-child(3){animation-delay:.15s}.scene-grid .scene-tile:nth-child(4){animation-delay:.2s}.scene-grid .scene-tile:nth-child(5){animation-delay:.25s}.scene-grid .scene-tile:nth-child(6){animation-delay:.3s}.scene-grid .scene-tile:nth-child(7){animation-delay:.35s}.scene-grid .scene-tile:nth-child(8){animation-delay:.4s}.scene-grid .scene-tile:nth-child(n+9){animation-delay:0s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.scene-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sg-gap-sm)}}@media(max-width:768px){.scene-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sg-gap-sm);margin-top:var(--sg-gap-md)}}@media(max-width:480px){.scene-grid{grid-template-columns:1fr;gap:var(--sg-gap-sm);margin-top:var(--sg-gap-md)}}@media(max-width:375px){.scene-grid{gap:var(--sg-gap-xs)}}@media(prefers-reduced-motion:reduce){.scene-grid,.scene-grid .scene-tile{animation:none}}@media print{.scene-grid{display:block}.scene-grid .scene-tile{page-break-inside:avoid;break-inside:avoid;margin-bottom:20px}}.sem-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#1118278f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:sem-fade-in .18s ease-out}.sem-modal{width:min(1100px,100%);height:min(760px,calc(100vh - 48px));overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(229,232,239,.9);border-radius:18px;box-shadow:0 30px 80px #171b2a3d;animation:sem-enter .26s cubic-bezier(.22,1,.36,1)}.sem-header{min-height:82px;padding:16px 20px 16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#171b2a;background:#fff;border-bottom:1px solid #e5e8ef}.sem-header h2{margin:0;font-size:20px;line-height:1.25;font-weight:750}.sem-header p{margin:5px 0 0;color:#70798c;font-size:13px;line-height:1.4}.sem-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.sem-ai-button,.sem-save-button,.sem-primary-button,.sem-close-btn,.sem-tab-button{min-height:44px;font:inherit;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.sem-ai-button,.sem-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;color:#fff;background:#665cf2;border:1px solid #665cf2;border-radius:10px;font-size:14px;font-weight:700;box-shadow:0 8px 20px #665cf233}.sem-ai-button:hover:not(:disabled),.sem-primary-button:hover:not(:disabled){background:#5449dd;transform:translateY(-1px)}.sem-save-button{min-width:116px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#4f46d8;background:#efedff;border:1px solid #dcd8ff;border-radius:10px;font-size:14px;font-weight:700}.sem-save-button:hover:not(:disabled){background:#e4e0ff;border-color:#c8c2ff}.sem-close-btn{width:44px;padding:0;display:grid;place-items:center;color:#70798c;background:transparent;border:1px solid transparent;border-radius:10px}.sem-close-btn:hover:not(:disabled){color:#171b2a;background:#f3f4f7}.sem-close-btn span{font-size:25px;line-height:1}.sem-ai-button:disabled,.sem-save-button:disabled,.sem-primary-button:disabled,.sem-close-btn:disabled{opacity:.5;cursor:not-allowed}.sem-message{padding:11px 24px;color:#9f2d25;background:#fff3f1;border-bottom:1px solid #ffd8d2;font-size:14px}.sem-container{min-height:0;flex:1;display:grid;grid-template-columns:300px minmax(0,1fr)}.sem-sidebar{min-height:0;overflow-y:auto;background:#f8f9fc;border-right:1px solid #e5e8ef}.sem-info-form{padding:22px;display:grid;gap:16px;border-bottom:1px solid #e5e8ef}.sem-form-group{display:grid;gap:7px}.sem-form-group label{color:#30364a;font-size:13px;font-weight:700}.sem-input,.sem-textarea{width:100%;padding:12px 13px;color:#171b2a;background:#fff;border:1px solid #d9dee8;border-radius:10px;font:inherit;font-size:14px;line-height:1.65;resize:none;transition:border-color .16s ease,box-shadow .16s ease}.sem-input:focus,.sem-textarea:focus{outline:none;border-color:#665cf2;box-shadow:0 0 0 3px #665cf21f}.sem-description{min-height:112px;resize:vertical}.sem-content-tabs{padding:12px;display:grid;gap:5px}.sem-tab-button{width:100%;padding:10px 12px;display:flex;align-items:center;gap:11px;color:#596176;text-align:left;background:transparent;border:1px solid transparent;border-radius:10px}.sem-tab-button:hover{background:#fff}.sem-tab-button.active{color:#4f46d8;background:#fff;border-color:#e1ddff;box-shadow:0 4px 14px #1f2a4b0f}.sem-tab-icon{width:20px;display:grid;place-items:center}.sem-tab-button>span:last-child{min-width:0;display:flex;flex:1;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:650}.sem-tab-button small{color:#9199aa;font-size:12px;font-weight:500}.sem-content{min-width:0;min-height:0;padding:28px;background:#fff}.sem-content-editor{height:100%;display:flex;flex-direction:column}.sem-content-header{margin-bottom:16px}.sem-content-header h3{margin:0;color:#171b2a;font-size:21px}.sem-content-header p{margin:7px 0 0;color:#70798c;font-size:13px}.sem-content-editor>.sem-textarea{min-height:0;flex:1;padding:18px;font-family:inherit}.sem-workflow{min-height:0;flex:1;overflow-y:auto;padding:42px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:#f8f9fc}.sem-workflow-success{display:grid;justify-items:center;gap:8px;text-align:center}.sem-workflow-success>svg{width:52px;height:52px;padding:14px;color:#fff;background:#2fa577;border-radius:50%}.sem-workflow-success h3{margin:6px 0 0;color:#171b2a;font-size:22px}.sem-workflow-success p{margin:0;color:#70798c;font-size:14px}.sem-workflow-steps{width:min(560px,100%);margin:0;padding:0;display:grid;list-style:none;background:#fff;border:1px solid #e5e8ef;border-radius:14px}.sem-workflow-steps li{min-height:68px;padding:12px 18px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #edf0f5}.sem-workflow-steps li:last-child{border-bottom:0}.sem-workflow-steps li>span{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;color:#70798c;background:#f0f2f6;border-radius:50%;font-size:12px;font-weight:700}.sem-workflow-steps li.is-running>span{color:#fff;background:#665cf2;box-shadow:0 0 0 5px #efedff}.sem-workflow-steps li.is-completed>span{color:#fff;background:#2fa577}.sem-workflow-steps li div{display:grid;gap:3px}.sem-workflow-steps strong{color:#2c3245;font-size:14px}.sem-workflow-steps small{color:#9199aa;font-size:12px}@keyframes sem-fade-in{0%{opacity:0}}@keyframes sem-enter{0%{opacity:0;transform:translateY(16px) scale(.99)}}@media(max-width:760px){.sem-modal-overlay{padding:0;align-items:stretch}.sem-modal{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.sem-header{min-height:72px;padding:12px 14px}.sem-header p,.sem-header .sem-ai-button{display:none}.sem-header h2{font-size:17px}.sem-save-button{min-width:92px;padding:0 10px}.sem-container{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.sem-sidebar{overflow:visible;border-right:0;border-bottom:1px solid #e5e8ef}.sem-info-form{padding:14px;grid-template-columns:1fr;gap:10px}.sem-description{min-height:76px}.sem-content-tabs{display:flex;overflow-x:auto;padding:8px}.sem-tab-button{width:auto;min-width:max-content}.sem-tab-button small{display:none}.sem-content{padding:18px 14px}.sem-workflow{justify-content:flex-start;padding:34px 16px}}@media(prefers-reduced-motion:reduce){.sem-modal-overlay,.sem-modal{animation:none}}.rocket-loader{--rocket-size: 76px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#171b2a;text-align:center}.rocket-loader__flight{position:relative;width:calc(var(--rocket-size) + 72px);height:var(--rocket-size);display:flex;align-items:center;justify-content:center}.rocket-loader__mark{position:relative;width:var(--rocket-size);height:var(--rocket-size);overflow:hidden;border-radius:22px;box-shadow:0 14px 34px #052b4833;animation:rocket-flight 1.8s cubic-bezier(.22,1,.36,1) infinite;z-index:1}.rocket-loader__mark img{display:block;width:100%;height:100%;object-fit:cover}.rocket-loader__trail{position:absolute;left:16px;height:3px;border-radius:999px;background:linear-gradient(90deg,#2697eb00,#2697eb 70%,#ff9f26);transform-origin:right center;animation:rocket-trail 1.8s ease-in-out infinite}.rocket-loader__trail--one{width:58px;top:31px}.rocket-loader__trail--two{width:38px;top:47px;animation-delay:-.24s}.rocket-loader__copy{display:grid;gap:5px}.rocket-loader__copy strong{font-size:16px;font-weight:700}.rocket-loader__copy span{color:#70798c;font-size:14px;line-height:1.5}.rocket-loader--compact{--rocket-size: 28px;flex-direction:row;gap:10px;text-align:left}.rocket-loader--compact .rocket-loader__flight{width:52px;height:30px}.rocket-loader--compact .rocket-loader__mark{border-radius:9px;box-shadow:0 5px 12px #052b4829}.rocket-loader--compact .rocket-loader__trail{left:0;height:2px}.rocket-loader--compact .rocket-loader__trail--one{width:25px;top:11px}.rocket-loader--compact .rocket-loader__trail--two{width:18px;top:20px}.rocket-loader--compact .rocket-loader__copy strong{font-size:14px}.rocket-loader--compact .rocket-loader__copy span{display:none}@keyframes rocket-flight{0%,to{transform:translate3d(-5px,3px,0) rotate(-2deg)}50%{transform:translate3d(7px,-5px,0) rotate(2deg)}}@keyframes rocket-trail{0%,to{opacity:.35;transform:scaleX(.65)}50%{opacity:1;transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.rocket-loader__mark,.rocket-loader__trail{animation:none}}.home-sidebar{position:fixed;left:0;top:0;width:300px;height:100vh;max-height:100vh;background:var(--ll-surface);border-right:1px solid var(--ll-border);display:flex;flex-direction:column;overflow-x:hidden;z-index:20}.hs-header{flex-shrink:0;padding:24px 20px 20px;background:linear-gradient(135deg,var(--ll-primary) 0%,var(--ll-primary-dark) 100%);border-bottom:1px solid rgba(255,255,255,.1)}.hs-brand{display:flex;align-items:center;gap:12px}.hs-logo{width:40px;height:40px;border-radius:10px;background:#fff;padding:4px;flex-shrink:0}.hs-app-name{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.3px}.hs-nav-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 12px}.hs-nav-container::-webkit-scrollbar{width:4px}.hs-nav-container::-webkit-scrollbar-track{background:transparent}.hs-nav-container::-webkit-scrollbar-thumb{background:var(--ll-border);border-radius:2px}.hs-nav-container::-webkit-scrollbar-thumb:hover{background:var(--ll-text-muted)}.hs-nav-list{display:flex;flex-direction:column;gap:4px}.hs-nav-item{width:100%;border:none;text-align:left;display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;color:var(--ll-text-secondary);font-weight:500}.hs-nav-item:hover{background:var(--ll-bg);color:var(--ll-text-primary)}.hs-nav-item.active{background:var(--ll-primary-light);color:var(--ll-primary);font-weight:600}.hs-nav-icon{display:grid;place-items:center;font-size:16px;line-height:1;flex-shrink:0;width:24px;text-align:center}.hs-nav-label{flex:1;font-size:15px}.hs-nav-indicator{width:6px;height:6px;background:var(--ll-primary);border-radius:50%;flex-shrink:0}.hs-footer{flex-shrink:0;background:var(--ll-bg);border-top:1px solid var(--ll-border);padding:16px}.hs-stats-compact{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.hs-stat-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--ll-surface);border:1px solid var(--ll-border);border-radius:10px}.hs-stat-chip-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--ll-primary-light);color:var(--ll-primary);font-size:13px;flex-shrink:0}.hs-stat-chip-text{display:grid;gap:1px;line-height:1.2}.hs-stat-chip-text strong{font-size:15px;font-weight:700;color:var(--ll-text-primary)}.hs-stat-chip-text small{font-size:11px;color:var(--ll-text-secondary)}.hs-user-compact{display:flex;align-items:center;gap:12px;padding:12px;background:var(--ll-surface);border:1px solid var(--ll-border);border-radius:12px}.hs-user-avatar-small{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--ll-primary) 0%,var(--ll-primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;overflow:hidden}.hs-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.hs-user-info-compact{flex:1;min-width:0}.hs-user-name-compact{font-size:14px;font-weight:600;color:var(--ll-text-primary);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hs-upgrade-btn{padding:6px 12px;background:linear-gradient(135deg,var(--ll-secondary) 0%,#18a985 100%);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.hs-upgrade-btn:hover{transform:translateY(-1px);box-shadow:var(--ll-shadow)}.hs-upgrade-btn:active{transform:translateY(0)}.hs-login-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--ll-primary) 0%,var(--ll-primary-dark) 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.hs-login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--ll-primary-rgb, 74, 144, 226),.3)}.hs-login-btn:active{transform:translateY(0)}.hs-footer-gradient{height:4px;background:linear-gradient(90deg,var(--ll-primary) 0%,var(--ll-secondary) 100%);margin-top:12px;border-radius:2px;flex-shrink:0}@media(max-width:768px){.home-sidebar{position:relative;width:100%;height:auto;max-height:250px;border-right:none;border-bottom:1px solid var(--ll-border)}.hs-header{padding:16px}.hs-logo{width:32px;height:32px}.hs-app-name{font-size:16px}.hs-nav-container{padding:12px 8px}.hs-nav-item{padding:10px 12px}.hs-nav-icon{font-size:18px}.hs-nav-label{font-size:14px}.hs-footer{padding:12px}.hs-user-compact{padding:10px}.hs-user-avatar-small{width:36px;height:36px;font-size:14px}}html{scroll-behavior:smooth}:root{--ll-primary: #2D5BFF;--ll-primary-dark: #1E40AF;--ll-primary-light: #EEF2FF;--ll-secondary: #10B981;--ll-accent: #F59E0B;--ll-bg: #F8FAFC;--ll-surface: #FFFFFF;--ll-border: #E2E8F0;--ll-text-primary: #1E293B;--ll-text-secondary: #64748B;--ll-text-muted: #94A3B8;--ll-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ll-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ll-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ll-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--ll-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .15)}[data-theme=product]{--ll-primary: #665cf2;--ll-primary-dark: #4f46d8;--ll-primary-light: #efedff;--ll-secondary: #2dcfa5;--ll-accent: #f59e0b;--ll-bg: #f6f7fb;--ll-surface: #FFFFFF;--ll-border: #e5e8ef;--ll-text-primary: #171b2a;--ll-text-secondary: #70798c;--ll-text-muted: #9aa2b2;--ll-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ll-shadow: 0 8px 24px rgba(31, 42, 75, .08);--ll-shadow-md: 0 14px 34px rgba(31, 42, 75, .1);--ll-shadow-lg: 0 20px 45px rgba(31, 42, 75, .12);--ll-shadow-xl: 0 25px 55px rgba(31, 42, 75, .14)}.learning-layout{display:flex;height:100vh;background:var(--ll-bg)}.home-layout{display:flex;min-height:100vh;background:var(--ll-bg);overflow:visible}.learning-empty-state{min-height:100vh;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ll-text-primary);text-align:center;background:var(--ll-bg)}.learning-empty-state>svg{width:44px;height:44px;color:var(--ll-primary)}.learning-empty-state h1{margin:8px 0 0;font-size:24px}.learning-empty-state p{margin:0;color:var(--ll-text-secondary)}.learning-empty-state button{min-height:44px;margin-top:8px;padding:0 18px;color:#fff;background:var(--ll-primary);border:0;border-radius:10px;font-weight:700;cursor:pointer}.learning-main{flex:1;display:flex;flex-direction:column;position:relative;background:var(--ll-surface);margin-left:360px}.learning-topbar{position:sticky;top:0;background:var(--ll-surface);border-bottom:1px solid var(--ll-border);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--ll-shadow-sm);z-index:10;min-height:64px;max-height:64px;flex-wrap:nowrap;flex-shrink:0}.topbar-left{flex:0 0 auto;min-width:100px}.topbar-center{flex:1;display:flex;justify-content:center;min-width:0}.topbar-right{flex:0 0 auto;max-width:50%}.topbar-back-btn{padding:8px 14px;border:none;background:var(--ll-bg);color:var(--ll-text-secondary);font-size:13px;font-weight:600;cursor:pointer;border-radius:8px;transition:background-color .2s ease,color .2s ease,transform .2s ease;display:flex;align-items:center;gap:6px;box-shadow:var(--ll-shadow-sm)}.topbar-back-btn:hover{background:var(--ll-primary-light);color:var(--ll-primary)}.nav-tabs{display:flex;gap:4px;background:var(--ll-bg);padding:4px;border-radius:8px;border:1px solid var(--ll-border)}.nav-tab{padding:8px 16px;border:none;background:transparent;color:var(--ll-text-secondary);font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;position:relative}.nav-tab:hover{color:var(--ll-primary)}.nav-tab.active{background:var(--ll-surface);color:var(--ll-primary);box-shadow:var(--ll-shadow-sm)}.scene-info-learning{display:flex;flex-direction:row-reverse;align-items:center;gap:10px}.scene-name{font-size:13px;font-weight:600;color:var(--ll-text-primary);padding:5px 12px;background:var(--ll-primary-light);border-radius:6px;border:1px solid rgba(45,91,255,.1);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-btn{padding:6px 10px;background:var(--ll-surface);color:var(--ll-primary);border:1.5px solid var(--ll-border);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:44px;box-shadow:var(--ll-shadow-sm)}.export-btn:hover{background:var(--ll-primary);color:#fff;border-color:var(--ll-primary);transform:translateY(-1px);box-shadow:var(--ll-shadow)}.home-sidebar{position:fixed;left:0;top:0;width:300px;height:100vh;max-height:100vh;background:var(--ll-surface);border-right:1px solid var(--ll-border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:20}.home-sidebar::-webkit-scrollbar{width:6px}.home-sidebar::-webkit-scrollbar-track{background:transparent}.home-sidebar::-webkit-scrollbar-thumb{background:var(--ll-border);border-radius:3px}.home-sidebar::-webkit-scrollbar-thumb:hover{background:var(--ll-text-muted)}.home-main{margin-left:300px;min-height:100vh;background:var(--ll-bg);flex:1;display:flex;flex-direction:column}.home-topbar{position:sticky;top:0;background:var(--ll-surface);border-bottom:1px solid var(--ll-border);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--ll-shadow-sm);z-index:100;flex-shrink:0}.home-content{width:100%;padding:32px 32px 64px;max-width:1400px;margin:0 auto;flex:1;overflow:visible}.ht-left{flex:0 0 auto;min-width:280px}.ht-center{flex:1;display:flex;justify-content:center}.ht-right{flex-shrink:0}.ht-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px}.ht-breadcrumb-item{color:var(--ll-text-secondary);font-weight:500;transition:color .2s ease}.ht-breadcrumb-item:hover{color:var(--ll-primary)}.ht-breadcrumb-active{color:var(--ll-text-primary);font-weight:600}.ht-breadcrumb-separator{color:var(--ll-text-muted)}.ht-user-actions{display:flex;align-items:center;gap:8px}.ht-action-btn{width:40px;height:40px;border:none;background:var(--ll-bg);color:var(--ll-text-secondary);border-radius:10px;font-size:18px;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.ht-action-btn:hover,.ht-action-btn.active{background:var(--ll-primary-light);color:var(--ll-primary);transform:translateY(-1px)}.ht-action-wrapper{position:relative}.ht-notification-popover{position:absolute;top:calc(100% + 10px);right:0;width:280px;background:var(--ll-surface);border:1px solid var(--ll-border);border-radius:14px;box-shadow:var(--ll-shadow-lg);z-index:120;animation:htPopoverIn .18s ease-out}.ht-notification-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 20px;text-align:center}.ht-notification-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:4px;border-radius:12px;background:var(--ll-primary-light);color:var(--ll-primary);font-size:18px}.ht-notification-empty strong{font-size:14px;color:var(--ll-text-primary)}.ht-notification-empty p{margin:0;font-size:12px;line-height:1.6;color:var(--ll-text-secondary)}@keyframes htPopoverIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ht-notification-popover{animation:none}}.ht-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--ll-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer;transition:border-color .2s ease,transform .2s ease;border:2px solid var(--ll-border)}.ht-user-avatar:hover{transform:scale(1.05);border-color:var(--ll-primary)}.ht-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.ht-left .scene-search-header{position:static;width:100%;max-width:100%}.ht-left .scene-search-input-group{margin:0;width:100%;max-width:320px}.ht-left .scene-input-container input{padding:10px 40px 10px 14px;font-size:14px}@media(max-width:768px){.ht-left{order:1;width:100%;max-width:none}.ht-left .scene-search-input-group{max-width:100%}.ht-center{order:2;width:100%}.ht-right{order:3;width:100%;justify-content:center}.ht-user-actions,.ht-breadcrumb{justify-content:center}}.learning-content{flex:1;overflow-y:auto;padding:40px;display:flex;flex-direction:column;align-items:center;gap:32px}.learning-content::-webkit-scrollbar{width:8px}.learning-content::-webkit-scrollbar-track{background:transparent}.learning-content::-webkit-scrollbar-thumb{background:var(--ll-border);border-radius:4px}.learning-content::-webkit-scrollbar-thumb:hover{background:var(--ll-text-muted)}.fetch-status{position:fixed;bottom:32px;right:32px;background:var(--ll-surface);border:1px solid var(--ll-border);border-radius:16px;padding:20px 24px;box-shadow:var(--ll-shadow-xl);display:none;z-index:100;animation:slideInUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.status-content{display:flex;flex-direction:column;gap:12px}.status-text{font-size:14px;font-weight:600;color:var(--ll-text-primary)}.progress-small{width:220px;height:6px;background:var(--ll-bg);border-radius:3px;overflow:hidden}.progress-small-bar{height:100%;background:linear-gradient(90deg,var(--ll-primary) 0%,var(--ll-secondary) 100%);border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1)}@media(max-width:1200px){.learning-content{padding:32px 24px}.learning-topbar{padding:10px 16px;gap:12px;min-height:60px;max-height:60px}.scene-name{max-width:140px}}@media(max-width:1024px){.learning-main{margin-left:260px}}@media(max-width:768px){.learning-main,.home-main{margin-left:0}.learning-layout,.home-layout{flex-direction:column}.home-sidebar{position:relative;width:100%;height:auto;max-height:250px;border-right:none;border-bottom:1px solid var(--ll-border)}.home-topbar{flex-wrap:wrap;padding:12px 16px;gap:12px}.home-content{padding:16px 16px 32px}.learning-topbar{flex-wrap:wrap;padding:8px 12px;gap:8px;min-height:auto;max-height:none}.topbar-left{order:1;width:auto}.topbar-center{order:2;width:100%;margin:4px 0}.topbar-right{order:3;width:auto}.scene-name{max-width:120px;font-size:12px;padding:4px 10px}.export-btn{min-width:32px;height:30px;padding:5px 8px}.nav-tabs{width:100%;justify-content:center}.learning-content{padding:20px 16px;gap:24px}.fetch-status{bottom:16px;right:16px;left:16px}.progress-small{width:100%}}@media(prefers-reduced-motion:reduce){.fetch-status,.progress-small-bar,.nav-tab,.export-btn{animation:none;transition:none}}button:focus-visible,.nav-tab:focus-visible{outline:2px solid var(--ll-primary);outline-offset:2px}.hp{min-height:100vh;background:#f7f7f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#3c3c3c;line-height:1.5;-webkit-font-smoothing:antialiased}.hp-header{background:#fff;border-bottom:2px solid #e5e5e5;padding:32px 0}.hp-header-content{max-width:1000px;margin:0 auto;padding:0 24px}.hp-title{font-size:32px;font-weight:700;margin:0 0 24px;color:#3c3c3c;letter-spacing:-.5px}.hp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hp-stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f7f7f7;border-radius:16px;transition:all .2s ease}.hp-stat-item:hover{background:#f0f0f0;transform:translateY(-2px)}.hp-stat-icon{font-size:32px;line-height:1}.hp-stat-content{flex:1}.hp-stat-value{font-size:24px;font-weight:700;color:#665cf2;line-height:1;margin-bottom:4px}.hp-stat-label{font-size:13px;color:#777;font-weight:500}.hp-main{max-width:1000px;margin:0 auto;padding:32px 24px}.hp-section-title{font-size:20px;font-weight:700;margin:0 0 16px;color:#3c3c3c}.hp-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.hp-scene-count{font-size:14px;color:#777;background:#f0f0f0;padding:6px 12px;border-radius:12px;font-weight:500}.hp-continue-section{margin-bottom:32px}.hp-continue-card{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border:2px solid #e5e5e5;border-radius:16px;cursor:pointer;transition:all .2s ease}.hp-continue-card:hover{border-color:#665cf2;box-shadow:0 10px 28px #665cf224;transform:translateY(-2px)}.hp-continue-icon{font-size:48px;line-height:1}.hp-continue-info{flex:1}.hp-continue-name{font-size:18px;font-weight:700;margin:0 0 4px;color:#3c3c3c}.hp-continue-desc{font-size:14px;margin:0;color:#777}.hp-continue-action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#665cf2;border-radius:12px;transition:all .2s ease}.hp-continue-card:hover .hp-continue-action{background:#5148d8;transform:scale(1.05)}.hp-continue-arrow{font-size:20px;color:#fff;font-weight:700}.hp-search-section{margin-bottom:32px}.hp-user-scenes{margin-bottom:32px;padding:24px;background:#fff;border:2px solid #e5e5e5;border-radius:16px}.hp-scenes-grid-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hp-scene-mini{padding:16px;background:#f7f7f7;border:2px solid transparent;border-radius:12px;cursor:pointer;text-align:center;transition:all .2s ease}.hp-scene-mini:hover{border-color:#665cf2;background:#fff;transform:translateY(-2px)}.hp-scene-mini-icon{font-size:32px;display:block;margin-bottom:8px}.hp-scene-mini-name{font-size:14px;font-weight:600;color:#3c3c3c;margin:0}.hp-empty{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;text-align:left;padding:18px 4px 4px}.hp-empty-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f2f0ff;font-size:25px;margin:0}.hp-empty p{font-size:14px;color:#777;margin:0}@media(max-width:640px){.hp-empty{grid-template-columns:1fr;justify-items:center;text-align:center}}.hp-all-scenes{margin-bottom:32px}.hp-load-more{margin-top:32px;min-height:60px}.hp-loading{display:flex;align-items:center;justify-content:center;gap:12px;color:#777;font-size:14px}.hp-spinner{width:20px;height:20px;border:3px solid #e5e5e5;border-top-color:#665cf2;border-radius:50%;animation:spin .6s linear infinite}.hp-end{text-align:center;color:#aaa;font-size:14px;font-weight:500}.hp-membership{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;background:linear-gradient(135deg,#665cf2,#5148d8);border-radius:16px;box-shadow:0 14px 34px #665cf233}.hp-membership-content{display:flex;align-items:center;gap:16px}.hp-membership-icon{font-size:40px}.hp-membership-text{color:#fff}.hp-membership-title{font-size:18px;font-weight:700;margin:0 0 4px}.hp-membership-desc{font-size:14px;margin:0;opacity:.95}.hp-btn-primary{padding:12px 24px;background:#665cf2;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px #5148d8}.hp-btn-primary:hover{background:#5148d8;box-shadow:0 2px #4338ca;transform:translateY(-1px)}.hp-btn-primary:active{transform:translateY(1px);box-shadow:none}.hp-btn-secondary{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#fff;color:#665cf2;border:2px solid #e5e5e5;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.hp-btn-secondary:hover{border-color:#665cf2;background:#f7f7f7}.hp-btn-secondary span:first-child{font-size:16px;font-weight:700}.container{max-width:1000px;margin:0 auto;padding:0 24px}.app-full-screen-btn{position:absolute;top:70px;right:10px;z-index:1000;background-color:#fff3;border:none;display:flex;padding:5px 10px;border-radius:4px;cursor:pointer;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.hp-header{padding:24px 0}.hp-header-content,.hp-main{padding:0 16px}.hp-title{font-size:24px}.hp-stats{grid-template-columns:1fr}.hp-scenes-grid-compact{grid-template-columns:repeat(2,1fr)}.hp-membership{flex-direction:column;text-align:center}.hp-section-header{flex-direction:column;align-items:flex-start;gap:12px}.hp-continue-card{flex-direction:column;text-align:center}.hp-continue-action{transform:rotate(-90deg)}.hp-continue-card:hover .hp-continue-action{transform:rotate(-90deg) scale(1.05)}}.hp{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-view{width:min(1100px,100%);margin:0 auto}.dashboard-view-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}.dashboard-view-header h1{margin:7px 0 8px;color:#141827;font-size:32px;line-height:1.2;letter-spacing:-.035em}.dashboard-view-header p{max-width:650px;margin:0;color:#737c90;font-size:14px}.dashboard-saved{padding:8px 12px;border:1px solid #bcebdc;border-radius:9px;color:#16775c;background:#ecfbf6;font-size:12px;font-weight:700}.dashboard-saved{display:inline-flex;align-items:center;gap:6px}.preference-save-error{margin:12px 0 0;color:#9f2d25;font-size:13px}.favorite-word-top span{display:inline-flex;align-items:center;gap:6px}.favorite-word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.favorite-word-card{padding:25px;border:1px solid #e5e8ef;border-radius:18px;background:#fff;box-shadow:0 10px 32px #1c26420d}.favorite-word-top{display:flex;justify-content:space-between;color:#8a92a4;font-size:11px}.favorite-word-top span{color:#8a62e8;font-weight:700}.favorite-word-card h2{margin:19px 0 1px;color:#161a28;font:750 30px/1.15 Georgia,serif}.favorite-phonetic{color:#9aa1b0;font-size:12px}.favorite-word-card>p{margin:12px 0;color:#343b4c;font-weight:600}.favorite-word-card blockquote{margin:16px 0;padding:13px 15px;border-left:3px solid #665cf2;border-radius:0 9px 9px 0;color:#3b4253;background:#f7f6ff;font-size:13px}.favorite-word-card blockquote small{display:block;margin-top:4px;color:#858da0}.favorite-word-card button{width:100%;margin-top:4px;padding:10px 13px;display:flex;justify-content:space-between;border:1px solid #e1e4eb;border-radius:10px;color:#5148d8;background:#fff;cursor:pointer;font-size:12px;font-weight:700}.favorite-word-card button:disabled{color:#a3a8b4;cursor:not-allowed}.dashboard-empty{min-height:360px;display:grid;place-items:center;align-content:center;text-align:center;border:1px dashed #d8dce5;border-radius:20px;background:#fff}.dashboard-empty div{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;color:#675df2;background:#efedff;font-size:27px}.dashboard-empty h2{margin:16px 0 5px;font-size:19px}.dashboard-empty p{margin:0;color:#81899a;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stats-grid article{padding:22px;border:1px solid #e5e8ef;border-radius:16px;background:#fff}.stats-grid span,.stats-grid small{display:block;color:#81899a;font-size:11px}.stats-grid strong{display:block;margin:9px 0 15px;color:#171b29;font-size:34px;line-height:1;letter-spacing:-.04em}.stats-detail-card{margin-top:16px;padding:28px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;border:1px solid #e5e8ef;border-radius:18px;background:#fff}.stats-detail-card>div:first-child>span{color:#675df2;font-size:11px;font-weight:750}.stats-detail-card h2{margin:8px 0 0;font-size:19px;line-height:1.45}.stats-bars{display:flex;flex-direction:column;justify-content:center;gap:18px}.stats-bars span{display:flex;justify-content:space-between;margin-bottom:7px;color:#6f788a;font-size:11px}.stats-bars em{font-style:normal}.stats-bars i{display:block;overflow:hidden;height:7px;border-radius:7px;background:#eef0f4}.stats-bars i b{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#665cf2,#38cfa7);transition:width .4s ease}.preference-card{overflow:hidden;border:1px solid #e2e5ec;border-radius:18px;background:#fff}.preference-row{min-height:105px;padding:23px 26px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #edf0f4}.preference-row h2{margin:0 0 4px;font-size:15px}.preference-row p{margin:0;color:#858da0;font-size:12px}.preference-row select{min-width:150px;padding:10px 34px 10px 12px;border:1px solid #dce0e8;border-radius:10px;color:#333a4b;background:#fff}.preference-switch{width:45px;height:25px;padding:3px;border:0;border-radius:14px;background:#d8dce4;cursor:pointer;transition:background .2s ease}.preference-switch span{display:block;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0000002e;transition:transform .2s ease}.preference-switch.on{background:#665cf2}.preference-switch.on span{transform:translate(20px)}.preference-note{margin:22px;padding:16px 18px;border-radius:12px;background:#f6f7fa}.preference-note span{color:#596174;font-size:11px;font-weight:750}.preference-note p{margin:4px 0 0;color:#838b9b;font-size:12px}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-detail-card{grid-template-columns:1fr;gap:28px}}@media(max-width:640px){.favorite-word-grid,.stats-grid{grid-template-columns:1fr}.preference-row{align-items:flex-start;flex-direction:column;gap:14px}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:flex-end;background-color:#fff;border-top:1px solid var(--border-color, #e0e0e0);box-shadow:0 -2px 10px #0000000d;z-index:50;padding-bottom:max(10px,env(safe-area-inset-bottom))}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;color:var(--text-medium, #666);font-size:12px;cursor:pointer;transition:color .3s ease}.mobile-nav-icon{font-size:20px;margin-bottom:5px;display:flex;align-items:center;justify-content:center}.mobile-nav-item.active{color:var(--primary-color, #4a6bdf)}.mobile-nav-fab-wrap{flex:0 0 72px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 0 2px;gap:4px}.mobile-nav-fab{position:relative;top:-20px;width:56px;height:56px;margin:0;padding:0;border:none;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #4a6bdf),var(--primary-color-dark, #2d5bff));color:#fff;font-size:24px;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px #4a6bdf66,0 0 0 4px #ffffffe6;transition:transform .18s ease,box-shadow .18s ease}.mobile-nav-fab:active{transform:scale(.94)}.mobile-nav-fab-label{position:relative;top:-20px;font-size:11px;color:var(--primary-color, #4a6bdf);font-weight:700;letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.mobile-nav-item,.mobile-nav-fab{transition:none}}:root{--capture-primary: var(--ll-primary, #2d5bff);--capture-primary-dark: var(--ll-primary-dark, #1e40af);--capture-primary-light: var(--ll-primary-light, #eef2ff);--capture-secondary: var(--ll-secondary, #10b981);--capture-bg: var(--ll-bg, #f8fafc);--capture-surface: var(--ll-surface, #fff);--capture-border: var(--ll-border, #e2e8f0);--capture-text: var(--ll-text-primary, #1e293b);--capture-muted: var(--ll-text-secondary, #64748b);--capture-shadow: var(--ll-shadow, 0 4px 6px -1px rgba(0, 0, 0, .1))}.scene-capture-shell{min-height:100vh;display:flex;flex-direction:column;color:var(--capture-text);background:var(--capture-bg)}.capture-header{min-height:64px;padding:10px clamp(16px,4vw,32px);display:grid;grid-template-columns:100px 1fr 100px;align-items:center;position:sticky;top:0;z-index:15;border-bottom:1px solid var(--capture-border);background:var(--capture-surface);box-shadow:0 1px 2px #0000000a;flex-shrink:0}.capture-header>div{display:grid;gap:1px;text-align:center}.capture-header strong{font-size:16px}.capture-icon-button,.capture-reset{border:0;color:var(--capture-muted);background:transparent;cursor:pointer}.capture-icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:var(--capture-bg);font-size:15px}.capture-reset{justify-self:end;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.capture-header-spacer{width:100px}.capture-main{flex:1;display:flex;flex-direction:column;width:min(760px,100%);margin:0 auto;padding:24px clamp(16px,5vw,40px) 24px}.capture-main>section{flex:1;display:flex;flex-direction:column}.capture-copy{margin-bottom:14px;text-align:center}.capture-copy h1,.capture-practice-hero h1{margin:0 0 6px;color:var(--capture-text);font-size:clamp(21px,3vw,27px);line-height:1.25;letter-spacing:-.02em}.capture-copy h1 em{color:var(--capture-primary);font-style:normal}.capture-copy p{max-width:520px;margin:0 auto;color:var(--capture-muted);font-size:13px;line-height:1.6}.capture-viewfinder{position:relative;height:clamp(200px,32vh,330px);overflow:hidden;border:2px solid var(--capture-border);border-radius:16px;background:var(--capture-surface);box-shadow:var(--capture-shadow)}.capture-viewfinder img{width:100%;height:100%;object-fit:cover}.capture-viewfinder-empty{height:100%;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--capture-text);background:var(--capture-bg)}.capture-viewfinder-empty strong{font-size:18px}.capture-viewfinder-empty span{max-width:340px;color:var(--capture-muted);font-size:12px;line-height:1.55}.capture-focus-mark{width:64px;height:64px;display:grid;place-items:center;border-radius:14px;color:#fff;background:var(--capture-primary);font-size:24px;box-shadow:var(--capture-shadow)}.corner{position:absolute;z-index:2;width:28px;height:28px;border-color:var(--capture-primary);border-style:solid}.corner.top-left{top:18px;left:18px;border-width:3px 0 0 3px;border-radius:6px 0 0}.corner.top-right{top:18px;right:18px;border-width:3px 3px 0 0;border-radius:0 6px 0 0}.corner.bottom-left{bottom:18px;left:18px;border-width:0 0 3px 3px;border-radius:0 0 0 6px}.corner.bottom-right{right:18px;bottom:18px;border-width:0 3px 3px 0;border-radius:0 0 6px}.capture-hint-field{display:grid;gap:7px;margin-top:14px}.capture-hint-field span{color:var(--capture-muted);font-size:12px;font-weight:600}.capture-hint-field input{width:100%;padding:13px 14px;border:1px solid var(--capture-border);border-radius:8px;outline:none;color:var(--capture-text);background:var(--capture-surface)}.capture-hint-field input:focus{border-color:var(--capture-primary);box-shadow:0 0 0 3px #2d5bff1f}.capture-actions{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:auto;padding:18px 0 10px;background:linear-gradient(to bottom,transparent,var(--capture-bg) 38%)}.capture-actions>:only-child{grid-column:1 / -1}.capture-primary,.capture-secondary{min-height:48px;padding:0 18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.capture-primary{border:1px solid var(--capture-primary);color:#fff;background:var(--capture-primary);box-shadow:0 2px 6px #2d5bff33}.capture-primary:hover{border-color:var(--capture-primary-dark);background:var(--capture-primary-dark)}.capture-primary:disabled{opacity:.5;cursor:not-allowed}.capture-secondary{border:1px solid var(--capture-border);color:var(--capture-muted);background:var(--capture-surface)}.capture-secondary:hover{color:var(--capture-primary);border-color:var(--capture-primary);background:var(--capture-primary-light)}.capture-trust{margin-top:4px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--capture-muted);font-size:11px}.capture-file-input{display:none}.capture-error{margin-top:14px;padding:11px 13px;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;background:#fef2f2;font-size:13px}.capture-loading{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.capture-orbit{width:72px;height:72px;display:grid;place-items:center;border-radius:16px;color:#fff;background:var(--capture-primary);font-size:24px;animation:capturePulse 1.6s ease-in-out infinite}.capture-loading h2{margin:20px 0 6px;font-size:24px}.capture-loading p{color:var(--capture-muted);font-size:13px}.capture-loading-bar{width:min(280px,70vw);height:5px;margin-top:20px;overflow:hidden;border-radius:3px;background:var(--capture-border)}.capture-loading-bar span{display:block;width:45%;height:100%;border-radius:inherit;background:var(--capture-primary);animation:captureLoad 1.4s ease-in-out infinite}@keyframes capturePulse{50%{transform:scale(1.04);box-shadow:0 0 0 12px #2d5bff14}}@keyframes captureLoad{0%{transform:translate(-110%)}to{transform:translate(320%)}}.capture-scene-summary{position:relative;padding:14px;display:grid;grid-template-columns:108px 1fr auto;gap:16px;align-items:center;border:1px solid var(--capture-border);border-radius:16px;color:var(--capture-text);background:var(--capture-surface);box-shadow:var(--capture-shadow)}.capture-scene-summary img{width:108px;height:90px;border-radius:10px;object-fit:cover}.capture-scene-summary span{color:var(--capture-muted);font-size:11px}.capture-scene-summary h2{margin:3px 0;font-size:20px}.capture-scene-summary p{color:var(--capture-muted);font-size:12px;line-height:1.5}.capture-confidence{align-self:start;padding:5px 8px;border-radius:10px;color:var(--capture-primary);background:var(--capture-primary-light);font-size:11px;font-weight:700}.capture-tags{margin:12px 2px 0;display:flex;flex-wrap:wrap;gap:6px}.capture-tags span{padding:5px 8px;border:1px solid var(--capture-border);border-radius:10px;color:var(--capture-muted);background:var(--capture-surface);font-size:11px}.capture-section-heading{margin:28px 0 14px}.capture-section-heading h2{margin:0 0 4px;font-size:26px}.capture-section-heading p{color:var(--capture-muted);font-size:13px}.capture-intent-list{display:grid;gap:10px}.capture-intent-card{width:100%;padding:15px;display:grid;grid-template-columns:36px 1fr 28px;gap:12px;align-items:center;border:1px solid var(--capture-border);border-radius:12px;color:var(--capture-text);background:var(--capture-surface);text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.capture-intent-card:hover,.capture-intent-card.selected{border-color:var(--capture-primary);background:var(--capture-primary-light);box-shadow:var(--capture-shadow)}.capture-intent-index{color:var(--capture-muted);font-weight:600}.capture-intent-body{display:grid;gap:3px}.capture-intent-body strong{font-size:15px}.capture-intent-body small{color:var(--capture-muted);line-height:1.45}.capture-intent-body em{color:var(--capture-primary);font-style:normal;font-size:11px;font-weight:600}.capture-intent-check{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--capture-border);border-radius:50%;color:transparent;background:var(--capture-surface)}.capture-intent-card.selected .capture-intent-check{color:#fff;border-color:var(--capture-primary);background:var(--capture-primary)}.capture-sticky-action{position:sticky;bottom:12px;width:100%;margin-top:auto;box-shadow:0 8px 24px #0f172a2e}.capture-practice-hero{padding:24px;border:1px solid var(--capture-border);border-radius:16px;background:var(--capture-surface);box-shadow:var(--capture-shadow)}.capture-practice-hero h1{font-size:clamp(28px,5vw,38px)}.capture-practice-hero>p{max-width:540px;color:var(--capture-muted);line-height:1.6}.capture-role-line{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--capture-muted);font-size:12px}.capture-role-line strong{color:var(--capture-primary)}.capture-role-line i{width:3px;height:3px;border-radius:50%;background:var(--capture-muted)}.capture-progress-row{margin:20px 2px 12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:var(--capture-muted);font-size:11px;font-weight:600}.capture-progress-row>div{height:5px;overflow:hidden;border-radius:3px;background:var(--capture-border)}.capture-progress-row i{display:block;height:100%;border-radius:inherit;background:var(--capture-primary);transition:width .3s ease}.capture-dialogue-list{display:grid;gap:10px}.capture-dialogue{width:90%;padding:15px;border:1px solid var(--capture-border);border-radius:8px 14px 14px;background:var(--capture-surface);opacity:.8}.capture-dialogue.user-line{margin-left:auto;border-radius:14px 8px 14px 14px;background:var(--capture-primary-light)}.capture-dialogue.active{opacity:1;border-color:var(--capture-primary);box-shadow:var(--capture-shadow)}.capture-dialogue header{margin-bottom:6px;display:flex;align-items:center;gap:6px;color:var(--capture-primary);font-size:11px;font-weight:700}.capture-dialogue header em{padding:3px 6px;border-radius:8px;color:var(--capture-primary);background:#fff;font-style:normal;font-size:9px}.capture-dialogue p{font-size:15px;line-height:1.55;font-weight:600}.capture-dialogue small{display:block;margin-top:4px;color:var(--capture-muted);font-size:12px}.capture-line-actions{margin-top:10px;display:flex;gap:8px}.capture-line-actions button{min-height:34px;padding:7px 10px;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:8px;color:var(--capture-primary);background:var(--capture-primary-light);font-size:11px;font-weight:600;cursor:pointer}.capture-line-actions button.recording{color:#fff;background:var(--capture-primary);animation:capturePulseButton 1s ease-in-out infinite}@keyframes capturePulseButton{50%{opacity:.72}}.capture-speech-feedback{margin-top:9px;padding:8px;display:flex;gap:8px;border-radius:8px;background:var(--capture-surface);font-size:11px}.capture-speech-feedback strong{color:var(--capture-primary);white-space:nowrap}.capture-practice-controls{margin-top:14px;display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.capture-save-card{margin-top:24px;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--capture-border);border-radius:12px;background:var(--capture-surface)}.capture-save-card>div{display:flex;align-items:center;gap:10px;color:var(--capture-primary)}.capture-save-card>div>span{display:grid;gap:2px}.capture-save-card small{color:var(--capture-muted);font-size:10px}.capture-save-card button{padding:9px 13px;border:0;border-radius:8px;color:#fff;background:var(--capture-primary);font-weight:600;cursor:pointer;white-space:nowrap}.capture-save-card button:disabled{opacity:.55}@media(max-width:600px){.scene-capture-shell.is-mobile{padding-bottom:0}.capture-header{grid-template-columns:64px 1fr 64px;padding:9px 12px}.capture-header strong{font-size:14px}.capture-header-spacer{width:64px}.capture-reset{font-size:11px}.capture-main{padding:18px 14px 16px}.capture-copy{text-align:left}.capture-copy h1{font-size:24px}.capture-copy p{font-size:13px}.capture-viewfinder{height:clamp(180px,30vh,300px);border-radius:14px}.capture-actions{grid-template-columns:1fr}.scene-capture-shell.is-mobile .capture-actions{bottom:76px}.scene-capture-shell.is-mobile .capture-sticky-action{bottom:88px}.capture-scene-summary{grid-template-columns:76px 1fr;gap:11px}.capture-scene-summary img{width:76px;height:76px}.capture-confidence{position:absolute;top:10px;right:10px}.capture-section-heading h2{font-size:23px}.capture-intent-card{padding:13px;grid-template-columns:28px 1fr 24px}.capture-practice-hero{padding:18px}.capture-dialogue{width:95%}.capture-save-card{align-items:flex-end}.capture-save-card small{display:none}}.capture-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:captureFadeIn .2s ease-out}.capture-modal-panel{width:min(860px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:var(--capture-bg);box-shadow:0 30px 80px #0f172a4d;animation:captureModalIn .25s cubic-bezier(.4,0,.2,1)}.scene-capture-shell.in-modal{min-height:0;height:100%;display:flex;flex-direction:column}.scene-capture-shell.in-modal .capture-header{position:static;flex-shrink:0}.scene-capture-shell.in-modal .capture-main{flex:1;overflow-y:auto;padding-bottom:48px}.scene-capture-shell.in-modal .capture-loading{min-height:320px}@keyframes captureFadeIn{0%{opacity:0}}@keyframes captureModalIn{0%{opacity:0;transform:translateY(16px) scale(.98)}}@media(max-width:600px){.capture-modal-overlay{padding:0;align-items:stretch}.capture-modal-panel{width:100%;max-height:none;border-radius:0}}@media(prefers-reduced-motion:reduce){.capture-orbit,.capture-loading-bar span,.capture-line-actions button.recording{animation:none}.capture-primary,.capture-intent-card{transition:none}.capture-modal-overlay,.capture-modal-panel{animation:none}}.content-skeleton-grid{animation:none}.content-skeleton-card{min-height:280px;overflow:hidden;border:1px solid #e5e8ef;border-radius:14px;background:#fff}.content-skeleton-card__visual{display:block;height:152px;background:#edf0f5}.content-skeleton-card__body{display:grid;gap:12px;padding:18px}.content-skeleton__line,.learning-skeleton__divider{display:block;height:13px;overflow:hidden;border-radius:999px;background:linear-gradient(100deg,#edf0f5 20%,#f8f9fc,#edf0f5 56%);background-size:220% 100%;animation:skeleton-shimmer 1.45s ease-in-out infinite}.learning-skeleton{display:flex;min-height:100vh;background:#f6f7fb}.learning-skeleton__sidebar{width:360px;padding:32px;display:grid;align-content:start;gap:22px;background:#fff;border-right:1px solid #e5e8ef}.learning-skeleton__main{flex:1;min-width:0;display:grid;grid-template-rows:64px 1fr auto;gap:28px;padding-bottom:32px}.learning-skeleton__topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid #e5e8ef}.learning-skeleton__card{width:min(760px,calc(100% - 48px));min-height:420px;margin:24px auto 0;padding:48px;display:grid;align-content:center;justify-items:center;gap:20px;background:#fff;border:1px solid #e5e8ef;border-radius:18px}.learning-skeleton__divider{width:100%;height:1px;margin:12px 0}.learning-skeleton__actions{width:min(620px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.learning-skeleton__actions .content-skeleton__line{height:46px;border-radius:10px}.learning-skeleton--mobile .learning-skeleton__main{grid-template-rows:58px 1fr auto}.learning-skeleton--mobile .learning-skeleton__card{width:calc(100% - 30px);min-height:360px;padding:30px 22px}@keyframes skeleton-shimmer{to{background-position-x:-220%}}@media(prefers-reduced-motion:reduce){.content-skeleton__line,.learning-skeleton__divider{animation:none}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:var(--bg-color, #f8f9fa);color:var(--text-dark, #333);line-height:1.6;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.controls{display:flex;justify-content:center;gap:20px;margin-top:30px;align-items:center}.search-box{display:flex;align-items:center;background-color:#fff;border:1px solid var(--border-color, #e0e0e0);border-radius:25px;padding:10px 20px;margin-bottom:20px}.search-box input{flex:1;border:none;outline:none;padding:5px 10px;font-size:16px}.search-icon{color:var(--primary-color, #4a6bdf);background-color:var(--primary-light, #f0f4ff);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px}.navbar{background-color:var(--primary-color, #4a6bdf);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-size:24px;font-weight:700;text-decoration:none;color:#fff}.navbar-menu{display:flex;gap:20px}.navbar-menu a{color:#fff;text-decoration:none;font-size:18px}.word-card{background-color:#fff;border-radius:10px;border:1px solid var(--border-color, #e0e0e0);padding:30px;margin:20px 0;text-align:center;box-shadow:0 4px 6px #0000001a}.word-translation{color:var(--text-medium, #666)}.play-button{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color, #4a6bdf);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px}@media(max-width:768px){.btn{padding:8px 20px;font-size:.95em}.controls{gap:12px}}@media(max-width:480px){.control-button{padding:6px 16px;font-size:.9em;border-radius:16px}.controls{gap:10px}}.prev-btn{background:#bdc3c7;color:#fff}.next-btn{background:#3498db;color:#fff}button:hover{transform:translateY(-2px);box-shadow:0 3px 10px #0003}.stats{text-align:center;color:#7f8c8d;margin-top:20px}.config-input{padding:10px;border:1px solid #ddd;border-radius:8px;font-size:1em}.config-btn{background:#2ecc71;color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;transition:all .3s}.config-btn:hover{background:#27ae60;transform:translateY(-2px)}.settings-overlay{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:#fff;box-shadow:-5px 0 15px #0000001a;transition:right .3s ease;z-index:1000;padding:20px;overflow-y:auto}.settings-overlay.active{right:0}.settings-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.settings-backdrop.active{opacity:1;visibility:visible}.settings-btn{position:fixed;top:20px;right:20px;background:#3498db;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5em;cursor:pointer;z-index:998;transition:all .3s}.close-settings{position:absolute;top:20px;right:20px;background:none;border:none;font-size:1.5em;cursor:pointer;color:#666}.api-key-wrapper{position:relative;flex:2}.fetch-status{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;padding:15px;box-shadow:0 -2px 10px #0000001a;transform:translateY(100%);transition:transform .3s ease;z-index:997}.fetch-status.active{transform:translateY(0)}.fetch-status .progress-small{height:4px;background:#eee;border-radius:2px;margin:10px 0}.fetch-status .progress-small-bar{height:100%;background:#3498db;border-radius:2px;transition:width .3s;width:0}.scene-input-group{display:flex;gap:10px;margin-bottom:15px}.scene-search-input-group{display:flex;flex-direction:column;align-items:center;margin:10px auto 20px;width:100%}.scene-input-container{position:relative;width:100%;display:flex;align-items:center}.scene-input-container input{width:100%;padding:12px 45px 12px 15px;border:1px solid #ddd;border-radius:24px;font-size:16px;box-shadow:0 2px 10px #0000001a;transition:all .3s;outline:none}.scene-input-container input:focus{border-color:#3498db;box-shadow:0 3px 15px #3498db33}.scene-input-container:before{content:"🔍";position:absolute;right:15px;font-size:18px;color:#666;pointer-events:none}.scene-dropdown{position:absolute;top:100%;left:0;width:100%;max-height:300px;overflow-y:auto;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:100;margin-top:8px}.scene-item{padding:12px 15px;cursor:pointer;border-bottom:1px solid #eee;transition:background-color .2s}.scene-item:hover{background-color:#f5f9ff}.scene-item:last-child{border-bottom:none}.no-scene-found{padding:15px}.generate-scene-btn{margin-top:10px;padding:8px 15px;background-color:var(--primary-color, #4a6bdf);color:#fff;border:none;border-radius:20px;cursor:pointer;width:100%;transition:all .3s}.generate-scene-btn:hover{transform:translateY(-2px);box-shadow:0 3px 10px #0000001a}.premium-badge{display:inline-block;background:linear-gradient(135deg,#f6d365,#fda085);color:#fff;padding:4px 10px;border-radius:20px;font-size:.8em;font-weight:700;margin-left:10px;box-shadow:0 2px 5px #0000001a;text-transform:uppercase;letter-spacing:.5px}.premium-btn{background:linear-gradient(135deg,#ff9f43,#ff7e5f);color:#fff;padding:10px 20px;border:none;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #ff9f434d;display:flex;align-items:center;gap:8px}.premium-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ff9f4366}.premium-btn:before{content:"⭐";font-size:1.2em}.premium-features{background:#ffffffe6;border-radius:15px;padding:20px;margin:20px 0;box-shadow:0 5px 25px #0000000d;border:1px solid rgba(52,152,219,.2)}.premium-feature-item{display:flex;align-items:center;margin-bottom:12px;padding:8px 0;border-bottom:1px dashed #eee}.premium-feature-item:last-child{border-bottom:none;margin-bottom:0}.premium-feature-icon{background:#3498db;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0}.premium-feature-text{flex:1}.premium-feature-title{font-weight:700;color:#2c3e50;margin-bottom:3px}.premium-feature-desc{font-size:.9em;color:#7f8c8d}.recent-scenes-container{width:100%;background:#fff;border-radius:12px;padding:15px;margin:20px 0;box-shadow:0 3px 15px #0000000d;border:1px solid #e0e0e0}.recent-scenes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.recent-scenes-title{font-size:1.2em;color:#2c3e50;font-weight:600;display:flex;align-items:center;gap:8px}.recent-scenes-title:before{content:"🕒";font-size:1.1em}.view-all-btn{color:#3498db;background:none;border:none;font-size:.9em;cursor:pointer;display:flex;align-items:center;gap:5px}.view-all-btn:after{content:"→";transition:transform .3s}.view-all-btn:hover:after{transform:translate(3px)}.recent-scenes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.recent-scene-item{background:#f8f9fa;border-radius:10px;padding:12px 15px;cursor:pointer;transition:all .3s;border:1px solid #eee;position:relative}.recent-scene-item:hover{background:#f0f7ff;transform:translateY(-2px);box-shadow:0 5px 15px #0000000d;border-color:#3498db}.recent-scene-name{font-weight:600;color:#2c3e50;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-scene-date{font-size:.8em;color:#95a5a6}.recent-scene-progress{height:4px;background:#ecf0f1;border-radius:2px;margin-top:8px;overflow:hidden}.recent-scene-progress-bar{height:100%;background:#3498db;border-radius:2px}.scene-search-header{width:100%;position:sticky;top:0;z-index:100;display:flex;flex-direction:column;align-items:center}.ai-word-page{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100vw}@media(max-width:768px){.ai-word-container{width:95%;padding:20px;margin:10px auto}.ai-word-container h1{font-size:2em;margin-bottom:20px}.conversation-button-container{flex-direction:column;gap:10px}.settings-btn{width:40px;height:40px;font-size:1.2em}.stats{font-size:.9em}}@media(max-width:480px){.ai-word-container{width:100%;padding:15px;border-radius:10px}.ai-word-container h1{font-size:1.8em;margin-bottom:15px}.current-scene{font-size:.9em;padding:4px 8px;margin:-5px auto 15px}.stats{font-size:.8em}.fetch-status .status-text,.fetch-status .status-count{font-size:.9em}.premium-badge{padding:3px 8px;font-size:.7em}.premium-btn{padding:6px 12px;font-size:.8em}.recent-scenes-container{padding:12px}.recent-scene-item{padding:8px 10px}}::-webkit-scrollbar{width:.5px;height:.5px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:1px}::-webkit-scrollbar-thumb{background:#888;border-radius:1px}.sce-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1000;display:flex;justify-content:center;align-items:center;overflow:auto}.sce-content-export{background-color:#fff;margin:0;padding:0;position:relative;width:100%;height:100%;overflow:auto}.sce-dynamic-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden}.sce-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.5s ease-in-out}.sce-bg-image.active{opacity:1}.sce-blur-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffd9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:-1}.sce-export-layout{max-width:1000px;width:calc(100% - 60px);margin:40px auto;padding:30px;background-color:#ffffffe6;position:relative;box-shadow:0 0 30px #00000014;border-radius:10px;box-sizing:border-box}.sce-scene-header{background-color:var(--primary-light);padding:15px 20px;border-radius:8px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #4a6bdf1a}.sce-scene-title{color:var(--primary-color);font-size:22px;font-weight:700;display:flex;align-items:center}.sce-scene-title:before{content:"🌍";margin-right:10px;font-size:24px}.sce-section-title{font-size:20px;font-weight:700;color:var(--primary-color);padding:10px 0;margin:30px 0 20px;border-bottom:2px solid var(--primary-color);display:flex;align-items:center}.sce-section-title:before{margin-right:10px;font-size:22px}.sce-section-title.sce-vocabulary:before{content:"📚"}.sce-section-title.sce-dialogue:before{content:"💬"}.sce-section-title.sce-article:before{content:"📝"}.sce-word-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}@media(max-width:768px){.sce-word-list{grid-template-columns:repeat(2,1fr)}.sce-export-layout{width:calc(100% - 40px);padding:20px;margin:20px auto}}@media(max-width:480px){.sce-word-list{grid-template-columns:repeat(1,1fr)}.sce-export-layout{width:calc(100% - 20px);padding:15px;margin:10px auto}}.sce-word-card{background-color:#fff;border-radius:8px;border:1px solid var(--border-color);padding:20px;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000d;height:100%;display:flex;flex-direction:column}.sce-word-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background-color:var(--primary-color)}.sce-word-text{font-size:22px;margin-bottom:5px;text-align:center}.sce-word-pronunciation{color:var(--text-medium);margin-bottom:10px;display:flex;align-items:center;justify-content:center;text-align:center}.sce-word-meaning{font-weight:700;margin:10px 0;color:var(--text-dark);text-align:center;font-size:15px}.sce-word-example{color:#4a5568;font-style:italic;margin-bottom:5px;font-size:14px}.sce-word-translation{color:var(--text-medium);font-size:14px}.sce-translation-panel{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.sce-translation-item{background-color:#fff;border-radius:8px;border:1px solid var(--border-color);padding:20px;box-shadow:0 2px 4px #0000000d}.sce-translation-item h4{color:var(--text-dark);margin-bottom:15px;font-size:18px;position:relative;padding-left:22px}.sce-translation-item h4:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background-color:var(--primary-color);border-radius:50%}.sce-translation-row{display:flex;flex-direction:column;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #eee}.sce-translation-row:last-child{border-bottom:none}.sce-translation-source{margin-bottom:8px}.sce-translation-source p{font-weight:500}.sce-translation-target{color:var(--text-medium)}.sce-pdf-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;color:var(--text-medium);font-size:14px}.sce-export-controls{position:fixed;bottom:30px;right:30px;display:flex;gap:15px;z-index:100}.sce-export-button{background-color:var(--primary-color);color:#fff;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 10px #0003;cursor:pointer;transition:all .3s ease}.sce-export-button:hover{transform:translateY(-5px);box-shadow:0 6px 15px #0000004d;background-color:#3a5bd0}.sce-tooltip{position:absolute;bottom:70px;right:0;background-color:#000000b3;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}.sce-export-button:hover .sce-tooltip{opacity:1}.sce-empty-state{text-align:center;padding:30px;color:var(--text-medium);grid-column:1 / -1}@media print{@page{size:auto;margin:0}*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important;print-color-adjust:exact!important;background-image:none!important}html,body{width:100%;height:auto;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}.sce-export-controls,.sce-dynamic-background,.sce-blur-overlay,.navbar,.sidebar,.main-content>*:not(.sce-modal-overlay),.two-column-layout>*:not(.sce-modal-overlay){display:none!important}.sce-modal-overlay{position:static;background:none;padding:0;margin:0;overflow:visible;height:auto;display:block;width:100%}.sce-content-export{height:auto;overflow:visible;position:relative;width:100%;padding:0;margin:0;background:#fff!important}.sce-export-layout{max-width:100%;width:100%;margin:0;padding:20px;box-shadow:none;background-color:#fff!important;border-radius:0}.sce-word-list{page-break-inside:avoid;break-inside:avoid}.sce-word-card,.sce-translation-item{page-break-inside:avoid;break-inside:avoid;background-color:#fff!important}.sce-section-title{page-break-after:avoid;break-after:avoid}.sce-dynamic-background,.sce-bg-image,.sce-blur-overlay{display:none!important;background-image:none!important}}.sce-export-button.sce-disabled{background-color:#a0a0a0;cursor:not-allowed;transform:none;box-shadow:0 2px 5px #0000001a}.sce-export-button.sce-disabled:hover{transform:none;box-shadow:0 2px 5px #0000001a;background-color:#a0a0a0}.sce-word-card,.sce-translation-item,.sce-section-title{width:100%;box-sizing:border-box}@keyframes exporting-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.sce-export-button span{display:inline-block}.sce-disabled span{animation:exporting-pulse 1.5s infinite}.sce-website-info{display:flex;align-items:center}.sce-website-info a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .3s}.sce-website-info a:hover{color:var(--primary-dark, #3a5bd0);text-decoration:underline}.sce-website-section{margin-top:40px;padding:25px;background-color:var(--primary-light, #f0f4ff);border-radius:10px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-color);box-shadow:0 2px 10px #0000000d}.sce-logo-container{display:flex;flex-direction:column;align-items:center;margin-right:20px}.sce-logo{width:100px;height:100px;border-radius:10px;box-shadow:0 2px 8px #0000001a;object-fit:contain}.sce-website-details{flex:1}.sce-website-details h3{color:var(--primary-color);margin-top:0;margin-bottom:10px;font-size:20px}.sce-website-details p{margin:8px 0;color:var(--text-medium);font-size:15px}.sce-website-link{color:var(--primary-color);font-weight:500;text-decoration:none;display:inline-block;border-bottom:1px dashed var(--primary-color);padding-bottom:2px}.sce-qrcode-container{display:flex;flex-direction:column;align-items:center;margin-left:20px}.sce-qrcode-img{width:90px;height:90px;border:4px solid white;border-radius:4px;box-shadow:0 2px 8px #0000001a}.sce-qrcode-container p{margin-top:10px;font-size:14px;color:var(--text-medium);text-align:center}@media(max-width:768px){.sce-website-section{flex-direction:column;text-align:center;padding:20px 15px}.sce-logo-container{margin-right:0;margin-bottom:20px}.sce-website-details{width:100%;text-align:center;margin-bottom:20px}.sce-qrcode-container{margin-left:0}}@media print{.sce-website-section{page-break-inside:avoid;break-inside:avoid;background-color:#f8f9fa!important}.sce-logo,.sce-qrcode-img{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.sce-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffffff2;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center}.sce-loading-spinner{width:40px;height:40px;border:4px solid rgba(74,107,223,.2);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite;margin-bottom:20px}.sce-loading-text{font-size:18px;color:var(--primary-color);font-weight:500}.sce-article-title{font-size:18px;font-weight:700;margin-bottom:10px;color:var(--primary-color)}.sce-word-highlight{background-color:#ffe69c;color:#333;padding:0 2px;border-radius:3px;font-weight:700;display:inline-block;position:relative;border-bottom:2px solid #ffd54f;box-decoration-break:clone;-webkit-box-decoration-break:clone}@media print{.sce-word-highlight{background-color:#ffe69c!important;border-bottom:2px solid #ffd54f!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.word-sidebar{width:360px;background:var(--ll-surface, #ffffff);border-right:1px solid var(--ll-border, #E2E8F0);height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--ll-shadow, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06));z-index:20}.stats-card{padding:24px;background:linear-gradient(135deg,var(--ll-primary, #2D5BFF) 0%,var(--ll-primary-dark, #1E40AF) 100%);color:#fff;position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:cardShimmer 4s infinite}@keyframes cardShimmer{0%,to{transform:translate(0)}50%{transform:translate(-30px,-20px)}}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;z-index:1}.stats-header h3{margin:0;font-size:18px;font-weight:700}.streak-badge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.2)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;position:relative;z-index:1}.stat-item{text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.15)}.stat-value{font-size:24px;font-weight:800;line-height:1;margin-bottom:4px}.stat-label{font-size:11px;opacity:.9;font-weight:500}.progress-bar-container{position:relative;z-index:1}.progress-label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:8px;opacity:.95}.progress-bar{height:8px;background:#ffffff40;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#ffffffe6,#fff);transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:4px;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progressShine 2s infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.word-list-nav{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--ll-bg, #F8FAFC)}.nav-header{padding:20px;border-bottom:1px solid var(--ll-border, #E2E8F0);display:flex;justify-content:space-between;align-items:center;background:var(--ll-surface, #ffffff)}.nav-header h4{margin:0;font-size:15px;font-weight:700;color:var(--ll-text-primary, #1E293B)}.word-count{font-size:12px;font-weight:600;color:var(--ll-primary, #2D5BFF);background:var(--ll-primary-light, #EEF2FF);padding:4px 10px;border-radius:12px}.word-search{margin:12px 20px;padding:10px 16px;border:1.5px solid var(--ll-border, #E2E8F0);border-radius:10px;font-size:14px;outline:none;transition:all .2s ease;background:var(--ll-surface, #ffffff);color:var(--ll-text-primary, #1E293B)}.word-search::placeholder{color:var(--ll-text-muted, #94A3B8)}.word-search:focus{border-color:var(--ll-primary, #2D5BFF);box-shadow:0 0 0 3px #2d5bff1a}.word-list{flex:1;overflow-y:auto;padding:8px 12px 20px}.word-item{display:flex;align-items:center;padding:10px 12px;margin-bottom:4px;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);gap:8px;background:var(--ll-surface, #ffffff);border:1px solid transparent}.word-item:hover{background:var(--ll-primary-light, #EEF2FF);border-color:#2d5bff1a;transform:translate(4px)}.word-item.learned{opacity:.6}.word-item.learned .word-status{color:var(--ll-secondary, #10B981)}.word-item.current{background:var(--ll-primary-light, #EEF2FF);border-color:var(--ll-primary, #2D5BFF);box-shadow:0 2px 8px #2d5bff26;transform:scale(1.02)}.word-item.pending{opacity:.85}.word-index{font-size:11px;font-weight:600;color:var(--ll-text-muted, #94A3B8);min-width:24px;text-align:center}.word-text{flex:1;font-size:15px;font-weight:600;color:var(--ll-text-primary, #1E293B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-status{font-size:14px;color:var(--ll-primary, #2D5BFF);min-width:24px;text-align:center;font-weight:600}.word-list::-webkit-scrollbar{width:6px}.word-list::-webkit-scrollbar-track{background:transparent}.word-list::-webkit-scrollbar-thumb{background:var(--ll-border, #E2E8F0);border-radius:3px}.word-list::-webkit-scrollbar-thumb:hover{background:var(--ll-text-muted, #94A3B8)}@media(max-width:1024px){.word-sidebar{width:260px}.stats-card{padding:20px}.nav-header{padding:16px}}@media(max-width:768px){.word-sidebar{width:100%;height:auto;max-height:250px;position:relative;border-right:none;border-bottom:1px solid var(--ll-border, #E2E8F0)}.stats-grid{gap:8px}.stat-value{font-size:20px}.word-list{padding:8px 12px 16px}.word-item{padding:10px 12px}}@media(prefers-reduced-motion:reduce){.stats-card:before,.progress-fill:after{animation:none}.word-item{transition:none}.word-item:hover,.word-item.current{transform:none}}.word-item:focus-visible{outline:2px solid var(--ll-primary, #2D5BFF);outline-offset:-2px}.compact-word-card{background:var(--ll-surface, #ffffff);border-radius:20px;padding:0;box-shadow:var(--ll-shadow-lg, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04));transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;border:1px solid var(--ll-border, #E2E8F0);max-width:700px;width:100%;animation:cardSlideIn .5s cubic-bezier(.4,0,.2,1)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.compact-word-card:hover{transform:translateY(-4px);box-shadow:var(--ll-shadow-xl, 0 25px 50px -12px rgba(0, 0, 0, .15))}.card-header{padding:32px 36px 24px;background:linear-gradient(135deg,var(--ll-primary, #2D5BFF) 0%,var(--ll-primary-dark, #1E40AF) 100%);color:#fff;position:relative;overflow:hidden}.card-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%,to{transform:translate(0)}50%{transform:translate(-25px,-25px)}}.word-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;position:relative;z-index:1}.word-text{font-size:clamp(32px,5vw,42px);font-weight:800;margin:0;line-height:1.2;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.15)}.favorite-btn{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:22px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.favorite-btn:hover{background:#ffffff40;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.favorite-btn:active{transform:scale(.95)}.word-phonetic{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.phonetic-text{font-size:18px;opacity:.95;font-family:Lucida Sans Unicode,Arial Unicode MS,sans-serif;font-weight:500}.audio-btn{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:18px;padding:8px 16px;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;display:flex;align-items:center;gap:6px}.audio-btn:hover{background:#ffffff40;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.audio-btn:active{transform:scale(.95)}.card-section{padding:24px 36px;border-bottom:1px solid var(--ll-border, #E2E8F0)}.card-section:last-of-type{border-bottom:none}.section-label{font-size:11px;font-weight:700;color:var(--ll-primary, #2D5BFF);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.definition-section{background:var(--ll-primary-light, #EEF2FF)}.definition-text{font-size:18px;line-height:1.7;color:var(--ll-text-primary, #1E293B);margin:0;font-weight:500}.example-section{background:var(--ll-surface, #ffffff)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.play-example-btn{background:var(--ll-primary-light, #EEF2FF);border:1px solid var(--ll-primary, #2D5BFF);color:var(--ll-primary, #2D5BFF);font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px}.play-example-btn:hover{background:var(--ll-primary, #2D5BFF);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2d5bff40}.example-en{font-size:17px;line-height:1.7;color:var(--ll-text-primary, #1E293B);margin:0 0 12px;font-weight:500;font-style:italic;padding-left:16px;border-left:3px solid var(--ll-primary, #2D5BFF)}.example-cn{font-size:15px;line-height:1.6;color:var(--ll-text-secondary, #64748B);margin:0;padding-left:16px}.card-footer{padding:16px 36px;background:var(--ll-bg, #F8FAFC);border-top:1px solid var(--ll-border, #E2E8F0)}.keyboard-hints{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.hint{font-size:11px;font-weight:600;color:var(--ll-text-secondary, #64748B);background:var(--ll-surface, #ffffff);padding:6px 12px;border-radius:8px;border:1px solid var(--ll-border, #E2E8F0);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;box-shadow:var(--ll-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05));display:flex;align-items:center;gap:6px}.hint:before{content:"⌨️";font-size:10px;opacity:.6}@media(max-width:768px){.compact-word-card{border-radius:16px}.card-header{padding:24px 20px 20px}.word-text{font-size:32px}.card-section{padding:20px}.card-footer{padding:12px 20px}.keyboard-hints{gap:8px}.hint{font-size:10px;padding:5px 10px}}@media(max-width:480px){.word-main{flex-direction:column;gap:12px}.favorite-btn{align-self:flex-end}.word-phonetic{width:100%}.audio-btn{flex:1;justify-content:center}}@media(prefers-reduced-motion:reduce){.compact-word-card,.card-header:before,.favorite-btn,.audio-btn,.play-example-btn{animation:none;transition:none}.compact-word-card:hover{transform:none}}button:focus-visible{outline:2px solid var(--ll-primary, #2D5BFF);outline-offset:2px}.word-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:20px 28px;background:var(--ll-surface, #ffffff);border-radius:16px;box-shadow:var(--ll-shadow-lg, 0 20px 25px -5px rgba(0, 0, 0, .1));border:1px solid var(--ll-border, #E2E8F0);margin:0;gap:12px 16px;max-width:720px;width:100%;animation:controlsSlideIn .5s cubic-bezier(.4,0,.2,1) .1s both}@keyframes controlsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.control-btn{padding:12px 20px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden}.control-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff3;transform:translate(-100%);transition:transform .3s ease}.control-btn:hover:before{transform:translate(0)}.control-btn:disabled{opacity:.35;cursor:not-allowed}.control-btn:disabled:hover{transform:none;box-shadow:none}.control-btn:active:not(:disabled){transform:scale(.96)}.control-btn.secondary{background:var(--ll-bg, #F8FAFC);color:var(--ll-text-primary, #1E293B);border:1.5px solid var(--ll-border, #E2E8F0)}.control-btn.secondary:hover:not(:disabled){background:var(--ll-border, #E2E8F0);transform:translateY(-2px);box-shadow:var(--ll-shadow, 0 4px 6px -1px rgba(0, 0, 0, .1))}.control-btn.primary{background:linear-gradient(135deg,var(--ll-primary, #2D5BFF) 0%,var(--ll-primary-dark, #1E40AF) 100%);color:#fff;box-shadow:0 4px 14px #2d5bff59;padding:14px 28px;font-size:16px}.control-btn.primary:hover:not(:disabled){box-shadow:0 6px 20px #2d5bff73;transform:translateY(-2px)}.control-btn.primary.playing{background:linear-gradient(135deg,var(--ll-accent, #F59E0B) 0%,#D97706 100%);box-shadow:0 4px 14px #f59e0b59}.control-btn.primary.playing:hover:not(:disabled){box-shadow:0 6px 20px #f59e0b73}.control-btn.success{background:linear-gradient(135deg,var(--ll-secondary, #10B981) 0%,#059669 100%);color:#fff;box-shadow:0 4px 14px #10b98159}.control-btn.success:hover:not(:disabled){box-shadow:0 6px 20px #10b98173;transform:translateY(-2px)}.controls-left,.controls-right{display:flex;gap:12px;align-items:center;flex-shrink:0}.controls-center{display:flex;justify-content:center;flex:1 0 auto}.controls-progress{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:8px 16px;background:var(--ll-primary-light, #EEF2FF);border-radius:12px;border:1px solid rgba(45,91,255,.1)}.progress-text{font-size:14px;font-weight:700;color:var(--ll-primary, #2D5BFF);letter-spacing:.02em}@media(max-width:1024px){.word-controls{flex-wrap:wrap;justify-content:center;padding:16px 20px;gap:16px}.controls-left,.controls-right{width:100%;justify-content:center}.controls-center{order:-1;width:100%}.control-btn.primary{padding:14px 32px;font-size:16px}}@media(max-width:768px){.word-controls{padding:16px;gap:12px;flex-direction:column}.controls-left,.controls-center,.controls-right{width:100%}.control-btn{width:100%;justify-content:center;padding:14px 20px}.controls-progress{order:-1;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.word-controls,.control-btn:before{animation:none;transition:none}.control-btn:hover,.control-btn:active{transform:none}}.control-btn:focus-visible{outline:2px solid var(--ll-primary, #2D5BFF);outline-offset:2px}.scene-recommendation{margin-top:40px;padding:0;width:100%}.recommendation-title{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:20px;text-align:left;letter-spacing:-.02em}.recomm-scene-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.recomm-scene-card{background:#fff;border-radius:16px;border:1px solid #E2E8F0;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.recomm-scene-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2d5bff,#10b981);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.recomm-scene-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(45,91,255,.03) 0%,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.recomm-scene-card:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#eef2ff}.recomm-scene-card:hover:before{transform:scaleX(1)}.recomm-scene-card:hover:after{opacity:1}.recomm-scene-name{font-weight:600;font-size:17px;color:#1e293b;margin-bottom:8px;letter-spacing:-.01em;transition:color .3s ease;position:relative;z-index:1}.recomm-scene-card:hover .recomm-scene-name{color:#2d5bff}.recomm-scene-description{font-size:13px;color:#64748b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:42px;position:relative;z-index:1}.loading-indicator{text-align:center;color:#64748b;padding:40px 20px;font-size:14px;background:#fff;border-radius:16px;border:1px solid #E2E8F0}.error-message{text-align:center;color:#e53935;padding:40px 20px;font-size:14px;background:#fff;border-radius:16px;border:1px solid #E2E8F0}@media(max-width:768px){.scene-recommendation{margin-top:24px}.recommendation-title{font-size:18px;margin-bottom:16px}.recomm-scene-cards{grid-template-columns:1fr;gap:12px}.recomm-scene-card{padding:16px}.recomm-scene-name{font-size:16px}.recomm-scene-description{font-size:13px}}@media(min-width:769px)and (max-width:1024px){.recomm-scene-cards{grid-template-columns:repeat(2,1fr);gap:14px}}@media(max-width:480px){.recomm-scene-card{padding:14px}.recomm-scene-name{font-size:15px}}@media(prefers-reduced-motion:reduce){.recomm-scene-card,.recomm-scene-card:before,.recomm-scene-card:after{transition:none;animation:none}.recomm-scene-card:hover{transform:none}}.recomm-scene-card:focus{outline:2px solid #2D5BFF;outline-offset:2px}.inline-word-conversation{margin:0;border:1px solid var(--ll-border, #e5e8ef);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:var(--ll-surface, #fff);box-shadow:var(--ll-shadow, 0 8px 24px rgba(31, 42, 75, .08))}.inline-conversation-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;background:var(--ll-surface, #fff);border-bottom:1px solid var(--ll-border, #e5e8ef)}.inline-conversation-header h4{display:flex;align-items:center;gap:9px;margin:0;font-size:15px;font-weight:700;color:var(--ll-text-primary, #171b2a)}.inline-conversation-header h4 svg{display:grid;place-items:center;width:28px;height:28px;padding:6px;border-radius:8px;background:var(--ll-primary-light, #efedff);color:var(--ll-primary, #665cf2);font-size:14px;box-sizing:border-box}.inline-conversation-actions{display:flex;gap:8px}.mobile-sticy-conversation-header{position:sticky;top:0;z-index:100}.inline-conversation-actions .btn-small{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 12px;font-size:12.5px;font-weight:600;border-radius:8px;background:var(--ll-primary-light, #efedff);color:var(--ll-primary, #665cf2);border:1px solid transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.inline-conversation-actions .btn-small:hover{background:var(--ll-primary, #665cf2);color:#fff}.inline-conversation-actions .btn-small:disabled{opacity:.45;cursor:not-allowed}.inline-conversation-actions .btn-small:disabled:hover{background:var(--ll-primary-light, #efedff);color:var(--ll-primary, #665cf2)}.inline-messages{max-height:60vh;overflow-y:auto;padding:20px 18px;display:flex;flex-direction:column;gap:14px;background:var(--ll-bg, #f6f7fb)}.inline-message{display:flex;gap:10px;animation:msg-fadeIn .3s ease-in-out}@keyframes msg-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.inline-message.system{align-self:center;max-width:92%;padding:10px 18px;border-radius:12px;background:var(--ll-surface, #fff);border:1px dashed var(--ll-border, #e5e8ef);color:var(--ll-text-secondary, #70798c);font-size:12.5px;line-height:1.6;text-align:center}.inline-message.user{align-self:flex-end;max-width:85%;flex-direction:row-reverse}.inline-message.ai{align-self:flex-start;max-width:85%}.inline-message.loading{align-self:center;padding:12px 20px;border-radius:12px;background:var(--ll-surface, #fff);border:1px solid var(--ll-border, #e5e8ef)}.inline-message.playing .content{box-shadow:0 0 0 2px var(--ll-primary, #665cf2)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--ll-primary-light, #efedff);color:var(--ll-primary, #665cf2);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;border:1px solid var(--ll-border, #e5e8ef)}.inline-message.user .avatar{background:var(--ll-primary, #665cf2);color:#fff;border-color:transparent}.content-wrapper{flex:1;min-width:0}.speaker{font-size:11.5px;font-weight:700;margin-bottom:5px;color:var(--ll-text-muted, #9aa2b2);letter-spacing:.02em}.inline-message.user .speaker{text-align:right}.content{line-height:1.6;padding:11px 15px;border-radius:4px 16px 16px;font-size:14.5px;background:var(--ll-surface, #fff);border:1px solid var(--ll-border, #e5e8ef);color:var(--ll-text-primary, #171b2a);transition:box-shadow .25s ease}.inline-message.user .content{border-radius:16px 4px 16px 16px;background:linear-gradient(135deg,var(--ll-primary, #665cf2),var(--ll-primary-dark, #4f46d8));border-color:transparent;color:#fff}.content strong{color:var(--ll-primary, #665cf2);font-weight:700}.inline-message.user .content strong{color:#ffe08a}.message-cn{display:block;font-size:12.5px;color:var(--ll-text-muted, #9aa2b2);margin-top:6px;padding-top:6px;border-top:1px dashed var(--ll-border, #e5e8ef);line-height:1.5}.inline-message.user .message-cn{color:#ffffffd1;border-top-color:#ffffff47}.message-cn strong{color:inherit;font-weight:700}.typing-cursor{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--ll-primary, #665cf2);animation:blink-cursor .9s steps(2) infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.inline-message.typing .content:after{content:""}.message-cn-toggle{margin-top:8px}.msg-cn-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid var(--ll-border, #e5e8ef);border-radius:6px;background:transparent;color:var(--ll-text-muted, #9aa2b2);font-size:11.5px;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease}.msg-cn-btn:hover{border-color:var(--ll-primary, #665cf2);color:var(--ll-primary, #665cf2)}.inline-message.user .msg-cn-btn{border-color:#ffffff59;color:#ffffffd9}.inline-message.user .msg-cn-btn:hover{border-color:#ffffffb3;color:#fff}.inline-conversation-actions .btn-skip{background:transparent;color:var(--ll-text-muted, #9aa2b2);border:1px solid var(--ll-border, #e5e8ef)}.inline-conversation-actions .btn-skip:hover{background:var(--ll-primary-light, #efedff);color:var(--ll-primary, #665cf2);border-color:var(--ll-primary, #665cf2)}@media(prefers-reduced-motion:reduce){.inline-message{animation:none}.typing-cursor{animation:none;opacity:.4}.inline-conversation-actions .btn-small,.content,.msg-cn-btn{transition:none}}.inline-word-article{margin:0;border:1px solid var(--ll-border, #e5e8ef);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:var(--ll-surface, #fff);box-shadow:var(--ll-shadow, 0 8px 24px rgba(31, 42, 75, .08))}.inline-article-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;background:var(--ll-surface, #fff);border-bottom:1px solid var(--ll-border, #e5e8ef)}.mobile-sticy-article-header{position:sticky;top:0;z-index:100}.inline-article-header h4{display:flex;align-items:center;gap:9px;margin:0;font-size:15px;font-weight:700;color:var(--ll-text-primary, #171b2a)}.inline-article-header h4 svg{display:grid;place-items:center;width:28px;height:28px;padding:6px;border-radius:8px;background:var(--ll-primary-light, #efedff);color:var(--ll-primary, #665cf2);font-size:14px;box-sizing:border-box}.inline-article-actions{display:flex;gap:8px}.inline-article-actions .btn-small{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 12px;font-size:12.5px;font-weight:600;border-radius:8px;background:var(--ll-primary-light, #efedff);color:var(--ll-primary, #665cf2);border:1px solid transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.inline-article-actions .btn-small:hover{background:var(--ll-primary, #665cf2);color:#fff}.inline-article-actions .btn-small:disabled{opacity:.45;cursor:not-allowed}.inline-article-actions .btn-small:disabled:hover{background:var(--ll-primary-light, #efedff);color:var(--ll-primary, #665cf2)}.inline-article-content{overflow-y:auto;padding:28px 32px 32px;background:var(--ll-surface, #fff)}.inline-article-title{margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--ll-border, #e5e8ef);color:var(--ll-text-primary, #171b2a);font-size:21px;font-weight:750;line-height:1.4;letter-spacing:-.01em}.title-cn{display:block;margin-top:5px;color:var(--ll-text-muted, #9aa2b2);font-size:13.5px;font-weight:500;letter-spacing:0}.inline-article-text{line-height:2;color:var(--ll-text-primary, #171b2a);font-size:15.5px}.inline-article-text strong{color:var(--ll-primary, #665cf2);font-weight:700}.article-paragraph{margin-bottom:18px}.article-paragraph:last-child{margin-bottom:0}.article-sentence{display:inline;vertical-align:top;margin-right:6px}.sentence-en{display:inline}.sentence-highlight{background:var(--ll-primary-light, #efedff);box-shadow:0 0 0 3px var(--ll-primary-light, #efedff);border-radius:4px;transition:background-color .3s ease,box-shadow .3s ease}.sentence-cn{display:block;margin:2px 0 10px;color:var(--ll-text-muted, #9aa2b2);font-size:13px;line-height:1.6;min-width:1em}.sentence-cn strong{color:var(--ll-text-secondary, #70798c)}.inline-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 0}@media(max-width:768px){.inline-article-content{padding:20px 18px 24px}.inline-article-title{font-size:18px}.inline-article-text{font-size:15px;line-height:1.9}}@media(prefers-reduced-motion:reduce){.inline-article-actions .btn-small,.sentence-highlight{transition:none}}.practice-panel{background:#fff;border:1px solid #e3ebe5;border-radius:18px;padding:28px;box-shadow:0 12px 34px #19492f14}.practice-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.practice-head h2{margin:8px 0 16px;color:#183528;font-size:24px}.practice-progress{height:7px;background:#edf3ef;border-radius:99px;overflow:hidden}.practice-progress span{display:block;height:100%;background:#33a66e;transition:width .25s ease}.practice-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.practice-options button{min-height:58px;padding:14px 16px;text-align:left;border:1px solid #d8e5dc;border-radius:12px;background:#f9fbfa;color:#254437;cursor:pointer;font-size:15px}.practice-options button:hover:not(.muted){border-color:#33a66e;background:#f0faf5}.practice-options .correct{border-color:#35a66e;background:#e9f8f0;color:#176540}.practice-options .wrong{border-color:#df6b6b;background:#fff0f0;color:#a43a3a}.practice-options .muted{opacity:.55}.practice-feedback{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;border-radius:12px;background:#f2f8f4}.practice-feedback span{flex:1 1 260px;color:#5b6e63}.practice-feedback.wrong{background:#fff5f3}.practice-primary{border:0;border-radius:10px;padding:11px 18px;background:#23875b;color:#fff;cursor:pointer;font-weight:700}.practice-result{text-align:center;padding:54px 28px}.practice-result-icon{font-size:48px}.practice-result h2{color:#183528}.practice-result-tip{color:#6c7d73;margin-bottom:24px}.practice-empty{padding:40px;text-align:center;color:#65776d}@media(max-width:640px){.practice-panel{padding:20px}.practice-options{grid-template-columns:1fr}.practice-head h2{font-size:20px}}.word-content-area{display:flex;flex-direction:column;gap:24px;padding:24px;max-width:800px;margin:0 auto;width:100%}.word-content-area>*{width:100%}@media(max-width:768px){.word-content-area{padding:16px;gap:16px}}.membership-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.membership-modal.visible{opacity:1;visibility:visible}.membership-container{background-color:#fff;border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.membership-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 20px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border-radius:16px 16px 0 0}.membership-header h3{margin:0 0 6px;font-size:1.6rem;font-weight:800}.header-subtitle{margin:0;font-size:.95rem;opacity:.95}.close-btn{background:#fff3;border:none;color:#fff;font-size:1.8rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.limited-offer-banner{background:linear-gradient(90deg,#fff7ed,#fef3c7);border-bottom:1px solid #fbbf24;padding:12px 24px}.offer-content{display:flex;align-items:center;gap:12px;max-width:400px;margin:0 auto}.offer-icon{font-size:1.2rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.offer-text{font-weight:600;color:#92400e;flex:1}.countdown{font-family:Courier New,monospace;font-weight:700;font-size:1.1rem;color:#dc2626;background:#fff;padding:4px 10px;border-radius:6px;box-shadow:0 1px 3px #0000001a}.membership-content{padding:24px}.benefits-section{margin-bottom:28px}.benefits-section h4{font-size:1.3rem;margin-bottom:16px;color:#1f2937;font-weight:700}.benefits-list{list-style-type:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.benefits-list li{padding:12px;display:flex;align-items:flex-start;gap:10px;background:#f9fafb;border-radius:10px;transition:all .2s}.benefits-list li:hover{background:#f3f4f6;transform:translateY(-2px)}.benefit-icon{font-size:1.4rem;flex-shrink:0;line-height:1}.benefit-content{display:flex;flex-direction:column;gap:2px}.benefit-content strong{color:#374151;font-size:.95rem}.benefit-content span{color:#6b7280;font-size:.85rem;line-height:1.4}.plans-section{margin-bottom:24px}.plans-section h4{font-size:1.3rem;margin-bottom:16px;color:#1f2937;font-weight:700}.plan-options{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.plan-card{flex:1;min-width:190px;border:2px solid #e5e7eb;border-radius:14px;padding:20px 16px;text-align:center;cursor:pointer;transition:all .3s;position:relative;background-color:#fff}.plan-card:hover{border-color:#f59e0b;transform:translateY(-4px);box-shadow:0 8px 20px #f59e0b26}.plan-card.selected{border-color:#f59e0b;background:linear-gradient(180deg,#fffbeb,#fef3c7);box-shadow:0 8px 24px #f59e0b40;transform:translateY(-6px)}.plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #00000026}.plan-badge.popular{background:linear-gradient(135deg,#f59e0b,#d97706)}.plan-badge.best-value{background:linear-gradient(135deg,#ef4444,#dc2626)}.plan-name{font-weight:700;margin-bottom:12px;color:#1f2937;font-size:1rem}.plan-price{font-size:2rem;font-weight:800;color:#f59e0b;margin-bottom:6px;line-height:1}.plan-card.selected .plan-price{color:#d97706}.currency{font-size:1rem;vertical-align:super;margin-right:2px}.period{font-size:.85rem;color:#6b7280;font-weight:500}.plan-original-price{text-decoration:line-through;color:#9ca3af;font-size:.85rem;margin-bottom:6px}.plan-savings{color:#dc2626;font-weight:700;font-size:.85rem;margin-bottom:8px;background:#fef2f2;padding:3px 8px;border-radius:6px;display:inline-block}.plan-description{font-size:.85rem;color:#6b7280;margin-bottom:8px}.plan-check{position:absolute;bottom:12px;right:12px;width:24px;height:24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px #f59e0b66}.payment-section{text-align:center;padding-top:16px;border-top:1px solid #e5e7eb}.payment-btn{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border:none;border-radius:28px;padding:16px 40px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .3s;width:100%;max-width:350px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #f59e0b66}.payment-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b80}.payment-btn.highlight{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 20px #ef444480}.payment-btn.highlight:hover{box-shadow:0 6px 24px #ef444499}.payment-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:none}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-badge{background:#ffffff40;padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:600;box-shadow:0 1px 4px #0000001a}.payment-note{font-size:.85rem;color:#6b7280;line-height:1.5}.payment-note p{margin:0}@media(max-width:768px){.membership-container{width:95%;max-height:92vh;border-radius:12px}.membership-header{padding:20px;border-radius:12px 12px 0 0}.membership-header h3{font-size:1.3rem}.membership-content{padding:20px}.benefits-list{grid-template-columns:1fr;gap:10px}.plan-options{flex-direction:column}.plan-card{width:100%;margin-bottom:0;min-width:auto}.payment-btn{max-width:100%;padding:14px 32px;font-size:1.05rem}}.settings-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;display:none}.settings-backdrop.active{display:block}.settings-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:80vh;overflow-y:auto;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 12px #00000026;z-index:1000;display:none}.settings-overlay.active{display:block}.close-settings{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#666}.card{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000001a}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border-color)}.setting-label{font-weight:700}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.btn-danger{background-color:#ff4d4f;color:#fff}.btn-danger:hover{background-color:#ff7875}.config-input{padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.select-control{height:36px;min-width:120px}.time-control{height:36px}.help-text{font-size:.9rem;color:#666;margin-top:12px}.help-text a{color:var(--primary-color);text-decoration:none;transition:color .3s}.help-text a:hover{color:#2980b9;text-decoration:underline}.flash-message{margin:15px 0;padding:12px 15px;border-radius:6px;text-align:center;font-size:14px;animation:fadeIn .3s ease;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;box-shadow:0 3px 10px #0003;max-width:80%}.flash-message.success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.flash-message.error{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:576px){.settings-overlay{width:95%;padding:15px}.setting-item{flex-direction:column;align-items:flex-start}.setting-control{margin-top:5px;width:100%}}.pc-user-info-section{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f5f5f5;border-radius:8px;margin-bottom:20px}.pc-user-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:12px;border:2px solid #fff;box-shadow:0 2px 8px #0000001a}.pc-user-avatar-img{width:100%;height:100%;object-fit:cover}.pc-user-name{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.pc-user-badge{font-size:14px;padding:4px 12px;border-radius:16px;background-color:#f0f0f0;color:#666}.pc-user-badge.is-vip{background-color:#fff8e6;color:#ff9500}.pc-vip-btn{background-color:#ff9500;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer}.mobile-container{max-width:480px;margin:0 auto;background-color:#fff;min-height:100vh;position:relative;overflow:hidden;box-shadow:0 0 20px #0000001a}@media(max-width:480px){.mobile-container{max-width:100%;box-shadow:none}}.text-center{text-align:center}:root{--rs-primary: #2D5BFF;--rs-primary-dark: #1E40AF;--rs-primary-light: #EEF2FF;--rs-secondary: #10B981;--rs-surface: #FFFFFF;--rs-border: #E2E8F0;--rs-bg: #F8FAFC;--rs-text-primary: #1E293B;--rs-text-secondary: #64748B;--rs-text-muted: #94A3B8;--rs-shadow: 0 2px 8px rgba(0, 0, 0, .08);--rs-shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--rs-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--rs-space-xs: 4px;--rs-space-sm: 8px;--rs-space-md: 12px;--rs-space-lg: 16px;--rs-radius: 12px;--rs-radius-lg: 16px}.recent-scenes-scroll{display:flex;gap:var(--rs-space-lg);overflow-x:auto;padding:var(--rs-space-md) var(--rs-space-sm);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--rs-border) transparent;scroll-behavior:smooth}.recent-scenes-scroll::-webkit-scrollbar{height:6px}.recent-scenes-scroll::-webkit-scrollbar-track{background:transparent}.recent-scenes-scroll::-webkit-scrollbar-thumb{background:var(--rs-border);border-radius:3px}.recent-scenes-scroll::-webkit-scrollbar-thumb:hover{background:var(--rs-text-muted)}.recent-scene-card{min-width:180px;max-width:200px;background:var(--rs-surface);border-radius:var(--rs-radius-lg);border:1px solid var(--rs-border);padding:var(--rs-space-lg);text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--rs-shadow);position:relative;overflow:hidden}.recent-scene-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--rs-primary) 0%,var(--rs-secondary) 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.recent-scene-card:hover{transform:translateY(-4px);box-shadow:var(--rs-shadow-lg);border-color:var(--rs-primary-light)}.recent-scene-card:hover:before{transform:scaleX(1)}.scene-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--rs-primary-light) 0%,#DBEAFE 100%);display:flex;align-items:center;justify-content:center;margin:0 auto var(--rs-space-md);font-size:28px;transition:all .3s ease;box-shadow:0 2px 8px #2d5bff26}.recent-scene-card:hover .scene-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #2d5bff40}.scene-icon-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.scene-title{margin:var(--rs-space-md) 0 var(--rs-space-sm) 0;font-size:15px;font-weight:600;color:var(--rs-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;transition:color .3s ease}.recent-scene-card:hover .scene-title{color:var(--rs-primary)}.scene-progress{color:var(--rs-text-secondary);font-size:12px;font-weight:500}.recent-scenes-empty{text-align:center;padding:var(--rs-space-lg);color:var(--rs-text-muted);font-size:14px}.expand-icon{font-size:12px;transition:transform .3s ease;color:var(--rs-text-secondary)}.recent-scenes-list{max-height:300px;overflow-y:auto;animation:fadeInDown .3s ease-out}.recent-scene-item{display:flex;justify-content:space-between;align-items:center;padding:var(--rs-space-lg) var(--rs-space-md);border-bottom:1px solid var(--rs-border);transition:all .2s ease;cursor:pointer}.recent-scene-item:last-child{border-bottom:none}.recent-scene-item:hover{background:linear-gradient(90deg,var(--rs-bg) 0%,transparent 100%)}.scene-info{flex:1}.scene-name{font-weight:600;color:var(--rs-text-primary);margin-bottom:var(--rs-space-xs);font-size:14px}.scene-stats{display:flex;gap:var(--rs-space-md);font-size:12px;color:var(--rs-text-secondary)}.word-count,.last-learned{display:flex;align-items:center;gap:var(--rs-space-xs)}.word-count:before{content:"📚"}.last-learned:before{content:"🕒"}.continue-btn{background:linear-gradient(135deg,var(--rs-primary) 0%,var(--rs-primary-dark) 100%);color:#fff;border:none;border-radius:20px;padding:var(--rs-space-sm) var(--rs-space-lg);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #2d5bff40}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2d5bff59}.continue-btn:active{transform:translateY(0)}.progress-container{width:100%;height:4px;background:var(--rs-bg);border-radius:2px;margin-top:var(--rs-space-md);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--rs-primary) 0%,var(--rs-secondary) 100%);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}.premium-banner{display:flex;justify-content:space-between;align-items:center;padding:var(--rs-space-lg);background:linear-gradient(135deg,var(--rs-accent, #F59E0B) 0%,#EF4444 100%);color:#fff;margin:var(--rs-space-md);border-radius:var(--rs-radius-lg);box-shadow:var(--rs-shadow-md);position:relative;overflow:hidden}.premium-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.premium-info{flex:1;position:relative;z-index:1}.premium-title{font-weight:700;font-size:15px;margin-bottom:var(--rs-space-xs)}.premium-features{font-size:12px;opacity:.95;line-height:1.4}.premium-btn{background:#fff;color:#ef4444;border:none;border-radius:20px;padding:var(--rs-space-sm) var(--rs-space-lg);font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:var(--rs-shadow);position:relative;z-index:1}.premium-btn:hover{transform:translateY(-2px);box-shadow:var(--rs-shadow-md)}.premium-btn:active{transform:translateY(0)}@media(max-width:768px){.recent-scenes-scroll{gap:var(--rs-space-md);padding:var(--rs-space-sm)}.recent-scene-card{min-width:160px;padding:var(--rs-space-md)}.scene-icon{width:48px;height:48px;font-size:24px}.scene-title{font-size:14px}.scene-progress{font-size:11px}.recent-scene-item{padding:var(--rs-space-md)}.scene-name{font-size:13px}.continue-btn,.premium-btn{padding:6px var(--rs-space-md);font-size:12px}.premium-title{font-size:14px}.premium-features{font-size:11px}}@media(max-width:480px){.recent-scene-card{min-width:140px}.scene-icon{width:44px;height:44px;font-size:22px}.premium-banner{flex-direction:column;gap:var(--rs-space-md);text-align:center}}@media(prefers-reduced-motion:reduce){.recent-scene-card,.scene-icon,.continue-btn,.premium-btn,.expand-icon{transition:none;animation:none}.recent-scene-card:hover{transform:none}}.continue-btn:focus,.premium-btn:focus{outline:2px solid var(--rs-primary);outline-offset:2px}.welcome-section{padding:0 15px;margin-bottom:15px}.welcome-title{margin-bottom:5px;font-size:22px;font-weight:700;color:var(--text-dark, #333)}.welcome-subtitle{color:var(--text-medium, #666);margin-top:0;font-size:16px}.streak-card{background-color:var(--primary-light, #f0f4ff);padding:15px;border-radius:10px;display:flex;align-items:center;margin-bottom:20px}.streak-icon{width:30px;height:30px;border-radius:50%;background-color:var(--primary-color, #4a6bdf);color:#fff;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:16px}.streak-info{flex:1}.streak-count{color:var(--primary-color, #4a6bdf);font-weight:700;font-size:16px}.streak-reward{font-size:14px;color:var(--text-medium, #666)}.scene-waterfall{padding:10px;-webkit-overflow-scrolling:touch}.waterfall-container{display:flex;gap:8px;margin-top:10px}.waterfall-column{flex:1;display:flex;flex-direction:column;gap:8px}.scene-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease;cursor:pointer;display:flex;flex-direction:column}.scene-card:hover{transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.scene-image{width:100%;height:120px;overflow:hidden;background-color:#f5f5f5}.scene-image img{width:100%;height:100%;object-fit:cover}.scene-info{padding:8px;flex:1;display:flex;flex-direction:column;align-items:flex-start}.scene-info h3{margin:0 0 4px;font-size:14px;color:#333;font-weight:500;text-align:left;width:100%}.scene-info p{margin:0;font-size:12px;color:#666;text-align:left;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.loading-more{display:flex;align-items:center;justify-content:center;padding:15px;color:#666;gap:8px}.loading-spinner{width:18px;height:18px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-more-scenes{text-align:center;padding:15px;color:#999;font-size:13px}:root{--mh-primary: #2D5BFF;--mh-primary-dark: #1E40AF;--mh-primary-light: #EEF2FF;--mh-secondary: #10B981;--mh-accent: #F59E0B;--mh-bg: #F8FAFC;--mh-surface: #FFFFFF;--mh-border: #E2E8F0;--mh-text-primary: #1E293B;--mh-text-secondary: #64748B;--mh-text-muted: #94A3B8;--mh-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--mh-shadow: 0 2px 8px rgba(0, 0, 0, .08);--mh-shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--mh-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--mh-space-xs: 4px;--mh-space-sm: 8px;--mh-space-md: 12px;--mh-space-lg: 16px;--mh-space-xl: 24px;--mh-radius-sm: 8px;--mh-radius: 12px;--mh-radius-lg: 16px;--mh-radius-xl: 20px}.mobile-home-content{padding:var(--mh-space-sm);padding-bottom:80px;background:linear-gradient(180deg,var(--mh-bg) 0%,#F1F5F9 100%);min-height:100vh}.section-title{font-size:18px;font-weight:700;color:var(--mh-text-primary);margin-top:0;margin-bottom:var(--mh-space-md);padding-left:var(--mh-space-sm);display:flex;align-items:center;gap:var(--mh-space-sm);letter-spacing:-.01em}.section-title:before{content:"";width:3px;height:18px;background:linear-gradient(180deg,var(--mh-primary) 0%,var(--mh-secondary) 100%);border-radius:2px}.category-icon{font-size:20px;margin-right:var(--mh-space-xs);display:flex;align-items:center;justify-content:center;width:28px;height:28px}.search-section{margin-bottom:var(--mh-space-lg);animation:fadeInDown .5s ease-out}.recent-section{margin-bottom:var(--mh-space-lg);padding:var(--mh-space-md);border-radius:var(--mh-radius-lg);background:var(--mh-surface);box-shadow:var(--mh-shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out both;border:1px solid var(--mh-border)}.recent-section:hover{box-shadow:var(--mh-shadow-md);transform:translateY(-2px)}.recent-section:nth-child(4){animation-delay:.1s}.recent-section:nth-child(5){animation-delay:.2s}.recent-section:nth-child(6){animation-delay:.3s}.info-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--mh-radius-lg);padding:var(--mh-space-md);margin-bottom:var(--mh-space-lg);box-shadow:var(--mh-shadow);border:1px solid #FCD34D;position:relative;overflow:hidden;animation:slideInRight .5s ease-out}.info-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mh-accent) 0%,#FBBF24 100%)}.banner-content{display:flex;align-items:center;flex:1;gap:var(--mh-space-sm)}.banner-icon{font-size:20px;flex-shrink:0}.banner-text{font-size:13px;font-weight:600;color:#92400e;line-height:1.4}.banner-close{background:#fff9;border:none;font-size:20px;color:#92400e;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;flex-shrink:0;transition:all .2s ease}.banner-close:hover{background:#fff;transform:scale(1.1)}.banner-close:active{transform:scale(.95)}.empty-state{text-align:center;padding:var(--mh-space-xl) var(--mh-space-md)}.empty-state p{color:var(--mh-text-muted);font-size:13px;margin:0;line-height:1.6}.new-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;padding:2px 6px;border-radius:12px;margin-left:var(--mh-space-sm);letter-spacing:.02em;box-shadow:0 2px 4px #ef44444d}.stats-section{margin-bottom:var(--mh-space-lg);animation:fadeIn .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:375px){.mobile-home-content{padding:var(--mh-space-xs)}.section-title{font-size:16px;padding-left:var(--mh-space-xs)}.recent-section{padding:var(--mh-space-sm);margin-bottom:var(--mh-space-md)}.banner-text{font-size:12px}}@media(min-width:480px){.mobile-home-content{padding:var(--mh-space-md)}.recent-section{padding:var(--mh-space-lg)}}@media(prefers-color-scheme:dark){:root{--mh-bg: #0F172A;--mh-surface: #1E293B;--mh-border: #334155;--mh-text-primary: #F1F5F9;--mh-text-secondary: #CBD5E1;--mh-text-muted: #64748B}.info-banner{background:linear-gradient(135deg,#78350f,#92400e);border-color:#b45309}.banner-text{color:#fef3c7}.banner-close{background:#1e293b99;color:#fef3c7}.banner-close:hover{background:#1e293b}}@media(prefers-reduced-motion:reduce){.recent-section,.info-banner,.search-section,.stats-section{animation:none}.recent-section:hover{transform:none}}.banner-close:focus{outline:2px solid var(--mh-accent);outline-offset:2px}@supports (padding: max(0px)){.mobile-home-content{padding-left:max(var(--mh-space-sm),env(safe-area-inset-left));padding-right:max(var(--mh-space-sm),env(safe-area-inset-right));padding-bottom:max(80px,env(safe-area-inset-bottom))}}.mobile-home-content{padding-top:14px}.word-card{background:#fff;border-radius:10px;border:1px solid var(--border-color, #e0e0e0);padding:30px;margin:20px 0;text-align:center;box-shadow:0 4px 6px #0000001a}.word-text{font-size:40px;font-weight:700;color:var(--text-dark, #333);margin-bottom:10px}.word-pronunciation{display:flex;justify-content:center;align-items:center;color:var(--text-medium, #666);margin-bottom:20px}.sound-icon{margin-left:10px;cursor:pointer;font-size:12px}.word-divider{border:none;height:1px;background-color:var(--border-color, #e0e0e0);margin:20px 0}.word-meaning{font-size:18px;color:var(--text-dark, #333);margin-bottom:15px}.word-example{color:var(--primary-color, #4a6bdf);font-style:italic;margin-bottom:5px}.word-translation{color:var(--text-medium, #666);font-style:italic}@media(max-width:768px){.word-card{padding:20px;margin:15px 0}.word{font-size:2.2em;margin-bottom:10px}.phonetic{font-size:1em;margin-bottom:15px}.definition{font-size:1.2em;line-height:1.5}.example{margin-top:15px;font-size:.95em}.example-chinese{font-size:.9em;margin-bottom:10px}}@media(max-width:480px){.word-card{padding:15px;margin:10px 0}.word{font-size:1.8em;margin-bottom:8px}.phonetic{font-size:.9em;margin-bottom:12px}.definition{font-size:1.1em;line-height:1.4}.example{margin-top:12px;font-size:.9em}.example-chinese{font-size:.85em;margin-bottom:8px}}.progress-bar{width:100%;height:8px;background:var(--border-color, #e0e0e0);border-radius:4px;margin:20px 0}.progress-fill{height:100%;background:var(--primary-color, #4a6bdf);border-radius:4px;transition:width .3s}.controls{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.btn{display:inline-block;padding:10px 20px;border-radius:30px;text-decoration:none;text-align:center;font-size:16px;cursor:pointer;border:none;transition:all .3s ease}.btn-primary{background-color:var(--primary-color, #4a6bdf);color:#fff}.btn-outline{background-color:transparent;border:1px solid var(--primary-color, #4a6bdf);color:var(--primary-color, #4a6bdf)}.btn-danger{background-color:var(--danger-color, #ff6b6b);color:#fff}.play-button{width:50px;height:50px;border-radius:50%;background-color:var(--primary-light, #f0f4ff);color:var(--primary-color, #4a6bdf);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.play-button:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.play-button.pause{font-size:16px}.learning-progress{text-align:center;color:var(--text-medium, #666);margin:20px 0;font-size:14px}.function-buttons-container{padding:0 15px}.function-divider{border:none;height:1px;background-color:var(--border-color, #e0e0e0);margin:20px 0}.function-buttons{display:flex;justify-content:space-between;gap:10px}.function-buttons .btn{flex:1}.mobile-content{padding:15px 15px 20px;overflow-y:auto;flex:1}.mobile-content.full-page{padding:10px;display:flex;flex-direction:column;height:calc(100vh - 60px)}.inline-marketing-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-medium);padding:20px}.word-card-container{margin-bottom:20px}.progress-container,.controls-container{padding:0 15px;margin-bottom:20px}.mobile-learning-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 15px 20px}.mobile-learning-actions button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dedafc;border-radius:10px;padding:12px;background:#fff;color:#5149bd;font-weight:700}.mobile-learning-actions .mastered{background:#efedff;border-color:#bfb8ff}.mobile-learning-actions .quiz{grid-column:1 / -1;background:#665cf2;color:#fff;border-color:#665cf2}.word-card{background-color:#fff;border-radius:10px;border:1px solid var(--border-color, #e0e0e0);padding:30px;margin-top:0;box-shadow:0 4px 6px #0000001a}.word-card .word{font-size:24px;font-weight:700;color:var(--text-dark, #333);margin-bottom:10px}.word-card .phonetic{display:flex;justify-content:center;align-items:center;color:var(--text-medium, #666);margin-bottom:20px}.sound-icon{margin-left:10px;cursor:pointer;font-size:18px}.word-card .definition{font-size:18px;color:var(--text-dark, #333);margin-bottom:15px}.word-card .example{color:var(--primary-color, #4a6bdf);font-style:italic;margin-bottom:5px}.word-card .example-chinese{color:var(--text-medium, #666);font-style:italic}@media(max-width:480px){.word-card{padding:20px}.word-card .word{font-size:22px}.word-card .definition{font-size:16px}}.fetch-status{background-color:#f5f5f5;border-radius:8px;padding:12px;margin:15px 0;display:none}.fetch-status.active{display:block}.fetch-status .progress-small{height:6px;background-color:#e0e0e0;border-radius:3px;margin-top:8px;overflow:hidden}.fetch-status .progress-small-bar{height:100%;background-color:var(--primary-color, #4a6bdf);border-radius:3px;transition:width .3s ease}.fetch-status .status-text,.fetch-status .status-count{font-size:14px;color:var(--text-medium, #666)}.mobile-header{display:flex;align-items:center;padding:12px 16px;background-color:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100;position:relative}.header-title{position:absolute;left:50%;transform:translate(-50%);font-size:16px;font-weight:500}.return-btn{background:none;border:none;padding:8px;color:#333;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:4px;z-index:1}.return-btn:hover{color:#666}.mobile-status-bar{height:44px;background-color:var(--primary-color, #4a6bdf)}.mobile-back-button{cursor:pointer;margin-right:10px}.mobile-back-icon{color:#fff;font-size:20px;display:flex;align-items:center}.mobile-settings{font-size:20px;cursor:pointer}.mobile-scene-info{background-color:var(--primary-light, #f0f4ff);padding:15px;color:var(--primary-color, #4a6bdf);font-weight:500}.learning-stats-container{width:100%;max-width:800px;margin:15px auto;background:#fff;border-radius:12px;box-shadow:0 3px 10px #00000014;overflow:hidden;transition:all .3s ease}.stats-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;cursor:pointer}.stats-header h3{margin:0;font-size:1.2rem;font-weight:600}.expand-icon{font-size:.8rem;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.stats-content{padding:20px;animation:fadeIn .3s ease}.stats-summary{display:flex;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.stat-item{flex:1;min-width:80px;text-align:center;padding:10px;border-radius:8px;background:#f8f9fa;margin:0 5px 10px;box-shadow:0 2px 5px #0000000d}.stat-value{font-size:1.8rem;font-weight:700;color:#2c3e50;margin-bottom:5px}.stat-label{font-size:.9rem;color:#7f8c8d}.achievements-section{margin-top:25px;border-top:1px solid #f0f0f0;padding-top:20px}.achievements-section h4{margin:0 0 15px;display:flex;align-items:center;color:#2c3e50}.achievement-count{background:#f39c12;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;margin-left:10px}.achievements-list{display:flex;flex-wrap:wrap;gap:10px}.achievement-item{display:flex;align-items:center;padding:10px;background:#f8f9fa;border-radius:8px;width:calc(50% - 5px);box-shadow:0 2px 5px #0000000d}.achievement-icon{font-size:1.5rem;margin-right:10px}.achievement-info{flex:1}.achievement-name{font-weight:600;color:#2c3e50;margin-bottom:2px}.achievement-description{font-size:.8rem;color:#7f8c8d}.premium-teaser{margin-top:25px;padding:15px;background:linear-gradient(135deg,#f6d365,#fda085);border-radius:10px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.premium-badge{position:absolute;top:10px;right:10px;background:#e74c3c;color:#fff;padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:700;transform:rotate(5deg);box-shadow:0 2px 5px #0003}.premium-message{text-align:center;margin-bottom:15px}.premium-message p{font-weight:600;color:#2c3e50;margin-bottom:10px}.premium-message ul{list-style-type:none;padding:0;margin:0;text-align:left;display:inline-block}.premium-message li{padding:3px 0;color:#2c3e50;font-size:.9rem;display:flex;align-items:center}.premium-message li:before{content:"✓";color:#27ae60;margin-right:5px;font-weight:700}.upgrade-btn{background:#e74c3c;color:#fff;border:none;border-radius:25px;padding:10px 25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #e74c3c4d}.upgrade-btn:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 6px 15px #e74c3c66}@media(max-width:768px){.stats-header{padding:12px 15px}.stats-content{padding:15px}.stat-value{font-size:1.5rem}.achievement-item{width:100%}.premium-teaser{padding:12px}.upgrade-btn{padding:8px 20px;font-size:.9rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.premium-teaser{animation:pulse 2s infinite}.mobile-profile-content{padding:15px 15px 80px;background-color:var(--bg-color, #f8f9fa)}.section-title{font-size:18px;font-weight:700;color:var(--text-dark, #333);margin-bottom:15px;padding-left:5px}.user-info-section{display:flex;flex-direction:column;align-items:center;margin-bottom:25px;padding:20px;background-color:var(--primary-light, #f0f4ff);border-radius:10px;box-shadow:0 2px 8px #0000000d}.user-avatar{width:80px;height:80px;border-radius:50%;background-color:var(--primary-color, #4a6bdf);color:#fff;display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:15px;box-shadow:0 4px 8px #0000001a}.user-name{font-size:20px;font-weight:700;margin-bottom:5px}.user-badge{background-color:var(--primary-color, #4a6bdf);color:#fff;padding:5px 15px;border-radius:20px;font-size:14px;margin-top:5px}.stats-section,.membership-section{margin-bottom:25px}.membership-card{background-color:#fff;border-radius:10px;border:1px solid var(--border-color, #e0e0e0);padding:20px;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.membership-card h3{font-size:18px;text-align:center;margin-bottom:15px;color:var(--primary-color, #4a6bdf);font-weight:700}.membership-benefits{list-style:none;margin-bottom:20px;padding-left:0}.membership-benefits li{margin-bottom:10px;font-size:14px;padding:5px 0;border-bottom:1px solid var(--border-color, #e0e0e0)}.become-member-btn{background:linear-gradient(135deg,#4a90e2,#6a5acd);color:#fff;border:none;border-radius:25px;padding:12px 20px;font-size:1rem;font-weight:700;margin-top:15px;width:100%;cursor:pointer;transition:all .3s;box-shadow:0 4px 8px #00000026}.price-info{margin-top:15px;text-align:center}.original-price{text-decoration:line-through;color:#999;font-size:.9rem;margin-bottom:5px}.current-price{color:#ff6b6b;font-weight:700}.current-price span{font-size:1.2rem}.member-expiry{font-size:12px;color:var(--text-secondary, #666);margin-top:5px}.api-settings-section{margin-bottom:25px}.api-settings-card{background-color:#fff;border-radius:10px;border:1px solid var(--border-color, #e0e0e0);padding:20px;box-shadow:0 4px 10px #0000001a}.api-key-input-group{margin-bottom:15px}.api-key-input-group label{display:block;font-size:14px;font-weight:700;margin-bottom:8px;color:var(--text-dark, #333)}.api-key-input{width:100%;padding:12px 15px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:14px;margin-bottom:8px}.api-key-hint{font-size:12px;color:var(--text-secondary, #666);margin-bottom:10px}.save-api-key-btn{background-color:var(--primary-color, #4a6bdf);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;width:100%;cursor:pointer;transition:background-color .3s ease}.save-api-key-btn:hover{background-color:#3a5bcf}.become-member-btn:hover{background-color:#3a5bbf;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.become-member-btn:active{transform:translateY(0);box-shadow:0 2px 5px #0000001a}.member-features-section{margin-bottom:25px}.feature-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:10px}.feature-card{background-color:#fff;border-radius:10px;padding:15px 10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:15px;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.feature-icon{font-size:30px;margin-bottom:10px;width:50px;height:50px;border-radius:50%;background-color:var(--primary-light, #f0f4ff);color:var(--primary-color, #4a6bdf);display:flex;align-items:center;justify-content:center}.feature-title{font-size:14px;font-weight:700;text-align:center;margin-bottom:5px}.feature-desc{font-size:12px;color:var(--text-medium, #666);text-align:center}.mobile-user-avatar{width:80px;height:80px;border-radius:50%;background-color:var(--primary-color, #4a6bdf);color:#fff;display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:15px;box-shadow:0 4px 8px #0000001a}.mobile-user-avatar-img{width:100%;height:100%;border-radius:50%}.mobile-vip-btn{background-color:#ff9500;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer}@media(max-width:480px){.section-title{font-size:1.17rem}.mobile-user-avatar{width:70px;height:70px;font-size:35px}.mobile-user-name{font-size:18px}.feature-cards{grid-template-columns:repeat(2,1fr);gap:10px}.feature-icon{font-size:24px;width:40px;height:40px}.feature-title{font-size:12px}.feature-desc{font-size:10px}}.loading-page{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at 50% 38%,#fff 0,#f6f8fc 48%,#eef3f8)}.pwa-banner{position:fixed;bottom:var(--pwa-banner-bottom, max(76px, env(safe-area-inset-bottom)));left:0;right:0;background:#fff;box-shadow:0 -4px 12px #0000001a;padding:16px 24px;z-index:9999;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;animation:pwaSlideUp .3s ease-out;transform-origin:bottom}.pwa-banner--closing{animation:pwaSlideDown .25s ease-in forwards}.pwa-banner-content{display:flex;align-items:center;gap:12px;flex:1}.pwa-banner-icon{font-size:32px;flex-shrink:0}.pwa-banner-text{flex:1}.pwa-banner-title{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:4px}.pwa-banner-desc{font-size:14px;color:#64748b}.pwa-banner-actions{display:flex;gap:12px;flex-shrink:0;margin-left:auto}.pwa-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pwa-btn--secondary{background:transparent;border:1px solid #e2e8f0;color:#64748b}.pwa-btn--secondary:hover{color:#2563eb;border-color:#2563eb;background:#eef2ff}.pwa-btn--primary{background:#2563eb;border:none;font-weight:600;color:#fff}.pwa-btn--primary:hover{background:#1e40af}.pwa-guide{position:fixed;bottom:max(76px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);max-width:min(420px,92vw);background:#1e293b;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 8px 24px #0000002e;display:flex;align-items:center;gap:10px;z-index:9999;font-size:13px;font-weight:500;line-height:1.4;animation:pwaGuideIn .3s cubic-bezier(.4,0,.2,1)}.pwa-guide-icon{font-size:18px;flex-shrink:0;color:#93c5fd;animation:pwaBounce 1.2s ease-in-out infinite}.pwa-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#059669;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:8px;z-index:9999;font-size:14px;font-weight:500}.pwa-toast-icon{font-size:20px;font-weight:700}.pwa-toast-text{font-size:14px}@media(min-width:768px){.pwa-banner,.pwa-guide{bottom:0}}@keyframes pwaSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pwaSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes pwaGuideIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes pwaBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.pwa-banner,.pwa-banner--closing,.pwa-guide,.pwa-guide-icon{animation:none;transition:none}}