:root{--color-paper:#1a1d23;--color-paper-2:#232730;--color-paper-3:#2c313c;--color-ink:#eef1f6;--color-ink-2:#c3cad6;--color-muted:#98a2b3;--color-rule:#333a46;--color-rule-2:#454e5e;--color-workspace:rgba(39,43,52,0.72);--color-accent:#5cc8e8;--color-accent-ink:#0c1a24;--color-accent-soft:#3f7f96;--color-accent-wash:rgba(92,200,232,0.12);--color-accent-wash-soft:rgba(92,200,232,0.07);--color-accent-glow:rgba(92,200,232,0.1);--color-focus:#7ad4f0;--color-success:#6fdc9b;--color-success-bg:#1f332b;--color-error:#ec7d6a;--color-error-bg:#3a2624;--color-error-soft:#8a5a52;--font-display:"Sora",ui-sans-serif,system-ui,sans-serif;--font-body:"Inter",ui-sans-serif,system-ui,sans-serif;--font-outlier:"Space Mono",ui-monospace,"SF Mono",Menlo,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--space-3xs:0.125rem;--space-2xs:0.25rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-micro:120ms;--dur-short:200ms;--dur-mid:300ms;--dur-long:420ms;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--z-base:1;--z-raised:10;--z-sticky:200;--z-modal:400;--z-toast:500;--shadow-card:0 1px 2px rgba(0,0,0,0.25),0 8px 24px -12px rgba(0,0,0,0.5);--shadow-lift:0 2px 4px rgba(0,0,0,0.28),0 16px 40px -16px rgba(0,0,0,0.6);--shadow-panel:-8px 0 32px -12px rgba(0,0,0,0.5)}@media (prefers-color-scheme:light){:root{--color-paper:#f5f6f9;--color-paper-2:#fff;--color-paper-3:#eceef3;--color-ink:#1b2430;--color-ink-2:#3f4a5c;--color-muted:#6b7688;--color-rule:#e2e5ea;--color-rule-2:#cdd2da;--color-workspace:hsla(0,0%,100%,0.72);--color-accent:#1678d6;--color-accent-ink:#f7fafc;--color-accent-soft:#7ba6c9;--color-accent-wash:rgba(22,120,214,0.1);--color-accent-wash-soft:rgba(22,120,214,0.06);--color-accent-glow:rgba(22,120,214,0.06);--color-focus:#3a93e0;--color-success:#1e8e5a;--color-success-bg:#e3f3ea;--color-error:#c7362c;--color-error-bg:#fbe9e7;--color-error-soft:#d58f86;--shadow-card:0 1px 2px rgba(27,36,48,0.06),0 8px 24px -12px rgba(27,36,48,0.12);--shadow-lift:0 2px 4px rgba(27,36,48,0.08),0 16px 40px -16px rgba(27,36,48,0.18);--shadow-panel:-8px 0 32px -12px rgba(27,36,48,0.18)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}body,html{-webkit-user-select:none;user-select:none;cursor:default}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;background-color:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 420px at 50% -120px,var(--color-accent-glow),transparent 70%),radial-gradient(600px 300px at 85% -80px,var(--color-accent-glow),transparent 70%);background-repeat:no-repeat;background-attachment:fixed;transition:background-color var(--dur-mid) var(--ease-out)}input,textarea{-webkit-user-select:text;user-select:text;cursor:text}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button{font-family:inherit}.container{max-width:1120px;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-3xl)}.app-header{justify-content:space-between;grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-rule)}.app-header,.app-title{display:flex;align-items:center}.app-title{grid-gap:var(--space-sm);gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--color-ink);margin:0;white-space:nowrap}.app-title-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;color:var(--color-accent);background-color:var(--color-accent-wash);border-radius:10px;border:1px solid var(--color-accent-soft)}.app-controls{display:flex;align-items:center;grid-gap:var(--space-lg);gap:var(--space-lg)}.icon{display:inline-block;vertical-align:-.125em;flex:none;color:currentColor}.language-switcher{display:flex;align-items:center;grid-gap:var(--space-sm);gap:var(--space-sm)}.language-switcher label{font-size:var(--text-sm);color:var(--color-muted);font-weight:500}.language-selection select,.language-switcher select{appearance:none;-webkit-appearance:none;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);background-color:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out);background-image:linear-gradient(45deg,transparent 50%,var(--color-muted) 0),linear-gradient(135deg,var(--color-muted) 50%,transparent 0);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.language-switcher select{padding:var(--space-xs) var(--space-lg) var(--space-xs) var(--space-sm)}.language-selection select:hover,.language-switcher select:hover{border-color:var(--color-rule-2)}.language-selection select:focus,.language-switcher select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-wash)}.auto-translate,.auto-translate label{display:flex;align-items:center}.auto-translate label{grid-gap:var(--space-xs);gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted);cursor:pointer;white-space:nowrap}.auto-translate input[type=checkbox]{appearance:none;-webkit-appearance:none;width:38px;height:22px;margin:0;border-radius:var(--radius-pill);background-color:var(--color-rule-2);position:relative;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out);flex:none}.auto-translate input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background-color:var(--color-ink);transition:transform var(--dur-short) var(--ease-out)}.auto-translate input[type=checkbox]:checked{background-color:var(--color-accent)}.auto-translate input[type=checkbox]:checked:before{transform:translateX(16px);background-color:var(--color-accent-ink)}.features-bar{flex-wrap:wrap;margin-bottom:var(--space-lg);justify-content:center}.feature-button,.features-bar{display:flex;grid-gap:var(--space-xs);gap:var(--space-xs)}.feature-button{align-items:center;padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-weight:500;color:var(--color-ink-2);background-color:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-pill);cursor:pointer;transition:color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.feature-button:hover{color:var(--color-accent);border-color:var(--color-accent-soft);transform:translateY(-1px);box-shadow:var(--shadow-lift)}.feature-button:active{transform:translateY(-1px) scale(.96)}.feature-icon{font-size:14px;line-height:1}.language-selection{display:flex;justify-content:center;align-items:center;grid-gap:var(--space-sm);gap:var(--space-sm);margin-bottom:var(--space-xl);position:relative}.language-selection select{width:min(220px,38vw);padding:var(--space-sm) var(--space-2xl) var(--space-sm) var(--space-md);font-size:var(--text-base);font-weight:500;border-radius:var(--radius-md)}.swap-button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;font-size:16px;border:1px solid var(--color-rule-2);background-color:var(--color-paper-2);color:var(--color-muted);border-radius:50%;cursor:pointer;transition:color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.swap-button:hover{color:var(--color-accent);border-color:var(--color-accent-soft);background-color:var(--color-accent-wash);transform:rotate(180deg)}.swap-button:active{transform:rotate(180deg) scale(.96)}.swap-button:disabled{opacity:.5;cursor:not-allowed}.workspace{position:relative;background-color:var(--color-workspace);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);box-shadow:var(--shadow-card)}.text-areas,.workspace .language-selection{margin-bottom:var(--space-lg)}.text-areas{display:flex;grid-gap:var(--space-lg);gap:var(--space-lg);position:relative}@media (min-width:49rem){.text-areas:after{content:"→";display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;z-index:1;font-size:15px;font-weight:700;line-height:1;color:var(--color-accent);background-color:var(--color-paper-2);border:1px solid var(--color-rule-2);border-radius:50%;box-shadow:var(--shadow-card)}}.textarea-container{width:100%;display:flex;flex-direction:column;background-color:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:border-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.textarea-container:focus-within{border-color:var(--color-accent-soft);box-shadow:var(--shadow-card),0 0 0 3px var(--color-accent-wash)}.textarea-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-rule)}.textarea-header-language{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-ink);letter-spacing:-.01em}.textarea-actions{display:flex;align-items:center;grid-gap:var(--space-2xs);gap:var(--space-2xs)}.translation-pending-indicator{color:var(--color-accent);font-size:16px;font-weight:700;letter-spacing:.12em;width:20px;text-align:center;animation:pending-pulse 1.4s var(--ease-in-out) infinite}@keyframes pending-pulse{0%,to{opacity:.35}50%{opacity:1}}.action-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-muted);font-size:15px;cursor:pointer;padding:0;border-radius:50%;width:32px;height:32px;transition:color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.action-button:hover:not(:disabled){background-color:var(--color-accent-wash);color:var(--color-accent)}.action-button:active:not(:disabled){transform:scale(.96)}.action-button:disabled{opacity:.4;cursor:not-allowed}textarea{width:100%;min-height:240px;height:auto;padding:var(--space-md);font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;color:var(--color-ink);background-color:initial;border:none;resize:none;overflow-y:hidden;transition:background-color var(--dur-short) var(--ease-out)}textarea:focus{outline:none;background-color:var(--color-accent-wash-soft)}textarea::placeholder{color:var(--color-muted)}.word-lookup{display:flex;align-items:center;grid-gap:var(--space-sm);gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--color-rule);background-color:var(--color-accent-wash-soft);font-size:var(--text-sm);animation:msg-in var(--dur-short) var(--ease-out)}.word-lookup-word{font-family:var(--font-display);font-weight:600;color:var(--color-accent);white-space:nowrap}.word-lookup-caret{color:var(--color-muted);font-weight:600;-webkit-user-select:none;user-select:none}.word-lookup-target{color:var(--color-ink);flex:1 1;min-width:0;overflow-wrap:anywhere}.word-lookup-close{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:none;color:var(--color-muted);cursor:pointer;transition:color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.word-lookup-close:hover{color:var(--color-ink);background-color:var(--color-rule)}.info-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-md);border-top:1px solid var(--color-rule)}.char-count{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.copy-button{font-size:var(--text-sm);font-weight:500;padding:6px var(--space-md);border:1px solid var(--color-rule-2);background-color:var(--color-paper-3);color:var(--color-ink-2);border-radius:var(--radius-pill);cursor:pointer;transition:color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.copy-button:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent-soft)}.copy-button:active:not(:disabled){transform:scale(.96)}.copy-button:disabled{opacity:.45;cursor:not-allowed}.translate-wrap{margin-bottom:var(--space-lg)}.translate-button,.translate-wrap{display:flex;justify-content:center}.translate-button{align-items:center;grid-gap:var(--space-sm);gap:var(--space-sm);padding:14px 40px;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;letter-spacing:-.01em;color:var(--color-accent-ink);background-color:var(--color-accent);border:none;border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-card);transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out),filter var(--dur-short) var(--ease-out)}.translate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lift);filter:brightness(1.06)}.translate-button:active:not(:disabled){transform:translateY(1px) scale(.96);box-shadow:none;filter:brightness(.96);transition-duration:var(--dur-micro)}.translate-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.translate-button-icon{font-size:15px;line-height:1}.message{display:flex;align-items:center;justify-content:center;grid-gap:var(--space-sm);gap:var(--space-sm);font-size:var(--text-sm);font-weight:500;margin:var(--space-md) auto;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);max-width:90%;animation:msg-in var(--dur-mid) var(--ease-out)}@keyframes msg-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.message.success{background-color:var(--color-success-bg);color:var(--color-success)}.message.error{background-color:var(--color-error-bg);color:var(--color-error)}.message:before{content:"";display:inline-block;width:16px;height:16px;flex:none;background-repeat:no-repeat;background-position:50%;background-size:contain}.success:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='%2343b57b' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}.error:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='%23e0503c' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E")}.footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;grid-gap:var(--space-sm);gap:var(--space-sm);margin-top:var(--space-3xl);padding:var(--space-lg) var(--space-md);border-top:1px solid var(--color-rule);font-size:var(--text-sm);color:var(--color-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.footer-copyright{color:var(--color-muted);letter-spacing:.01em}.footer-sep{color:var(--color-rule-2);-webkit-user-select:none;user-select:none}.footer-link{color:var(--color-ink-2);text-decoration:none;font-weight:500;transition:color var(--dur-short) var(--ease-out)}.footer-link:hover{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.footer-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.password-container{max-width:400px;margin:18vh auto 0;padding:var(--space-xl);background-color:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center}.password-container h1{font-family:var(--font-display);margin-bottom:var(--space-xl);color:var(--color-ink);font-size:var(--text-2xl);font-weight:800;letter-spacing:-.03em}.password-container h1:first-letter{color:var(--color-accent)}.password-container input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);margin-bottom:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-rule-2);background-color:var(--color-paper);color:var(--color-ink);transition:border-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.password-container input:focus{outline:none;border-color:var(--color-accent);background-color:var(--color-paper-2);box-shadow:0 0 0 3px var(--color-accent-wash)}.password-container input::placeholder{color:var(--color-muted)}.password-container button{width:100%;padding:var(--space-sm);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;border:none;background-color:var(--color-accent);color:var(--color-accent-ink);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-card);transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out),filter var(--dur-short) var(--ease-out)}.password-container button:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift);filter:brightness(1.06)}.password-container button:active{transform:translateY(1px) scale(.96);box-shadow:none;filter:brightness(.96);transition-duration:var(--dur-micro)}.history-panel{position:fixed;top:0;right:0;width:340px;height:100dvh;background-color:var(--color-paper-2);box-shadow:var(--shadow-panel);z-index:var(--z-modal);overflow-y:auto;overscroll-behavior:contain;border-left:1px solid var(--color-rule);transform:translateX(100%);transition:transform var(--dur-long) var(--ease-out);visibility:hidden}.history-panel.open{transform:translateX(0);visibility:visible}.history-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--color-rule);background-color:var(--color-paper-2);position:sticky;top:0;z-index:var(--z-raised)}.history-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;color:var(--color-ink);margin:0}.close-history{background:none;border:none;font-size:20px;font-weight:500;color:var(--color-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.close-history:hover{background-color:var(--color-paper-3);color:var(--color-ink)}.close-history:active{transform:scale(.96)}.history-items{padding:var(--space-sm)}.history-item{padding:var(--space-sm) var(--space-md);border:1px solid transparent;border-bottom:1px solid var(--color-rule);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out);border-radius:var(--radius-md);margin-bottom:var(--space-2xs)}.history-item:hover{background-color:var(--color-paper-3);border-color:var(--color-rule)}.history-item:active{transform:scale(.99)}.history-item-text{color:var(--color-ink);margin-bottom:var(--space-2xs);font-weight:500}.history-item-text,.history-item-translation{font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-translation{color:var(--color-ink-2)}.history-item-langs{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-xs);display:flex;align-items:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.history-item-langs:before{content:"↔";margin-right:var(--space-xs);color:var(--color-accent)}.history-empty{padding:var(--space-xl);color:var(--color-muted)}.clear-history,.history-empty{text-align:center;font-size:var(--text-sm)}.clear-history{display:block;width:100%;padding:var(--space-sm);background:none;border:1px solid var(--color-rule);font-weight:500;color:var(--color-ink-2);cursor:pointer;margin-top:var(--space-md);border-radius:var(--radius-md);transition:color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.clear-history:hover{color:var(--color-error);border-color:var(--color-error-soft);background-color:var(--color-error-bg)}@media (max-width:48rem){.container{padding:var(--space-md)}.app-header{flex-direction:column;align-items:stretch;grid-gap:var(--space-md);gap:var(--space-md)}.app-title{white-space:normal;font-size:var(--text-xl);flex-wrap:wrap}.app-controls{justify-content:space-between;flex-wrap:wrap;grid-gap:var(--space-sm);gap:var(--space-sm)}.text-areas{flex-direction:column;grid-gap:var(--space-md);gap:var(--space-md)}.language-selection{flex-wrap:wrap;grid-gap:var(--space-xs);gap:var(--space-xs)}.language-selection select{width:calc(50% - 26px)}.swap-button{width:40px;height:40px}textarea{height:184px;font-size:15px}.translate-button{width:100%;max-width:320px}.history-panel{width:85%;max-width:340px}.password-container{margin:12vh auto 0;padding:var(--space-lg)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.history-panel{transition:none}}
/*# sourceMappingURL=main.dfc9e185.chunk.css.map */