:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:#0c0c0f;color:#e4e4e7}.shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem}.translator{width:100%;max-width:56rem;display:flex;flex-direction:column;gap:1.5rem}.header{display:flex;align-items:flex-start;justify-content:space-between}.header-left{display:flex;align-items:center;gap:.875rem}.logo{width:2.75rem;height:2.75rem;border-radius:.75rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:grid;place-items:center;color:#fff;flex-shrink:0}.header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:#fafafa;line-height:1.2}.subtitle{font-size:.85rem;color:#71717a;margin-top:.125rem}.badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#a78bfa;background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);padding:.2rem .6rem;border-radius:9999px;margin-top:.25rem}.lang-bar{display:flex;align-items:flex-end;gap:.75rem}.lang-group{flex:1;display:flex;flex-direction:column;gap:.35rem;position:relative}.lang-label{font-size:.75rem;font-weight:500;color:#52525b;text-transform:uppercase;letter-spacing:.06em;padding-left:.125rem}.lang-select{width:100%;background:#18181b;border:1px solid #27272a;border-radius:.625rem;color:#e4e4e7;padding:.7rem 2.25rem .7rem .875rem;font-size:.875rem;font-family:inherit;cursor:pointer;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.lang-select option{background:#18181b;color:#e4e4e7;padding:.5rem}.lang-select:hover{border-color:#3f3f46}.lang-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.detected-badge{font-size:.7rem;color:#3b82f6;padding-left:.125rem}.swap-btn{flex-shrink:0;width:2.65rem;height:2.65rem;border-radius:.625rem;border:1px solid #27272a;background:#18181b;color:#a1a1aa;cursor:pointer;display:grid;place-items:center;transition:all .15s;margin-bottom:.125rem}.swap-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background:#3b82f60f}.swap-btn:disabled{opacity:.35;cursor:not-allowed}.panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel{display:flex;flex-direction:column;border:1px solid #27272a;border-radius:.75rem;background:#18181b;overflow:hidden;transition:border-color .15s,box-shadow .15s}.panel:focus-within{border-color:#3b82f666;box-shadow:0 0 0 3px #3b82f614}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid #27272a;background:#ffffff04}.panel-title{font-size:.8rem;font-weight:600;color:#a1a1aa;letter-spacing:.01em}.panel-actions{display:flex;gap:.25rem}.icon-btn{width:1.75rem;height:1.75rem;border-radius:.375rem;border:none;background:transparent;color:#71717a;cursor:pointer;display:grid;place-items:center;transition:all .15s}.icon-btn:hover{background:#ffffff0f;color:#d4d4d8}.panel-input{width:100%;min-height:12rem;resize:vertical;border:none;outline:none;background:transparent;color:#fafafa;padding:1rem;font-family:inherit;font-size:.95rem;line-height:1.7}.panel-input::placeholder{color:#3f3f46}.panel-output{flex:1;min-height:12rem;padding:1rem;font-size:.95rem;line-height:1.7}.translated-text{margin:0;white-space:pre-wrap;word-break:break-word;color:#fafafa}.placeholder{color:#3f3f46}.loading{display:flex;align-items:center;gap:.625rem;color:#71717a;font-size:.85rem}.spinner{width:1.1rem;height:1.1rem;border:2px solid #27272a;border-top-color:#3b82f6;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{display:flex;align-items:flex-start;gap:.5rem;color:#f87171;font-size:.85rem;padding:.75rem;border-radius:.5rem;background:#f871710f;border:1px solid rgba(248,113,113,.12)}.error-box svg{flex-shrink:0;margin-top:.1rem}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-top:1px solid #27272a;min-height:2rem}.char-count{font-size:.7rem;color:#3f3f46;font-variant-numeric:tabular-nums}.copied-toast{font-size:.7rem;font-weight:500;color:#34d399;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.footer{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.72rem;color:#3f3f46;padding-top:.25rem}.footer-dot{width:3px;height:3px;border-radius:50%;background:#27272a}@media(max-width:700px){.shell{padding:1.5rem 1rem;align-items:flex-start}.panels{grid-template-columns:1fr}.lang-bar{flex-wrap:wrap}.lang-group{min-width:0}.swap-btn{order:3;margin:0 auto;width:2.25rem;height:2.25rem}.header h1{font-size:1.25rem}}