.maslul{--bg: #F6F8FF;--card: #FFFFFF;--ink: #2B3045;--muted: #7A8099;--blue: #6C8CE8;--blue-soft: #E6EDFF;--teal: #4DB8A4;--teal-soft: #DFF4EE;--lilac: #B9A9F2;--shadow: 0 4px 20px rgba(43,48,69,.07);font-family:Varela Round,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);padding-bottom:28px;max-width:520px;margin:0 auto}.maslul *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.maslul h1{font-size:22px;margin:0}.maslul h2{font-size:16px;margin:0 0 12px}.maslul .loading{text-align:center;color:var(--muted);padding:40px}.maslul .top{padding:4px 0 2px}.maslul .tabs{display:flex;gap:6px;background:var(--blue-soft);padding:5px;border-radius:16px;margin-top:12px;position:sticky;top:0;z-index:5}.maslul .tabs button{flex:1;border:0;background:none;font-family:inherit;font-size:15px;padding:10px;border-radius:12px;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}.maslul .tabs button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px #2b30451a}.maslul .card{background:var(--card);border-radius:22px;box-shadow:var(--shadow);padding:20px;margin-top:14px;animation:rise .4s ease both}.maslul .card.center{text-align:center}.maslul .muted{color:var(--muted);line-height:1.7;font-size:14px;margin:0}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.maslul .hero{text-align:center;padding:20px 0 4px}.maslul .hero p{color:var(--muted);line-height:1.7}.maslul .orb{width:96px;height:96px;border-radius:50%;margin:0 auto 14px;background:radial-gradient(circle at 35% 30%,#D8E3FF,var(--blue) 70%);box-shadow:0 14px 34px #6c8ce859;animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-6px) scale(1.04)}}.maslul .lab{display:block;margin-bottom:10px}.maslul .counter{text-align:center}.maslul .ring{--p: 0;width:176px;height:176px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:conic-gradient(var(--blue) calc(var(--p) * 1%),#EDF0FA 0)}.maslul .ring .inner{width:146px;height:146px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.maslul .counter .num{font-size:58px;line-height:1;color:var(--blue);font-weight:700}.maslul .counter .lbl{font-size:14px;margin-top:4px;color:var(--muted)}.maslul .counter .since{font-size:12px;color:var(--muted);margin-top:4px}.maslul .next{font-size:13px;color:var(--ink);margin-top:14px}.maslul .btn{display:block;width:100%;border:0;border-radius:16px;padding:15px;font-family:inherit;font-size:16px;cursor:pointer;transition:transform .12s,box-shadow .2s}.maslul .btn:active{transform:scale(.97)}.maslul .btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px #6c8ce852}.maslul .btn-teal{background:var(--teal);color:#fff;box-shadow:0 8px 18px #4db8a44d}.maslul .btn-ghost{background:#eff2fa;color:var(--ink);margin-top:10px}.maslul .btn[disabled]{opacity:.6;box-shadow:none}.maslul .moodq{font-size:13px;color:var(--muted);margin-top:16px;text-align:center}.maslul .moods{display:flex;gap:6px;margin-top:8px}.maslul .moods button{font-size:26px;background:#f3f5fc;border:2px solid transparent;border-radius:14px;flex:1 1 0;min-width:0;max-width:60px;height:50px;padding:0;cursor:pointer;transition:transform .12s}.maslul .moods button.on{border-color:var(--blue);background:var(--blue-soft);transform:scale(1.08)}.maslul .panic{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;margin-top:14px;border:0;border-radius:20px;padding:16px;background:linear-gradient(135deg,#8fa6f0,#b9a9f2);color:#fff;font-family:inherit;font-size:18px;cursor:pointer;box-shadow:0 10px 26px #8b81e659}.maslul .panic small{font-size:12px;opacity:.92}.maslul .panic:active{transform:scale(.98)}.maslul .enc-msg{background:linear-gradient(135deg,var(--blue-soft),#F1ECFF);border-radius:16px;padding:16px;font-size:16px;line-height:1.6;text-align:center}.maslul .vcard{display:flex;align-items:center;gap:14px;margin-top:14px;background:linear-gradient(135deg,#3b4366,#4d5680);color:#fff;border-radius:16px;padding:14px 16px;text-decoration:none}.maslul .vcard:active{transform:scale(.98)}.maslul .vcard .play{flex:0 0 44px;height:44px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-size:16px}.maslul .vcard .vmeta{display:flex;flex-direction:column;gap:4px}.maslul .vcard .vtitle{font-size:14.5px;line-height:1.4}.maslul .vcard .vsub{font-size:11.5px;color:#c3c9e3}.maslul .ex{display:grid;grid-template-columns:1fr auto;gap:2px 10px;width:100%;text-align:right;background:#fff;border:0;border-radius:18px;box-shadow:var(--shadow);padding:16px 18px;margin-top:12px;font-family:inherit;cursor:pointer;color:var(--ink);border-right:5px solid var(--teal)}.maslul .ex:nth-of-type(2n){border-right-color:var(--lilac)}.maslul .ex:active{transform:scale(.98)}.maslul .exn{font-size:16px}.maslul .exm{font-size:12px;color:var(--teal);align-self:center;grid-row:1;grid-column:2}.maslul .exd{font-size:13px;color:var(--muted);grid-column:1 / 3}.maslul .chart{display:flex;align-items:flex-end;gap:4px;height:110px;direction:ltr}.maslul .chart .d{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.maslul .chart .bar{width:100%;border-radius:6px 6px 3px 3px;background:#eaedf7;min-height:6px;transition:height .5s}.maslul .chart .bar.hit{background:linear-gradient(180deg,var(--blue),#A9BDF5)}.maslul .chart .bar.today{outline:2px dashed var(--lilac);outline-offset:1px}.maslul .chart .wd{font-size:8px;color:var(--muted);margin-top:4px;direction:rtl;min-height:10px}.maslul .stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.maslul .stat{background:#f6f8fd;border-radius:16px;padding:12px;text-align:center}.maslul .stat .v{font-size:24px}.maslul .stat .k{font-size:11px;color:var(--muted);margin-top:2px}.maslul .milestones{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.maslul .mile{background:#f6f8fd;border-radius:12px;padding:7px 11px;font-size:13px;color:var(--muted)}.maslul .mile.got{background:var(--teal-soft);color:#25806f}.maslul .reasons{list-style:none;padding:0;margin:0 0 10px}.maslul .reasons li{display:flex;justify-content:space-between;align-items:center;background:#f6f8fd;border-radius:12px;padding:10px 12px;margin-top:8px;font-size:15px}.maslul .reasons li button{border:0;background:none;font-size:20px;color:var(--muted);cursor:pointer}.maslul .addrow{display:flex;gap:8px;margin-top:8px}.maslul .addrow input,.maslul textarea,.maslul .dateinput{font-family:inherit;font-size:16px;padding:12px;border-radius:14px;border:1px solid #DCE1F0;width:100%;background:#fff;color:var(--ink)}.maslul .dateinput{text-align:center}.maslul .addrow button{border:0;background:var(--blue);color:#fff;border-radius:14px;padding:0 18px;font-family:inherit;cursor:pointer}.maslul textarea{margin-top:10px;height:84px;direction:ltr;font-size:12px}.maslul .imp{margin-top:12px;text-align:right;font-size:14px;color:var(--muted)}.maslul .imp summary{cursor:pointer}.maslul .err{color:#c0504d;font-size:13px;margin-top:6px}.maslul .reset{margin-top:16px;background:none;border:0;color:var(--muted);font-size:13px;text-decoration:underline;cursor:pointer;font-family:inherit;width:100%}.maslul .hint{font-size:12px;color:var(--muted);margin-top:12px;text-align:center;line-height:1.6}.maslul .overlay{position:fixed;inset:0;background:var(--bg);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;animation:rise .3s ease both;overflow-y:auto}.maslul .overlay h3{font-size:22px;margin:0 0 8px}.maslul .overlay p{color:var(--muted);font-size:15px;line-height:1.6;max-width:320px}.maslul .overlay .btn{max-width:320px}.maslul .overlay .why{background:#fff;border-radius:14px;padding:12px 14px;max-width:320px;box-shadow:var(--shadow);font-size:14px;line-height:1.6}.maslul .overlay .pz{max-width:320px;margin-top:14px}.maslul .overlay .pz a{color:var(--blue)}.maslul .overlay .row2{width:100%;max-width:320px;margin-top:6px}.maslul .breath{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#D9E4FF,var(--blue));margin:28px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 16px 40px #6c8ce866;transition:transform 4s ease-in-out}.maslul .breath small{font-size:26px;margin-top:2px;opacity:.9}.maslul .run{width:100%;max-width:320px}.maslul .run .timer{font-size:56px;line-height:1.2;color:var(--blue);margin:6px 0 10px;font-variant-numeric:tabular-nums}.maslul .run .dots{display:flex;gap:6px;justify-content:center;margin:10px 0 14px}.maslul .run .dots span{width:28px;height:6px;border-radius:9px;background:#dce1f0;transition:background .3s}.maslul .run .dots span.on{background:var(--teal)}.maslul .stepline{background:#fff;border-radius:18px;padding:20px;box-shadow:var(--shadow);font-size:18px!important;color:var(--ink)!important;line-height:1.6;animation:rise .4s ease both;max-width:none!important;margin:0 0 14px}.maslul .small-rtl{font-size:13px;color:var(--muted);line-height:1.7}.confetti{position:fixed;top:-10px;width:10px;height:14px;z-index:99;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(105vh) rotate(720deg);opacity:.9}}@media(prefers-reduced-motion:reduce){.maslul .orb,.maslul .card{animation:none}}html,body{margin:0;background:#f6f8ff}.sa-card{padding:16px 16px 40px;min-height:100vh}