*{box-sizing:border-box}body{background-image:linear-gradient(#00000080,#00000080),url(/assets/bg-BvYqfmzh.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Inter,Segoe UI,sans-serif;display:flex}#root{justify-content:center;width:100%;padding:20px;display:flex}.container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#fffffff2;border-radius:20px;width:100%;max-width:550px;padding:40px;transition:all .3s;box-shadow:0 20px 45px #00000059}.container:hover{transform:translateY(-5px)}h1{color:#333;margin-bottom:20px;font-size:28px}.file-input{margin-bottom:20px}.file-input input{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;width:100%;padding:14px;transition:all .3s}.file-input input:hover{background:#eef2ff;border-color:#6366f1}.upload-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .3s}.upload-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.loading-box{flex-direction:column;align-items:center;gap:10px;margin-top:25px;display:flex}.spinner{border:4px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-box p{color:#555;font-size:14px}.transcription-result{text-align:left;margin-top:30px}.transcription-result h2{color:#4f46e5;margin-bottom:10px}.transcription-result p{color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:18px;line-height:1.6}@media (width<=768px){body{align-items:flex-start;padding-top:60px}.container{padding:30px}}@media (width<=480px){.container{padding:22px}h1{font-size:22px}}