*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#020617;min-height:100vh;font-family:sans-serif}.app{background:radial-gradient(circle at 0 0,#7c3aed55,#0000 30%),radial-gradient(circle at 100% 100%,#2563eb55,#0000 30%),#020617;flex-direction:column;align-items:center;gap:20px;width:100%;min-height:100vh;padding:20px;display:flex}.hero{flex-direction:column;align-items:center;gap:10px;display:flex}.hero h1{font-size:32px;font-weight:700}.hero p,.hero small{color:#94a3b8;font-size:18px}.preview-section{justify-content:center;align-items:center;width:100%;display:flex}.desktop-preview{width:100%;max-width:900px;display:flex}@media (width<=1200px){.preview-section{flex-direction:column;align-items:center}.desktop-preview{width:100%;max-width:900px}}@media (width<=768px){.hero h1{font-size:50px}.hero p{font-size:24px}.desktop-preview{width:100%}}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:20px;width:100%;min-height:500px;padding:20px;display:flex;box-shadow:0 0 20px #8b5cf633}.mobile{min-height:700px}.top-bar{align-items:center;gap:10px;display:flex}.top-bar select{color:#f8fafc;background:#0f172a;border:none;border-radius:12px;outline:none;flex:1;height:45px;padding-left:12px;font-size:15px;box-shadow:inset 0 0 0 1px #94a3b833}.top-bar select option{color:#f8fafc;background:#0f172a}.switch-btn{color:#fff;cursor:pointer;background:#312e81;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.content{gap:20px;display:flex}.mobile .content{flex-direction:column}textarea,.translated-box{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;flex:1;min-height:280px;padding:20px;font-size:16px}textarea{resize:none;outline:none}.translated-box{align-items:flex-start;display:flex;overflow-y:auto}.actions{justify-content:space-between;align-items:center;gap:20px;display:flex}.left-actions{gap:10px;display:flex}.left-actions button{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.translate-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;height:45px;padding-left:20px;padding-right:20px;font-size:16px;font-weight:600}.count{color:#94a3b8;justify-content:flex-end;font-size:14px;display:flex}@media (width<=768px){.content,.actions{flex-direction:column}}body{margin:0}