body{color:#fff;background:radial-gradient(circle at 0 0,#7c3aed,#0000 35%),radial-gradient(circle at 100% 100%,#4c1d95,#0000 35%),#090014;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Arial,sans-serif;display:flex}#app{text-align:center;width:900px;max-width:90%}h1{text-shadow:0 0 10px #a855f7,0 0 25px #200255;margin-bottom:25px;font-family:Kablammo,cursive;font-size:48px}img,video{border-radius:18px;width:600px;max-width:100%;box-shadow:0 0 25px #ddc6f380}p{color:#ddd6fe;font-size:17px;line-height:1.6}header{text-align:center;margin-bottom:40px}#clock{text-shadow:0 0 15px #a855f7,0 0 35px #7c3aed;font-size:72px;font-weight:700}#date{color:#ddd6fe;margin-top:5px;font-size:18px}header h1{margin-top:25px}#nasa{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff26;border-radius:25px;padding:30px;box-shadow:0 0 30px #7c3aed40}#nasa h2{margin-top:0;font-size:28px}#nasa img,#nasa video{border-radius:18px;width:600px;max-width:100%}#nasa p{max-width:750px;margin:20px auto 0}#searchForm{width:650px;max-width:90%;margin:30px auto 0}#searchInput{box-sizing:border-box;color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #fff3;border-radius:50px;outline:none;width:100%;padding:17px 22px;font-size:17px;transition:all .2s;box-shadow:0 0 20px #7c3aed33}#searchInput::placeholder{color:#c4b5fd}#searchInput:focus{border-color:#a855f7;box-shadow:0 0 20px #a855f780,0 0 40px #7c3aed40}main{flex-direction:column;gap:25px;display:flex}#quickLinks{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff26;border-radius:25px;padding:25px;box-shadow:0 0 30px #7c3aed33}#quickLinks h2{margin-top:0;font-size:25px}.links{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.links a{color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;padding:15px;text-decoration:none;transition:all .2s}.links a:hover{background:#a855f74d;border-color:#a855f7;transform:translateY(-5px);box-shadow:0 0 20px #a855f759}.sectionHeader{justify-content:space-between;align-items:center;display:flex}.sectionHeader h2{margin:0}#addLinkButton{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;padding:8px 14px;transition:all .2s}#addLinkButton:hover{background:#a855f7;transform:translateY(-2px)}#links{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px;display:grid}.quickLink{position:relative}.quickLink a{color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;padding:15px;text-decoration:none;transition:all .2s;display:block}.quickLink a:hover{background:#a855f74d;border-color:#a855f7;transform:translateY(-3px)}.deleteLink{color:#fff;cursor:pointer;opacity:0;background:#7c3aed;border:none;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:-7px;right:-7px}.quickLink:hover .deleteLink{opacity:1}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal.show{display:flex}.modalContent{background:#1e0a37e6;border:1px solid #a855f766;border-radius:22px;width:350px;max-width:85%;padding:30px;box-shadow:0 0 40px #7c3aed66}.modalContent h2{margin-top:0;font-family:Kablammo,cursive}.modalContent input{box-sizing:border-box;color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;outline:none;width:100%;margin-top:12px;padding:13px}.modalContent input:focus{border-color:#a855f7}.modalButtons{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modalButtons button{cursor:pointer;color:#fff;background:#7c3aed;border:none;border-radius:10px;padding:10px 16px}.modalButtons button:hover{background:#a855f7}