*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Arial',sans-serif;color:#333}.blog-post-container{width:100%;max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 8px rgb(0 0 0/0.1);text-align:center;transition:box-shadow .3s ease}.blog-post-container.scrolled-into-view{box-shadow:0 8px 16px rgb(0 0 0/0.3)}h1{font-size:1.8rem;margin-bottom:20px;color:#444}input[type=file]{display:block;margin:0 auto 20px auto;padding:10px;border:2px dashed #ccc;border-radius:8px;background:#fafafa;max-width:100%;box-sizing:border-box}@media (max-width:768px){input[type=file]{font-size:.9rem;width:90%}}@media (max-width:480px){input[type=file]{font-size:.8rem;width:100%}}button{display:inline-block;padding:10px 20px;font-size:1rem;border:none;border-radius:8px;background:#4caf50;color:#fff;cursor:pointer;transition:all .3s ease}button:hover{background:#45a049}.text-box{position:relative;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:15px;margin:15px 0;box-shadow:0 4px 8px rgb(0 0 0/0.05);text-align:left;word-wrap:break-word;animation:borderAnimation 2s infinite alternate}@keyframes borderAnimation{0%{border-color:#ddd}50%{border-color:#4caf50}100%{border-color:#1b5e20}}.copy-btn{position:absolute;top:10px;right:10px;background:#4caf50;border:none;border-radius:50%;color:#fff;padding:8px;cursor:pointer}#fileNameDisplay{margin-bottom:10px;font-size:1.2rem;font-weight:700;animation:fadeIn .5s ease}#progress-bar{width:100%;height:20px;background:#f1f1f1;border-radius:10px;margin-top:20px;display:none}#progress{height:100%;width:0;background:#4caf50;border-radius:10px;position:relative}#progress-text{position:absolute;right:10px;color:#fff;font-size:1rem;top:0;bottom:0;margin:auto}.download-btn{width:100%;padding:10px;font-size:1rem;background:linear-gradient(90deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:10px;transition:background .3s ease}.download-btn:hover{background:linear-gradient(90deg,#2e7d32,#1b5e20)}#toast{visibility:hidden;min-width:250px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;font-size:17px;box-shadow:0 4px 8px rgb(0 0 0/0.5);transform:translateX(-50%)}#toast.show{visibility:visible;animation:fadein .5s,fadeout .5s 2.5s}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}