:root{--m3-ui-family:"Google Sans",sans-serif;--md-sys-color-primary:#1c48e8;--md-sys-color-on-primary:#ffffff;--md-sys-color-primary-container:#002682;--md-sys-color-on-primary-container:#dee0ff;--md-sys-color-surface:#000000;--md-sys-color-on-surface:#e3e1e6;--md-sys-color-surface-container-low:#080808;--md-sys-color-surface-container:#111111;--md-sys-color-surface-container-high:#1a1a1a;--md-sys-color-on-surface-variant:#c4c6d0;--md-sys-color-outline-variant:#44474e;--sys-label-large:500 0.875rem/1.25rem var(--m3-ui-family);--sys-label-medium:500 0.75rem/1rem var(--m3-ui-family);--sys-label-small:500 0.688rem/1rem var(--m3-ui-family)}*{box-sizing:border-box;font-optical-sizing:auto}body,html{margin:0;padding:0;background-color:#000!important;color:#fff;font-family:var(--m3-ui-family);font-variation-settings:"GRAD" 0;overflow:hidden}.app-layout,body,html{height:100vh;width:100vw}.app-layout{display:flex;background-color:#000}.rail-container{background:var(--md-sys-color-surface-container);box-sizing:border-box;gap:8px;height:100vh;left:0;overflow-y:auto;padding:24px 0;position:fixed;top:0;width:96px;z-index:10;border-right:1px solid var(--md-sys-color-outline-variant)}.nav-rail__link,.rail-container{display:flex;flex-direction:column;align-items:center}.nav-rail__link{color:var(--md-sys-color-on-surface-variant);height:64px;padding-top:4px;text-decoration:none;width:80px;cursor:pointer;transition:color .2s}.nav-rail__icon{align-items:center;border-radius:16px;display:flex;height:32px;justify-content:center;margin:0 0 4px;overflow:hidden;position:relative;width:56px;transition:background-color .2s,color .2s}.nav-rail__label{font:var(--sys-label-medium)}.nav-rail__icon:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;background:#fff;opacity:0;transition:opacity .2s}.nav-rail__link:hover .nav-rail__icon:before{opacity:.08}.nav-rail__link.active{color:#fff}.nav-rail__link.active .nav-rail__icon{color:#fff;background:var(--md-sys-color-primary)}.nav-rail__link.active .nav-rail__icon:before{background:transparent}.nav-rail__link.active .nav-rail__label{font:var(--sys-label-medium);font-weight:500}.main-content{flex:1 1;margin-left:96px;overflow-y:auto;padding:48px;background-color:#000}.material-symbols-rounded,md-icon{font-family:Material Symbols Rounded!important;font-size:24px;line-height:1}@media (max-width:720px){.rail-container{bottom:0;flex-direction:row;justify-content:space-around;height:80px;padding:12px 0 16px;top:auto;width:100%;z-index:1000;border-right:none;border-top:1px solid var(--md-sys-color-outline-variant)}.main-content{margin-left:0;margin-bottom:80px}}.display-large{font-size:84px;font-weight:700;line-height:.95;letter-spacing:-3px}.body-large,.display-large{font-family:var(--m3-ui-family)}.body-large{font-size:20px;line-height:1.6}.label-large{font:var(--sys-label-large)}.label-medium{font:var(--sys-label-medium)}.label-small{font:var(--sys-label-small)}md-divider,md-elevation,md-icon,md-linear-progress,md-list,md-list-item,md-navigation-drawer,md-ripple{display:block}md-filled-button,md-filled-tonal-button,md-outlined-button{display:inline-flex;--md-filled-button-label-text-font:var(--m3-ui-family);--md-filled-button-label-text-size:0.875rem;--md-filled-button-label-text-weight:500;--md-filled-button-label-text-line-height:1.25rem;--md-filled-button-container-color:var(--md-sys-color-primary);--md-filled-button-label-text-color:#ffffff;--md-filled-button-hover-label-text-color:#ffffff;--md-filled-button-focus-label-text-color:#ffffff;--md-filled-button-pressed-label-text-color:#ffffff;--md-filled-button-icon-color:#ffffff;--md-filled-button-hover-icon-color:#ffffff;--md-filled-button-focus-icon-color:#ffffff;--md-filled-button-pressed-icon-color:#ffffff;--md-filled-button-container-height:56px;--md-filled-button-container-shape:28px;--md-filled-button-icon-size:24px;--md-filled-button-with-icon-icon-size:24px;--md-outlined-button-label-text-font:var(--m3-ui-family);--md-outlined-button-label-text-size:0.875rem;--md-outlined-button-label-text-weight:500;--md-outlined-button-label-text-line-height:1.25rem;--md-outlined-button-label-text-color:var(--md-sys-color-primary);--md-outlined-button-outline-color:var(--md-sys-color-outline-variant);--md-outlined-button-container-height:56px;--md-outlined-button-container-shape:28px;--md-outlined-button-icon-size:24px;--md-outlined-button-with-icon-icon-size:24px;--md-filled-tonal-button-label-text-font:var(--m3-ui-family);--md-filled-tonal-button-label-text-size:0.875rem;--md-filled-tonal-button-label-text-weight:500;--md-filled-tonal-button-label-text-line-height:1.25rem;--md-filled-tonal-button-container-height:56px;--md-filled-tonal-button-container-shape:28px;--md-filled-tonal-button-icon-size:24px}md-list-item{--md-list-item-label-text-font:var(--m3-ui-family);--md-list-item-label-text-size:0.875rem;--md-list-item-label-text-weight:500;--md-list-item-label-text-line-height:1.25rem;--md-list-item-supporting-text-font:var(--m3-ui-family);--md-list-item-supporting-text-size:0.75rem;--md-list-item-supporting-text-weight:500;--md-list-item-supporting-text-line-height:1rem}.m3-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.m3-card{position:relative;background-color:var(--md-sys-color-surface-container);border-radius:28px;padding:24px;transition:background-color .2s ease;cursor:pointer}.m3-card:hover{background-color:var(--md-sys-color-surface-container-high)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#444}