@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;1,700&family=Baloo+2:wght@500;600;700;800&display=swap";:root{--bg: #FAF6EE;--surface: #FFFFFF;--surface-warm: #FFFCF6;--ink: #2D2620;--ink-soft: #5C4A3A;--ink-faint: #8A7A6A;--line: #EDE5D8;--sage: #7BA88F;--sage-deep: #4A7060;--sage-soft: #E3EFE7;--coral: #E8A598;--coral-soft: #FBE8E2;--sand: #D4A574;--sand-soft: #FFF4DE;--sky: #9BB8D9;--sky-soft: #E4ECF5;--plum: #C490B8;--plum-soft: #F2E2EE;--gold: #E8C474;--radius: 18px;--radius-sm: 12px;--shadow-card: 0 2px 10px rgba(45, 38, 32, .07), 0 1px 2px rgba(45, 38, 32, .05);--shadow-pop: 0 8px 24px rgba(45, 38, 32, .13);--nav-h: 64px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}#root{min-height:100vh;min-height:100dvh}.display{font-family:"Baloo 2",Nunito,sans-serif;font-weight:700;letter-spacing:-.01em}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:#faf6eeeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.page{flex:1;width:100%;max-width:860px;margin:0 auto;padding:18px 16px calc(var(--nav-h) + 28px + env(safe-area-inset-bottom,0px))}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:space-around;align-items:stretch;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.navbtn{flex:1;max-width:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;cursor:pointer;color:var(--ink-faint);font-family:inherit;font-size:10.5px;font-weight:700;position:relative;transition:color .18s,transform .12s}.navbtn:active{transform:scale(.92)}.navbtn.active{color:var(--sage-deep)}.navbtn.active .navicon{background:var(--sage-soft);color:var(--sage-deep)}.navicon{display:flex;align-items:center;justify-content:center;width:44px;height:28px;border-radius:14px;transition:background .18s}.navbadge{position:absolute;top:6px;right:calc(50% - 22px);min-width:16px;height:16px;padding:0 4px;background:#e05b4b;color:#fff;border-radius:8px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-card)}.card.tap{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.card.tap:active{transform:scale(.98)}@media (hover: hover){.card.tap:hover{transform:translateY(-3px);box-shadow:var(--shadow-pop)}}.hero{border-radius:22px;padding:22px 18px;position:relative;overflow:hidden;border:none;color:#fff}.hero .display{color:#fff}.btn{font-family:inherit;font-weight:800;font-size:14.5px;padding:12px 18px;min-height:46px;border-radius:999px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--ink);color:#fff;box-shadow:0 3px 10px #2d262038;transition:transform .12s ease,box-shadow .15s ease,filter .15s ease}.btn:active:not(:disabled){transform:scale(.96)}@media (hover: hover){.btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.primary{background:var(--sage-deep);box-shadow:0 4px 14px #4a706059}.btn.soft{background:var(--sage-soft);color:var(--sage-deep);box-shadow:none}.btn.ghost{background:transparent;color:var(--ink-soft);box-shadow:none;border:1.5px solid var(--line)}.btn.danger{background:#e05b4b;box-shadow:0 4px 12px #e05b4b4d}.btn.sm{min-height:36px;padding:7px 13px;font-size:13px}.chip{display:inline-flex;align-items:center;gap:5px;background:var(--sand-soft);border:1px solid #F0DFBE;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:800;color:#8c6a40}.input,select.input,textarea.input{width:100%;font-family:inherit;font-size:15px;padding:11px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--surface-warm);color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--sage);box-shadow:0 0 0 3px #7ba88f2e}label.flabel{display:block;font-size:11.5px;font-weight:800;letter-spacing:.06em;color:var(--ink-soft);text-transform:uppercase;margin:12px 0 5px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.pbar{height:8px;background:#2d262014;border-radius:999px;overflow:hidden}.pbar>div{height:100%;border-radius:999px;background:var(--sage);transition:width .5s cubic-bezier(.2,.7,.3,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.anim{animation:fadeUp .4s cubic-bezier(.2,.7,.3,1) both}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}.pop{animation:pop .45s cubic-bezier(.3,1.4,.5,1) both}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.floaty{animation:floaty 3.4s ease-in-out infinite}@keyframes bump{0%{transform:scale(1)}30%{transform:scale(1.18)}60%{transform:scale(.95)}to{transform:scale(1)}}.bump{animation:bump .5s ease}@keyframes pebbieWalk{0%,to{transform:translate(-8px) rotate(-2deg)}50%{transform:translate(8px) rotate(2deg)}}@keyframes pebbieBlink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}@keyframes drift{0%{transform:translateY(110vh) translate(0) rotate(0);opacity:0}10%{opacity:.35}90%{opacity:.35}to{transform:translateY(-15vh) translate(var(--dx, 50px)) rotate(360deg);opacity:0}}.drift{position:fixed;pointer-events:none;z-index:0;animation:drift var(--dur, 20s) linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 2.6s linear infinite}@media (prefers-reduced-motion: reduce){.anim,.pop,.floaty,.bump,.drift,.shimmer{animation:none!important}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#2d262066;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;animation:fadeUp .2s ease both}.sheet{width:100%;max-width:560px;max-height:82dvh;overflow-y:auto;background:var(--bg);border-radius:24px 24px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom,0px));animation:fadeUp .28s cubic-bezier(.2,.7,.3,1) both}.sheet-handle{width:42px;height:5px;background:var(--line);border-radius:3px;margin:4px auto 12px}.muted{color:var(--ink-faint);font-size:13px}.divider{height:1px;background:var(--line);margin:14px 0}h1.display{font-size:clamp(24px,5vw,32px);margin:0 0 4px}h2.display{font-size:19px;margin:0 0 8px}h3.display{font-size:16px;margin:0 0 6px}::selection{background:var(--sage-soft)}.arabic{font-size:24px;line-height:2;direction:rtl;font-family:Traditional Arabic,Amiri,serif}