:root{--color-primary:#06c;--color-primary-focus:#0071e3;--color-primary-on-dark:#2997ff;--color-canvas:#fff;--color-canvas-parchment:#f5f5f7;--color-surface-pearl:#fafafc;--color-surface-tile-1:#272729;--color-surface-chip-translucent:#d2d2d7a3;--color-ink:#1d1d1f;--color-body-on-dark:#fff;--color-body-muted:#ccc;--color-ink-muted-80:#333;--color-ink-muted-48:#7a7a7a;--color-divider-soft:#0000000a;--color-hairline:#e0e0e0;--shadow-product:#00000038 3px 5px 30px 0;--font-display:"SF Pro Display",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-body:"SF Pro Text",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);letter-spacing:-.374px;color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.47}body{background:var(--color-canvas-parchment);overflow-x:hidden;min-height:100vh}#root{min-height:100vh}::selection{background:var(--color-primary);color:var(--color-canvas)}:focus-visible{outline:2px solid var(--color-primary-focus);outline-offset:-2px}.layout-root{display:flex;background:var(--color-canvas-parchment);flex-direction:column;min-height:100vh}.layout-main{display:flex;flex-direction:column;flex:1;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:32px}@media (max-width:833px){.layout-main{gap:16px;padding:16px}}.global-nav{background:var(--color-surface-black);display:flex;justify-content:center;align-items: center;height:44px;padding:0 24px}.global-nav-text{font:400 12px/1 var(--font-body);letter-spacing:-.12px;color:var(--color-body-on-dark)}.auth-container{display:flex;background:var(--color-canvas-parchment);justify-content:center;align-items: center;min-height:100vh;padding:32px}.auth-card{background:var(--color-canvas);box-shadow:var(--shadow-product);display:flex;border-radius:18px;flex-direction:column;gap:24px;width:100%;max-width:380px;padding:48px}.auth-icon-wrap{display:flex;background:var(--color-canvas-parchment);color:var(--color-primary);border-radius:11px;justify-content:center;align-items: center;width:48px;height:48px;margin:0 auto 12px}.auth-title{font:600 34px/1.47 var(--font-body);letter-spacing:-.374px;text-align:center;margin-bottom:4px}.auth-subtitle{font:400 14px/1.43 var(--font-body);letter-spacing:-.224px;color:var(--color-ink-muted-48);text-align:center}.auth-input-wrap{position:relative}.auth-input{font:400 17px/1.47 var(--font-body);letter-spacing:-.374px;border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);outline:none;border-radius:8px;width:100%;height:44px;padding:0 60px 0 17px;transition:border-color .2s}.auth-input:focus{border-color:var(--color-primary-focus)}.auth-input.auth-input-error{border-color:#ff3b30}.auth-input:disabled{opacity:.6}.auth-toggle-visible{position:absolute;display:flex;color:var(--color-ink-muted-48);cursor:pointer;font:400 12px/1 var(--font-body);letter-spacing:-.12px;background:0 0;border:none;border-radius:8px;justify-content:center;align-items: center;width:52px;height:36px;top:50%;right:4px;transform:translateY(-50%)}.auth-error-text{font:400 14px/1.43 var(--font-body);letter-spacing:-.224px;color:#ff3b30;text-align:center;margin-top:-8px}.auth-submit-btn{background:var(--color-primary);color:var(--color-canvas);font:400 17px/1.47 var(--font-body);letter-spacing:-.374px;cursor:pointer;border:none;border-radius:9999px;height:44px;transition:all .15s}.auth-submit-btn:hover{opacity:.9}.auth-submit-btn:active{transform:scale(.95)}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.lang-bar{display:flex;justify-content:center;align-items: center;gap:17px;padding:17px 0}.lang-swap-btn{display:flex;color:var(--color-ink);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items: center;width:32px;height:32px;transition:all .15s}.lang-swap-btn:disabled{color:var(--color-ink-muted-48);cursor:default}.lang-selector{position:relative}.lang-selector-trigger{display:flex;background:var(--color-primary);color:var(--color-canvas);cursor:pointer;font:400 14px/1.29 var(--font-body);letter-spacing:-.224px;border:none;border-radius:9999px;align-items: center;gap:8px;padding:8px 17px;transition:all .15s}.lang-selector-trigger[aria-expanded=true]{background:var(--color-primary-focus)}.lang-selector-trigger.lang-selector-ghost{color:var(--color-ink);border:1px solid var(--color-hairline);background:0 0}.lang-selector-dropdown{position:absolute;z-index:100;background:var(--color-canvas);box-shadow:var(--shadow-product);border:1px solid var(--color-hairline);overflow-y:auto;list-style:none;border-radius:18px;min-width:160px;max-height:280px;top:calc(100% + 4px);left:0}.lang-selector-option{display:block;text-align:left;cursor:pointer;font:400 14px/1.43 var(--font-body);letter-spacing:-.224px;color:var(--color-ink);background:0 0;border:none;width:100%;padding:8px 17px;transition:background .1s}.lang-selector-option:hover,.lang-selector-option:focus{background:var(--color-canvas-parchment)}.lang-selector-option[aria-selected=true]{background:var(--color-canvas-parchment);font-weight:600}.tiles-container{display:flex;flex:1;gap:24px;min-height:0}@media (max-width:833px){.tiles-container{flex-direction:column}}.tile{display:flex;border-radius:18px;flex-direction:column;flex:1;min-height:300px;padding:24px}.tile-input{background:var(--color-canvas);transition:background .3s}.tile-input.tile-input-translating{background:var(--color-canvas-parchment)}.tile-output{background:var(--color-canvas-parchment);position:relative}.tile-textarea{outline:none;resize:none;font:400 17px/1.6 var(--font-body);letter-spacing:-.374px;color:var(--color-ink);background:0 0;border:none;flex:1;width:100%}.tile-textarea::placeholder{color:var(--color-ink-muted-48)}.tile-footer{display:flex;justify-content:space-between;align-items: center;margin-top:17px}.tile-char-count{font:400 14px/1.43 var(--font-body);letter-spacing:-.224px;color:var(--color-ink-muted-48)}.btn-icon{display:flex;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items: center;width:40px;height:40px;transition:all .15s}.btn-icon:active{transform:scale(.95)}.btn-icon-primary{background:var(--color-primary);color:var(--color-canvas)}.btn-icon-primary:hover{opacity:.9}.btn-icon-primary:disabled{background:var(--color-surface-chip-translucent);color:var(--color-ink-muted-48);cursor:default}.btn-icon-muted{background:var(--color-surface-chip-translucent);color:var(--color-ink)}.reasoning-area{background:var(--color-canvas);overflow-y:auto;animation:fadeIn .2s ease-out;border-radius:8px;max-height:120px;margin-bottom:17px;padding:12px 17px}.reasoning-text{font:400 14px/1.43 var(--font-body);letter-spacing:-.224px;color:var(--color-ink-muted-48);white-space:pre-wrap;word-break:break-word}.reasoning-area-hiding{animation:shrinkUp .3s ease-out forwards;overflow:hidden}.translation-output{font:400 28px/1.4 var(--font-body);color:var(--color-ink);white-space:pre-wrap;word-break:keep-all;overflow-wrap:break-word;overflow-y:auto;flex:1}.translation-output:empty:before{content:"";display:inline-block;background:var(--color-primary);animation:pulse 1.5s infinite;border-radius:50%;width:8px;height:8px}.output-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.btn-pearl{display:flex;background:var(--color-surface-pearl);border:1px solid var(--color-divider-soft);color:var(--color-ink-muted-80);cursor:pointer;font:400 14px/1.29 var(--font-body);letter-spacing:-.224px;border-radius:9999px;align-items: center;gap:8px;padding:8px 17px;transition:all .15s}.btn-pearl:hover{background:var(--color-canvas-parchment)}.btn-pearl:active{transform:scale(.95)}.snackbar{position:fixed;background:var(--color-surface-tile-1);color:var(--color-body-on-dark);font:400 14px/1.29 var(--font-body);letter-spacing:-.224px;z-index:1000;animation:fadeIn .3s ease-out;border-radius:8px;padding:12px 24px;bottom:24px;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shrinkUp{0%{opacity:1;max-height:120px;margin-bottom:17px}to{opacity:0;max-height:0;margin-bottom:0;padding:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.error-boundary{display:flex;background:var(--color-canvas-parchment);justify-content:center;align-items: center;min-height:100vh;padding:48px}.error-boundary-card{background:var(--color-canvas);box-shadow:var(--shadow-product);border-radius:18px;width:100%;max-width:560px;padding:48px}.error-boundary-title{font:600 21px/1.19 var(--font-body);letter-spacing:.231px;color:#ff3b30;margin-bottom:16px}.error-boundary-message{font:400 17px/1.47 var(--font-body);letter-spacing:-.374px;color:var(--color-ink-muted-48);margin-bottom:24px}.error-boundary-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-secondary{border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);cursor:pointer;font:400 14px/1.29 var(--font-body);letter-spacing:-.224px;border-radius:8px;padding:8px 17px;transition:all .15s}.btn-secondary:hover{background:var(--color-canvas-parchment)}.btn-danger{color:#ff3b30;cursor:pointer;font:400 14px/1.29 var(--font-body);letter-spacing:-.224px;background:#ff3b3014;border:1px solid #ff3b30;border-radius:8px;padding:8px 17px;transition:all .15s}.btn-danger:hover{background:#ff3b301f}