.shell{display:flex;height:100dvh;background-color:var(--ds-bg);background-image:var(--ds-fx)}.side-menu{width:10.5rem;flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;gap:1.5rem;padding:calc(1.5rem + var(--safe-top)) .9rem calc(1.1rem + var(--safe-bottom)) calc(.9rem + var(--safe-left));border-right:1px solid var(--ds-border);background:linear-gradient(180deg,var(--ds-surface),var(--ds-surface-2));-webkit-backdrop-filter:blur(var(--ds-blur));backdrop-filter:blur(var(--ds-blur))}.menu-logo{display:flex;align-items:center;justify-content:center;padding:.4rem 0}.menu-logo img{width:3.9rem;height:auto;filter:drop-shadow(0 .15rem .5rem rgba(0,0,0,.55))}.menu-items{display:flex;flex-direction:column;gap:.7rem;flex:1;overflow-y:auto;scrollbar-width:none}.menu-items::-webkit-scrollbar{display:none}.menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;flex:1 1 0;min-height:3.6rem;max-height:5.4rem;padding:.8rem .4rem;border:1px solid var(--ds-border);border-radius:calc(var(--ds-radius-card) * .75);background:var(--ds-task-bg);color:var(--ds-text-2);cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.menu-item:active{transform:scale(.97)}.menu-item.on{background:linear-gradient(150deg,color-mix(in srgb,var(--ds-accent-a) 22%,transparent),color-mix(in srgb,var(--ds-accent-a) 7%,transparent));border-color:color-mix(in srgb,var(--ds-accent-a) 45%,transparent);color:var(--ds-text);box-shadow:0 0 1.4rem var(--ds-glow),inset 0 0 1.6rem color-mix(in srgb,var(--ds-accent-a) 9%,transparent)}.menu-item.on .menu-item-icon{color:var(--ds-accent-mid)}.menu-item-icon{width:2.1rem;height:2.1rem;flex-shrink:0}.menu-item-title{font-size:.95rem;font-weight:600;letter-spacing:.01em;text-align:center}.menu-footer{text-align:center;opacity:.7}.shell-content{position:relative;overflow:hidden;flex:1;min-width:0;min-height:0}.service-frame{display:block;width:100%;height:100%;border:0;background:transparent}.auto-touch-layer{position:absolute;inset:0;background:transparent;touch-action:manipulation}.shell-splash{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background-color:var(--ds-bg);background-image:var(--ds-fx);text-align:center;padding:2rem}.shell-splash img{width:6rem;max-width:35%;height:auto;filter:drop-shadow(0 .2rem .8rem rgba(0,0,0,.55))}.shell-splash h1{font-family:var(--ds-font-display);font-size:1.8rem}.shell-error-text{max-width:60rem;font-family:var(--ds-font-mono);font-size:.95rem;line-height:1.6;color:var(--ds-text-2);white-space:pre-wrap;text-align:left;overflow-wrap:break-word}@media(max-height:880px)and (min-width:600px){.side-menu{gap:1rem;padding-top:calc(1rem + var(--safe-top));padding-bottom:calc(.8rem + var(--safe-bottom))}.menu-logo img{width:3.2rem}.menu-items{gap:.55rem}.menu-item{gap:.3rem;padding:.45rem .3rem}.menu-item-icon{width:1.7rem;height:1.7rem}}@media(max-width:1023px){.side-menu{width:7.6rem;gap:1.1rem;padding:calc(1.1rem + var(--safe-top)) .7rem calc(.9rem + var(--safe-bottom)) calc(.7rem + var(--safe-left))}.menu-logo img{width:3.2rem}.menu-item{min-height:3.4rem;max-height:4.6rem;gap:.4rem;padding:.6rem .3rem}.menu-item-icon{width:1.8rem;height:1.8rem}.menu-item-title{font-size:.85rem}}@media(max-width:599px){.shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:100%}.side-menu{display:contents}.menu-logo{grid-row:1;justify-content:flex-start;gap:.6rem;padding:calc(.45rem + var(--safe-top)) calc(.9rem + var(--safe-right)) .45rem calc(.9rem + var(--safe-left));border-bottom:1px solid var(--ds-border);background:linear-gradient(180deg,var(--ds-surface),var(--ds-surface-2));-webkit-backdrop-filter:blur(var(--ds-blur));backdrop-filter:blur(var(--ds-blur))}.menu-logo img{width:2rem}.shell-content{grid-row:2}.menu-items{grid-row:3;flex-direction:row;gap:.45rem;padding:.45rem calc(.5rem + var(--safe-right)) calc(.45rem + var(--safe-bottom)) calc(.5rem + var(--safe-left));border-top:1px solid var(--ds-border);background:linear-gradient(0deg,var(--ds-surface),var(--ds-surface-2));-webkit-backdrop-filter:blur(var(--ds-blur));backdrop-filter:blur(var(--ds-blur));overflow-x:auto;overflow-y:hidden}.menu-item{flex:1 1 0;min-width:4.6rem;min-height:3.6rem;gap:.3rem;padding:.5rem .3rem;border-radius:calc(var(--ds-radius-card) * .55)}.menu-item-icon{width:1.5rem;height:1.5rem}.menu-item-title{font-size:.75rem}.menu-footer{display:none}.shell-splash h1{font-size:1.4rem}}@media(max-height:520px)and (orientation:landscape){.shell{display:flex;grid-template-rows:none}.side-menu{display:flex;width:5.6rem;gap:.6rem;padding:calc(.6rem + var(--safe-top)) .45rem calc(.5rem + var(--safe-bottom)) calc(.45rem + var(--safe-left));border-right:1px solid var(--ds-border);border-bottom:none}.menu-logo{grid-row:auto;justify-content:center;padding:.2rem 0;border-bottom:none;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.menu-logo img{width:2.2rem}.menu-items{grid-row:auto;flex-direction:column;gap:.45rem;padding:0;border-top:none;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow-x:hidden;overflow-y:auto}.menu-item{flex:0 0 auto;min-height:3.4rem;min-width:0;gap:.25rem;padding:.45rem .25rem}.menu-item-icon{width:1.4rem;height:1.4rem}.menu-item-title{font-size:.7rem}.menu-footer{display:none}}