html,body{width:100%;height:100%;margin:0;overflow:hidden}@keyframes metro-tile-enter{from{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes metro-live-in{from{transform:translate3d(0, 100%, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes metro-live-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(0, -100%, 0)}}#start-section{position:absolute;inset:0;box-sizing:border-box;display:flex;flex-direction:column;padding:48px;overflow:hidden}#start-section>.grid{flex:1 1 auto;min-height:0;max-width:100%;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scrollbar-width:none}#start-section>.grid::-webkit-scrollbar{display:none}#start-section .category{animation:metro-tile-enter 420ms cubic-bezier(0.2, 0.8, 0.2, 1) both}#start-section .category:nth-child(1){animation-delay:0ms}#start-section .category:nth-child(2){animation-delay:55ms}#start-section .category:nth-child(3){animation-delay:110ms}#start-section .category:nth-child(4){animation-delay:165ms}#start-section .category:nth-child(5){animation-delay:220ms}#start-section .category:nth-child(6){animation-delay:275ms}#start-section .category:nth-child(7){animation-delay:330ms}#start-section .category:nth-child(8){animation-delay:385ms}#start-section .tile{transition:transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1),box-shadow 180ms cubic-bezier(0.2, 0.8, 0.2, 1),filter 180ms cubic-bezier(0.2, 0.8, 0.2, 1)}#start-section .tile:active{filter:brightness(0.96);transform:scale(0.96)}main{position:relative;width:100vw;height:100vh;overflow:visible;transition:transform 700ms cubic-bezier(0.65, 0, 0.35, 1)}#apps-section{position:absolute;inset:100vh 0 auto;width:100vw;height:100vh;box-sizing:border-box;padding:48px;overflow:hidden}main.apps-open{transform:translateY(-100vh)}#all-apps-button{position:absolute;z-index:11;bottom:16px;left:48px;padding:6px 12px;border:1px solid rgba(255,255,255,0.65);color:#fff;background:transparent;cursor:pointer;font-size:14px;font-weight:300;transition:background-color 180ms cubic-bezier(0.2, 0.8, 0.2, 1),color 180ms cubic-bezier(0.2, 0.8, 0.2, 1)}#all-apps-button:hover,#all-apps-button:focus-visible{color:#333;background:#fff}#back-to-start{position:absolute;z-index:10;display:none;right:auto;bottom:16px;left:48px;padding:6px 12px;border:1px solid rgba(255,255,255,0.65);color:#fff;background:transparent;cursor:pointer;font-size:14px;font-weight:300}main.apps-open #back-to-start{display:block}#app-list{display:grid;grid-auto-flow:column;grid-template-rows:repeat(auto-fill, minmax(52px, 1fr));grid-auto-columns:260px;align-content:start;gap:4px;max-width:none;height:calc(100vh - 190px);overflow-x:auto;overflow-y:hidden;padding-bottom:12px;touch-action:pan-x;scrollbar-width:thin}#app-list::-webkit-scrollbar{height:8px}#account{position:absolute;top:48px;right:48px;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;text-align:right}#account img{width:42px;height:42px;padding:7px;background:#fff;object-fit:contain}#account small{font-size:12px}.livetile{position:absolute;inset:0;z-index:2;display:grid;align-content:center;gap:4px;padding:8px;color:#fff;text-align:left;overflow:hidden;pointer-events:none}.livetile .live-slide{position:absolute;inset:0;display:grid;overflow:hidden;will-change:transform;background:var(--tile-bg)}@media (max-width: 700px){html,body{background:#000;overflow:hidden}main{height:100vh;overflow:hidden;transition:transform 520ms cubic-bezier(0.2, 0.8, 0.2, 1)}#start-section,#apps-section{padding:18px 10px 70px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y proximity}#start-section{inset:0}#start-section>.grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));grid-template-rows:none;grid-auto-rows:calc((100vw - 28px) / 3) !important;gap:4px;width:100%;height:auto;max-width:none;overflow:visible;touch-action:pan-y}#start-section>.grid .category{display:contents}#start-section>.grid .category{display:contents}#start-section>.grid .category>h2{display:none}#start-section>.grid .tile{grid-column:span 1;grid-row:span 1;height:calc((100vw - 28px) / 3);aspect-ratio:auto;width:auto;height:auto;aspect-ratio:1}#start-section>.grid .tile.medium{grid-column:span 2;grid-row:span 2}#start-section>.grid .tile.wide{grid-column:1 / -1;grid-row:span 1;aspect-ratio:3 / 1}#start-section>.grid .tile.large{grid-column:1 / -1;grid-row:span 3;aspect-ratio:1}#all-apps-button{position:relative;right:auto;bottom:auto;left:auto;display:block;margin:18px 0 0 auto}#apps-section{inset:0 0 0 100vw;width:100vw;height:100vh;background:#000;color:#fff}main.apps-open{transform:translateX(-100vw)}#app-list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));grid-auto-flow:row;grid-auto-rows:auto;gap:4px;width:100%;height:auto;overflow:visible;touch-action:pan-y;align-content:start}.app-entry{min-height:29vw;padding:8px;font-size:12px}.app-entry-icon{width:38px;height:38px}#back-to-start{display:none !important}#account{display:none}}@media (max-width: 700px){body>main{position:relative;height:100vh;overflow:hidden}#start-section{position:absolute;inset:0;display:block;height:100vh;padding:18px 10px 170px;overflow-x:hidden;overflow-y:auto;z-index:1;transition:transform 520ms cubic-bezier(0.2, 0.8, 0.2, 1),opacity 520ms cubic-bezier(0.2, 0.8, 0.2, 1)}#start-section>header{display:none}#start-section>.grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));grid-template-rows:none;grid-auto-rows:calc((100vw - 28px) / 3) !important;gap:4px;width:100%;height:auto;max-width:none;overflow:visible;touch-action:pan-y}#start-section>.grid .category{display:contents}#start-section>.grid .category>h2{display:none}#start-section>.grid .tile{width:auto;height:calc((100vw - 28px) / 3);min-height:0;aspect-ratio:auto;grid-column:span 1;grid-row:span 1}#start-section>.grid .tile.small{grid-column:span 1;grid-row:span 1}#start-section>.grid .tile.medium{grid-column:span 1;grid-row:span 1}#start-section>.grid .tile.wide{grid-column:span 2;grid-row:span 1;height:calc((100vw - 28px) / 3)}#start-section>.grid .tile.large{grid-column:span 2;grid-row:span 2;height:calc(((100vw - 28px) / 3) * 2 + 4px)}#all-apps-button{position:static;display:block;margin:18px 0 0 auto}#apps-section{position:absolute;top:0;right:auto;bottom:0;left:0;display:block;width:100vw;height:100vh;box-sizing:border-box;padding:18px 10px 70px;overflow-x:hidden;overflow-y:auto;background:#000;z-index:2;transform:translateX(100%);transition:transform 520ms cubic-bezier(0.2, 0.8, 0.2, 1)}#apps-section>header{display:block;height:auto;padding:0}#apps-section>header>h1{margin:0 0 18px}#app-list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));grid-auto-flow:row;grid-auto-rows:auto;gap:4px;width:100%;box-sizing:border-box;height:auto;overflow:visible;touch-action:pan-y}#app-list .app-entry{min-width:0;min-height:29vw;padding:8px;font-size:12px;color:#fff;background:#151515;border:1px solid rgba(255,255,255,0.18)}#app-list .app-entry-icon{width:38px;height:38px}#back-to-start{display:none !important}main.apps-open{transform:none}main.apps-open #start-section{transform:translateX(-20%);opacity:0;pointer-events:none}main.apps-open #apps-section{transform:translateX(0)}#apps-section>header{padding:0}#apps-section>header>h1{font-size:28px;font-weight:300}.mobile-navigation{position:fixed;right:0;bottom:0;left:0;z-index:100;display:flex;height:58px;color:#fff;background:#000}.mobile-navigation a{display:grid;width:33.333%;height:58px;place-items:center;color:#fff;text-decoration:none}.mobile-navigation a:active{background:#222}}@media (max-width: 700px){#start-section>.grid{grid-template-columns:repeat(3, minmax(0, 1fr));grid-auto-rows:30vw;grid-auto-flow:row dense;align-content:start}#start-section>.grid .tile{width:100%;max-width:100%;min-width:0;height:auto;min-height:0;aspect-ratio:auto;align-self:stretch;box-sizing:border-box}#start-section>.grid .tile.small{grid-column:span 1;grid-row:span 1}#start-section>.grid .tile.wide{grid-column:span 2;grid-row:span 1}#start-section>.grid .tile.medium{grid-column:span 1;grid-row:span 1}#start-section>.grid .tile.large{grid-column:span 2;grid-row:span 2}#apps-section #app-list{display:flex;flex-direction:column;gap:4px;width:100%;box-sizing:border-box;height:auto;overflow:visible}#apps-section #app-list .app-entry{display:flex;width:100%;min-width:0;min-height:58px;flex:0 0 58px;align-items:center}}.livetile .live-slide-in{animation:metro-live-in 650ms cubic-bezier(0, 0, 0, 1) forwards}.livetile .live-slide-out{animation:metro-live-out 650ms cubic-bezier(0, 0, 0, 1) forwards}.livetile .live-slide.is-original{align-content:center}.livetile .live-original{display:grid;align-content:center;justify-items:center;justify-content:center;height:100%}.livetile .tile-app-icon{width:42px;height:42px;object-fit:contain;filter:brightness(0) invert(1)}.livetile .live-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.livetile .live-copy{display:grid;align-content:start;position:relative;z-index:1;justify-items:start;height:auto;padding:8px;text-align:left}.livetile .live-copy.no-padding{padding:4px}.livetile .live-copy strong{font-size:16px;font-weight:100}.livetile .live-copy p,.livetile .live-copy small{margin:0;font-size:12px;line-height:1.35}.livetile .live-bullet-list{display:grid;align-content:start;padding:8px}.livetile .live-bullet{display:grid;grid-template-columns:44px 1fr;align-items:start;gap:10px;min-height:44px;text-align:left}.livetile .live-bullet img{display:block;width:100%;height:44px;object-fit:cover}.livetile .live-bullet p{margin:0;font-size:12px}.livetile .live-bullet strong{display:block;font-size:16px;font-weight:400}.livetile .live-mini-icon{position:absolute;right:8px;bottom:8px;width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}.tile-icon{position:absolute;top:50%;left:50%;z-index:3;width:32px;height:32px;transform:translate(-50%, -50%);object-fit:contain;filter:brightness(0) invert(1);pointer-events:none}.tile-icon-fallback{display:grid;place-items:center;border:3px solid currentColor;border-radius:50%;color:#fff;font-size:20px;font-weight:300}.tile.small .tile-icon{width:28px;height:28px}.tile.small p.title{display:none}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:1ms !important}}.app-entry{min-width:0;display:flex;align-items:center;gap:8px;min-width:220px;padding:8px;color:#fff;background:rgba(0,0,0,0.2);text-decoration:none;transition:background-color 180ms cubic-bezier(0.2, 0.8, 0.2, 1)}.app-entry:hover,.app-entry:focus-visible{background:rgba(255,255,255,0.18)}.app-entry-icon{display:grid;width:32px;height:32px;place-items:center;font-size:16px}.app-entry-icon img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}
