:root{--petrol-950: #081F24;--petrol-900: #0C2A30;--petrol-800: #13363D;--petrol-700: #1A4A44;--teal-500: #2E8C96;--teal-100: #DDEEF0;--amber-500: #F4A51D;--amber-600: #E8920A;--amber-100: #FCEED3;--cream-50: #FDFBF6;--cream-100: #FAF6EF;--cream-200: #F1EADF;--bg: var(--cream-100);--surface: #FFFFFF;--surface-dim: #F0EBE1;--ink: #14262A;--ink-soft: #52646A;--ink-faint: #8B9AA0;--line: #E7E0D2;--danger: #C24B33;--on-dark: #F6F3EA;--on-dark-soft: #B8C6C4;--font-display: "Secular One", "Assistant", sans-serif;--font-body: "Assistant", -apple-system, "Segoe UI", sans-serif;--fs-hero: 32px;--fs-title: 24px;--fs-section: 19px;--fs-body: 17px;--fs-small: 15px;--fs-tiny: 13px;--r-card: 24px;--r-btn: 18px;--r-pill: 999px;--shadow-card: 0 1px 2px rgba(12, 42, 48, .05), 0 8px 24px rgba(12, 42, 48, .07);--shadow-raised: 0 4px 10px rgba(12, 42, 48, .14), 0 14px 34px rgba(12, 42, 48, .16);--shadow-fab: 0 6px 16px rgba(232, 146, 10, .38), 0 2px 6px rgba(12, 42, 48, .18);--sp-1: 6px;--sp-2: 10px;--sp-3: 16px;--sp-4: 22px;--sp-5: 32px;--touch: 56px;--tabbar-h: 82px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.55;color:var(--ink);background:var(--bg);direction:rtl;-webkit-font-smoothing:antialiased}#root{max-width:560px;margin:0 auto;min-height:100dvh}a{text-decoration:none;color:inherit}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea,select{font-family:inherit;font-size:var(--fs-body);color:var(--ink)}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.screen{padding:var(--sp-4) var(--sp-3) calc(var(--tabbar-h) + var(--sp-5) + 14px);display:flex;flex-direction:column;gap:var(--sp-3);animation:screen-in .28s ease both}.screen-title{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:400;letter-spacing:.01em;text-align:center;color:var(--petrol-900)}.screen-sub{color:var(--ink-soft);text-align:center;margin-top:-8px}.section-title{font-family:var(--font-display);font-size:var(--fs-section);font-weight:400;text-align:center;color:var(--petrol-900);margin-top:var(--sp-2)}.hero{margin:calc(-1 * var(--sp-4)) calc(-1 * var(--sp-3)) 0;background:radial-gradient(120% 90% at 85% 0%,rgba(244,165,29,.28),transparent 55%),linear-gradient(165deg,var(--petrol-800),var(--petrol-950));color:var(--on-dark);padding:calc(var(--sp-4) + env(safe-area-inset-top)) var(--sp-3) 56px;border-radius:0 0 34px 34px;text-align:center;position:relative;overflow:hidden}.hero-photo{width:92px;height:92px;border-radius:50%;object-fit:cover;object-position:65% 20%;border:3px solid var(--amber-500);box-shadow:0 6px 20px #00000059;margin-bottom:var(--sp-2)}.hero .screen-title{color:var(--on-dark)}.hero-sub{color:var(--on-dark-soft)}.trail{width:100%;display:block}.trail-station{transition:all .3s ease}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:var(--sp-4)}.card-tight{padding:var(--sp-3)}.card-float{margin-top:-40px;position:relative;z-index:2}.btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-4);border-radius:var(--r-btn);font-size:var(--fs-body);font-weight:700;transition:transform .08s ease,box-shadow .2s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(180deg,var(--amber-500),var(--amber-600));color:var(--petrol-950);box-shadow:0 3px 10px #e8920a59}.btn-dark{background:var(--petrol-900);color:var(--on-dark)}.btn-secondary{background:var(--teal-100);color:var(--petrol-800)}.btn-ghost{background:transparent;color:var(--teal-500);min-height:44px}.btn-block{width:100%}.btn:disabled{opacity:.4;cursor:default;box-shadow:none}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:var(--r-pill);font-size:var(--fs-tiny);font-weight:700}.pill-brand{background:var(--teal-100);color:var(--petrol-800)}.pill-accent{background:var(--amber-100);color:var(--amber-600)}.pill-dim{background:var(--surface-dim);color:var(--ink-soft)}.pill-dark{background:#ffffff24;color:var(--on-dark)}.progress-track{height:12px;border-radius:var(--r-pill);background:var(--surface-dim);overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(270deg,var(--amber-500),var(--amber-600));transition:width .5s ease}.tabbar{position:fixed;bottom:0;right:0;left:0;margin:0 auto;max-width:560px;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);display:flex;align-items:stretch;z-index:50}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-faint);font-size:var(--fs-tiny);font-weight:700}.tab svg{width:26px;height:26px}.tab.active{color:var(--petrol-800)}.tab.active svg{color:var(--teal-500)}.tab-home{flex:1.15;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:var(--ink-faint);font-size:var(--fs-tiny);font-weight:700;position:relative}.tab-home-fab{width:62px;height:62px;border-radius:50%;margin-top:-24px;background:linear-gradient(180deg,var(--amber-500),var(--amber-600));color:var(--petrol-950);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-fab);border:4px solid var(--cream-50);transition:transform .12s ease}.tab-home-fab svg{width:30px;height:30px}.tab-home:active .tab-home-fab{transform:scale(.94)}.tab-home span{margin-top:3px}.tab-home.active{color:var(--amber-600)}.row{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--touch)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.divider{border:0;border-top:1px solid var(--line);margin:var(--sp-2) 0}.check-circle{width:46px;height:46px;min-width:46px;border-radius:50%;border:2.5px solid var(--line);display:flex;align-items:center;justify-content:center;color:transparent;transition:border-color .15s ease,background .15s ease}.check-circle.done{background:linear-gradient(180deg,var(--amber-500),var(--amber-600));border-color:var(--amber-600);color:var(--petrol-950)}.check-circle.done svg{animation:pop .3s ease}input[type=range]{width:100%;accent-color:var(--amber-600);height:44px}.field{width:100%;min-height:var(--touch);padding:var(--sp-2) var(--sp-3);border:1.5px solid var(--line);border-radius:var(--r-btn);background:var(--surface)}.field:focus{outline:2.5px solid var(--amber-500);border-color:transparent}textarea.field{min-height:110px;padding-top:var(--sp-3);resize:vertical}.sheet-backdrop{position:fixed;inset:0;background:#081f2480;z-index:90;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--cream-50);width:100%;max-width:560px;border-radius:28px 28px 0 0;padding:var(--sp-4) var(--sp-3) calc(var(--sp-5) + env(safe-area-inset-bottom));max-height:88dvh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-3);animation:screen-in .24s ease both}.sheet-handle{width:44px;height:5px;border-radius:var(--r-pill);background:var(--line);margin:0 auto}.locked{opacity:.5}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint);font-size:var(--fs-small)}.center{text-align:center}.stack-center{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center}