:root{--paper:#f7f4ee;--card:#fdfcf9;--rule:#e3ded4;--ink:#1c2b22;--soft:#4a5a50;--faint:#687068;--green:#2e4b3a;--green-plus:#5b7a66;--deep:#1f3427;--brown:#4a3728;--pink:#e5bdb6;--warn:#a63d2f;--tint:#2e4b3a12;--warntint:#a63d2f17;--water:#dde4e2;--park:#2e4b3a1a;--shell:#e8e4db;--bezel:#1a1d19}[data-theme=dark]{--paper:#141815;--card:#1c221e;--rule:#2c332e;--ink:#ede9e0;--soft:#a9b2ab;--faint:#939b94;--green:#7fa98c;--green-plus:#9cc0a7;--deep:#0b0f0c;--brown:#a98460;--pink:#e5bdb6;--warn:#de8878;--tint:#7fa98c21;--warntint:#de887821;--water:#1a2321;--park:#7fa98c21;--shell:#0d100e}:root{--hdr-top:64px;--nav-h:109px;--nav-bottom:26px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0}html,body{background:var(--shell);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}.device{background:var(--paper);border:10px solid var(--bezel);border-radius:44px;flex-direction:column;width:390px;height:844px;margin:24px auto;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000047}.device:after{content:"";background:var(--ink);opacity:.32;z-index:40;border-radius:3px;width:134px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.statusbar{z-index:35;height:63px;color:var(--ink);pointer-events:none;justify-content:space-between;align-items:center;padding:18px 30px 0;font-size:14px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}@media (max-width:480px){:root{--hdr-top:calc(env(safe-area-inset-top,0px) + 12px);--nav-bottom:calc(env(safe-area-inset-bottom,0px) + 14px);--nav-h:calc(83px + env(safe-area-inset-bottom,0px))}html,body{background:var(--paper)}.device{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0;margin:0}.device:after,.statusbar{display:none}}@keyframes pmpulse{0%,to{opacity:.7}50%{opacity:.4}}@keyframes pmpress{0%{opacity:0;transform:scale(1.35)}45%{opacity:.92;transform:scale(1.02)}72%{transform:scale(.995)}to{opacity:1;transform:scale(1)}}@keyframes pmreveal{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pmsheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pmfade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}input,textarea,select{font-family:inherit}@supports (-webkit-touch-callout:none){input,textarea,select{font-size:16px!important}}.tap44{position:relative}.tap44:after{content:"";min-width:44px;height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}