:root{--color-red: #b30000;--color-gold: #d4af37;--color-green: #2e8b57;--color-bg: #0a0502;--color-card: rgba(179, 0, 0, .1);--font-sans: "Inter", sans-serif;--font-display: "Playfair Display", serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background-color:var(--color-bg);color:#fff;min-height:100vh;overflow-x:hidden;line-height:1.5;transition:background-color 2s ease}body.punya-kalaya-active{background-color:#2a0808}body.punya-kalaya-active .sweet{animation-duration:15s!important}.sun-container{display:flex;justify-content:center;margin-bottom:1rem}.stylized-sun{width:60px;height:60px;background:radial-gradient(circle,gold 30%,#ff8c00 80%);border-radius:50%;box-shadow:0 0 20px #ffd70099;animation:sunPulsate 4s ease-in-out infinite;transition:all 1s ease}@keyframes sunPulsate{0%{transform:scale(1);box-shadow:0 0 20px #ffd70099}50%{transform:scale(1.05);box-shadow:0 0 40px #ffd700e6}to{transform:scale(1);box-shadow:0 0 20px #ffd70099}}body.dawn-approaching .stylized-sun{animation:sunPulsateFast 1s ease-in-out infinite;background:radial-gradient(circle,#ff4500 30%,#b30000 80%)}@keyframes sunPulsateFast{0%{transform:scale(1);box-shadow:0 0 30px #ff4500cc}50%{transform:scale(1.1);box-shadow:0 0 60px #ff4500}to{transform:scale(1);box-shadow:0 0 30px #ff4500cc}}#sweets-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.sweet{position:absolute;top:-10%;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.8;animation:fallSweets linear infinite}.sweet-kokis{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="%23F6C344" fill-rule="evenodd" d="M50 5 L62 25 L85 20 L80 42 L100 55 L78 65 L80 88 L58 80 L45 100 L32 80 L10 88 L15 65 L-5 50 L15 38 L10 15 L32 25 Z M50 35 A15 15 0 1 0 50 65 A15 15 0 1 0 50 35 Z"/></svg>')}.sweet-kavum{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="%238B4513" d="M45 15 C45 5, 55 5, 55 15 C55 25, 80 40, 80 75 C80 95, 20 95, 20 75 C20 40, 45 25, 45 15 Z"/><ellipse cx="50" cy="15" rx="10" ry="5" fill="%236B3410"/></svg>')}.sweet-kiribath{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><polygon fill="%23F8F8F8" points="50,15 90,50 50,85 10,50"/><polygon fill="%23E0E0E0" points="50,15 90,50 50,50 10,50"/></svg>')}.sweet-mungkavum{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><polygon fill="%23D4A373" points="50,20 85,50 50,80 15,50"/><polygon fill="%23C39362" points="50,20 85,50 50,50 15,50"/></svg>')}@keyframes fallSweets{0%{transform:translateY(0) rotate(0) scale(var(--scale));opacity:0}10%{opacity:var(--opacity)}90%{opacity:var(--opacity)}to{transform:translateY(110vh) rotate(var(--rotation)) scale(var(--scale));opacity:0}}.app-container{max-width:500px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2.5rem;position:relative;z-index:1}header{text-align:center;position:relative}.header-top{display:flex;justify-content:center;align-items:center;position:relative}.icon-btn{background:none;border:none;color:var(--color-gold);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:transform .2s,color .2s}.icon-btn:hover{transform:scale(1.1);color:#fff}#menu-btn{position:absolute;right:0;top:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;right:-320px;width:320px;max-width:85vw;height:100vh;background:#0f0804fa;border-left:1px solid rgba(212,175,55,.2);z-index:2000;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-10px 0 30px #00000080}.sidebar.open{right:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(212,175,55,.2)}.sidebar-header h2{font-family:var(--font-display);color:var(--color-gold);font-size:1.5rem}.sidebar-content{padding:1.5rem;overflow-y:auto;flex:1}.settings-section{margin-bottom:2rem}.settings-section h3{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.settings-group{display:flex;flex-direction:column;gap:.75rem}.setting-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem;cursor:pointer;color:#ddd;transition:color .2s}.setting-item:hover{color:#fff}.setting-item input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--color-gold);border-radius:4px;background:transparent;cursor:pointer;position:relative;transition:background .2s}.setting-item input[type=checkbox]:checked{background:var(--color-gold)}.setting-item input[type=checkbox]:checked:after{content:"✓";position:absolute;color:var(--color-bg);font-size:14px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.action-btn{background:#d4af371a;color:var(--color-gold);border:1px solid var(--color-gold);border-radius:8px;padding:.75rem 1rem;font-family:var(--font-sans);font-size:.9rem;font-weight:600;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.action-btn:hover{background:var(--color-gold);color:var(--color-bg)}h1{font-family:var(--font-display);font-size:2.5rem;color:var(--color-gold);margin-bottom:.5rem;text-shadow:0 0 15px rgba(212,175,55,.3)}.subtitle{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:.15em}.timer-card{background:var(--color-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(212,175,55,.2);border-radius:24px;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.timer-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(179,0,0,.1) 0%,transparent 70%);pointer-events:none}.timer-label{font-size:.8rem;color:var(--color-gold);text-transform:uppercase;letter-spacing:.2em;margin-bottom:1.5rem;display:block}.countdown{display:flex;justify-content:center;gap:1rem}.time-unit{display:flex;flex-direction:column;align-items:center}.time-value{font-family:var(--font-display);font-size:3.5rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.4);line-height:1}.time-label{font-size:.7rem;color:#fff6;text-transform:uppercase;margin-top:.5rem}.nekath-section{display:flex;flex-direction:column;gap:1.5rem}.section-title{font-family:var(--font-display);font-size:1.5rem;color:var(--color-gold);border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:.5rem;margin-top:1rem;margin-bottom:.5rem}.nekath-list{display:flex;flex-direction:column;gap:1rem}.nekath-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.nekath-item:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(212,175,55,.15),transparent);transform:translate(-150%) skew(-15deg)}.nekath-item:hover{background:#ffffff0f;border-color:var(--color-gold);transform:translateY(-2px)}.nekath-item:hover:after{animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-150%) skew(-15deg)}to{transform:translate(250%) skew(-15deg)}}.nekath-info{display:flex;flex-direction:column;gap:.25rem}.nekath-name{font-weight:600;font-size:1.1rem}.nekath-time{font-size:.85rem;color:#ffffff80}.status-badge{font-size:.7rem;padding:.25rem .75rem;border-radius:100px;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.status-upcoming{background:#d4af371a;color:var(--color-gold)}.status-active{background:#2e8b571a;color:var(--color-green);box-shadow:0 0 10px #2e8b5733}.nekath-item.passed{opacity:.4;filter:grayscale(1);cursor:default;pointer-events:none}.nekath-item.passed:hover{transform:none;background:#ffffff08;border-color:#ffffff0d}#toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;width:90%;max-width:400px;pointer-events:none}.toast{background:#0a0502f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:1rem 1.5rem;border-radius:12px;font-size:.9rem;box-shadow:0 10px 30px #00000080;display:flex;align-items:center;gap:12px;animation:toastIn .4s cubic-bezier(.175,.885,.32,1.275) forwards;pointer-events:auto}.toast.success{border-left:4px solid var(--color-green)}.toast.error{border-left:4px solid var(--color-red)}@keyframes toastIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast.fade-out{animation:toastOut .4s ease forwards}@keyframes toastOut{to{transform:translateY(-20px);opacity:0}}@keyframes cardFocusPulse{0%{box-shadow:0 0 #2e8b5766;border-color:#2e8b5799}50%{box-shadow:0 0 15px #2e8b57cc;border-color:var(--color-green)}to{box-shadow:0 0 #2e8b5766;border-color:#2e8b5799}}.nekath-item.next-up{animation:cardFocusPulse 3s ease-in-out infinite;background:#2e8b570d}.confetti{position:fixed;width:10px;height:10px;background-color:red;z-index:9998;top:-10px;border-radius:2px}.completion-message{padding:1rem;animation:fadeIn 1s ease-out}.completion-message h2{font-family:var(--font-display);color:var(--color-gold);font-size:1.8rem;margin-bottom:1rem}.completion-message p{opacity:.8;font-size:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.nekath-item{transition:all .5s cubic-bezier(.4,0,.2,1)}.install-prompt{margin-top:auto;background:var(--color-red);color:#fff;border:none;border-radius:12px;padding:1rem;font-weight:600;font-size:1rem;cursor:pointer;transition:opacity .2s}.install-prompt:hover{opacity:.9}@media(max-width:480px){.nekath-item{flex-direction:column;text-align:center;gap:.75rem}.nekath-info{align-items:center}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{background:#0f0804f2;border:1px solid var(--color-gold);border-radius:24px;padding:3rem 2rem;text-align:center;max-width:90%;width:450px;position:relative;transform:translateY(20px) scale(.95);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 20px 50px #00000080,0 0 30px #d4af3733}.modal-overlay.open .modal-content{transform:translateY(0) scale(1)}.close-modal{position:absolute;top:15px;right:15px;font-size:2rem;width:40px;height:40px}.modal-title-si{font-family:var(--font-display);color:var(--color-gold);font-size:1.8rem;margin-bottom:.5rem;line-height:1.3}.modal-title-en{font-size:1rem;color:#ffffffb3;margin-bottom:1.5rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em}.modal-desc{font-size:1.1rem;line-height:1.6;color:#fff}@media(max-width:380px){.time-value{font-size:2.5rem}}