.riffy-appshell{display:flex;flex-direction:row;height:100vh;min-height:0;background:var(--color-surface);font-family:var(--font-sans)}.riffy-appshell>.riffy-sidebar,.riffy-appshell__rail{height:100%;flex-shrink:0}.riffy-appshell__rail{overflow-y:auto;background:var(--color-rail-bg);border-right:1px solid var(--color-rail-border)}.riffy-appshell__col{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.riffy-appshell__main{flex:1;min-width:0;overflow-y:auto;padding:var(--space-6) var(--space-6);box-sizing:border-box}.riffy-appshell__content{margin:0 auto;width:100%}.riffy-appshell--responsive .riffy-appshell__nav{display:flex;flex-direction:row;height:100%;flex-shrink:0}.riffy-appshell--responsive .riffy-appshell__nav>.riffy-sidebar{height:100%;flex-shrink:0}.riffy-appshell--responsive .riffy-appshell__rail:empty,.riffy-appshell__navclose{display:none}@media (max-width:1279px){.riffy-appshell--responsive .riffy-appshell__main{padding:var(--space-4)}}@media (max-width:743px){.riffy-appshell--responsive .riffy-appshell__nav{position:fixed;top:0;left:0;bottom:0;z-index:60;max-width:calc(100vw - 48px);background:var(--color-bg);box-shadow:var(--shadow-3);transform:translateX(-100%);visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s}.riffy-appshell--responsive.is-nav-open .riffy-appshell__nav{transform:translateX(0);visibility:visible;transition:transform .2s ease,visibility 0s linear 0s}.riffy-appshell--responsive .riffy-appshell__nav .riffy-sidebar__toggle{display:none}.riffy-appshell--responsive .riffy-appshell__nav .riffy-sidebar{border-right:none}.riffy-appshell--responsive .riffy-appshell__nav .riffy-sidebar__brand{padding-right:48px}.riffy-appshell--responsive .riffy-appshell__navclose{position:absolute;top:var(--space-2);right:var(--space-2);z-index:22;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-8);background:transparent;color:var(--color-fg-body);cursor:pointer}.riffy-appshell--responsive .riffy-appshell__navclose:hover{background:var(--color-surface)}.riffy-appshell--responsive .riffy-appshell__navclose:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.riffy-appshell--responsive .riffy-appshell__navclose>svg{width:22px;height:22px}.riffy-appshell__backdrop{position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.3)}}@media (prefers-reduced-motion:reduce){.riffy-appshell--responsive .riffy-appshell__nav{transition:none}}.riffy-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;border-radius:var(--radius-full);color:#fff;font-family:var(--font-sans);font-weight:700;line-height:1;padding-bottom:.14em}.riffy-avatar--sm{width:24px;height:24px;font-size:10px}.riffy-avatar--md{width:32px;height:32px;font-size:13px}.riffy-avatar--lg{width:40px;height:40px;font-size:15px}.riffy-avatar--photo{padding:0;object-fit:cover;background-color:var(--color-border)}