@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(./vazirmatn-arabic-400-normal-DMZFCm7K.woff2)format("woff2"),url(./vazirmatn-arabic-400-normal-C4W5XURk.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:600;src:url(./vazirmatn-arabic-600-normal-CPKvAnd1.woff2)format("woff2"),url(./vazirmatn-arabic-600-normal-CWYTfCgi.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:800;src:url(./vazirmatn-arabic-800-normal-Bwnt96zj.woff2)format("woff2"),url(./vazirmatn-arabic-800-normal-BH12s3-y.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(./vazirmatn-latin-400-normal-BT_DHTc7.woff2)format("woff2"),url(./vazirmatn-latin-400-normal-GKyMcI03.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:600;src:url(./vazirmatn-latin-600-normal-D-zF-Oec.woff2)format("woff2"),url(./vazirmatn-latin-600-normal-BxJiDPKT.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:800;src:url(./vazirmatn-latin-800-normal-e0EQwLmk.woff2)format("woff2"),url(./vazirmatn-latin-800-normal-fM8Xz9cI.woff)format("woff")}:root{--teal:#37988d;--leaf:#99bf52;--sun:#fecb70;--cream:#f5f4ef;--navy:#0b3441;--text-soft:#d9f0ec;--warn:#ffb4a8;--soon:#ffe4a8;--glass-bg:linear-gradient(135deg, #ffffff42, #ffffff12), #08343e57;--glass-border:1px solid #ffffff61;--glass-shadow:0 12px 36px #00192366, inset 0 1px 0 #ffffff8c;--glass-blur:blur(22px) saturate(160%);--warm-bg:linear-gradient(135deg, #ffecbe57, #fecb7014), #08343e66;--warm-border:1px solid #ffe1a0b3;--yellow:radial-gradient(circle at 30% 25%, #fff3cf, #fecb70 60%, #e8a23a);--done:radial-gradient(circle at 32% 28%, #e4f0b8, #99bf52 55%, #6f9a35);--now:radial-gradient(circle at 32% 28%, #fff3cf, #fecb70 55%, #e8a23a);--future:radial-gradient(circle at 32% 28%, #ffffffbf, #ffffff2e 80%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}html[data-text="2"]{--ts:1.12;font-size:18px}html[data-text="3"]{--ts:1.25;font-size:20px}:root{--ts:1}html.solid{--glass-bg:#124a54f7;--glass-shadow:0 6px 16px #00192373;--glass-blur:none;--warm-bg:#5c5434f7}html.solid .orb{opacity:.55}html.solid .gl{-webkit-backdrop-filter:none!important;background:#124a54f7!important;box-shadow:0 6px 16px #00192373!important}.press-ring.on{stroke-dashoffset:0;transition:stroke-dashoffset .7s linear}.nos{scrollbar-width:none}.nos::-webkit-scrollbar{display:none}.key:disabled{opacity:.5}:where(.screen,.glass,.header,.btn,.round,.input,.chip,.chips,.profiles,.dlg,.dlg-backdrop,.switch,.field),:where(.screen,.glass,.header,.dlg) *{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#fff;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#0b3441;font-family:Vazirmatn,system-ui,sans-serif}input{-webkit-user-select:text;user-select:text}button,input{color:inherit;font-family:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--sun);outline-offset:2px}h1,h2,h3,p{margin:0}#app{height:100%}.stage{background:linear-gradient(170deg,#0b3441 0%,#115661 45%,#1b6f6a 100%);max-width:480px;height:100%;margin:0 auto;position:relative;overflow:clip}.orb{pointer-events:none;border-radius:50%;position:absolute}.orb.y{background:radial-gradient(circle,#fecb70d9,#fecb7000 68%);width:340px;height:340px;top:-90px;left:-80px}.orb.g{background:radial-gradient(circle,#99bf52bf,#99bf5200 68%);width:360px;height:360px;top:250px;right:-140px}.orb.t{background:radial-gradient(circle,#46beafb3,#46beaf00 68%);width:340px;height:340px;top:120px;left:-150px}.orb.d{background:radial-gradient(circle,#37988de6,#37988d00 68%);width:380px;height:380px;bottom:-120px;left:-40px}.screen{z-index:1;height:100%;padding:calc(32px + env(safe-area-inset-top)) 18px 22px;flex-direction:column;gap:12px;display:flex;position:relative;overflow-y:auto}.screen.with-dock{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.screen.center{justify-content:center}.screen.center>.round{align-self:flex-start}.glass{background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);border-radius:26px}.warm{background:var(--warm-bg);border:var(--warm-border);box-shadow:var(--glass-shadow), 0 0 26px #fecb7040;-webkit-backdrop-filter:var(--glass-blur);border-radius:26px}.card{padding:16px}.btn{background:linear-gradient(135deg,#ffffff4d,#ffffff14);border:1px solid #ffffff73;border-radius:16px;min-height:48px;padding:0 18px;font-size:.9375rem;font-weight:800;box-shadow:inset 0 1px #ffffff8c}.btn.yellow{background:var(--yellow);color:var(--navy);border:1px solid #ffffffe6;box-shadow:0 6px 16px #00192366,inset 0 1px #fffc}.btn.link{box-shadow:none;color:var(--soon);background:0 0;border:none;min-height:44px;text-decoration:underline}.btn.danger{color:var(--warn)}.btn:disabled{opacity:.55;cursor:default}.round{background:linear-gradient(135deg,#ffffff4d,#ffffff14);border:1px solid #ffffff73;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;box-shadow:inset 0 1px #ffffff8c}.title{font-size:1.5rem;font-weight:800;line-height:1.5}.h2{font-size:1.1875rem;font-weight:800;line-height:1.5}.soft{color:var(--text-soft);font-size:.8125rem;line-height:1.7}.err{color:var(--warn);min-height:1.5em;font-size:.875rem;font-weight:600}.row-line{align-items:center;gap:12px;display:flex}.grow{flex:auto;min-width:0}.avatar{border:1.5px solid #ffffffb3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 14px #00192359,inset 0 2px 3px #fff9}.field{flex-direction:column;gap:6px;font-size:.875rem;font-weight:600;display:flex}.input{color:#fff;background:#001e2859;border:1px solid #ffffff73;border-radius:16px;min-height:50px;padding:0 14px;font-size:1rem}.input::placeholder{color:#d9f0ecbf}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:#ffffff1f;border:1px solid #fff6;border-radius:16px;flex:1 1 0;min-width:44px;min-height:44px;font-size:.875rem;font-weight:800}.chip[aria-pressed=true],.chip[aria-checked=true]{background:var(--yellow);color:var(--navy);border:1px solid #ffffffe6;box-shadow:0 6px 16px #00192366}.avatar-pick{background:0 0;border:2px solid #0000;border-radius:50%;padding:3px}.avatar-pick[aria-checked=true]{border-color:var(--sun)}.switch{background:#ffffff24;border:1px solid #ffffff80;border-radius:15px;width:52px;height:30px;padding:3px;display:flex}.switch span{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s}.switch[aria-checked=true]{background:var(--yellow)}.switch[aria-checked=true] span{background:var(--navy);transform:translate(-22px)}.dock{z-index:2;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));border-radius:30px;gap:4px;padding:6px;display:flex;position:absolute}.tab{background:0 0;border:1px solid #0000;border-radius:24px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:64px;padding:4px 2px;font-size:.6875rem;font-weight:600;display:flex}.tab[aria-current=page]{color:#ffe4a8;background:linear-gradient(135deg,#ffecbe66,#fecb701a);border:1px solid #ffe1a0b3;font-weight:800;box-shadow:0 0 20px #fecb704d,inset 0 1px #fff9}.topcard{align-items:center;gap:12px;padding:14px 16px;display:flex}.hello{font-size:1.1875rem;font-weight:800;line-height:1.5}.avatar-btn{touch-action:manipulation;-webkit-touch-callout:none;background:0 0;border:none;border-radius:50%;padding:0}.pathbox{flex-shrink:0;width:350px;height:500px;margin:0 auto;position:relative}.pathbox svg{position:absolute;inset:0}.stop-label{white-space:nowrap;background:var(--glass-bg);border:1px solid #ffffff5c;border-radius:16px;padding:6px 14px;font-size:.8125rem;font-weight:800;position:absolute;box-shadow:0 8px 22px #00192359,inset 0 1px #ffffff80}.stop-label.now{background:var(--warm-bg);border:var(--warm-border);text-align:center;border-radius:20px;padding:10px 18px}.stop-label.now small{color:#ffe4a8;font-size:.75rem;font-weight:600;display:block}.stop-label.now b{font-size:1.0625rem;display:block}.stop-hit{background:0 0;border:none;border-radius:50%;width:64px;height:64px;position:absolute;transform:translate(-50%,-50%)}.rows{flex-direction:column;gap:10px;display:flex}.row{text-align:start;background:var(--glass-bg);border:var(--glass-border);width:100%;min-height:64px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);border-radius:22px;align-items:center;gap:12px;padding:12px 14px;display:flex}.row .tile{background:#ffffff24;border:1px solid #ffffff59;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.row b{font-size:.9375rem;font-weight:800;display:block}.row small{color:var(--text-soft);font-size:.75rem;display:block}.row.soon{box-shadow:none;-webkit-backdrop-filter:none;cursor:default;background:#ffffff0d;border:1.5px dashed #fff6}.soon-tag{color:#5a3b00;background:linear-gradient(135deg,#ffe9b3,#fecb70);border-radius:10px;flex-shrink:0;padding:3px 10px;font-size:.6875rem;font-weight:800}.soon-title{color:var(--soon);margin-top:8px;font-size:1.0625rem;font-weight:800}.footer{text-align:center;color:var(--text-soft);padding:8px 0;font-size:.75rem}.lock-tile{border-radius:22px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex}.dots{direction:ltr;justify-content:center;gap:14px;display:flex}.dot{background:#ffffff1f;border:1.5px solid #fffc;border-radius:50%;width:16px;height:16px}.dot.on{background:radial-gradient(circle at 30% 25%,#fff3cf,#fecb70 70%)}.keypad{direction:ltr;grid-template-columns:repeat(3,76px);justify-content:center;gap:12px;display:grid}.key{background:var(--glass-bg);border:1px solid #fff6;border-radius:22px;height:64px;font-size:1.5rem;font-weight:800;box-shadow:0 8px 22px #00192359,inset 0 1px #ffffff8c}.key.blank{visibility:hidden}.finger{border-radius:50%;justify-content:center;align-items:center;width:132px;height:132px;margin:0 auto;display:flex}.dlg-backdrop{z-index:50;background:#00141c99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dlg{background:#104650f7;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:20px;display:flex}.dlg-actions{justify-content:flex-end;gap:8px;display:flex}.dlg-list{flex-direction:column;gap:8px;max-height:min(52vh,420px);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.dlg-row{background:linear-gradient(135deg,#ffffff1f,#ffffff08),#08343e38;border:1px dashed #ffffff52;border-radius:20px;align-items:center;gap:12px;padding:8px 14px;display:flex}.dlg-tile{background:#ffffff14;border:1px solid #ffffff38;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dlg-row-title{color:#c9e6e1;flex-grow:1;font-size:14px;font-weight:600;line-height:1.6}.dlg-tag{color:#5a3b00;background:linear-gradient(135deg,#ffe9b3,#fecb70);border:1px solid #ffffffb3;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:800;line-height:1.5}.center-text{text-align:center}.stack{flex-direction:column;gap:12px;display:flex}.header{align-items:center;gap:10px;display:flex}.big-num{font-size:2rem;font-weight:800}.profiles{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.profile-card{border-radius:26px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;font-size:1rem;font-weight:800;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.screen .screen{flex:1 0 auto;height:auto;padding:0;overflow:visible}@media (width>=960px) and (orientation:landscape){body{background:linear-gradient(170deg,#0b3441 0%,#115661 45%,#1b6f6a 100%)}}.notice-strip{z-index:20;top:calc(10px + env(safe-area-inset-top));width:min(560px,100% - 24px);margin:0;padding:10px 14px;font-size:14px;line-height:1.7;position:fixed;left:50%;transform:translate(-50%)}.notice-strip a,.update-link{color:#fecb70;font-weight:800}.sphere-hit{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;transition:transform .12s,background-color .12s}.sphere-hit:hover{background:#ffffff14}.sphere-hit:active{background:#ffffff29;transform:scale(.96)}.sphere-ball{color:inherit;cursor:pointer;padding:0;font-family:inherit;transition:transform .12s}.sphere-ball:active{transform:scale(.96)}.sphere-hit:focus-visible,.sphere-ball:focus-visible{outline-offset:3px;outline:3px solid #ffe4a8}@media (prefers-reduced-motion:reduce){.sphere-hit,.sphere-ball{transition:none}.sphere-hit:active,.sphere-ball:active{transform:none}}.side-tile{transition:background-color .12s,border-color .12s}.side-tile:hover,.side-tile:focus-visible{background:#fff3!important;border-color:#fff9!important}.side-tile:focus-visible,.timer-card:focus-visible{outline-offset:2px;outline:3px solid #ffe4a8}@keyframes tour-fade{0%{opacity:0}to{opacity:1}}.tour-fade{animation:.2s tour-fade}
