*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f1a;--surface:#1a1a2e;--surface-hover:#252540;--text:#e0e0e0;--text-muted:#888;--accent:#4ecca3;--accent-dim:#3ba882;--danger:#e74c3c;--done-bg:#1e3a2e;--border:#2a2a40}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{text-align:center;background:var(--surface);border-radius:1rem;width:100%;max-width:360px;padding:2.5rem}.app-title{color:var(--accent);margin-bottom:.5rem;font-size:2rem;font-weight:700}.app-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}.google-login-btn{color:#333;cursor:pointer;background:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:background .15s}.google-login-btn:hover{background:#eee}.google-login-btn:disabled{opacity:.5;cursor:wait}.auth-error{color:var(--danger);margin-bottom:1rem;font-size:.85rem}.app-container{max-width:480px;min-height:100vh;margin:0 auto}.app-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:sticky;top:0}.app-name{color:var(--accent);font-size:1.1rem;font-weight:700}.user-info{align-items:center;gap:.5rem;display:flex}.user-avatar{border-radius:50%;width:28px;height:28px}.logout-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:.3rem;padding:.3rem .6rem;font-size:.8rem}.date-header{padding:1.25rem 1rem .5rem}.date-gregorian{font-size:1.3rem;font-weight:600}.date-hijri{color:var(--text-muted);margin-top:.15rem;font-size:.9rem}.fasting-hint{color:#f0c040;background:#2d2a1a;border-radius:.25rem;margin-top:.4rem;padding:.2rem .6rem;font-size:.8rem;display:inline-block}.progress-bar-container{background:var(--border);border-radius:2px;height:4px;margin:.75rem 1rem;overflow:hidden}.progress-bar{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.progress-text{color:var(--text-muted);margin-bottom:.5rem;padding:0 1rem;font-size:.8rem}.habit-section{padding:.5rem 0}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.5rem 1rem;font-size:.75rem}.heatmap-container{justify-content:center;padding:.75rem 1rem;display:flex}.heatmap-svg{max-width:240px}.heatmap-month-label{fill:var(--text-muted);font-family:inherit;font-size:9px}.heatmap-day-label{fill:var(--text-muted);font-family:inherit;font-size:8px}.habit-card{background:var(--surface);border:1px solid var(--border);width:calc(100% - 2rem);color:var(--text);cursor:pointer;text-align:left;border-left:3px solid #0000;border-radius:.75rem;align-items:center;margin:.375rem 1rem;padding:.85rem 1rem;font-size:1rem;transition:background .2s,border-color .2s,transform .1s;display:flex}.habit-card:hover{background:var(--surface-hover)}.habit-card:active{transform:scale(.98)}.habit-card--done{background:var(--done-bg);border-left-color:var(--accent)}.habit-card--done:hover{background:#244a38}.habit-card--counter{cursor:default;flex-direction:column;gap:.5rem}.habit-card__check{border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-right:.75rem;transition:border-color .2s,background .2s;display:flex}.habit-card--done .habit-card__check{border-color:var(--accent);background:#4ecca326}.habit-card__check-icon{width:16px;height:16px}.habit-card__check-icon path{stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:24;stroke-dashoffset:24px;transition:stroke-dashoffset .25s}.habit-card--done .habit-card__check-icon path{stroke-dashoffset:0}.habit-card__label{flex:1}.habit-card__streak{color:var(--accent);background:#4ecca31a;border-radius:1rem;padding:.15rem .5rem;font-size:.8rem;font-weight:600}.habit-card__counter-top{align-items:center;width:100%;display:flex}.habit-card__counter-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.habit-card__target{color:var(--text-muted);font-size:.8rem}.habit-card__progress-track{background:var(--border);border-radius:1px;width:100%;height:2px;overflow:hidden}.habit-card__progress-fill{background:var(--accent);border-radius:1px;height:100%;transition:width .3s}.counter-controls{align-items:center;gap:.5rem;display:flex}.counter-btn{border:1px solid var(--border);background:var(--surface-hover);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:background .15s,transform .1s;display:flex}.counter-btn:hover:not(:disabled){background:#303050;transform:scale(1.05)}.counter-btn:active:not(:disabled){transform:scale(.95)}.counter-btn:disabled{opacity:.3;cursor:not-allowed}.counter-value{text-align:center;min-width:1.5rem;font-size:1.1rem;font-weight:600}.loading{min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.error-container{text-align:center;color:var(--danger);padding:2rem}.error-container button{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:.3rem;margin-top:1rem;padding:.5rem 1rem}.saving-indicator{background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:.3rem;padding:.4rem .8rem;font-size:.8rem;position:fixed;bottom:4.5rem;left:50%;transform:translate(-50%)}.app-main{padding-bottom:60px}.tab-bar{background:var(--bg);border-top:1px solid var(--border);z-index:10;width:100%;max-width:480px;height:56px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-bar__tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.7rem;transition:color .15s;display:flex}.tab-bar__tab--active{color:var(--accent)}.tab-bar__tab svg{width:22px;height:22px}.calendar-view{padding:0 1rem}.calendar-nav{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.calendar-nav__btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:.4rem;align-items:center;padding:.4rem .6rem;transition:background .15s;display:flex}.calendar-nav__btn:hover:not(:disabled){background:var(--surface-hover)}.calendar-nav__btn:disabled{opacity:.3;cursor:not-allowed}.calendar-nav__month{font-size:1.1rem;font-weight:600}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-header{text-align:center;color:var(--text-muted);padding:.25rem 0;font-size:.7rem}.cal-cell{aspect-ratio:1;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;transition:transform .1s;display:flex;position:relative}.cal-cell:active:not(.cal-cell--empty):not(.cal-cell--future){transform:scale(.93)}.cal-cell--today{outline:2px solid var(--accent);outline-offset:-2px}.cal-cell--selected{outline-offset:-2px;outline:2px solid #fff}.cal-cell--empty{cursor:default;background:0 0!important}.cal-cell--future{opacity:.3;cursor:default}.cal-cell__day{z-index:1;position:relative}.day-detail{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.day-detail__header{flex-direction:column;gap:.15rem;padding:0 0 .75rem;display:flex}.day-detail__date{font-size:1.1rem;font-weight:600}.day-detail__hijri{color:var(--text-muted);font-size:.85rem}.day-detail__loading{color:var(--text-muted);text-align:center;padding:1rem}.day-detail__saving{text-align:center;color:var(--text-muted);padding:.5rem;font-size:.8rem}.fasting-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;gap:.75rem;margin:.375rem 1rem;padding:1rem;display:flex}.fasting-card__header{align-items:center;gap:.75rem;display:flex}.fasting-card__icon{background:#2d2a1a;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.fasting-card__info{flex-direction:column;flex:1;gap:.1rem;display:flex}.fasting-card__title{font-size:1rem;font-weight:600}.fasting-card__subtitle{color:var(--text-muted);font-size:.8rem}.fasting-card__badge{color:#f0c040;background:#2d2a1a;border-radius:1rem;flex-shrink:0;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.fasting-card__progress-track{background:var(--border);border-radius:2px;width:100%;height:3px;overflow:hidden}.fasting-card__progress-fill{background:#f0c040;border-radius:2px;height:100%;transition:width .3s}.fasting-card__days{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.fasting-card__day{border:1px solid var(--border);color:var(--text-muted);cursor:default;text-align:center;background:0 0;border-radius:.5rem;padding:.6rem .5rem;font-size:.85rem;transition:background .2s,border-color .2s,color .2s}.fasting-card__day--today{cursor:pointer;color:var(--text);border-color:#5a5030}.fasting-card__day--today:active{transform:scale(.96)}.fasting-card__day--done{color:#f0c040;background:#2d2a1a;border-color:#5a5030}.fasting-card__day:disabled:not(.fasting-card__day--done){opacity:.5}.offline-banner{color:orange;text-align:center;background:#4a3000;padding:.5rem;font-size:.85rem}