*{box-sizing:border-box}body{font-family:Karla,sans-serif;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#222;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{margin-inline:auto;padding:36px;max-width:600px}.header{display:flex;justify-content:center;align-items:center;height:65px;background:#ffffff40;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 32px #1f26875e,inset 0 1px #fff6;color:#fff;padding:20px 40px;border:1px solid rgba(255,255,255,.4);margin-bottom:24px;position:relative;overflow:hidden}.header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.header>.logo{height:100%;margin-right:10px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.header>h1{font-size:1.5rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.form{display:grid;grid-template:auto auto / 1fr 1fr;gap:20px;margin-bottom:20px;background:#fff3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f268733,inset 0 1px #ffffff4d}.form input{width:100%;margin-top:5px;padding:14px 18px;border-radius:15px;border:1px solid rgba(255,255,255,.4);background:#ffffff4d;color:#fff;font-size:1rem;transition:all .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:inset 0 1px #fff3}.form input::placeholder{color:#0009}.form input:focus{outline:none;background:#fff6;border-color:#fff9;box-shadow:0 0 0 3px #fff3,inset 0 1px #ffffff4d}.form .custom-text{display:flex;gap:10px}.generate-btn,.save-btn{border-radius:15px;padding:14px 28px;background:#ffffff40;color:#fff;border:1px solid rgba(255,255,255,.4);cursor:pointer;font-size:1rem;transition:all .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 4px 15px #0000001a,inset 0 1px #fff6;display:flex;justify-content:center;align-items:center}.generate-btn>.icon,.save-btn>.icon{font-size:1.5rem;margin-left:3px}.generate-btn:hover,.save-btn:hover{background:#fff6;transform:translateY(-2px);box-shadow:0 6px 20px #00000026,inset 0 1px #ffffff80}.generate-btn:active,.save-btn:active{transform:translateY(0);box-shadow:0 2px 10px #0000001a,inset 0 1px #ffffff4d}.save-icon{margin-left:4px;font-size:1rem}.meme{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:24px;overflow:hidden;background:#fff3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 8px 32px #00000026,inset 0 1px #fff6}.meme>img{max-width:100%;height:auto;box-shadow:0 4px 20px #0000001a}.meme span{position:absolute;text-align:center;margin-block:15px;padding-inline:5px;font-family:impact,sans-serif;font-size:2rem;text-transform:uppercase;color:#fff;letter-spacing:1px;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000,2px 2px 5px #000;-webkit-user-select:none;user-select:none}.bottom{bottom:0}.top{top:0}