@import "https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";@font-face{font-family:UKIJ Tuz Tom;src:local(UKIJ Tuz Tom),local(UKIJTuzTom),local(Alkatip Basma);font-display:swap}:root{--teal:#4caf50;--teal-d:#388e3c;--bg:#f5f5f5;--card:#fff;--ink:#2e2e2e;--muted:#757575;--line:#e0e0e0;--shadow:0 2px 8px #0000001a;--radius:16px;--fs-title:18px;--fs-body:14px;--fs-small:12px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);font-family:UKIJ Tuz Tom,Alkatip Basma,Noto Naskh Arabic,Noto Sans SC,sans-serif;font-size:var(--fs-body);background:#e8f5e9}button,input,textarea{font-family:inherit}button{cursor:pointer}img{max-width:100%;display:block}#root{justify-content:center;width:100%;min-height:100dvh;display:flex}.app,.onboard,.splash{background:var(--bg);width:100%;max-width:430px;min-height:100dvh;position:relative;box-shadow:0 0 80px #00000040}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-body{flex:1;padding-bottom:12px;overflow-y:auto}.page{padding:16px}.page-h h2,.hero h2{font-size:var(--fs-title);margin:0}.muted{color:var(--muted)}.hello{color:#c8e6c9;margin:0;font-weight:600}.hero{color:#fff;background:linear-gradient(135deg,#388e3c,#4caf50);border-radius:22px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:20px;display:flex}.ring-wrap{position:relative}.ring-wrap span{place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:14px}.card-h{justify-content:space-between;align-items:center;display:flex}.card-h h3{margin:0;font-size:16px}.pill{color:var(--teal-d);background:#e8f5e9;border-radius:999px;padding:4px 10px;font-size:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.stat{box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:12px}.stat small{color:var(--muted);display:block}.stat b{font-size:16px}.stat em{color:var(--muted);font-size:12px;font-style:normal}.task-list{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.task{background:#f8fffe;border-radius:14px;align-items:center;gap:8px;padding:8px;display:flex}.task.done{background:#e8f5e9}.task-main{text-align:start;color:inherit;background:0 0;border:0;flex:1;gap:10px;display:flex}.thumb{object-fit:cover;background:#e8f5e9;border-radius:12px;flex-shrink:0;width:60px;height:60px}.task strong{display:block}.task small{color:var(--muted);font-size:12px}.done-label{color:var(--teal-d);font-size:12px;display:block}.check{border:2px solid var(--line);background:#fff;border-radius:50%;width:36px;height:36px}.check.on{background:var(--teal);border-color:var(--teal);color:#fff}.btn{background:var(--teal);color:#fff;border:0;border-radius:12px;padding:12px 16px;font-weight:600}.btn.ghost{color:var(--teal-d);border:1px solid var(--line);background:#fff}.btn.primary{background:var(--teal-d)}.btn.wide{width:100%}.btn.sm{padding:8px 10px;font-size:12px}.btn.danger{background:#e53935}.row-btns{flex-wrap:wrap;gap:8px;display:flex}.glasses{flex-wrap:wrap;gap:6px;display:flex}.glass{border:1px solid var(--line);background:#fff;border-radius:10px;width:36px;height:36px}.glass.on{background:#e3f2fd;border-color:#90caf9}.bar{background:#eee;border-radius:999px;height:10px;overflow:hidden}.bar div{background:var(--teal);height:100%}.bar.lg{height:14px}.steps-n{font-weight:700}.onboard,.splash{flex-direction:column;padding:28px 20px;display:flex}.onboard{-webkit-overflow-scrolling:touch;height:100dvh;max-height:100dvh;overflow:hidden auto}.auth-actions{z-index:8;background:var(--bg);padding:12px 0 calc(10px + env(safe-area-inset-bottom));margin-top:8px;position:sticky;bottom:0}.btn:disabled{opacity:.6;cursor:wait}.hint.err{color:#c62828;font-weight:600}.logo-mark{background:var(--teal);color:#fff;border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:12px;font-size:32px;font-weight:700;display:grid}.splash{justify-content:center;align-items:center}.field{margin:10px 0;display:block}.field-name{margin-bottom:6px;display:block}.field-box{border:1px solid var(--line);background:#fff;border-radius:12px;display:flex;overflow:hidden}.field-box input{border:0;flex:1;padding:12px;font-size:16px}.field-box input[dir=ltr]{text-align:left;direction:ltr}.field-unit{color:var(--muted);border-inline-start:1px solid var(--line);padding:12px}.lang-switch,.tabs{flex-wrap:wrap;gap:8px;margin:8px 0 12px;display:flex}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px}.chip.on{background:var(--teal);color:#fff;border-color:var(--teal)}.bottom-nav{border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(5,1fr);padding:8px 4px 12px;display:grid}.nav-btn{color:var(--muted);background:0 0;border:0;font-size:11px}.nav-btn.on{color:var(--teal-d);font-weight:700}.nav-ico{font-size:20px;display:block}.week-h{background:0 0;border:0;justify-content:space-between;width:100%;padding:4px 0;display:flex}.day-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:10px;display:grid}.day-cell{border:1px solid var(--line);background:#f8fffe;border-radius:10px;padding:8px 0}.day-cell.on{background:var(--teal);color:#fff}.day-cell.today{outline:2px solid #5eead4}.hero-img{object-fit:cover;border-radius:18px;width:100%;height:210px;margin-bottom:10px}.back{color:var(--teal);background:0 0;border:0;padding:0 0 10px;font-weight:700}.ing-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.ing-grid figure{background:#f8fffe;border-radius:12px;margin:0;overflow:hidden}.ing-grid img{object-fit:cover;width:100%;height:110px}.stars{color:var(--teal)}.preview{object-fit:cover;border-radius:12px;width:100%;max-height:220px}.form label{margin:8px 0;display:block}.form input,.form textarea{border:1px solid var(--line);border-radius:12px;width:100%;padding:10px}.switch{align-items:center;gap:8px;display:flex}.modal-bg{z-index:40;background:#0f172a73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(380px,100%);padding:20px}.summary-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;margin:12px 0;display:grid}.summary-grid div{text-align:center;background:#f0fdfa;border-radius:12px;padding:10px}.code-row{align-items:stretch;gap:8px;display:flex}.code-row .text-input{flex:1}.chat-list{flex-direction:column;gap:10px;margin:8px 0 12px;display:flex}.bubble{max-width:88%;box-shadow:var(--shadow);white-space:pre-wrap;border-radius:14px;padding:10px 12px}.bubble.me{background:#e8f5e9;align-self:flex-start}.bubble.ai{background:#fff;align-self:flex-end}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.hint{text-align:center}.link-btn{color:var(--teal-d);background:0 0;border:0;padding:10px 0;font-weight:600}.empty{text-align:center;padding:24px 8px}