:root{--deep:#005460;--teal:#0ca8b4;--teal-ink:#0a8f99;--teal-soft:#e7f4f5;--lime:#84c030;--lime-soft:#eef7e0;--cream:#fcfccc;--amber:#c98a00;--ink:#0b2b30;--muted:#5f7c81;--line:#dce8e9;--hair:#00546012;--bg:#f6fafa;--card:#fff;--danger:#bf3b2b;--cell:#ffffffc7;--chip:#fff;--hero-a:#fff;--hero-b:#f2fbfb;--on-deep:#fff;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:15px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans SC,sans-serif}[data-theme=dark]{--deep:#6fd3dc;--teal:#35bfc9;--teal-ink:#7fd4db;--teal-soft:#12393e;--lime:#a3d95c;--lime-soft:#2a3a17;--cream:#3d3a1d;--amber:#e0a63a;--ink:#d7e6e8;--muted:#8aa6ab;--line:#24444a;--hair:#d7e6e81f;--bg:#0d1f22;--card:#14292d;--danger:#e0705f;--cell:#ffffff12;--chip:#1b3439;--hero-a:#17323a;--hero-b:#10262a;--on-deep:#07282d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .tabbar{background:#0d1f22f0}[data-theme=dark] .fab{box-shadow:0 6px 20px #0009,0 2px 6px #0006}[data-theme=dark] .field{background:#0d1f22}[data-theme=dark] .scan-box,[data-theme=dark] .shimmer,[data-theme=dark] .skeleton-row{background:linear-gradient(90deg,#17302f 25%,#1d3a3a 50%,#17302f 75%) 0 0/200% 100%}[data-theme=dark] .scan-box{background-size:100% 100%}[data-theme=dark] .sheet{background:#0009}*{box-sizing:border-box}body{min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:var(--bg);margin:0}#root{max-width:560px;margin:0 auto;padding:14px 14px 96px}h1,h2,h3{letter-spacing:-.2px;margin:0}h1{font-size:20px}h2{font-size:16px}p{margin:0}button{cursor:pointer;font-family:inherit}input,select{color:var(--ink);font-family:inherit;font-size:15px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}.muted{color:var(--muted)}.tiny{color:var(--muted);font-size:11.5px;line-height:1.55}.btn{background:var(--deep);min-height:44px;color:var(--on-deep);border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:600;transition:transform 80ms,opacity .15s;display:inline-flex}.btn:active{transform:scale(.985)}.btn[disabled]{opacity:.5}.btn-ghost{background:var(--teal-soft);color:var(--deep)}.btn-lime{background:var(--lime);color:#17300a}.btn-block{width:100%}.btn-sm{border-radius:10px;min-height:34px;padding:0 12px;font-size:13px}.field{border:1px solid var(--line);background:var(--chip);border-radius:12px;width:100%;min-height:44px;padding:10px 12px}.tabbar{padding:8px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);z-index:25;background:#fffffff0;justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{max-width:180px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex:1;font-size:13px;font-weight:600}.tabbar button[data-active=true]{background:var(--teal-soft);color:var(--deep)}.tabbtn{flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 0 7px;transition:transform .16s;display:flex;position:relative}.tabbtn:active{transform:scale(.93)}.tabbtn-icon{color:var(--muted);place-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),color .16s;display:grid}.tabbtn[data-active=true] .tabbtn-icon{color:var(--deep);transform:translateY(-2px)scale(1.06)}.tabbtn-label{letter-spacing:.3px;color:var(--muted);font-size:11.5px;transition:color .16s,font-weight .16s}.tabbtn[data-active=true] .tabbtn-label{color:var(--deep);font-weight:700}.tabbtn-dot{background:var(--teal);border-radius:999px;width:0;height:3px;transition:width .22s;position:absolute;bottom:2px}.tabbtn[data-active=true] .tabbtn-dot{width:16px}@keyframes tabin{0%{opacity:0;transform:translateY(8px)scale(.995)}to{opacity:1}}.tabfade{animation:.22s ease-out both tabin}.tabfade-off{opacity:0}.tabbar[data-locked="1"]{pointer-events:none}.tabbar[data-locked="1"] button{opacity:.45}.metric-tabs{background:var(--bg);border-radius:12px;grid-template-columns:repeat(6,1fr);gap:4px;padding:4px;display:grid}.metric-tab{color:var(--muted);background:0 0;border:0;border-radius:9px;flex-direction:column;align-items:center;gap:2px;padding:6px 0 5px;font-size:10.5px;transition:background .16s,color .16s,transform .16s;display:flex}.metric-tab[data-active=true]{background:var(--teal-soft);color:var(--deep);font-weight:700;box-shadow:inset 0 0 0 1px #0ca8b440}.metric-tab:active{transform:scale(.94)}.range-row{background:var(--bg);border-radius:10px;gap:4px;padding:3px;display:flex}.range-pill{min-height:28px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;font-size:11.5px;transition:background .16s,color .16s}.range-pill[data-active=true]{background:var(--chip);color:var(--deep);font-weight:700;box-shadow:0 1px 3px #00282e1f}@keyframes growx{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.progress-fill{transform-origin:0;animation:.55s cubic-bezier(.25,.9,.3,1) both growx}.portion-row{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.portion-opt{border:1px solid var(--line);background:var(--chip);color:var(--muted);border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:8px 0 7px;font-size:11.5px;transition:transform .15s,border-color .15s,background .15s;display:flex}.portion-opt[data-active=true]{border-color:var(--teal);background:var(--teal-soft);color:var(--deep);font-weight:700;transform:translateY(-1px)}.portion-bar{opacity:.35;background:currentColor;border-radius:999px;width:22px;height:4px}.portion-opt[data-active=true] .portion-bar{opacity:.85}.fab{right:18px;bottom:calc(76px + env(safe-area-inset-bottom));color:#fff;cursor:pointer;z-index:15;background:linear-gradient(145deg,#0ca8b4 0%,#005460 100%);border:0;border-radius:999px;align-items:center;gap:7px;height:52px;padding:0 18px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;box-shadow:0 6px 20px #0054606b,0 2px 6px #0000001f}.fab span{line-height:1}.fab:active{transform:scale(.94);box-shadow:0 3px 10px #00546059}.fab:after{content:"";opacity:0;background:radial-gradient(circle,#ffffff80 0%,#0000 60%);border-radius:999px;transition:opacity .2s;position:absolute;inset:0}.fab:active:after{opacity:1}.sheet{z-index:30;background:#0620246b;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-inner{background:var(--bg);width:100%;max-width:560px;max-height:92vh;padding:16px 14px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;margin:0 auto;overflow-y:auto}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:10px;display:flex}.pill{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.streak-chip{border:1px solid var(--line);background:var(--cell);min-height:34px;color:var(--deep);border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:12.5px;font-weight:600;transition:transform .12s,background .15s;display:inline-flex}.streak-chip:active{background:var(--teal-soft);transform:scale(.95)}.spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.wg-body{fill:#eef4f4;stroke:#9aafb2;stroke-width:2px;stroke-linejoin:round}.wg-leg{fill:#eef4f4;stroke:#9aafb2;stroke-width:2px}.wg-navel{fill:#7d8b90}.wg-tape-fill{fill:var(--teal);fill-opacity:.16;stroke:var(--teal);stroke-width:1.5px}.wg-tape-line{stroke:var(--teal);stroke-width:2.5px;stroke-dasharray:7 5;fill:none}.wg-leader{stroke:var(--teal);stroke-width:1.2px;fill:none}.wg-label{fill:#2f8f89;font-size:11px}.wg-anim .wg-breathe{transform-box:fill-box;transform-origin:50%;animation:6.4s ease-in-out infinite wg-breathe}@keyframes wg-breathe{0%,to{transform:scaleX(1)}42%,58%{transform:scaleX(1.035)}}.wg-anim .wg-ring{fill:none;stroke:var(--teal);stroke-width:1.5px;animation:6.4s ease-out infinite wg-ring}@keyframes wg-ring{0%{r:4;opacity:.9}70%,to{r:12;opacity:0}}.wg-anim .wg-exhale{animation:6.4s ease-in-out infinite wg-blink}@keyframes wg-blink{0%,15%,85%,to{opacity:.35}30%,70%{opacity:1}}@media (prefers-reduced-motion:reduce){.wg-anim .wg-breathe,.wg-anim .wg-ring,.wg-anim .wg-exhale{animation:none!important}.wg-anim .wg-ring{opacity:0}}@keyframes numPop{0%{opacity:.35;transform:translateY(4px)scale(.96)}to{opacity:1;transform:none}}.num-anim{animation:.28s ease-out numPop;display:inline-block}.btn[data-loading=true]{opacity:.72;pointer-events:none;cursor:default}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fadein{animation:.24s ease-out fadeUp}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#eef4f4 25%,#f8fcfc 50%,#eef4f4 75%) 0 0/200% 100%;border-radius:8px;animation:1.4s linear infinite shimmer}.spin-dark{border:2px solid #0054602e;border-top-color:#0ca8b4;border-radius:50%;width:18px;height:18px;animation:.75s linear infinite spin}.scan-box{background:#eef4f4;border-radius:14px;width:100%;height:168px;position:relative;overflow:hidden}.scan-box img{object-fit:cover;opacity:.86;width:100%;height:100%;display:block}.scan-line{background:linear-gradient(#0ca8b400 0%,#0ca8b473 60%,#ffffffd9 100%);height:44px;animation:1.5s ease-in-out infinite scanY;position:absolute;left:0;right:0;box-shadow:0 0 18px #0ca8b48c}@keyframes scanY{0%{top:-46px}50%{top:168px}to{top:-46px}}.scan-corner{opacity:.9;border:2.5px solid #0ca8b4;border-radius:4px;width:18px;height:18px;position:absolute}.scan-corner.tl{border-bottom:0;border-right:0;top:8px;left:8px}.scan-corner.tr{border-bottom:0;border-left:0;top:8px;right:8px}.scan-corner.bl{border-top:0;border-right:0;bottom:8px;left:8px}.scan-corner.br{border-top:0;border-left:0;bottom:8px;right:8px}.dots{vertical-align:baseline;gap:3px;margin-left:4px;display:inline-flex}.dots i{opacity:.35;background:currentColor;border-radius:50%;width:4px;height:4px;animation:1s ease-in-out infinite dotBounce}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,60%,to{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.working-track{background:#0054601a;border-radius:999px;height:5px;position:relative;overflow:hidden}.working-fill{background:linear-gradient(90deg,#0ca8b4,#7ed321);border-radius:999px;width:42%;animation:1.35s ease-in-out infinite trackRun;position:absolute;top:0;bottom:0}@keyframes trackRun{0%{left:-45%}to{left:100%}}.skeleton-row{background:linear-gradient(90deg,#eef4f4 25%,#f8fcfc 50%,#eef4f4 75%) 0 0/200% 100%;border-radius:7px;height:14px;animation:1.4s linear infinite shimmer}.sk{background:linear-gradient(90deg, var(--line) 22%, var(--cell) 50%, var(--line) 78%);background-size:220% 100%;border-radius:8px;animation:1.5s linear infinite shimmer;display:block}.sk-line{height:12px}.sk-circle{border-radius:50%}.boot{z-index:80;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:#062f36 linear-gradient(160deg,#062f36 0%,#0a5560 58%,#0f7166 100%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.boot *{font-family:inherit}.boot-blob{filter:blur(2px);opacity:.22;border-radius:50%;animation:7s ease-in-out infinite alternate bootFloat;position:absolute}@keyframes bootFloat{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-18px)rotate(8deg)}}.boot-mark{place-items:center;display:grid;position:relative}.boot-logo{border-radius:26%;animation:2.4s ease-in-out infinite bootBreathe;position:relative;box-shadow:0 14px 34px #001a1e57,0 2px #ffffff1f}.boot-ring{transform-origin:50%;animation:2.4s ease-in-out infinite bootBreathe}@keyframes bootBreathe{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.boot-steam{animation:2s ease-in-out infinite bootSteam}@keyframes bootSteam{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.boot-quote{transition:opacity .4s}.boot-quote.swap{opacity:0}.boot-track{background:#ffffff38;border-radius:999px;width:168px;height:5px;position:relative}.boot-fill{background:linear-gradient(90deg,#ffffffeb,#d9ffe8);border-radius:999px;min-width:10px;transition:width .62s cubic-bezier(.22,.61,.36,1);position:absolute;top:0;bottom:0;left:0;overflow:hidden;box-shadow:0 0 10px #ffffff73}.boot-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffe6 50%,#0000 100%) 0 0/46% 100% no-repeat;animation:1.25s linear infinite bootSheen;position:absolute;inset:0}@keyframes bootSheen{0%{background-position:-70% 0}to{background-position:190% 0}}.boot-lead{background:#fff;border-radius:50%;width:9px;height:9px;margin-left:-4.5px;transition:left .62s cubic-bezier(.22,.61,.36,1);position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 8px 2px #ffffff8c}@keyframes savedPop{0%{opacity:0;transform:scale(.5)}35%{opacity:1;transform:scale(1.15)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-4px)}}.saved-pop{color:var(--teal-ink);align-items:center;gap:3px;font-size:12px;font-weight:600;animation:1.6s forwards savedPop;display:inline-flex}.celebrate{z-index:60;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(circle at 50% 30%,#0e4d56 0%,#062126 70%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}body.celebrating .tabbar,body.celebrating .fab{display:none}.confetti{opacity:0;border-radius:2px;width:9px;height:14px;animation:linear infinite confettiFall;position:absolute;top:-24px}@keyframes confettiFall{0%{opacity:0;transform:translateY(-24px)rotate(0)rotateY(0)}8%{opacity:1}to{opacity:.9;transform:translateY(105vh)rotate(540deg)rotateY(720deg)}}@keyframes trophyPop{0%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.12)}75%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}.trophy-pop{animation:.7s cubic-bezier(.2,1.4,.4,1) both trophyPop}@keyframes lineUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.line-up{animation:.5s ease-out both lineUp}.line-up:nth-child(2){animation-delay:.25s}.line-up:nth-child(3){animation-delay:.5s}.line-up:nth-child(4){animation-delay:.75s}@keyframes glowPulse{0%,to{text-shadow:0 0 #fff0}50%{text-shadow:0 0 18px #ffffff59}}.glow{animation:2.2s ease-in-out infinite glowPulse}.switch{background:var(--line);cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;width:46px;height:27px;padding:2px;transition:background .18s;display:flex}.switch[data-on="1"]{background:var(--teal)}.switch-knob{background:#fff;border-radius:50%;width:23px;height:23px;transition:transform .18s cubic-bezier(.3,.7,.4,1);transform:translate(0);box-shadow:0 1px 3px #0000002e}.switch[data-on="1"] .switch-knob{transform:translate(19px)}.howto{border:1px solid var(--line);background:var(--cell);min-height:30px;color:var(--teal-ink);border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 11px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.howto:active{transform:scale(.985)}.howto-badge{background:var(--teal-soft);color:var(--teal-ink);letter-spacing:.2px;border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:600}.howto-chev{opacity:.9;transition:transform .2s}.howto[data-open="1"] .howto-chev{transform:rotate(180deg)}.hair-top{border-top:1px solid var(--hair);padding-top:12px}.consent{background:radial-gradient(120% 90% at 50% 0,#0c5b68 0%,#08343c 60%,#062a31 100%);justify-content:center;align-items:center;padding:20px 16px;display:flex;overflow-y:auto}.consent-card{background:var(--card);border-radius:20px;gap:12px;width:100%;max-width:420px;padding:22px 18px 16px;display:grid;box-shadow:0 18px 48px #0220254d}.consent-mark{justify-content:center;display:flex}.consent-mark img{border-radius:50%;box-shadow:0 6px 18px #0220252e}.consent-title{color:var(--deep);text-align:center;margin:0;font-size:19px;line-height:1.35}.consent-lead{color:var(--muted);text-align:center;margin:0;font-size:13px;line-height:1.6}.consent-list{gap:10px;margin:2px 0;padding:0;list-style:none;display:grid}.consent-list li{gap:2px;display:grid}.consent-list b{color:var(--deep);font-size:13.5px}.consent-list span{color:var(--muted);font-size:12.5px;line-height:1.55}.consent-check{color:var(--deep);background:var(--teal-soft);border-radius:10px;align-items:flex-start;gap:9px;padding:10px 11px;font-size:12.5px;line-height:1.5;display:flex}.consent-check input{accent-color:#005460;flex:none;width:17px;height:17px;margin-top:1px}.consent-link{color:var(--teal-ink);background:0 0;border:0;padding:0;font-size:12.5px;text-decoration:underline}.consent-terms{color:var(--muted);background:var(--cell);border-radius:10px;gap:6px;padding:10px 11px;font-size:12px;line-height:1.6;display:grid}.consent-terms p{margin:0}.consent-foot{color:var(--muted);text-align:center;margin:0;font-size:11.5px}.picker-inner{gap:4px;max-height:88vh;display:grid}.picker-head{padding:2px 2px 8px}.wheel-row{align-items:stretch;gap:8px;padding:0 4px;display:flex;position:relative}.wheel-band{background:var(--teal-soft);pointer-events:none;z-index:0;border-radius:12px;height:42px;position:absolute;bottom:84px;left:0;right:0}.wheel-cell{flex:1;justify-items:center;min-width:0;display:grid;position:relative}.wheel-cap{color:var(--muted);padding-bottom:2px;font-size:11px}.wheel-col{z-index:1;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;height:210px;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 52px calc(100% - 52px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 52px calc(100% - 52px),#0000 100%)}.wheel-col::-webkit-scrollbar{display:none}.wheel-pad{height:84px}.wheel-item{scroll-snap-align:center;height:42px;color:var(--muted);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:16px;transition:color .12s;display:flex}.wheel-item[data-active="1"]{color:var(--deep);font-size:18px;font-weight:700}.wheel-unit{color:var(--muted);margin-left:2px;font-size:10.5px;font-weight:500}.wheel-item[data-active="1"] .wheel-unit{color:var(--teal-ink);opacity:.8}.tape-read{justify-content:center;align-items:baseline;gap:4px;margin-top:-2px;display:flex}.tape-num{color:var(--deep);font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1.05}.tape-unit{color:var(--muted);font-size:13px}.tape-box{background:var(--cell);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:12px;height:60px;margin:2px 4px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%)}.tape-box:active{cursor:grabbing}.tape-box:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.tape-strip{will-change:transform;position:absolute;top:0;left:0}.tape-needle{background:var(--teal);pointer-events:none;border-radius:2px;width:2px;height:30px;margin-left:-1px;position:absolute;top:20px;left:50%}.tape-needle:before{content:"";background:var(--teal);border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:-5px;left:50%}.tape-fine{justify-content:space-between;align-items:center;gap:8px;padding:2px 6px 0;display:flex}.tape-fine .btn{font-variant-numeric:tabular-nums;min-height:30px;padding:0 12px;font-size:12.5px}.pickrow{background:0 0;background-image:linear-gradient(to right, var(--hair) 0, var(--hair) 100%);text-align:left;background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 2px;display:flex}.pickrow:last-of-type{background-image:none}.pickrow:active{background-color:var(--cell)}.pickrow-label{gap:2px;min-width:0;display:grid}.pickrow-label>span:first-child{color:var(--deep);font-size:14.5px}.pickrow-value{color:var(--teal-ink);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:5px;font-size:15px;font-weight:600;display:inline-flex}.pickrow-value[data-empty="1"]{color:var(--muted);font-weight:400}.pickrow-chev{color:var(--muted);font-size:15px;line-height:1}.notif-mock{background:var(--deep);color:var(--on-deep);border-radius:14px;gap:3px;padding:11px 12px 10px 40px;display:grid;position:relative;overflow:hidden}.notif-mock-app{opacity:.72;letter-spacing:.2px;align-items:center;gap:6px;font-size:11px;display:flex}.notif-mock-ico{background:#fff;border-radius:6px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:12px;left:11px;overflow:hidden}.notif-mock-title{font-size:13.5px;font-weight:700}.notif-mock-body{opacity:.86;font-size:12.5px;line-height:1.5}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 146px);z-index:90;color:#fff;text-align:center;pointer-events:none;background:#0b2b30eb;border-radius:14px;max-width:min(84vw,340px);padding:9px 16px;font-size:13px;line-height:1.45;animation:.18s ease-out both toastin;position:fixed;transform:translate(-50%)}@keyframes toastin{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.foldbtn{background:var(--teal-soft);width:100%;min-height:40px;color:var(--deep);text-align:center;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;line-height:1.35;display:flex}.foldbtn .foldbtn-chev{flex:none;transition:transform .2s}.foldbtn[data-open="1"] .foldbtn-chev{transform:rotate(180deg)}.guest-intro{max-height:88dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom));gap:12px;display:grid;overflow-y:auto}.guest-note{background:var(--cell);color:var(--deep);border-radius:12px;padding:11px 12px}.demo-bar{background:var(--teal-soft);color:var(--deep);border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;line-height:1.3;display:flex}.demo-bar-tag{background:var(--teal-ink);color:#fff;letter-spacing:.02em;border-radius:999px;flex:none;padding:2px 7px;font-size:11px;font-weight:700}.demo-bar-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.demo-bar-btn{color:var(--teal-ink);background:0 0;border:0;flex:none;padding:2px;font-size:12.5px;font-weight:600;text-decoration:underline}