:root{--bg:#0f172a;--card-bg:#1e293b6f;--primary:#38bff885;--text-main:#f8fafc;--text-dim:#94a3b8}*{box-sizing:border-box}a{color:#b38728;text-decoration:none}body{margin:0;padding:0;font-family:'Inter',sans-serif;background-color:var(--bg);background:url(../img/bg.webp) center center no-repeat;background-size:cover;background-attachment:fixed;color:var(--text-main);display:flex;justify-content:center;min-height:100vh}body::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:-1}.app-container{width:100%;max-width:480px;padding:120px 20px 20px;display:flex;flex-direction:column;gap:20px}header h1{font-size:1.5rem;text-align:center;margin-bottom:15px}header h2{font-size:1.1rem;text-align:center;margin-bottom:15px}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#040b1a99;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid #bf953f4d;padding:10px 0}.nav-content{max-width:480px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.nav-logo{color:#fcf6ba;font-weight:800;font-size:1.1rem;line-height:1.1rem;letter-spacing:1px;text-transform:uppercase}.nav-logo i{font-size:1.1rem;margin-right:5px;line-height:1rem}.select-wrapper{position:relative;display:flex;align-items:center;background:#ffffff08;border-radius:16px;padding:15px 18px}.select-wrapper i{color:#fcf6ba;margin-right:8px}#selectKota{width:100%;background:transparent;border:none;color:#fcf6ba;font-family:inherit;font-weight:600;outline:none;cursor:pointer}#selectKota option{background:#040b1a;color:#fcf6ba}.navbar{height:60px}header{margin-bottom:20px;text-align:center}header h1{font-size:1.4rem;background:linear-gradient(to right,#bf953f,#fcf6ba,#b38728);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-transform:uppercase;letter-spacing:2px}#tanggal{font-size:.9rem;color:#ffffffb3;margin-top:5px}.card{width:100%;max-width:480px;margin:20px auto;border:1px solid #bf953f4d;background:var(--card-bg);backdrop-filter:blur(15px);min-height:480px;border-radius:24px;padding:24px 24px 72px;box-shadow:0 10px 25px #0000004d}.card-header{text-align:center;margin-bottom:25px}.card-header h2{margin:0;font-size:1.25rem}.card-header p{color:var(--text-dim);margin:5px 0 0;font-size:.9rem}.jadwal-list{display:flex;flex-direction:column;gap:8px}.row{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#ffffff08;border-radius:16px;transition:transform .2s}.row.highlight{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);transform:scale(1.02)}.label{font-weight:600}.time{font-family:'Roboto Mono',monospace;font-size:1.2rem;font-weight:500}footer{text-align:center;color:var(--text-main);font-size:.8rem}footer i{font-size:1rem;color:#ff1493}footer a i{font-size:.9rem;color:#12a7e2}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.row.highlight{background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728);box-shadow:0 4px 15px #bf953f66;border:none}.row.highlight .label,.row.highlight .time,.row.highlight .label-group i{color:#1a1a1a!important;font-weight:700}.label-group{display:flex;align-items:center;gap:12px}.label-group i{font-size:2rem;filter:drop-shadow(0 0 5px #bf953f4d)}.ph-sun{color:#ffce44;filter:drop-shadow(0 0 5px #ffce44)}.ph-cloud-sun{color:#ff9f43;filter:drop-shadow(0 0 5px #ff9f43)}.ph-cloud-moon{color:#ff6b6b;filter:drop-shadow(0 0 5px #ff6b6b)}.ph-moon{color:#a29bfe;filter:drop-shadow(0 0 5px #a29bfe)}.row.highlight .label-group i,.row.highlight .label,.row.highlight .time{color:#040b1a!important;filter:none}.row.highlight .label-group i{color:#fff}.label{font-weight:600;font-size:1rem}@media screen and (min-width: 768px){body{align-items:center;background-image:url(../img/bg.webp);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover}.nav-content{max-width:480px}}.nav-social{display:flex;gap:15px;margin:0 10px}.nav-social a{color:#fcf6ba;font-size:1.3rem;transition:all .3s ease;display:flex;align-items:center;text-decoration:none}.nav-social a:hover{color:#fff;transform:translateY(-2px);filter:drop-shadow(0 0 5px #fcf6bacc)}@media screen and (max-width: 480px){.nav-logo{font-size:.9rem}.nav-social{gap:10px}.nav-social a{font-size:1.1rem}}.share-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 5px 20px #b8860b80;z-index:1001;transition:transform .3s cubic-bezier(0.175,0.885,0.32,1.275);z-index:99}.share-btn i{font-size:1.8rem;color:#054be4}.share-btn:hover{transform:scale(1.1) rotate(10deg)}.label-group i{display:inline-block}.nav-audio{display:flex;align-items:center;gap:8px;cursor:pointer;background:#ffffff1a;padding:5px 12px;border-radius:20px;border:1px solid #bf953f4d}.music-waves{display:none;align-items:flex-end;gap:2px;height:15px}.music-waves span{width:3px;background:#fcf6ba;animation:wave 1s infinite alternate}.music-waves span:nth-child(2){animation-duration:.7s}.music-waves span:nth-child(3){animation-duration:1.2s}@keyframes wave{from{height:3px}to{height:15px}}#audioIcon{font-size:1.5rem;color:#fcf6ba}@supports (background-image: url(../img/bg.avif)){body{background-image:url(../img/bg.avif)}}