body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.page-loader{justify-content:center;align-items:center;padding:4rem;display:flex}.page-loader__spinner{border:1px solid #e1e5e9;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite page-loader-spin}@keyframes page-loader-spin{to{transform:rotate(360deg)}}.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}.navigation{z-index:100;padding-top:env(safe-area-inset-top);background:#282c34;border-bottom:1px solid #393d45;position:fixed;inset:0 0 auto}.nav-container{max-width:72.25rem;height:calc(var(--app-header-size) - 1px);padding:0 max(.5rem, env(safe-area-inset-left)) 0 max(.5rem, env(safe-area-inset-right));grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;display:grid}.nav-logo{color:#61dafb;grid-area:1/2;justify-content:center;align-items:center;min-height:2.75rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-logo:hover{color:#4ec9fb}.nav-icon-button{color:#fff;cursor:pointer;background:0 0;border:0;grid-area:1/1;justify-self:start;place-items:center;width:2.75rem;height:2.75rem;display:grid}.nav-icon-button svg{width:1.5rem;height:1.5rem}.nav-account-button{flex-direction:column;grid-column:3;justify-content:center;justify-self:end;align-items:center;gap:.125rem;padding:0;display:flex}.nav-account-button .nav-account-avatar{color:#fff;background:#5568d3;border-radius:50%;flex-shrink:0;place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:600;display:grid;overflow:hidden}.nav-account-button .nav-account-avatar img{object-fit:cover;width:100%;height:100%}.nav-account-button .nav-account-label{color:inherit;align-items:center;gap:.125rem;font-size:.75rem;font-weight:500;line-height:1;display:flex}.nav-account-button .nav-account-label svg{width:.75rem;height:.75rem}.nav-account-button:hover{color:#61dafb}.nav-auth{grid-area:1/3;justify-self:end;align-items:center;gap:.5rem;display:flex}.nav-signin{color:#fff;white-space:nowrap;justify-self:end;place-items:center;min-height:2.75rem;padding:.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:grid}.nav-signin:hover{color:#61dafb}.nav-signup,.nav-desktop{display:none}.nav-link{color:#666;text-decoration:none}.nav-link.active{color:#5568d3;font-weight:600}.nav-link:hover{color:#5568d3;background:#f8f9ff}.navigation .nav-link,.bottom-navigation .nav-link{color:#fff}.navigation .nav-link.active,.bottom-navigation .nav-link.active{color:#61dafb;background:#61dafb33}.navigation .nav-link:hover,.bottom-navigation .nav-link:hover{color:#61dafb;background:#ffffff1a}.navigation :focus-visible,.bottom-navigation :focus-visible{outline-offset:-2px;outline:2px solid #61dafb}.bottom-navigation{z-index:100;min-height:calc(var(--app-bottom-size) + env(safe-area-inset-bottom));padding:1px max(.25rem, env(safe-area-inset-right)) calc(1px + env(safe-area-inset-bottom)) max(.25rem, env(safe-area-inset-left));background:#282c34;border-top:1px solid #393d45;grid-template-columns:minmax(2.75rem,1fr) minmax(7.5rem,1.6fr) minmax(4.5rem,1fr) minmax(4rem,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-navigation--guest{grid-template-columns:repeat(3,minmax(2.75rem,1fr))}.bottom-navigation .nav-link{white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:2.75rem;padding:0;font-size:.75rem;line-height:1.2;display:flex}.bottom-navigation .nav-link svg{width:1.5rem;height:1.5rem}.navigation-panel-overlay{z-index:1000;padding:calc(3rem + env(safe-area-inset-top) + .5rem) .5rem max(.5rem, env(safe-area-inset-bottom));background:#00000080;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.navigation-panel{background:#fff;border:1px solid #e1e5e9;border-radius:12px;width:min(100%,30rem);max-height:100%;padding:.75rem;overflow-y:auto;box-shadow:0 6px 16px #0000001a}.navigation-panel header{justify-content:space-between;align-items:center;display:flex}.navigation-panel h2{margin:0;font-size:1.25rem}.navigation-panel header button{color:#666;cursor:pointer;background:0 0;border:0;place-items:center;width:2.75rem;height:2.75rem;display:grid}.navigation-panel nav{flex-direction:column;display:flex}.navigation-panel .nav-link{min-height:2.75rem;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;padding:.5rem;display:flex}.navigation-panel .nav-link:hover{background:#f8f9ff}.navigation-panel__identity{overflow-wrap:anywhere;color:#666;padding:.5rem;font-size:.875rem}@media (width>=768px){.nav-container{gap:.5rem;padding:0 1.5rem;display:flex}.nav-logo{margin-right:auto}.nav-desktop{align-items:center;gap:.5rem;display:flex}.nav-signup{display:grid}.nav-desktop .nav-link{border-radius:8px;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.nav-desktop .nav-link svg{flex-shrink:0;width:1.5rem;height:1.5rem}.bottom-navigation{display:none}.navigation-panel-overlay{padding-top:calc(3.5rem + env(safe-area-inset-top) + .5rem)}.navigation-panel{max-width:20rem}}.auth-gate{background-color:#f9fafb;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-gate-spinner{border:.25rem solid #e0e0e0;border-top-color:#2196f3;border-radius:50%;width:3rem;height:3rem;animation:.8s linear spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App{--app-header-size:3rem;--app-bottom-size:3rem;--media-frame-layout-chrome-size:calc(var(--app-header-size) + var(--app-bottom-size))}@media (width>=768px){.App{--app-header-size:3.5rem;--app-bottom-size:0px}}.App{flex-direction:column;min-height:100vh;display:flex;overflow-x:clip}.main-content{padding-top:calc(var(--app-header-size) + env(safe-area-inset-top));padding-bottom:calc(var(--app-bottom-size) + env(safe-area-inset-bottom));flex:1}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}