@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap";@font-face{font-family:CaneNero;src:url(/CaneNero.woff2) format("woff2"),url(/CaneNero.otf) format("opentype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}.app{font-family:Lato,sans-serif;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;min-height:100dvh;display:flex;flex-direction:column}.app-header{position:relative;background:linear-gradient(135deg,#495057,#343a40,#212529);color:#fff;overflow:hidden}.header-title{font-size:54px;font-weight:700;color:#f8e4b7;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin:0;animation:titlePulse 3s ease-in-out infinite;font-family:CaneNero,serif}.header-content{position:relative;z-index:2;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo{position:absolute;left:50%;transform:translate(-50%)}.splash-logo{width:120px;animation:rotateSplash 2s linear forwards}.splash-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.splash-title{font-size:42px;font-weight:800;color:#f8e4b7;font-family:CaneNero,serif;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:titleFadeIn 1s ease-out forwards}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#495057;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .6s ease}.splash-screen.fade-out{opacity:0;pointer-events:none}@keyframes rotateSplash{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 768px) and (max-width: 1023px){.logo{height:75px}.header-content{position:relative;z-index:2;padding:2rem;display:flex;align-items:center;justify-content:space-between}}@media (min-width: 1024px) and (max-width: 1439px){.logo{height:65px}.logo{height:75px}.header-content{position:relative;z-index:2;padding:2rem;display:flex;align-items:center;justify-content:space-between}}@media (min-width: 1440px){.logo{height:65px}}.header-wave{position:absolute;bottom:0;left:0;width:100%;height:60px;overflow:hidden}.header-wave svg{width:100%;height:100%;fill:#f8f9fa}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.station-display{position:relative;width:100%;max-width:600px}.card-glow{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:24px;opacity:.3;filter:blur(8px);animation:glowPulse 3s ease-in-out infinite}.card-content{position:relative;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.main-title{font-size:42px;font-weight:700;color:#495057;margin-bottom:1.5rem;line-height:1.2}.intro-text{font-size:18px;font-weight:400;color:#6c757d;line-height:1.6;margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.random-btn{position:relative;background:linear-gradient(135deg,#495057,#343a40);color:#fff;border:none;padding:1rem 2.5rem;font-size:18px;font-weight:700;font-family:Lato,sans-serif;border-radius:12px;cursor:pointer;margin-bottom:2rem;transition:all .3s ease;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.random-btn:hover:not(:disabled),.activity-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #4950574d}.random-btn:disabled{opacity:.7;cursor:not-allowed}.random-btn.loading .btn-text,.activity-btn.loading .btn-text{animation:textShake .5s ease-in-out infinite}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.random-btn:hover .btn-glow,.activity-btn:hover .btn-glow{left:100%}.station-result{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;padding:1rem;border:2px solid #dee2e6}.station-label{font-size:14px;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.station-name{font-size:30px;font-weight:700;color:#495057;transition:all .3s ease}.station-name.animating{transform:scale(1.1);filter:blur(10px);animation:stationPulse .12s ease-in-out infinite}.encouragement{margin-top:1.5rem;padding:0rem;border-radius:12px;animation:fadeInUp .5s ease-out}.encouragement p{font-size:18px;font-weight:400;color:#495057;margin:0}@keyframes titlePulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes glowPulse{0%,to{opacity:.3}50%{opacity:.5}}@keyframes textShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes stationPulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.15)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){.logo{position:absolute;right:1rem;left:auto;transform:none;height:55px;top:25px}.icon-btn,.icon-btn2{width:35px!important;height:35px!important;cursor:pointer;transition:transform .2s ease}.card-icons{position:absolute;top:0rem!important;right:1rem;display:flex;gap:.75rem;z-index:2}.header-content{padding:2rem 1rem}.header-title{font-size:42px}.card-content{padding:2rem 1.5rem}.main-title{font-size:30px}.intro-text{font-size:16px}.random-btn{padding:.875rem 2rem;font-size:16px}.station-name{font-size:24px}.encouragement p,.footer-content p{font-size:16px}}@media (min-width: 768px) and (max-width: 1023px){.header-title{font-size:48px}.main-title{font-size:36px}.station-display{max-width:500px}}@media (min-width: 1024px) and (max-width: 1439px){.header-title{font-size:54px}.main-title{font-size:42px}.card-content{padding:3.5rem 2.5rem}}@media (min-width: 1440px){.header-content{padding:.3rem 1rem 2rem}.header-title{font-size:50px}.main-title{font-size:40px}.intro-text{font-size:20px}.random-btn{padding:1.25rem 3rem;font-size:17px}.station-name{font-size:36px}.card-content{padding:2rem 3rem}.station-display{max-width:700px}}.app-footer{position:relative;background:linear-gradient(135deg,#495057,#343a40,#212529);margin-top:auto}.footer-wave{position:absolute;top:0;left:0;width:100%;height:60px;overflow:hidden;transform:rotate(180deg)}.footer-wave svg{width:100%;height:100%;fill:#f8f9fa}.footer-content{position:relative;z-index:2;text-align:center;padding:1rem;display:flex;justify-content:center}.footer-content>*{margin:0% .5%}.footer-content p{font-size:18px;font-weight:400;color:#c9b99b;margin:0}.card-icons{position:absolute;top:.5rem;right:1rem;display:flex;gap:.75rem;z-index:2}.icon-btn{width:40px;height:40px;cursor:pointer;transition:transform .2s ease}.delete-btn{width:35px;height:35px;cursor:pointer;transition:transform .2s ease}.icon-btn2{width:35px;height:40px;cursor:pointer;transition:transform .2s ease}.icon-btn:hover,.icon-btn2:hover{transform:scale(1.1)}.social-icons{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.social-icon{width:28px;height:28px;transition:transform .2s ease}.social-icon:hover,.tip-link:hover{transform:scale(1.1)}.tip-link{font-size:16px;margin:0;text-decoration:none;transition:transform .2s ease}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.modal{background:#fff;padding:2rem 1.5rem 1rem;border-radius:12px;max-width:400px;width:90%;max-height:50vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;position:relative}.modal h3{margin-bottom:1rem}.modal-content{flex:1;overflow-y:auto;margin-bottom:1rem}.modal ul{text-align:left}.modal .buttons{background:#495057;color:#fff;border:none;border-radius:8px;padding:.5rem 1.2rem;cursor:pointer;align-self:center}.liked-list{list-style:none;padding:0;margin:0}.delete-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#e03131;padding:0;line-height:1}.clear-all-btn{color:#fff;border:none;border-radius:8px;padding:.5rem 1.2rem;cursor:pointer}.liked-item{display:flex;align-items:center;gap:.75rem;padding:.4rem 0;font-size:1rem;color:#333}.delete-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:0;line-height:1}.modal-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.like-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background-color:#495057;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 8px 20px #00000026;font-weight:700;z-index:1000;animation:fadeInOut 2.5s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(20px)}10%,90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.activity-btn{background:linear-gradient(135deg,#495057,#343a40);color:#fff;border:none;padding:.5rem;margin:1.5rem .5rem 0rem;font-size:14px;font-weight:700;font-family:Lato,sans-serif;border-radius:12px;cursor:pointer;transition:all .3s ease;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.activity-list{list-style:none;padding:0}.activity-item{margin-bottom:1rem;border-bottom:1px solid #ccc;padding-bottom:.5rem}.splash-overlay{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:9999}.splash-content-loading{display:flex;justify-content:center;align-items:center;z-index:2;position:relative;flex-direction:column}.splash-logo-loading{width:120px;animation:rotateSplash 1.5s linear infinite}.loading-text{font-size:30px;font-weight:bolder;color:#fff;margin:0}.activity-link{text-decoration:none;color:inherit}.activity-link:hover{text-decoration:underline}