.todo-section{cursor:default;margin:4px 16px 0}.todo-section__header{align-items:center;background:none;border:none;color:var(--color-card-detail);cursor:pointer;display:flex;justify-content:space-between;padding:10px 0;position:relative;text-align:left;-webkit-user-select:none;user-select:none;width:100%}.todo-section__header:after{color:var(--color-card-detail);content:"›";font-size:24px;line-height:1;opacity:.5;position:absolute;right:5px;transform:rotate(90deg);transition:transform .25s ease,opacity .25s ease}.todo-section__header--open:after{opacity:1;transform:rotate(270deg)}.todo-section__label{font-size:14px;font-weight:700;letter-spacing:.5px}.todo-section__duration{font-weight:400;letter-spacing:normal;opacity:.7;text-transform:none;transition:opacity .15s ease .28s}.todo-section__header--open .todo-section__duration{opacity:0;transition:opacity 80ms ease 0ms}.todo-section__meta{align-items:center;display:flex;flex-shrink:0;gap:6px}.todo-section__badge{background-color:var(--color-accents);border-radius:10px;color:#fff;font-size:12px;font-weight:700;line-height:1.4;margin-right:25px;padding:1px 6px;white-space:nowrap}.todo-section__body{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .2s ease .12s}.todo-section__body--open{grid-template-rows:1fr;transition:grid-template-rows .22s ease 0ms}.todo-section__body-inner{min-height:0;opacity:0;overflow:hidden;transition:opacity .12s ease 0ms}.todo-section__body--open .todo-section__body-inner{opacity:1;transition:opacity .18s ease .18s}.todo-list{padding-bottom:10px}.todo-list__summary{align-items:center;color:var(--color-card-detail);display:flex;font-size:14px;gap:6px;opacity:.65;padding:2px 0 6px}.todo-list__items{display:flex;flex-direction:column;overflow:hidden}.todo-list__undo-bar{align-items:center;animation:todo-undo-fadein .15s ease;color:var(--color-card-detail);display:flex;font-size:14px;justify-content:space-between;opacity:.85;padding:6px 0}.todo-list__undo-bar button{background:none;border:1px solid;border-radius:4px;color:var(--color-accents);cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;padding:2px 10px}.todo-list__undo-bar button:hover{opacity:.8}@keyframes todo-undo-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:.85;transform:translateY(0)}}.todo-item{align-items:center;border-bottom:1px solid #3232321a;cursor:default;display:flex;gap:8px;min-height:38px;padding:8px 0;touch-action:pan-y;will-change:transform}.todo-item:last-child{border-bottom:none}.todo-item__text{color:var(--color-card-detail);flex:1 1;font-size:16px;line-height:1.4;word-break:break-word}.todo-item--completed .todo-item__text{opacity:.5;text-decoration:line-through}.todo-item__edit-input{background:#0000;border:none;border-bottom:2px solid var(--color-accents);color:var(--color-card-detail);flex:1 1;font-family:Roboto,sans-serif;font-size:16px;outline:none;padding:2px 0}.todo-item__actions{display:flex;flex-shrink:0;gap:2px;opacity:0;transition:opacity .15s ease}.todo-item:hover .todo-item__actions{opacity:1}.todo-item__action-btn{background:none;border:none;border-radius:4px;color:var(--color-card-detail);cursor:pointer;font-size:19px;line-height:1;opacity:.65;padding:4px 8px;transition:opacity .12s ease,background-color .12s ease}.todo-item__action-btn:hover{background-color:#3232321a;opacity:1}.todo-item__action-btn--complete{color:var(--color-accents)}.todo-item__action-btn--delete{color:#f44}.todo-input{align-items:center;display:flex;gap:8px;padding:8px 0 2px}.todo-input__field{background:#0000;border:none;border-bottom:1px solid #32323240;color:var(--color-card-detail);flex:1 1;font-family:Roboto,sans-serif;font-size:16px;outline:none;padding:4px 0}.todo-input__field::placeholder{color:var(--color-card-detail);opacity:.4}.todo-input__field:focus{border-bottom-color:var(--color-accents)}.todo-input__char-count{color:#f44;flex-shrink:0;font-size:14px;min-width:22px;text-align:right}.todo-input__cap-message{color:var(--color-card-detail);font-size:14px;font-style:italic;opacity:.55;padding:8px 0 4px}.todo-input__add-btn{align-items:center;background:none;border:1px solid #3232324d;border-radius:50%;color:var(--color-card-detail);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:20px;justify-content:center;line-height:1;opacity:.75;padding:0;transition:opacity .15s ease;width:20px}.todo-input__add-btn:hover:not(:disabled){opacity:1}.todo-input__add-btn:disabled{cursor:default;opacity:.25}.view-main_settings{background-color:var(--color-overlay-bg);color:var(--color-overlay-text);display:grid;grid-template-rows:60px 1fr;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.view-main_settings,.view-main_settings__title{transition:background-color .3s ease,color .3s ease}.view-main_settings__title{background-color:var(--color-overlay-header);color:var(--color-overlay-header-text);padding:0 20px}.view-main_settings__title-inner{align-items:center;display:grid;font-size:24px;grid-template-columns:1fr 60px;max-width:600px;padding:15px 0}.view-main_settings__title-inner .action{justify-self:end}.view-main_settings .view-main_settings__content{overflow-y:auto;padding:20px}.view-main_settings .view-main_settings__content-inner{max-width:600px}.view-main_settings .view-main_settings__content .settings__content_masjids>p,.view-main_settings .view-main_settings__content .settings__content_mithl>p{color:var(--color-overlay-text);font-size:16px;line-height:1.5;margin:10px 12px}.view-main_settings .view-main_settings__content .settings__content .MuiList-root{padding:0}.view-main_settings .view-main_settings__content .settings__content .MuiList-root .MuiListItem-root{color:var(--color-overlay-text)}.release-notes{padding:0 12px}.release-notes__current{color:var(--color-accents);font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:24px}.release-notes__timeline{border-left:2px solid var(--color-overlay-text);opacity:.9;padding-left:24px;position:relative}.release-notes__entry{padding-bottom:32px;position:relative}.release-notes__entry:last-child{padding-bottom:0}.release-notes__marker{background-color:var(--color-accents);border:2px solid var(--color-overlay-bg);border-radius:50%;height:14px;left:-34px;position:absolute;top:0;width:14px}.release-notes__content{padding-left:8px}.release-notes__header{align-items:baseline;display:flex;gap:12px;margin-bottom:10px}.release-notes__version{color:var(--color-overlay-text);font-size:18px;font-weight:700}.release-notes__date{color:var(--color-overlay-text);font-size:14px;opacity:.6}.release-notes__list{list-style:none;margin:0;padding:0}.release-notes__list li{color:var(--color-overlay-text);font-size:14px;line-height:1.5;padding:4px 0 4px 16px;position:relative}.release-notes__list li:before{background-color:var(--color-accents);border-radius:50%;content:"";height:6px;left:0;opacity:.6;position:absolute;top:11px;width:6px}.app{--color-app-bg:#3c4f76;--color-highlight:#92dce5;--color-panel:#2b2d42;--color-card-bg:#276fbf;--color-card-current:#049a8f;--color-text:#f1f1f1;--color-expanded-bg:#e9fff9;--color-expanded-contrast:#ffffff2e;--color-overlay-bg:#fdfffc;--color-overlay-text:#323232;--color-overlay-header:#3c4f76;--color-overlay-header-text:#f1f1f1;--color-card-detail:#323232;--color-accents:#18856f}body:not(.dark-mode) .app{--color-app-bg:#f7f8fa;--color-highlight:#efeaff;--color-panel:#ffeedb;--color-card-bg:#fff;--color-card-current:#d4f5f0;--color-text:#323232;--color-expanded-bg:#fefefe;--color-expanded-contrast:rgba(0,0,0,.039);--color-overlay-bg:#fff;--color-overlay-text:#323232;--color-overlay-header:#f7f8fa;--color-overlay-header-text:#323232;--color-card-detail:#323232;--color-accents:#e3a258}.app{background-color:var(--color-app-bg);transition:background-color .3s ease}.app,.view-main{height:100%;margin:0;min-height:100vh;padding:0;position:relative}.view-main{display:flex;flex-direction:column}.main-content{display:flex;flex:1 1;flex-direction:column;max-width:600px;padding:0}.view-main_header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 20px 1px;position:relative}.view-main_header__title h1{color:var(--color-text);font-size:24px;font-weight:700;letter-spacing:.2px;margin:0}.view-main_header__title span{display:none}.view-main_header__action{align-items:center;color:var(--color-text);display:block;font-size:16px;font-weight:400;gap:0;left:70px;position:absolute;right:45px;text-align:right;top:23px}.view-main_header__action img{height:40px;width:40px}.view-main_content{background-color:var(--color-highlight);border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex:1 1;flex-direction:column;margin:70px 0 0;overflow-y:visible;padding:10px 20px 20px;position:relative;transition:background-color .3s ease}.view-main_content>:not(.content-panel):not(.panel-header):not(.prayer-times-container):not(.masjid-name):not(.footer-links){display:none}.panel-header{align-items:flex-start;background-color:var(--color-panel);border-radius:10px;color:var(--color-text);display:flex;font-size:14px;justify-content:space-between;left:20px;min-height:60px;padding:20px;position:absolute;right:20px;top:-60px;transition:background-color .3s ease,color .3s ease;z-index:2}.panel-header .countdown-wrapper{align-items:flex-start;display:flex;flex:1 1;min-width:0}.panel-header .date-nav-wrapper{flex-shrink:0}.prayer-countdown{align-items:flex-start;color:var(--color-text);display:flex;flex-direction:column}.prayer-countdown__next{color:var(--color-text);font-size:14px;margin-bottom:4px}.prayer-countdown__time{color:var(--color-text);font-size:16px;font-weight:700}.compact-date-nav{align-items:center;color:var(--color-text);display:flex;font-size:14px;gap:1px}.compact-date-nav>div{flex:1 1}.compact-date-nav>div:hover{opacity:.8}.content-panel{background-color:var(--color-panel);border-radius:10px;bottom:20px;left:20px;padding:0;position:absolute;right:20px;top:0;transition:background-color .3s ease;z-index:1}.prayer-times-container{display:flex;flex-direction:column;gap:20px;margin-left:20px;margin-right:20px;margin-top:11px;position:relative;transition:opacity .2s ease-in-out;z-index:2}.prayer-times-container .message{color:#888;color:var(--color-text-secondary,#888);font-size:.95rem;padding:32px 16px;text-align:center}.prayer-card{background-color:var(--color-card-bg);border-radius:10px;cursor:pointer;overflow:hidden;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.prayer-card__header{align-items:center;display:flex;justify-content:space-between;padding:18px 20px;position:relative}.prayer-card__header.current{background-color:var(--color-card-current)!important}.prayer-card__header:after{color:var(--color-text);content:"›";font-size:24px;line-height:1;opacity:.5;position:absolute;right:20px;transform:rotate(90deg);transition:transform .25s ease,opacity .25s ease}.prayer-card:has(.prayer-card__body.is-open) .prayer-card__header:after{opacity:1;transform:rotate(270deg)}.prayer-card__name{text-transform:uppercase}.prayer-card__name,.prayer-card__time{color:var(--color-text);font-size:18px;font-weight:700}.prayer-card__time{margin-right:15px}.prayer-card__body{background-color:var(--color-expanded-bg);display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.prayer-card__body.is-open{grid-template-rows:1fr}.prayer-card__body-inner{background-color:var(--color-expanded-contrast);overflow:hidden;padding-bottom:0;transition:padding-bottom .25s ease}.is-open+* .prayer-card__body-inner,.prayer-card__body.is-open .prayer-card__body-inner{padding-bottom:16px}.prayer-card__jamaat-label{color:var(--color-card-detail);font-size:14px;padding-bottom:4px;padding-top:14px;text-align:center}.prayer-card__jamaat-time{color:var(--color-card-detail);font-size:18px;font-weight:700;padding-bottom:16px;text-align:center}.prayer-card__divider{background:var(--color-accents);height:1px;margin:4px 24px 0}.masjid-name{color:var(--color-text);font-size:16px;margin-bottom:20px;margin-top:20px;text-align:center}.footer-links,.masjid-name{position:relative;z-index:2}.footer-links{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center;padding:0 20px 20px}.footer-links button{background:none;border:none;color:var(--color-text);cursor:pointer;font-family:Roboto,sans-serif,serif;font-size:14px;opacity:.7;padding:0}.footer-links button:hover{opacity:1}.settings-title{font-family:Roboto,sans-serif,serif;font-size:24px;font-weight:700;padding-left:10px}a,abbr,acronym,address,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,img,ins,kbd,label,legend,li,mark,menu,nav,ol,output,p,pre,q,ruby,s,samp,section,small,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:16px;font:inherit;margin:0;padding:0;text-decoration:none;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li{-webkit-tap-highlight-color:rgba(0,0,0,0)}li:active,li:focus{border:none;outline:0;text-decoration:none}ol,ul{list-style:none}blockquote,q{quotes:none}.app{box-sizing:border-box;color:#323232;font-family:Roboto,sans-serif,serif;height:100vh;left:0;min-width:320px;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100vw}.app .hidden{display:none}body{color:#323232;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}