*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-weight:400;letter-spacing:-.022em;line-height:1.47059;padding:20px}#root,body{min-height:100vh}#root{width:100%}@media (max-width:768px){body{padding:15px}}.app{min-height:100vh;width:100%}.container{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"header" "api-key" "input" "buttons" "output" "stats";grid-template-columns:1fr;margin:0 auto;max-width:1200px}.buttons-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;grid-area:buttons;justify-content:center;text-align:center}.process-btn{background:#007aff;border:none;border-radius:12px;box-shadow:0 4px 16px #007aff4d;color:#fff;cursor:pointer;font-family:inherit;font-size:17px;font-weight:600;letter-spacing:-.022em;padding:16px 32px;transition:all .2s ease}.process-btn:hover{background:#0056cc;box-shadow:0 6px 20px #007aff66;transform:translateY(-1px)}.process-btn:active{box-shadow:0 2px 8px #007aff4d;transform:translateY(0)}.translate-btn{align-items:center;background:#34c759;border:none;border-radius:12px;box-shadow:0 4px 16px #34c7594d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:600;gap:8px;letter-spacing:-.022em;padding:16px 24px;transition:all .2s ease}.translate-btn:hover{background:#2ca44f;box-shadow:0 6px 20px #34c75966;transform:translateY(-1px)}.translate-btn:active{box-shadow:0 2px 8px #34c7594d;transform:translateY(0)}.translate-btn.active{background:#ff9500;box-shadow:0 4px 16px #ff95004d}.translate-btn.active:hover{background:#e68500;box-shadow:0 6px 20px #ff950066}.loading{opacity:.7;pointer-events:none}.error-message{background:#ff3b30;border-radius:8px;color:#fff;font-size:14px;grid-area:buttons;margin-top:10px;padding:12px 16px;text-align:center}@media (max-width:768px){.container{gap:15px}}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px #0000001a;grid-area:header;padding:40px 30px;text-align:center}.header h1{color:#1d1d1f;font-size:3rem;font-weight:700;letter-spacing:-.03em;line-height:1.08349;margin-bottom:12px}.header p{color:#86868b;font-size:1.25rem;font-weight:400;letter-spacing:-.022em;line-height:1.381}@media (max-width:768px){.header{padding:20px}.header h1{font-size:2rem}}.api-key-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid hsla(0,0%,100%,.086);border-radius:16px;box-shadow:0 8px 32px #0000001a;grid-area:api-key;margin-bottom:20px;padding:20px}.api-key-section label{color:#1d1d1f;display:block;font-size:1.1rem;font-weight:600;letter-spacing:-.022em;margin-bottom:12px}.api-key-input{background:#ffffffe6;border:2px solid #d2d2d7;border-radius:8px;color:#1d1d1f;font-family:inherit;font-size:16px;font-weight:400;letter-spacing:-.022em;line-height:1.47059;padding:12px 16px;transition:all .2s ease;width:100%}.api-key-input::placeholder{color:#86868b}.api-key-input:focus{background:#fff;border-color:#007aff;box-shadow:0 0 0 4px #007aff1a;outline:none}.api-key-hint{color:#86868b;font-size:.875rem;line-height:1.4;margin-top:8px}.api-key-hint a{color:#007aff;text-decoration:none}.api-key-hint a:hover{text-decoration:underline}@media (max-width:768px){.api-key-section{padding:16px}.api-key-section label{font-size:1rem}.api-key-input{font-size:15px;padding:10px 14px}}.input-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid hsla(0,0%,100%,.086);border-radius:16px;box-shadow:0 8px 32px #0000001a;grid-area:input;padding:30px}.input-section label{display:block;font-size:1.25rem;font-weight:600;margin-bottom:16px}.input-box,.input-section label{color:#1d1d1f;letter-spacing:-.022em}.input-box{background:#ffffffe6;border:2px solid #d2d2d7;border-radius:12px;font-family:inherit;font-size:17px;font-weight:400;line-height:1.47059;max-height:300px;min-height:50px;overflow-y:auto;padding:16px 20px;resize:vertical;transition:all .2s ease;width:100%}.input-box::placeholder{color:#86868b}.input-box:focus{background:#fff;border-color:#007aff;box-shadow:0 0 0 4px #007aff1a;outline:none}@media (max-width:768px){.input-section{padding:20px}.input-box{min-height:150px}}.output-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px #0000001a;grid-area:output;padding:30px}.output-section label{color:#1d1d1f;display:block;font-size:1.25rem;font-weight:600;letter-spacing:-.022em;margin-bottom:16px}.output-box{background:#9e9e9ee6;border:2px solid #d2d2d7;border-radius:12px;font-size:16px;line-height:1.47059;min-height:300px;overflow-y:auto;padding:20px;white-space:pre-wrap;width:100%}.sentence-container{border:1px solid #e5e5e7;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.sentence-container:nth-child(odd){background:#ffffffe6}.sentence-container:nth-child(2n){background:#f7f7f7e6;border-color:#d2d2d7}.sentence-container:hover{background:#fdfdfd;border-color:#dedede;box-shadow:0 4px 16px #007aff1a;transform:translateY(-1px)}.original-sentence{border-bottom:1px solid #f0f0f0;color:#1d1d1f;font-size:16px}.original-sentence,.translated-sentence{font-weight:400;letter-spacing:-.022em;line-height:1.47059;padding:16px 20px}.translated-sentence{background:#f5f8ffe6;border-top:1px solid #e5f0ff;color:#06c;font-size:15px}.translation-loading{background:#fafafae6;border-top:1px solid #f0f0f0;color:#86868b;font-size:14px;font-style:italic;padding:12px 20px;text-align:center}.loading-dots:after{animation:dots 1.5s steps(5) infinite;content:""}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}.empty-message{color:#86868b;font-size:17px;font-style:italic;line-height:1.47059;padding:40px 20px;text-align:center}@media (max-width:768px){.output-section{padding:20px}.output-box{min-height:250px}}.stats{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px #0000001a;color:#1d1d1f;font-size:17px;font-weight:500;grid-area:stats;letter-spacing:-.022em;line-height:1.47059;padding:24px;text-align:center}
/*# sourceMappingURL=main.017f2ecf.css.map*/