*,:before,:after{box-sizing:border-box}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--nav-height:74px;--nav-total-height:calc(var(--nav-height) + var(--safe-top));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{width:100%;height:100%;min-height:100%;overflow:hidden}body{color:#fff;overscroll-behavior:none;background:#050505;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:focus-visible,a:focus-visible,#app:focus-visible{outline-offset:3px;outline:2px solid #fff}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 8px);color:#050505;background:#fff;border-radius:10px;padding:10px 14px;font-weight:500;position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.nav{height:var(--nav-total-height);padding:var(--safe-top) calc(22px + var(--safe-right)) 0 calc(22px + var(--safe-left));-webkit-backdrop-filter:blur(14px);z-index:50;background:#050505f5;border-bottom:1px solid #ffffff38;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:-.04em;min-height:44px;font-size:22px;font-weight:500;line-height:1}.menu{align-content:center;justify-items:end;gap:7px;width:44px;height:44px;display:grid}.menu span{background:#fff;border-radius:999px;width:31px;height:2px;display:block}#app{top:var(--nav-total-height);left:var(--safe-left);right:var(--safe-right);bottom:var(--safe-bottom);height:calc(100vh - var(--nav-total-height) - var(--safe-bottom));height:calc(100dvh - var(--nav-total-height) - var(--safe-bottom));position:fixed;overflow:hidden}.hidden-view{display:none!important}.grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid;overflow:hidden}.tile{text-align:center;background:radial-gradient(circle at 50% 45%,#ffffff04,#0000 46%),linear-gradient(#ffffff02,#fff0);border-bottom:1px solid #ffffff2b;border-right:1px solid #ffffff2b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px 18px 18px;display:flex}.tile:nth-child(2n){border-right:0}.tile:nth-last-child(-n+2){border-bottom:0}.icon{object-fit:contain;flex:none;width:80px;height:80px;margin:0;display:block}.label{color:#ffffffe6;text-align:center;width:100%;margin:0;font-size:14px;font-weight:400;line-height:1.1;display:block}.overlay{inset:var(--nav-total-height) var(--safe-right) var(--safe-bottom) var(--safe-left);z-index:30;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#0000007a;transition:opacity .24s;position:fixed}.overlay.show{opacity:1;pointer-events:auto}.drawer{right:var(--safe-right);top:var(--nav-total-height);z-index:40;width:min(31vw,276px);min-width:248px;height:calc(100vh - var(--nav-total-height) - var(--safe-bottom));height:calc(100dvh - var(--nav-total-height) - var(--safe-bottom));background:radial-gradient(circle at 50% 0,#ffffff0a,#0000 34%),linear-gradient(#111 0%,#070707 100%);border-left:1px solid #ffffff1a;transition:transform .24s;position:fixed;overflow:hidden;transform:translate(100%);box-shadow:-20px 0 64px #0000006b}.drawer.open{transform:translate(0)}.drawer-content{grid-template-rows:1fr auto;height:100%;min-height:0;display:grid}.drawer-list{grid-template-rows:repeat(6,1fr);min-height:0;display:grid}.drawer-item{width:100%;min-height:0;padding:0 calc(17px + var(--safe-right)) 0 17px;text-align:left;border-bottom:1px solid #ffffff12;align-items:center;gap:12px;display:flex;overflow:hidden}.drawer-item:last-child{border-bottom:0}.drawer-icon{object-fit:contain;flex:none;width:24px;height:24px}.drawer-label{letter-spacing:-.01em;color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:15px;font-weight:400;line-height:1.1;display:block;overflow:hidden}.drawer-footer{background:linear-gradient(#ffffff02,#ffffff05);border-top:1px solid #ffffff14;justify-content:center;align-items:center;min-height:62px;padding:0 18px;display:flex}.drawer-footer-brand{letter-spacing:-.02em;color:#ffffffb3;font-size:13px;font-weight:500;display:block}.placeholder-view{min-height:calc(100vh - var(--nav-height));min-height:calc(100dvh - var(--nav-height));color:#ffffffad;place-items:center;font-size:15px;display:grid}@media (width<=560px){:root{--nav-height:78px}.nav{padding:var(--safe-top) calc(18px + var(--safe-right)) 0 calc(18px + var(--safe-left))}.logo{font-size:23px}.menu{gap:7px;width:44px;height:44px}.menu span{width:32px}.drawer{width:min(61vw,250px);min-width:0}.drawer-item{padding:0 calc(18px + var(--safe-right)) 0 18px;gap:12px}.drawer-icon{width:24px;height:24px}.drawer-label{letter-spacing:-.01em;font-size:15px;line-height:1.1}.drawer-footer{min-height:58px;padding:0 calc(16px + var(--safe-right)) 0 16px}.drawer-footer-brand{font-size:12px}.icon{width:72px;height:72px}.tile{gap:10px;padding:18px 16px 16px}.label{font-size:13px}}.app-view{width:100%;height:100%;position:relative;overflow:hidden}.app-frame{background:#050505;border:0;width:100%;height:100%;display:block}.app-loading{color:#ffffffb8;background:#050505;place-items:center;padding:24px;font-size:14px;display:grid;position:absolute;inset:0}.app-loading.is-error{color:#fff}@media (height<=520px) and (orientation:landscape){:root{--nav-height:58px}.grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.tile{border-bottom:1px solid #ffffff2b;border-right:1px solid #ffffff2b;gap:6px;padding:8px}.tile:nth-child(2n){border-right:1px solid #ffffff2b}.tile:nth-child(3n){border-right:0}.tile:nth-last-child(-n+3){border-bottom:0}.icon{width:48px;height:48px}.drawer-footer{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.drawer-item.is-active,.tile.is-active{background:linear-gradient(#ffffff09,#ffffff03)}
