:root{--bg:#fff8ec;--ink:#3b3355;--nav-bg:#ffffffd9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:system-ui,-apple-system,Hiragino Maru Gothic ProN,Hiragino Sans,sans-serif;position:fixed;inset:0;overflow:hidden}svg{display:block}.app-nav{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));pointer-events:none;z-index:10;justify-content:space-between;display:flex;position:fixed;inset:0 0 auto}.nav-btn{pointer-events:auto;background:var(--nav-bg);width:52px;height:52px;color:var(--ink);border-radius:50%;place-items:center;display:grid;box-shadow:0 2px 6px #3b33552e}.nav-btn svg{width:28px;height:28px}.nav-btn:active,.nav-btn.is-pressed{transform:scale(.92)}.nav-app{background:var(--c);box-shadow:0 3px 0 color-mix(in srgb, var(--c) 70%, #000), 0 2px 6px #3b33552e}.nav-app svg{width:30px;height:30px}.nav-home{width:112px;height:calc(56px + env(safe-area-inset-top));margin-top:calc(-1 * max(10px, env(safe-area-inset-top)));padding-top:env(safe-area-inset-top);background:var(--c);color:#fff;box-shadow:0 4px 0 color-mix(in srgb, var(--c) 70%, #000), 0 4px 10px #3b33552e;border-radius:0 0 56px 56px}.nav-home svg{width:34px;height:34px;margin-top:-6px}.nav-home:active,.nav-home.is-pressed{transform:translateY(-4px)}