*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff}.app-container{width:90%;max-width:none;margin:20px auto;background:#ffffff0f;border-radius:12px;padding:30px 40px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 15px #0000004d;border:1px solid rgba(255,255,255,.15);animation:fadeIn .8s ease}h1{font-size:2.5rem;font-weight:800;text-align:center;color:#00f2fe;margin-bottom:10px}p.subtitle{text-align:center;color:#ccc;margin-bottom:30px}textarea,.retrieved-textarea{width:100%;min-height:300px;padding:20px;border-radius:10px;border:1px solid #444;background:#ffffff1f;color:#fff;font-size:1.1rem;resize:vertical;transition:.3s}textarea:focus{outline:none;border-color:#4facfe;box-shadow:0 0 10px #4facfe66}.retrieved-textarea:focus{outline:none;border-color:#364049;box-shadow:0 0 10px #1e1f23}button{width:100%;margin-top:15px;padding:15px;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;background:linear-gradient(90deg,#4facfe,#00f2fe);color:#fff;transition:.3s}button:hover{transform:scale(1.05);box-shadow:0 5px 20px #4facfe66}.share-box{margin-top:25px;padding:10px;border-radius:12px;background:#00ff801f;border:1px solid rgba(0,255,128,.4)}.share-box a{color:#4facfe;font-weight:700;text-decoration:none}.share-box a:hover{text-decoration:underline}.note-box{margin-top:20px;padding:10px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#ddd;font-size:1rem;white-space:pre-wrap}.btn-row{width:30%;display:flex;gap:10px}.btn-row button{flex:1;padding:12px;border-radius:10px;font-size:.95rem;font-weight:600;border:none;cursor:pointer;transition:.3s}.btn-row button:first-child{background:linear-gradient(90deg,#36d1dc,#5b86e5);color:#fff}.btn-row button:first-child:hover{transform:scale(1.05);box-shadow:0 5px 15px #5b86e566}.btn-row .clear-btn{background:#ff4d4d;color:#fff}.btn-row .clear-btn:hover{background:#e64545;transform:scale(1.05);box-shadow:0 5px 15px #ff4d4d66}.expiry{display:block;margin-top:10px;font-size:.85rem;color:#aaa}.note-box{margin-top:20px;padding:20px;border-radius:15px;background:#2d2f33;box-shadow:0 5px 20px #0000004d}.note-box h3{margin-bottom:10px;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.app-container{padding:20px;margin:15px}h1{font-size:2rem}textarea{font-size:.95rem}}