.cal{--sky:#0b1714;--sky2:#10221d;--card:#132a24;--line:#24443b;--gold:#e3c46f;--gold2:#b8994a;--moon:#efe9d6;--fg:#e9efe9;--mute:#9fb3aa;--green:#6fbf8f;--f-disp:"Noto Sans Malayalam",system-ui,sans-serif;--f-body:"Noto Sans Malayalam",system-ui,sans-serif;--f-ar:"Amiri","Noto Naskh Arabic",serif;color-scheme:dark;background:radial-gradient(120% 60% at 50% 0,var(--sky2),var(--sky) 70%);background-color:var(--sky);color:var(--fg);font-family:var(--f-body);line-height:1.6}.cal-in{max-width:560px;margin:0 auto;padding:20px 16px 60px;display:flex;flex-direction:column;gap:28px}.cal .pv{font-size:12px;color:var(--gold);border:1px dashed var(--gold2);border-radius:10px;padding:6px 10px;text-align:center}.cal .cal-h1{font-size:15px;color:var(--gold2);text-align:center;letter-spacing:.04em;margin:0}.cal h1,.cal h2,.cal h3{font-family:var(--f-disp);text-wrap:balance;margin:0}.cal h2{font-size:21px;color:var(--gold);display:flex;gap:8px;align-items:center}.cal .sub{color:var(--mute);font-size:14px;margin:4px 0 0}.cal .ar{font-family:var(--f-ar);direction:rtl;font-size:21px;line-height:1.9;color:var(--moon)}.cal .src{font-size:12.5px;color:var(--gold2)}.cal .hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.cal .hero canvas{width:min(68vw,250px);aspect-ratio:1;max-width:100%}.cal .hd{font-family:var(--f-disp);font-size:34px;font-weight:700;line-height:1.2}.cal .hd b{color:var(--gold)}.cal .gd{color:var(--mute);font-size:14px}.cal .lit{font-size:13px;color:var(--mute);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cal .thought{margin-top:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;text-align:start}.cal .thought p{margin:4px 0}.cal .ring{position:relative;width:100%;max-width:360px;aspect-ratio:1;margin:0 auto}.cal .ring button{position:absolute;width:9.5%;aspect-ratio:1;transform:translate(-50%,-50%);border:0;padding:0;background:none;cursor:pointer;border-radius:50%}.cal .ring button canvas{width:100%;height:100%;display:block}.cal .ring button.today{outline:2px solid var(--gold);outline-offset:2px}.cal .ring button.sp:after{content:"";position:absolute;right:-2px;top:-2px;width:7px;height:7px;border-radius:50%;background:var(--green)}.cal .ring button:focus-visible{outline:2px solid var(--fg)}.cal .rc{position:absolute;inset:22%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;padding:4px}.cal .rc .n{font-family:var(--f-disp);font-size:38px;color:var(--gold);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cal .rc .t{font-size:13.5px}.cal .rc .s{font-size:12px;color:var(--mute)}.cal .legend{display:flex;gap:14px;justify-content:center;font-size:12.5px;color:var(--mute);flex-wrap:wrap}.cal .legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);-webkit-margin-end:5px;margin-inline-end:5px}.cal .months{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.cal .months button{flex:0 0 auto;border:1px solid var(--line);background:none;color:var(--mute);border-radius:999px;padding:5px 12px;font:inherit;font-size:13.5px;cursor:pointer}.cal .months button.on{background:var(--gold);color:var(--sky);border-color:var(--gold)}.cal .mcard{border-radius:18px;padding:18px;border:1px solid var(--line);background:linear-gradient(160deg,var(--mc,#1b3a30),var(--card) 70%);display:flex;flex-direction:column;gap:8px}.cal .mcard .k{font-size:12px;letter-spacing:.06em;color:var(--gold2)}.cal .mcard h3{font-size:24px}.cal .mcard .les{font-size:16px}.cal .fasts{display:flex;flex-direction:column;gap:6px;margin-top:4px}.cal .fasts div{display:flex;gap:8px;font-size:14px}.cal .fasts b{color:var(--green);white-space:nowrap}.cal .cd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.cal .cd div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:2px;min-width:0}.cal .cd .v{font-family:var(--f-disp);font-size:30px;color:var(--gold);line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cal .cd .l{font-size:13.5px}.cal .cd .w{font-size:12px;color:var(--mute)}.cal .asr{font-size:14px;color:var(--mute);margin:10px 0 0}.cal .hist{display:flex;flex-direction:column;gap:10px}.cal .hist div{display:grid;grid-template-columns:76px 1fr;grid-gap:12px;gap:12px;align-items:start;border-top:1px solid var(--line);padding-top:10px}.cal .hist .d{font-family:var(--f-disp);color:var(--gold);font-size:15px;line-height:1.3}.cal .hist p{margin:0;font-size:14.5px}.cal details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.cal details+details{margin-top:8px}.cal summary{cursor:pointer;font-family:var(--f-disp);font-size:16.5px;list-style:none;display:flex;gap:10px}.cal summary::-webkit-details-marker{display:none}.cal summary .no{color:var(--gold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cal details[open] summary{margin-bottom:8px}.cal details p{margin:6px 0;font-size:14.5px}.cal .note{font-size:13px;color:var(--mute);-webkit-border-start:2px solid var(--gold2);border-inline-start:2px solid var(--gold2);-webkit-padding-start:10px;padding-inline-start:10px;margin-top:12px}.cal .acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.cal .acts button{border:1px solid var(--gold2);background:none;color:var(--fg);border-radius:14px;padding:12px;font:inherit;font-size:14.5px;cursor:pointer;text-align:start}.cal .acts button small{display:block;color:var(--mute);font-size:12px}.cal .acts button:focus-visible,.cal .months button:focus-visible{outline:2px solid var(--gold)}.cal .toast{font-size:13px;color:var(--green);text-align:center;min-height:1em}.cal footer{font-size:12.5px;color:var(--mute);text-align:center}.cal .hero canvas{animation:glow 6s ease-in-out infinite alternate}.cal from{filter:drop-shadow(0 0 18px rgba(239,233,214,.12))}.cal to{filter:drop-shadow(0 0 34px rgba(239,233,214,.28))}@media (max-width:380px){.cal .hd{font-size:28px}.cal .cd .v{font-size:26px}}@media (prefers-reduced-motion:no-preference){.cal .hero canvas{animation:calglow 6s ease-in-out infinite alternate}}@keyframes calglow{0%{filter:drop-shadow(0 0 18px rgba(239,233,214,.12))}to{filter:drop-shadow(0 0 34px rgba(239,233,214,.28))}}