html,body,#root{height:100%}body{background:var(--night)}.app{background:var(--night);isolation:isolate;max-width:560px;height:100%;padding-top:env(safe-area-inset-top,0px);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width>=561px){.app{border-left:1px solid var(--line);border-right:1px solid var(--line)}}.views{flex:1;min-height:0;position:relative}.view{padding:18px max(20px, env(safe-area-inset-left,0px)) calc(120px + env(safe-area-inset-bottom,0px)) max(20px, env(safe-area-inset-right,0px));scrollbar-width:none;flex-direction:column;gap:16px;display:flex;position:absolute;inset:0;overflow:hidden auto}.view::-webkit-scrollbar{display:none}.tabbar{bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}.overlay{padding-top:calc(22px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))!important}.auth{padding-top:calc(24px + env(safe-area-inset-top,0px))!important}.sheet{padding-bottom:calc(26px + env(safe-area-inset-bottom,0px))!important}.notif{top:calc(10px + env(safe-area-inset-top,0px))!important}.fab{bottom:calc(98px + env(safe-area-inset-bottom,0px))!important;position:fixed!important;right:max(18px,50vw - 262px)!important}.toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}.boot{height:100%;color:var(--ink-3);place-items:center;font-size:13px;display:grid}a{color:inherit;text-decoration:none}