:root{--bg: #f7f2e7;--ink: #1f2a24;--accent: #2f6e5c;--amber: #c68b3c;--brick: #a9463a;--muted: #8a9a8e;--paper: #fffdf8;--radius: 14px;font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#efe6d4 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#e4efe8 0%,transparent 50%),var(--bg);line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh}h1,h2,.brand{font-family:Fraunces,Georgia,serif;font-weight:700}a{color:var(--accent)}button,input,select{font:inherit}button{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:.7rem 1rem;min-height:44px;cursor:pointer}button.ghost{background:transparent;color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}button.chip{background:color-mix(in srgb,var(--paper) 80%,white);color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:999px;padding:.45rem .85rem;min-height:40px}button.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}input,select{width:100%;margin-top:.35rem;padding:.7rem .8rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);background:#fff}label{display:block;font-weight:500}.stack{display:grid;gap:.9rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--brick)}.center-screen,.auth-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(420px,100%);background:color-mix(in srgb,var(--paper) 92%,white);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:calc(var(--radius) + 4px);padding:1.5rem;box-shadow:0 18px 50px color-mix(in srgb,var(--ink) 8%,transparent)}.hero-brand{font-size:1.6rem;margin:0 0 .4rem;color:var(--accent)}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;max-width:720px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem .5rem}.brand{margin:0;font-size:1.25rem}.main{padding:.5rem 1rem 5.5rem}.page h1{margin:.2rem 0 .35rem}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(720px,100%);display:grid;grid-auto-flow:column;gap:.25rem;padding:.55rem .6rem calc(.55rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--paper) 94%,white);border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.tabbar a{text-decoration:none;color:var(--muted);text-align:center;padding:.55rem .1rem;border-radius:10px;font-size:.72rem;font-weight:500;min-height:44px;display:grid;place-items:center}.tabbar a.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.tabbar a.is-busy{position:relative}.tabbar a.is-busy:after{content:"";position:absolute;top:.35rem;right:.45rem;width:7px;height:7px;border-radius:50%;background:var(--accent);animation:chat-pulse 1s ease-in-out infinite}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.2rem 0}.stats.stats-2{grid-template-columns:repeat(2,1fr)}@media(max-width:480px){.stats:not(.stats-2){grid-template-columns:1fr 1fr}.stats:not(.stats-2) .stat-btn:first-child{grid-column:1 / -1}}.stats div,.stats .stat-btn{background:var(--paper);border-radius:var(--radius);padding:.9rem .75rem;text-align:center;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.stats .stat-btn{display:block;width:100%;color:inherit;text-decoration:none;cursor:pointer;font:inherit}.stats .stat-btn:hover{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.stats strong{display:block;font-size:1.4rem;font-family:Fraunces,Georgia,serif}.stats span{color:var(--muted);font-size:.85rem}.ayah-progress-bar{height:10px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--muted) 25%,transparent);margin:.15rem 0 0}.ayah-progress-bar>span{display:block;height:100%;background:var(--accent);border-radius:999px}.ayah-progress-meta{margin:.4rem 0 0}.filters{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0}.period-filters{margin:.75rem 0 .25rem}.period-filters+.period-filters{margin-top:.35rem}.column-chart-wrap{margin:.5rem 0 .75rem;width:100%}.column-chart-title{margin:0 0 .25rem}.column-chart-tooltip{background:var(--paper);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:10px;padding:.45rem .65rem;box-shadow:0 6px 18px color-mix(in srgb,var(--ink) 8%,transparent);display:grid;gap:.1rem}.column-chart-tooltip strong{font-size:.9rem}.column-chart-tooltip span{color:var(--muted);font-size:.8rem}.juz-group h2{font-size:1rem;margin:1.2rem 0 .5rem;color:var(--accent)}.surah-list,.review-list,.user-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.review-item{display:flex;align-items:center;gap:.7rem;background:var(--paper);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:var(--radius);padding:.7rem .85rem;cursor:pointer;font-weight:500}.review-item input[type=checkbox]{width:1.15rem;height:1.15rem;margin:0;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.review-item input[type=checkbox]:disabled{cursor:default}.review-item.done{cursor:default}.review-item.done span{text-decoration:line-through;color:var(--muted)}a.review-item.learning{text-decoration:none;color:inherit;font-weight:500}.surah-row,.user-row{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;background:var(--paper);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:var(--radius);padding:.85rem}.row-actions{display:flex;flex-direction:column;gap:.4rem;min-width:120px}.ayah-range{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.45rem}.ayah-range label{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:color-mix(in srgb,var(--ink) 70%,transparent)}.ayah-range input[type=number]{width:4.2rem;padding:.25rem .4rem}.row-actions-inline{display:flex;gap:.5rem;margin-top:.6rem}button.ghost.danger{color:#a33}.block-editing{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}.portion-form{margin-bottom:1rem}.text-link.small{margin-top:.35rem;font-size:.85rem}.text-link{display:inline-block;margin-top:1rem;font-weight:600}.dash-panel{background:color-mix(in srgb,var(--paper) 88%,white);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:calc(var(--radius) + 2px);padding:1rem;margin:1rem 0}.dash-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.dash-panel-head h2{margin:0;font-size:1.25rem}.dash-panel-head .text-link{margin-top:0;font-size:.9rem}.dash-panel .stats{margin:.85rem 0 .65rem}.subhead{font-size:.95rem;margin:1rem 0 .55rem;color:var(--ink)}.category-bars{display:grid;gap:.65rem}.stack-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--muted) 25%,transparent)}.stack-seg{height:100%}.legend{list-style:none;padding:0;margin:0;display:grid;gap:.25rem;font-size:.9rem}.legend .dot{display:inline-block;width:.65rem;height:.65rem;border-radius:999px;margin-right:.4rem;vertical-align:middle}.date-nav{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;margin-bottom:.35rem}.date-nav-center{text-align:center}.date-nav-center h1{margin:0 0 .35rem;font-size:1.55rem}.date-nav-center input[type=date]{width:auto;margin:0 auto;display:inline-block}.icon-btn{min-width:44px;font-size:1.2rem}.small-btn{margin-bottom:.5rem;padding:.45rem .75rem;min-height:36px;font-size:.9rem}.add-review-btn{margin-top:.75rem}.add-review{margin-top:.85rem;padding-top:.75rem;border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.add-review select{margin-top:.35rem}.type-list{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.5rem}.type-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;background:var(--paper);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:var(--radius);padding:.75rem}.type-edit{display:grid;grid-template-columns:1fr;gap:.45rem;width:100%}.type-name{display:flex;align-items:center;gap:.45rem}.color-field{display:grid;gap:.35rem}.color-row{display:flex;align-items:center;gap:.65rem}.color-row input[type=color]{width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.color-presets{display:flex;flex-wrap:wrap;gap:.35rem}.swatch{width:28px;height:28px;min-height:28px;padding:0;border-radius:999px;border:2px solid transparent}.swatch.active{border-color:var(--ink)}.activity-bars{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}.activity-bar-meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.9rem;margin-bottom:.2rem}.bar-track{height:10px;border-radius:999px;background:color-mix(in srgb,var(--muted) 22%,transparent);overflow:hidden}.bar-fill{height:100%;border-radius:999px;min-width:2px}.prayer-list{list-style:none;padding:0;margin:.75rem 0 1rem;display:grid;gap:.65rem}.prayer-row,.prayer-pref-row{background:color-mix(in srgb,var(--paper) 70%,white);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:var(--radius);padding:.75rem}.prayer-row-main{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.prayer-row-main input[type=time]{width:auto;min-width:7.5rem}.prayer-pref-inputs{margin-top:.5rem}.prayer-pref-inputs input[type=number]{width:4.5rem}.time-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.day-schedule-wrap{margin:.65rem 0 .85rem}.day-schedule{--fc-page-bg-color: transparent;--fc-neutral-bg-color: color-mix(in srgb, var(--paper) 80%, white);--fc-border-color: color-mix(in srgb, var(--ink) 10%, transparent);--fc-today-bg-color: color-mix(in srgb, var(--accent) 7%, transparent);--fc-now-indicator-color: var(--amber);--fc-small-font-size: .7rem;--fc-event-border-radius: 8px;background:color-mix(in srgb,var(--paper) 88%,white);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:calc(var(--radius) + 2px);padding:.2rem .2rem .35rem;max-height:48vh;overflow:auto;-webkit-overflow-scrolling:touch}.day-schedule .fc{font-family:inherit;color:var(--ink)}.day-schedule .fc-timegrid-slot{height:1.15rem}.day-schedule .fc-timegrid-slot-label{vertical-align:middle;color:var(--muted);font-size:.7rem}.day-schedule .fc-event{border:0;box-shadow:none;padding:.05rem .3rem;overflow:hidden}.day-schedule .fc-event.is-editing{outline:2px solid var(--ink);outline-offset:1px}.day-schedule .fc-event-main{color:inherit}.day-schedule .fc-block{line-height:1.15}.day-schedule .fc-block strong{font-size:.72rem;font-weight:650}.day-schedule .fc-highlight{background:color-mix(in srgb,var(--accent) 22%,transparent)}@media(min-width:720px){.day-schedule{max-height:none}.day-schedule .fc-timegrid-slot{height:1.55rem}}.chip-tag{font-size:.75rem;padding:.25rem .55rem;border-radius:999px;color:#fff;align-self:center;text-transform:capitalize}.assistant-page{display:flex;flex-direction:column;min-height:calc(100dvh - 8.5rem);gap:.35rem}.assistant-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.assistant-head h1{margin:.2rem 0 .35rem}.assistant-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}button.ghost.active-ghost{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.chat-threads{display:grid;gap:.4rem;max-height:12rem;overflow:auto;padding:.15rem 0 .35rem}.chat-thread{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25rem;background:var(--paper);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:12px}.chat-thread.active{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--paper))}.chat-thread-open{display:grid;gap:.1rem;text-align:left;background:transparent;color:inherit;min-height:44px;padding:.55rem .7rem}.chat-thread-open strong{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread-delete{width:44px;min-height:44px;padding:0;border:0;font-size:1.25rem;line-height:1;color:var(--muted)}.chat-log{flex:1;display:grid;align-content:start;gap:.65rem;overflow:auto;padding:.5rem 0 .85rem;min-height:12rem}.chat-empty{display:grid;gap:.85rem;padding:.4rem 0 .2rem}.chat-empty p{margin:0;color:var(--muted)}.chat-suggestions{display:flex;flex-wrap:wrap;gap:.45rem}.chat-suggestions .chip{text-align:left;white-space:normal}.chat-bubble{max-width:92%;padding:.75rem .9rem;border-radius:14px;overflow-wrap:anywhere}.chat-bubble-user{justify-self:end;background:var(--accent);color:#fff;border-bottom-right-radius:6px;white-space:pre-wrap}.chat-bubble-assistant{justify-self:start;background:var(--paper);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-bottom-left-radius:6px}.chat-md{font-size:.95rem;line-height:1.5}.chat-md>*:first-child{margin-top:0}.chat-md>*:last-child{margin-bottom:0}.chat-md p,.chat-md ul,.chat-md ol,.chat-md blockquote,.chat-md pre,.chat-md table{margin:.45rem 0}.chat-md h3{font-family:Fraunces,Georgia,serif;font-size:1.02rem;font-weight:700;margin:.85rem 0 .35rem}.chat-md ul,.chat-md ol{padding-left:1.15rem}.chat-md li{margin:.2rem 0}.chat-md li::marker{color:var(--accent)}.chat-md strong{font-weight:650}.chat-md em{color:color-mix(in srgb,var(--ink) 78%,var(--muted))}.chat-md hr{border:0;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);margin:.75rem 0}.chat-md code{font-family:IBM Plex Sans,ui-monospace,monospace;font-size:.88em;background:color-mix(in srgb,var(--ink) 6%,transparent);padding:.08rem .28rem;border-radius:5px}.chat-md pre{overflow:auto;background:color-mix(in srgb,var(--ink) 5%,var(--paper));border-radius:10px;padding:.65rem .75rem}.chat-md pre code{background:none;padding:0}.chat-md a{color:var(--accent);font-weight:550}.chat-md table{width:100%;border-collapse:collapse;font-size:.88rem}.chat-md th,.chat-md td{text-align:left;padding:.28rem .4rem;border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.chat-md blockquote{margin-left:0;padding:.15rem 0 .15rem .7rem;border-left:3px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--muted)}.chat-composer{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:end}.chat-composer input{margin-top:0}.chat-composer button:disabled,.chat-suggestions .chip:disabled{opacity:.55;cursor:not-allowed}.chat-loading{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-style:italic}.chat-dots{display:inline-flex;gap:.22rem;align-items:center}.chat-dots span{width:.42rem;height:.42rem;border-radius:50%;background:var(--accent);animation:chat-bounce 1.1s ease-in-out infinite}.chat-dots span:nth-child(2){animation-delay:.15s}.chat-dots span:nth-child(3){animation-delay:.3s}@keyframes chat-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes chat-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.assistant-page code{font-size:.85em}