:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--glass-bg:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.06);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#ec4899;--primary-hover:#db2777;--secondary:#a855f7;--accent:#f9a8d4;--success:#10b981;--error:#f43f5e;--warning:#f59e0b;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--shadow-glow:0 0 40px rgba(236,72,153,.3);--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;min-height:100svh;overflow-x:hidden;width:100%;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}input::placeholder,textarea::placeholder{font:inherit;font-size:.82rem;line-height:inherit;color:var(--text-muted);opacity:1}::-webkit-scrollbar{width:0;height:0;display:none}.bg-gradient{top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(236,72,153,.12),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(168,85,247,.1),transparent);z-index:-3}.bg-glow,.bg-gradient{position:fixed;pointer-events:none}.bg-glow{width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.4;z-index:-1;overflow:hidden}.bg-glow-1{top:-200px;left:-200px;background:var(--primary);animation:float 20s ease-in-out infinite}.bg-glow-2{bottom:-200px;right:-200px;background:var(--secondary);animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(50px,30px)}50%{transform:translateY(50px)}75%{transform:translate(-30px,20px)}}.app{min-height:100vh;min-height:100svh;position:relative;padding-top:1.5rem}.app,.sidebar{display:flex;flex-direction:column}.sidebar{width:260px;flex-shrink:0;gap:.75rem}.sidebar-title{display:block;padding:.85rem .95rem .95rem;color:inherit;text-decoration:none;background:linear-gradient(135deg,rgba(236,72,153,.11),rgba(16,185,129,.05)),var(--glass-bg);border:1px solid rgba(236,72,153,.14);border-radius:var(--radius-lg);box-shadow:0 10px 28px rgba(15,23,42,.18);animation:fadeIn .5s ease-out;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-title:hover{transform:translateY(-1px);border-color:rgba(236,72,153,.32);background:linear-gradient(135deg,rgba(236,72,153,.15),rgba(16,185,129,.07)),var(--glass-bg);box-shadow:0 14px 34px rgba(15,23,42,.22)}.sidebar-title:focus-visible{outline:2px solid rgba(236,72,153,.55);outline-offset:3px}.sidebar-brand-copy{min-width:0}.sidebar-name{font-size:1rem;font-weight:800;color:var(--text-primary);line-height:1.2}.sidebar-desc{margin-top:.18rem;color:var(--text-muted);font-size:.68rem;line-height:1.35}.sidebar-brand-copy h1{margin:.42rem 0 .35rem;color:var(--text-primary);font-size:.9rem;font-weight:700;line-height:1.35;letter-spacing:0}.sidebar-brand-copy p{margin:0;color:var(--text-secondary);font-size:.7rem;line-height:1.55}.main{flex:1 1;padding:0 1.5rem 1.5rem;width:100%}.layout{display:flex;gap:.8rem;width:100%;align-items:flex-start;justify-content:center}.center-column{flex:0 1 680px;display:flex;flex-direction:column;gap:.75rem;min-width:0;width:680px;max-width:680px}.mobile-product-intro{display:none}.product-anchor-nav{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:.25rem;margin-top:.55rem;overflow-x:auto;scrollbar-width:none}.product-anchor-nav::-webkit-scrollbar{display:none}.product-anchor-nav a{flex:0 0 auto;color:var(--text-secondary);text-decoration:none;font-size:.64rem;line-height:1;padding:.3rem .36rem;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.product-anchor-nav a:hover{color:var(--text-primary);border-color:rgba(236,72,153,.35);background:rgba(236,72,153,.08)}.right-column{width:340px;flex-shrink:0;display:flex;flex-direction:column;gap:.6rem;height:calc(100vh - 3rem);max-height:calc(100vh - 3rem);position:-webkit-sticky;position:sticky;top:1.5rem}.sidebar-glossary-card .card-body,.sidebar-glossary-card .card-header,.sidebar-sync-card .card-body,.sidebar-sync-card .card-header,.sidebar-term-lookup-card .card-body,.sidebar-term-lookup-card .card-header{padding-left:.85rem;padding-right:.85rem}.mobile-glossary-card,.mobile-sync-card,.mobile-term-lookup-card{display:none}.seo-content{width:min(100%,1100px);margin:1.2rem auto 4.2rem;padding:0 .2rem;display:grid;grid-gap:1rem;gap:1rem}.seo-section{scroll-margin-top:1.5rem;padding:1rem;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.025)}.seo-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.seo-section-heading span{color:var(--primary);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.seo-section-heading h2{margin:0;color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.3;letter-spacing:0}.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.seo-example>div,.seo-faq-list article,.seo-grid article{min-width:0;padding:.8rem;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.03)}.seo-faq-list h3,.seo-grid h3{margin:0 0 .45rem;color:var(--text-primary);font-size:.9rem;line-height:1.35;letter-spacing:0}.seo-example p,.seo-faq-list p,.seo-grid p{margin:0;color:var(--text-secondary);font-size:.82rem;line-height:1.6}.seo-link-list,.seo-tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.seo-link-list a,.seo-tag-list span{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .6rem;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);background:hsla(0,0%,100%,.03);font-size:.8rem;line-height:1.35;text-decoration:none}.seo-link-list a:hover{color:var(--text-primary);border-color:rgba(236,72,153,.35)}.seo-example{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.seo-example strong{display:block;margin-bottom:.4rem;color:var(--accent);font-size:.72rem;line-height:1.3}.seo-faq-list{display:grid;grid-gap:.65rem;gap:.65rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;animation:fadeInUp .6s ease-out backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-header{justify-content:space-between;padding:.7rem .9rem;border-bottom:1px solid var(--glass-border)}.card-header,.card-header h2{display:flex;align-items:center}.card-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);gap:.4rem}.card-body{padding:1.25rem}.glossary-card-body{display:flex;flex-direction:column;gap:.55rem}.term-lookup-body{display:flex;flex-direction:column;gap:.5rem}.term-lookup-input{width:100%;min-height:calc(1.45em + 1.2rem + 2px);background:hsla(0,0%,100%,.03);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);padding:.6rem .75rem;font:inherit;font-size:.86rem;line-height:1.45;resize:none;overflow:hidden;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.term-lookup-input:focus{border-color:rgba(236,72,153,.6);box-shadow:0 0 0 3px rgba(236,72,153,.12)}.term-lookup-input::placeholder{font-family:inherit;font-size:.78rem;color:var(--text-muted)}.btn.term-lookup-btn{align-self:flex-start;gap:.35rem;min-height:1.85rem;padding:.25rem .58rem;font-size:.72rem;border-radius:20px}.term-lookup-results{overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--bg-tertiary)}.term-lookup-row{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(5.5rem,1fr);grid-gap:.5rem;gap:.5rem;padding:.42rem .55rem;color:var(--text-secondary);font-size:.78rem;line-height:1.45}.term-lookup-row+.term-lookup-row{border-top:1px solid var(--glass-border)}.term-lookup-row.header{color:var(--text-muted);font-size:.7rem;font-weight:700}.term-lookup-row strong{color:var(--accent);font-weight:700;word-break:break-word}.term-lookup-error,.term-lookup-note{padding:.45rem .55rem;border-radius:var(--radius-sm);font-size:.76rem;line-height:1.45}.term-lookup-note{color:var(--text-secondary);background:var(--bg-secondary)}.term-lookup-error{color:var(--error);background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.35)}.sync-card-body,.sync-form{display:flex;flex-direction:column;gap:.45rem}.sync-email-input{width:100%;background:hsla(0,0%,100%,.03);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);padding:.55rem .7rem;font:inherit;font-size:.82rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.sync-email-input:focus{border-color:rgba(236,72,153,.6);box-shadow:0 0 0 3px rgba(236,72,153,.12)}.sync-email-input::placeholder{color:var(--text-muted)}.sync-login-btn{align-self:flex-start;min-height:1.9rem;padding:.28rem .65rem;font-size:.72rem;border-radius:20px}.sync-account{min-width:0;color:var(--text-primary);font-size:.76rem;font-weight:700;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-meta,.sync-status{display:flex;align-items:center;justify-content:space-between;gap:.45rem;color:var(--text-muted);font-size:.7rem;line-height:1.35}.sync-signout-btn{align-self:flex-start;gap:.25rem;padding:.25rem .35rem;font-size:.72rem;line-height:1}.sync-icon-btn,.sync-signout-btn{display:inline-flex;align-items:center}.sync-icon-btn{justify-content:center}.sync-icon-btn:disabled{opacity:.5;cursor:not-allowed}.glossary-count{display:inline-flex;align-items:center;min-height:1.5rem;padding:.25rem .35rem;font-size:.72rem;line-height:1;color:var(--text-muted);white-space:nowrap}.glossary-header-actions{display:flex;align-items:center;gap:.2rem}.glossary-header-actions .btn-text{display:inline-flex;align-items:center;padding:.25rem .35rem;font-size:.72rem;line-height:1}.glossary-import-input{display:none}.glossary-form{display:flex;flex-direction:column;gap:.45rem}.glossary-input,.glossary-note{width:100%;background:hsla(0,0%,100%,.03);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);padding:.6rem .75rem;font:inherit;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.glossary-input:focus,.glossary-note:focus{border-color:rgba(236,72,153,.6);box-shadow:0 0 0 3px rgba(236,72,153,.12)}.glossary-input::placeholder,.glossary-note::placeholder{font-family:inherit;font-size:.78rem;color:var(--text-muted)}.glossary-note{font-size:.9rem;line-height:1.45;resize:none;overflow:hidden;min-height:calc(1.45em + 1.2rem + 2px)}.glossary-actions-row,.glossary-behaviors{display:flex;align-items:center;gap:.3rem;flex-wrap:nowrap}.glossary-behaviors{min-width:0}.glossary-actions-row .glossary-save-btn,.glossary-actions-row .style-pill{width:auto;min-width:0;justify-content:center;padding:.25rem .6rem;font-size:.72rem;min-height:1.95rem;text-align:center;white-space:nowrap;flex:0 0 auto;border-radius:20px}.glossary-actions-row .glossary-save-btn{margin-left:auto}.glossary-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.18rem .25rem;max-height:300px;overflow-y:auto}.glossary-empty{padding:.75rem .8rem;border:1px dashed var(--glass-border);border-radius:var(--radius-md);color:var(--text-muted);font-size:.88rem}.glossary-item{position:relative;display:inline-flex;align-items:center;gap:.25rem;width:-moz-fit-content;width:fit-content;max-width:100%;flex:0 1 auto;padding:.28rem 1.3rem .28rem .45rem;background:hsla(0,0%,100%,.03);border:none;border-radius:var(--radius-md);line-height:1.2;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast)}.glossary-item:hover{transform:translateY(-1px);background:hsla(0,0%,100%,.05)}.glossary-item:focus-within .glossary-delete-btn,.glossary-item:hover .glossary-delete-btn{opacity:1;pointer-events:auto}.glossary-item-main{min-width:0;display:flex;align-items:center;gap:.22rem;max-width:100%}.glossary-item-term{font-size:.72rem;font-weight:700;color:var(--text-primary);word-break:break-word;flex-shrink:0}.glossary-item-meta{font-size:.68rem;color:var(--text-secondary);display:flex;align-items:center;gap:.2rem;min-width:0;overflow:hidden;white-space:nowrap;max-width:100%}.glossary-item-meta span{overflow:hidden;text-overflow:ellipsis}.glossary-delete-btn{position:absolute;top:50%;right:.22rem;transform:translateY(-50%);opacity:0;pointer-events:none;width:1.1rem;height:1.1rem;min-width:1.1rem;min-height:1.1rem;padding:0;line-height:1;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center}.textarea-wrapper{position:relative;margin-bottom:1rem}.textarea-wrapper textarea{width:100%;min-height:120px;padding:1rem;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;line-height:1.6;resize:none;overflow-y:auto;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.textarea-wrapper textarea::placeholder{color:var(--text-muted);font-family:inherit;font-size:.82rem}.textarea-wrapper textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(236,72,153,.2)}.char-count{position:absolute;bottom:.5rem;right:.75rem;font-size:.7rem;color:var(--text-muted);pointer-events:none}.turnstile-panel{display:inline-flex;flex-direction:column;gap:.6rem;max-width:100%;margin:-.25rem 0 1rem;padding:.75rem;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.28);border-radius:var(--radius-sm)}.turnstile-copy{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.turnstile-widget{min-height:65px}.input-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.provider-pills{display:none;align-items:center;gap:.5rem}.provider-pill{padding:.35rem .85rem;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:20px;color:var(--text-secondary);font-family:var(--font-sans);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.provider-pill:hover{border-color:var(--primary);color:var(--text-primary)}.provider-pill.selected{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:transparent;color:#fff;box-shadow:0 0 12px rgba(236,72,153,.4)}.input-footer-left{display:flex;align-items:center;flex-wrap:nowrap;gap:.5rem}.style-pills{display:flex;align-items:center;gap:.3rem;white-space:nowrap}.style-label{margin-right:.1rem}.style-label,.style-pill{font-size:.72rem;color:var(--text-muted);flex:0 0 auto}.style-pill{padding:.25rem .6rem;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:20px;font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.style-pill:hover{border-color:var(--secondary);color:var(--text-primary)}.style-pill.selected{background:var(--secondary);border-color:transparent;color:#fff}[data-theme=light] .style-pill.selected{background:#a855f7}.header-actions{display:flex;align-items:center;gap:.5rem}.auto-speak-toggle,.clipboard-focus-toggle{min-height:22px;padding:.2rem .45rem;display:inline-flex;align-items:center;gap:.25rem;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-muted);font:inherit;font-size:.7rem;font-weight:600;line-height:1;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.auto-speak-toggle:hover,.clipboard-focus-toggle:hover{border-color:rgba(236,72,153,.45);color:var(--text-primary)}.auto-speak-toggle.enabled,.clipboard-focus-toggle.enabled{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.45);color:var(--success)}.btn-icon{width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;outline:none;box-sizing:border-box}.btn-icon:hover{background:rgba(225,29,72,.1);border-color:rgba(225,29,72,.35);color:#e11d48}.compact-card .card-body{padding:.875rem 1rem}.compact-body{display:flex;flex-direction:column;gap:.625rem}.compact-body .textarea-wrapper{margin-bottom:0}.compact-body .textarea-wrapper textarea{min-height:60px;padding:.625rem .875rem;font-size:.9rem}.compact-body .input-footer{padding-top:.25rem}.grammar-alert{padding:.625rem .875rem;background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.4);border-radius:var(--radius-md);animation:shakeIn .4s ease-out}@keyframes shakeIn{0%{transform:translateX(-4px);opacity:0}25%{transform:translateX(4px)}50%{transform:translateX(-3px)}75%{transform:translateX(2px)}to{transform:translateX(0);opacity:1}}.alert-item{font-size:.8rem;color:var(--error);line-height:1.5;font-weight:500}.alert-item+.alert-item{margin-top:.25rem}.result-textarea{width:100%;min-height:50px;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9rem;line-height:1.5;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.result-english-display,.result-textarea.en{color:var(--text-secondary)}.result-english-display{width:100%;min-height:50px;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;outline:none;transition:border-color var(--transition-fast)}.result-english-display:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(236,72,153,.2)}.term-definition-list{display:flex;flex-direction:column;gap:.22rem}.term-definition-item{display:flex;flex-direction:column;gap:.18rem}.term-definition-row{display:grid;grid-template-columns:1.45rem minmax(0,1fr);grid-gap:.3rem;gap:.3rem;align-items:flex-start}.term-headword{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem}.term-speak-btn{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;padding:0;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:6px;color:var(--success);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.term-definition-row .term-speak-btn{margin-top:.22rem}.term-speak-btn svg{width:11px;height:11px}.term-speak-btn:focus,.term-speak-btn:hover{outline:none;border-color:rgba(74,222,128,.55);box-shadow:0 0 0 2px rgba(74,222,128,.16)}.term-speak-btn:disabled{opacity:.55;cursor:not-allowed}.term-explanation{width:100%;padding:.22rem .08rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:.86rem;line-height:1.36;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.16rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.term-definition-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.18rem .24rem;min-width:0;white-space:normal}.term-definition-content{display:block;width:100%;min-width:0;word-break:break-word}.term-pronunciation-btn{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem;width:-moz-fit-content;width:fit-content;padding:0;background:transparent;border:0;color:var(--text-primary);font-family:var(--font-sans);text-align:left;cursor:pointer}.term-headword-btn{align-items:center;gap:.42rem;padding:.28rem .5rem;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.term-headword-btn svg{width:12px;height:12px;flex-shrink:0}.term-favorite-btn{width:1.45rem;height:1.45rem;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;border-radius:0;color:var(--text-muted);font-size:.78rem;line-height:1;cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast)}.term-favorite-btn.saved{color:#fbbf24}.term-favorite-btn:focus,.term-favorite-btn:hover{outline:none;color:#fbbf24;transform:translateY(-1px)}.term-favorite-btn.saved:focus,.term-favorite-btn.saved:hover{color:#f59e0b;transform:translateY(-1px)}.term-pronunciation-btn:focus,.term-pronunciation-btn:hover{outline:none;color:var(--primary)}.term-pronunciation-btn:disabled{cursor:not-allowed;opacity:.55}.term-word{font-size:.94rem;font-weight:700}.term-phonetic{color:var(--text-muted);font-family:var(--font-sans);font-size:.76rem}.term-explanation:focus,.term-explanation:hover{outline:none;color:var(--primary);box-shadow:none}.term-chinese{margin-left:1.75rem;padding:.16rem .3rem;background:transparent;border:none;border-radius:0;color:var(--accent);font-size:.8rem;line-height:1.36}.term-part-of-speech{background:rgba(236,72,153,.12);color:var(--primary);text-transform:lowercase}.term-domain,.term-part-of-speech{flex-shrink:0;display:inline-flex;align-items:center;min-height:1.45rem;padding:.1rem .35rem;border-radius:4px;font-size:.68rem;line-height:1.2}.term-domain{background:rgba(20,184,166,.14);color:#2dd4bf}.term-source{color:var(--text-muted);font-size:.72rem;line-height:1.4}.semantic-explanation{margin-top:.55rem;padding-top:.65rem;border-top:1px solid var(--glass-border)}.semantic-kicker{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-bottom:.48rem;padding:.18rem .45rem;background:rgba(236,72,153,.12);border:1px solid rgba(236,72,153,.24);border-radius:6px;color:var(--primary);font-size:.68rem;font-weight:700;line-height:1.2}.semantic-core{display:flex;flex-direction:column;gap:.28rem}.semantic-core-english{color:var(--text-primary);font-size:.84rem;font-weight:650;line-height:1.42}.semantic-core p{margin:0;color:var(--text-secondary);font-size:.8rem;line-height:1.5}.semantic-contexts{display:flex;flex-direction:column;gap:.34rem;margin-top:.55rem}.semantic-context{display:grid;grid-template-columns:minmax(0,6rem) minmax(0,1fr);grid-gap:.5rem;gap:.5rem;align-items:baseline;color:var(--text-secondary);font-size:.78rem;line-height:1.45}.semantic-context strong{color:var(--text-primary);font-weight:650}.semantic-context span,.semantic-context strong{min-width:0;word-break:break-word}.semantic-takeaway{margin-top:.55rem;padding-left:.55rem;border-left:2px solid rgba(236,72,153,.45);color:var(--text-primary);font-size:.8rem;font-weight:600;line-height:1.5}.vocabulary-card{margin-top:.2rem;padding:.7rem .8rem;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.vocabulary-kicker{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-bottom:.55rem;padding:.18rem .45rem;background:rgba(20,184,166,.16);border:1px solid rgba(20,184,166,.28);border-radius:6px;color:#2dd4bf;font-size:.68rem;font-weight:700;line-height:1.2}.vocabulary-lines{display:flex;flex-direction:column;gap:.38rem}.vocabulary-line{display:grid;grid-template-columns:2.35rem minmax(0,1fr);grid-gap:.45rem;gap:.45rem;align-items:start}.vocabulary-line span{color:var(--text-muted);font-size:.68rem;line-height:1.45}.vocabulary-line p{margin:0;color:var(--text-secondary);font-size:.78rem;line-height:1.45}.vocabulary-family,.vocabulary-similar{display:flex;flex-direction:column;gap:.35rem;margin-top:.55rem;padding-top:.55rem;border-top:1px solid var(--glass-border)}.vocabulary-subtitle{color:var(--text-muted);font-size:.68rem;font-weight:650;line-height:1.35}.vocabulary-family-item,.vocabulary-similar-item{display:grid;grid-template-columns:minmax(4.2rem,max-content) minmax(0,1fr);grid-gap:.45rem;gap:.45rem;align-items:baseline;color:var(--text-secondary);font-size:.76rem;line-height:1.4}.vocabulary-family-item strong,.vocabulary-similar-item strong{color:var(--text-primary);font-weight:650}.diff-wrong{color:#f43f5e;background:rgba(244,63,94,.12)}.diff-insert,.diff-wrong{border-radius:2px;padding:0 1px;font-weight:600}.diff-insert{color:#10b981;background:rgba(16,185,129,.1);-webkit-text-decoration:underline dotted #10b981;text-decoration:underline dotted #10b981}.result-label-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.btn-copy{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .4rem;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-copy:hover{color:var(--primary);border-color:var(--primary);background:rgba(236,72,153,.1)}.btn-copy.copied{color:#fff;border-color:var(--success);background:var(--success);box-shadow:0 0 0 3px rgba(16,185,129,.18)}.section-icon{color:var(--primary);flex-shrink:0}.label-icon{color:var(--text-muted);vertical-align:middle}.btn-icon-inline,.label-icon{flex-shrink:0}.result-textarea.zh{color:var(--accent);border-left:3px solid var(--accent);resize:none}.result-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(236,72,153,.2)}.result-textarea::placeholder{color:var(--text-muted)}.result-textarea.syncing{border-color:var(--warning);animation:syncPulse 1s ease-in-out infinite}@keyframes syncPulse{0%,to{opacity:1}50%{opacity:.7}}.result-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);display:flex;align-items:center;gap:.3rem}.result-label .editable-hint{font-size:.6rem;font-weight:400;color:var(--text-muted);text-transform:none;letter-spacing:0;margin-left:.3rem}.result-block{margin-bottom:0}.result-block+.result-block{margin-top:.4rem}.grammar-content{color:var(--accent);font-size:.82rem;line-height:1.5;padding:.4rem .6rem;background:var(--bg-secondary);border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;font-family:var(--font-sans);font-size:.9rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;position:relative;overflow:hidden;isolation:isolate}.btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-hover),var(--secondary));opacity:0;transition:opacity var(--transition-fast);z-index:0;pointer-events:none}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-primary>*{position:relative;z-index:1}.btn-text{background:transparent;color:var(--text-secondary);padding:.4rem .6rem;font-size:.8rem}.btn-text:hover{color:var(--text-primary)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-label{position:relative;z-index:1}.btn-loader{display:none;width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn.loading .btn-label{visibility:hidden}.btn.loading .btn-loader{display:block;position:absolute}@keyframes spin{to{transform:rotate(1turn)}}.result-card{display:none}.result-card.show{display:block;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.history-card{display:flex;flex-direction:column;min-height:0}.history-card .card-header{padding:.5rem .65rem;flex-shrink:0}.history-card .card-header h2{font-size:.86rem}.history-card-body{flex:1 1;overflow-y:auto;padding:.5rem;min-height:0}.word-history-card{max-height:34vh;flex:0 0 auto}.learning-history-card{flex:1 1 auto;max-height:none;min-height:0}.learning-history-card-compact,.learning-history-card-compact .history-card-body{flex:0 0 auto}.learning-history-card .history-card-body{padding-bottom:.5rem}.learning-history-card .history-list{padding-bottom:1.5rem}.history-header-actions{display:flex;align-items:center;gap:.15rem}.history-header-actions .btn-text{display:inline-flex;align-items:center;padding:.25rem .35rem;font-size:.72rem;line-height:1}.history-list{display:flex;flex-direction:column;gap:.35rem}.history-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.compact-empty{padding:.75rem .5rem;font-size:.8rem}.history-empty-icon{display:flex;justify-content:center;margin-bottom:.5rem;opacity:.4;color:var(--text-muted)}.history-item{display:flex;align-items:flex-start;gap:.35rem;padding:.45rem .5rem;background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);animation:fadeInItem .25s ease-out backwards;border:1px solid transparent}@keyframes fadeInItem{0%{opacity:0}to{opacity:1}}.history-item:hover{background:var(--bg-tertiary);border-color:var(--glass-border)}.history-content{flex:1 1;min-width:0}.history-original{font-size:.68rem;color:var(--text-muted)}.history-corrected,.history-original{margin-bottom:.12rem;word-break:break-word;white-space:pre-wrap;line-height:1.25;max-height:2.5em;overflow:hidden}.history-corrected{font-size:.7rem;color:#10b981;font-weight:500}.history-translation{font-family:var(--font-sans);font-size:.72rem;color:var(--text-primary);word-break:break-word;white-space:pre-wrap;line-height:1.3;max-height:2.6em;overflow:hidden}.history-actions{display:flex;gap:.25rem;opacity:0;transition:opacity var(--transition-fast)}.history-item:hover .history-actions{opacity:1}.history-action-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.75rem}.history-action-btn:hover{background:var(--error);border-color:var(--error);color:#fff}.word-history-list{display:flex;flex-direction:column;gap:.32rem}.word-history-item{display:flex;align-items:flex-start;gap:.35rem;padding:.38rem .45rem;background:var(--bg-secondary);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.word-history-item:hover{background:var(--bg-tertiary);border-color:var(--glass-border)}.word-history-item:focus-visible{outline:none;border-color:rgba(236,72,153,.5);box-shadow:0 0 0 2px rgba(236,72,153,.12)}.word-history-content{flex:1 1;min-width:0}.word-history-top{display:flex;align-items:baseline;gap:.28rem;min-width:0;margin-bottom:.08rem}.word-history-word{color:var(--text-primary);font-size:.78rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-history-phonetic{color:var(--text-muted);font-size:.66rem;white-space:nowrap}.word-history-pos{flex-shrink:0;padding:.05rem .26rem;background:rgba(236,72,153,.12);border-radius:4px;color:var(--primary);font-size:.58rem;line-height:1.2}.word-history-translation{color:var(--text-secondary);font-size:.68rem;line-height:1.28;max-height:2.56em;overflow:hidden;word-break:break-word}.word-history-delete{flex-shrink:0;opacity:0;transition:all var(--transition-fast),opacity var(--transition-fast)}.word-history-item:hover .word-history-delete{opacity:1}.btn-speak{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .4rem;background:rgba(74,222,128,.15);border:1px solid rgba(74,222,128,.4);border-radius:var(--radius-sm);color:#4ade80;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-speak:hover:not(:disabled){background:rgba(74,222,128,.25);border-color:#4ade80}.btn-speak:disabled{opacity:.4;cursor:not-allowed}.toast-container{position:fixed;left:50%;bottom:4rem;transform:translateX(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:1000}.toast{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toastIn .3s ease-out;max-width:300px}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon,.toast-icon svg{width:1rem;height:1rem}.toast-message{flex:1 1;font-size:.85rem;color:var(--text-primary)}.toast.success{border-left:3px solid var(--success)}.toast.success .toast-icon{color:var(--success)}.toast.error{border-left:3px solid var(--error)}.toast.error .toast-icon{color:var(--error)}.toast.info{border-left:3px solid var(--accent)}.toast.info .toast-icon{color:var(--accent)}@media (max-width:1024px){.app{min-height:100svh;height:auto;overflow:visible;padding-top:1rem;padding-bottom:env(safe-area-inset-bottom,0)}.layout{flex-direction:column;padding:0 10px calc(1.5rem + env(safe-area-inset-bottom, 0));gap:.75rem}.sidebar{display:none}.center-column{width:100%;max-width:100%;flex:none}.mobile-product-intro{display:block;padding:0 .1rem .2rem;animation:fadeIn .5s ease-out}.mobile-product-title{margin-top:.2rem;color:var(--text-primary);font-size:1.08rem;font-weight:700;line-height:1.3}.mobile-product-intro p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.78rem;line-height:1.55}.right-column{width:100%;flex:none;height:auto;max-height:none;position:static}.history-card{height:auto;position:static}.history-card,.learning-history-card,.word-history-card{max-height:400px}.mobile-glossary-card,.mobile-sync-card,.mobile-term-lookup-card{display:flex;flex-direction:column;width:100%}.mobile-glossary-card .glossary-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.3rem;max-height:none}.main{padding:0;width:100%}.seo-content{width:100%;margin:.2rem auto 2rem;padding:0 10px}.seo-example,.seo-grid{grid-template-columns:1fr}.bg-glow{display:none}body,html{overflow-x:hidden!important;overflow-y:auto!important;position:static!important;width:100%!important;height:auto!important;min-height:100svh!important;-webkit-overflow-scrolling:touch}}@media (max-width:768px){.layout{padding:0 10px 1rem}.product-anchor-nav{justify-content:flex-start;width:100%}.product-anchor-nav a{font-size:.68rem;padding:.34rem .45rem}.input-footer{flex-direction:column;align-items:stretch}.btn-primary{width:100%}.glossary-actions-row .glossary-save-btn{padding:.22rem .42rem;font-size:.66rem}.center-column{max-width:100%}.compact-card .card-body{padding:10px}.main{padding:0;width:100%}.card-body{overflow-x:hidden}.card-body,.card-header{padding:10px}.auto-speak-toggle,.clipboard-focus-toggle{width:22px;height:22px;min-height:22px;padding:0;justify-content:center}.auto-speak-toggle span:last-child,.clipboard-focus-toggle span:last-child{display:none}.history-item{overflow-x:hidden}.history-text-row{flex-direction:column;gap:.25rem}.history-text-row .history-cell{width:100%;max-width:100%;overflow:hidden;word-wrap:break-word}.input-footer-left{width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:.1rem;gap:.35rem}.provider-pills,.style-pills{flex:0 0 auto;flex-wrap:nowrap}.style-pills{gap:.2rem}.style-label{font-size:.66rem;margin-right:0}.style-pill{padding:.22rem .42rem;font-size:.66rem}.mobile-glossary-card .glossary-list{gap:.25rem}.mobile-glossary-card .glossary-item{min-width:0;padding:.36rem 1.35rem .36rem .5rem;gap:.25rem;align-items:center}.mobile-glossary-card .glossary-item-main{min-width:0;gap:.25rem}.mobile-glossary-card .glossary-item-term{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.mobile-glossary-card .glossary-item-meta{display:none}.mobile-glossary-card .glossary-delete-btn{right:.28rem;opacity:1;pointer-events:auto}.seo-section{padding:.8rem}.seo-section-heading{align-items:flex-start;flex-direction:column;gap:.2rem}}@media (min-width:1025px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}}[data-theme=light]{--bg-primary:#f0f4f8;--bg-secondary:#fff;--bg-tertiary:#e2e8f0;--glass-bg:hsla(0,0%,100%,.85);--glass-border:rgba(0,0,0,.08);--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#a0aec0;--primary:#ec4899;--primary-hover:#db2777;--secondary:#7c3aed;--accent:#f472b6;--success:#059669;--error:#e11d48}[data-theme=light] body{background:var(--bg-primary)}[data-theme=light] .bg-glow,[data-theme=light] .bg-gradient{display:none}[data-theme=light] .card{background:#fff;border:1px solid var(--glass-border);box-shadow:0 1px 3px rgba(0,0,0,.08)}[data-theme=light] .product-anchor-nav a,[data-theme=light] .seo-example>div,[data-theme=light] .seo-faq-list article,[data-theme=light] .seo-grid article,[data-theme=light] .seo-link-list a,[data-theme=light] .seo-section,[data-theme=light] .seo-tag-list span{background:hsla(0,0%,100%,.78);border-color:rgba(0,0,0,.08)}[data-theme=light] .sidebar-title{background:hsla(0,0%,100%,.7);border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06)}[data-theme=light] .result-english-display,[data-theme=light] textarea{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--glass-border)}[data-theme=light] .provider-pill{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--glass-border)}[data-theme=light] .provider-pill.selected{background:var(--primary);color:#fff;border-color:var(--primary)}[data-theme=light] .btn-primary{background:var(--primary);color:#fff!important}[data-theme=light] .history-item,[data-theme=light] .word-history-item{background:var(--bg-tertiary);border-color:var(--glass-border)}[data-theme=light] .history-corrected{color:#059669}[data-theme=light] .grammar-alert{background:hsla(0,94%,82%,.15);border-color:rgba(225,29,72,.3)}[data-theme=light] .grammar-content{color:var(--text-secondary)}[data-theme=light] .btn-copy{background:var(--bg-tertiary);border-color:var(--glass-border);color:var(--text-muted)}[data-theme=light] .btn-copy.copied{color:#fff;background:var(--success);border-color:var(--success);box-shadow:0 0 0 3px rgba(16,185,129,.18)}[data-theme=light] .btn-speak{background:rgba(74,222,128,.15);border-color:rgba(74,222,128,.4)}[data-theme=light] .toast{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary)}.version-footer{position:fixed;right:12px;bottom:calc(8px + env(safe-area-inset-bottom, 0));display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.65rem;color:var(--text-secondary);font-weight:500;opacity:.72;z-index:9999;pointer-events:none;white-space:nowrap;transition:opacity var(--transition-fast),color var(--transition-fast)}.version-footer:hover{opacity:.95}.version-hash{letter-spacing:.02em;font-weight:500;opacity:1}.version-branch{font-weight:600;opacity:1}.version-date{font-weight:500;opacity:1}.version-date:before{content:"·";margin-right:8px;opacity:.5}.site-info-bar{position:fixed;left:50%;bottom:calc(8px + env(safe-area-inset-bottom, 0));transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:.9rem;min-width:0;max-width:none;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--text-secondary);font-size:.76rem;line-height:1.35;white-space:nowrap;overflow-x:auto;scrollbar-width:none;font-weight:500;z-index:9998}.site-info-bar::-webkit-scrollbar{display:none}.site-tools-inline{display:inline-flex;align-items:center;gap:.55rem;flex:0 0 auto;font-weight:500}.site-tools-inline a,.site-tools-inline span{color:inherit;font-weight:inherit}.site-tools-inline a{text-decoration:none}.site-tools-inline a:hover{color:var(--text-primary);text-decoration:underline}@media (max-width:900px){.site-info-bar{position:static;width:100%;padding:0 .75rem .75rem;transform:none}.version-footer{right:10px}}@media (max-width:560px){.site-info-bar{font-size:.72rem}}