:root{--bg-color:#fafafa;--text-color:#1a1a1a;--text-muted:#666666;--accent-color:#eab308;--accent-hover:#ca8a04;--card-bg:#ffffff;--border-color:#e5e5e5;--error-color:#ef4444;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--transition-speed:0.2s;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 4px 6px -1px rgba(0,0,0,0.05);--shadow-md:0 10px 15px -3px rgba(0,0,0,0.1)}@media (prefers-color-scheme:dark){:root{--bg-color:#0f1115;--text-color:#f3f4f6;--text-muted:#9ca3af;--accent-color:#facc15;--accent-hover:#eab308;--card-bg:#1f2229;--border-color:#374151;--error-color:#f87171;--shadow-sm:0 4px 6px -1px rgba(0,0,0,0.3);--shadow-md:0 10px 15px -3px rgba(0,0,0,0.4)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-speed) ease}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.title{font-size:2.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1rem;background:linear-gradient(to right,var(--text-color),var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:1.125rem;color:var(--text-muted);margin-bottom:2rem;max-width:600px}.btn-primary{background-color:var(--accent-color);color:#000;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-md);transition:all var(--transition-speed) ease;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 4px 14px 0 rgba(234,179,8,.39)}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(234,179,8,.23)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background-color:var(--border-color)}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.input-field{width:100%;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;color:var(--text-color);font-size:1.125rem;transition:border-color var(--transition-speed) ease;resize:vertical;min-height:120px;font-family:inherit}.input-field:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(234,179,8,.2)}.input-error,.input-error:focus{border-color:var(--error-color)}.input-error:focus{box-shadow:0 0 0 2px rgba(239,68,68,.2)}.error-text{color:var(--error-color);font-size:.875rem;margin-top:.5rem;font-weight:500}.label{display:block;font-weight:600;margin-bottom:.5rem;font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.header-nav{justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background-color:var(--card-bg)}.header-nav,.logo{display:flex;align-items:center}.logo{font-weight:800;font-size:1.25rem;letter-spacing:-.025em;gap:.5rem}.logo-accent{color:var(--accent-color)}.main-layout{min-height:100vh}.content-flex,.main-layout{display:flex;flex-direction:column}.content-flex{gap:1.5rem}.translation-result{min-height:120px;background-color:var(--bg-color);border-radius:var(--radius-md);padding:1rem;border:1px solid var(--border-color);font-size:1.125rem}.flex-row{justify-content:space-between;gap:1rem}.flex-center,.flex-row{display:flex;align-items:center}.flex-center{justify-content:center}.lang-select{padding:.5rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);font-size:1rem;outline:none;cursor:pointer}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:40;opacity:0;pointer-events:none;transition:opacity var(--transition-speed) ease}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:400px;background-color:var(--card-bg);z-index:50;transform:translateX(100%);transition:transform var(--transition-speed) ease;box-shadow:-4px 0 15px rgba(0,0,0,.1);display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.drawer-content{padding:1.5rem;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:1rem}.history-item{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.history-text{font-size:.95rem;margin-bottom:.5rem}.history-meta{font-size:.75rem;color:var(--text-muted);display:flex;justify-content:space-between}